Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
5caa32a1 by renchao@pashanhoo.com
Options

style:登记薄

1 parent 1c20ad78
Inline Side-by-side
Showing 5 changed files with 197 additions and 176 deletions
...@@ -20,8 +20,9 @@ ...@@ -20,8 +20,9 @@
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
23 ]"> 24 ]">
24 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 25 <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' || row.qszt == '1')">
25 正在办理 26 正在办理
26 </div> 27 </div>
27 <span v-if="item.prop == 'qszt'"> 28 <span v-if="item.prop == 'qszt'">
...@@ -39,67 +40,67 @@ ...@@ -39,67 +40,67 @@
39 </template> 40 </template>
40 41
41 <script> 42 <script>
42 import { getJsydsyqList } from "@/api/registerBook.js"; 43 import { getJsydsyqList } from "@/api/registerBook.js";
43 import { datas } from "./qlxxFormData.js"; 44 import { datas } from "./qlxxFormData.js";
44 export default { 45 export default {
45 data () { 46 data () {
46 return { 47 return {
47 title: "建设用地使用权、宅基地使用权登记信息", 48 title: "建设用地使用权、宅基地使用权登记信息",
48 qsztList: datas.columns().qsztList, 49 qsztList: datas.columns().qsztList,
49 checkList: datas.columns().checkList, 50 checkList: datas.columns().checkList,
50 //传递参数 51 //传递参数
51 propsParam: this.$attrs, 52 propsParam: this.$attrs,
52 //列表数据 53 //列表数据
53 tableData: [], 54 tableData: [],
54 //空列值个数 55 //空列值个数
55 emptycolNum: datas.columns().emptycolNum, 56 emptycolNum: datas.columns().emptycolNum,
56 //列名称对象 57 //列名称对象
57 columns: datas.columns().JSYDSYQ, 58 columns: datas.columns().JSYDSYQ,
58 }; 59 };
59 },
60 created () {
61 this.loadData();
62 },
63 methods: {
64 loadData () {
65 getJsydsyqList({
66 bdcdyid: this.propsParam.bdcdyid,
67 qllx: this.propsParam.qllx,
68 qszt: this.checkList,
69 }).then((res) => {
70 if (res.code === 200) {
71 this.tableData = res.result;
72 if (this.tableData.length < datas.columns().emptycolNum) {
73 this.emptycolNum =
74 datas.columns().emptycolNum - this.tableData.length;
75 } else {
76 this.emptycolNum = 0;
77 }
78 }
79 });
80 }, 60 },
81 checkChange () { 61 created () {
82 if (this.checkList.length === 0) { 62 this.loadData();
83 this.tableData = [];
84 this.emptycolNum = datas.columns().emptycolNum;
85 } else {
86 this.loadData();
87 }
88 }, 63 },
89 getQsztName (code) { 64 methods: {
90 let name = ""; 65 loadData () {
91 for (let item of this.qsztList) { 66 getJsydsyqList({
92 if (item.value == code) { 67 bdcdyid: this.propsParam.bdcdyid,
93 name = item.label; 68 qllx: this.propsParam.qllx,
94 break; 69 qszt: this.checkList,
70 }).then((res) => {
71 if (res.code === 200) {
72 this.tableData = res.result;
73 if (this.tableData.length < datas.columns().emptycolNum) {
74 this.emptycolNum =
75 datas.columns().emptycolNum - this.tableData.length;
76 } else {
77 this.emptycolNum = 0;
78 }
79 }
80 });
81 },
82 checkChange () {
83 if (this.checkList.length === 0) {
84 this.tableData = [];
85 this.emptycolNum = datas.columns().emptycolNum;
86 } else {
87 this.loadData();
88 }
89 },
90 getQsztName (code) {
91 let name = "";
92 for (let item of this.qsztList) {
93 if (item.value == code) {
94 name = item.label;
95 break;
96 }
95 } 97 }
96 } 98 return name;
97 return name; 99 },
98 }, 100 },
99 }, 101 };
100 };
101 </script> 102 </script>
102 103
103 <style lang="scss" scoped> 104 <style lang="scss" scoped>
104 @import "./qlxxCommon.scss"; 105 @import "./qlxxCommon.scss";
105 </style> 106 </style>
......
...@@ -20,8 +20,9 @@ ...@@ -20,8 +20,9 @@
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
23 ]"> 24 ]">
24 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 25 <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' || row.qszt == '1')">
25 正在办理 26 正在办理
26 </div> 27 </div>
27 <span v-if="item.prop == 'qszt'"> 28 <span v-if="item.prop == 'qszt'">
...@@ -39,67 +40,67 @@ ...@@ -39,67 +40,67 @@
39 </template> 40 </template>
40 41
41 <script> 42 <script>
42 import { getJsydsyqList } from "@/api/registerBook.js"; 43 import { getJsydsyqList } from "@/api/registerBook.js";
43 import { datas } from "./qlxxFormData.js"; 44 import { datas } from "./qlxxFormData.js";
44 export default { 45 export default {
45 data () { 46 data () {
46 return { 47 return {
47 title: "建设用地使用权、宅基地使用权登记信息", 48 title: "建设用地使用权、宅基地使用权登记信息",
48 qsztList: datas.columns().qsztList, 49 qsztList: datas.columns().qsztList,
49 checkList: datas.columns().checkList, 50 checkList: datas.columns().checkList,
50 //传递参数 51 //传递参数
51 propsParam: this.$attrs, 52 propsParam: this.$attrs,
52 //列表数据 53 //列表数据
53 tableData: [], 54 tableData: [],
54 //空列值个数 55 //空列值个数
55 emptycolNum: datas.columns().emptycolNum, 56 emptycolNum: datas.columns().emptycolNum,
56 //列名称对象 57 //列名称对象
57 columns: datas.columns().JSYDSYQ, 58 columns: datas.columns().JSYDSYQ,
58 }; 59 };
59 },
60 created () {
61 this.loadData();
62 },
63 methods: {
64 loadData () {
65 getJsydsyqList({
66 bdcdyid: this.propsParam.bdcdyid,
67 qllx: this.propsParam.qllx,
68 qszt: this.checkList,
69 }).then((res) => {
70 if (res.code === 200) {
71 this.tableData = res.result;
72 if (this.tableData.length < datas.columns().emptycolNum) {
73 this.emptycolNum =
74 datas.columns().emptycolNum - this.tableData.length;
75 } else {
76 this.emptycolNum = 0;
77 }
78 }
79 });
80 }, 60 },
81 checkChange () { 61 created () {
82 if (this.checkList.length === 0) { 62 this.loadData();
83 this.tableData = [];
84 this.emptycolNum = datas.columns().emptycolNum;
85 } else {
86 this.loadData();
87 }
88 }, 63 },
89 getQsztName (code) { 64 methods: {
90 let name = ""; 65 loadData () {
91 for (let item of this.qsztList) { 66 getJsydsyqList({
92 if (item.value == code) { 67 bdcdyid: this.propsParam.bdcdyid,
93 name = item.label; 68 qllx: this.propsParam.qllx,
94 break; 69 qszt: this.checkList,
70 }).then((res) => {
71 if (res.code === 200) {
72 this.tableData = res.result;
73 if (this.tableData.length < datas.columns().emptycolNum) {
74 this.emptycolNum =
75 datas.columns().emptycolNum - this.tableData.length;
76 } else {
77 this.emptycolNum = 0;
78 }
79 }
80 });
81 },
82 checkChange () {
83 if (this.checkList.length === 0) {
84 this.tableData = [];
85 this.emptycolNum = datas.columns().emptycolNum;
86 } else {
87 this.loadData();
88 }
89 },
90 getQsztName (code) {
91 let name = "";
92 for (let item of this.qsztList) {
93 if (item.value == code) {
94 name = item.label;
95 break;
96 }
95 } 97 }
96 } 98 return name;
97 return name; 99 },
98 }, 100 },
99 }, 101 };
100 };
101 </script> 102 </script>
102 103
103 <style lang="scss" scoped> 104 <style lang="scss" scoped>
104 @import "./qlxxCommon.scss"; 105 @import "./qlxxCommon.scss";
105 </style> 106 </style>
......
...@@ -20,8 +20,9 @@ ...@@ -20,8 +20,9 @@
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
23 ]"> 24 ]">
24 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 25 <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' || row.qszt == '1')">
25 正在办理 26 正在办理
26 </div> 27 </div>
27 <span v-if="item.prop == 'qszt'"> 28 <span v-if="item.prop == 'qszt'">
...@@ -62,73 +63,73 @@ ...@@ -62,73 +63,73 @@
62 </template> 63 </template>
63 64
64 <script> 65 <script>
65 import { getNydsyqList } from "@/api/registerBook.js"; 66 import { getNydsyqList } from "@/api/registerBook.js";
66 import { datas } from "./qlxxFormData.js"; 67 import { datas } from "./qlxxFormData.js";
67 export default { 68 export default {
68 data () { 69 data () {
69 return { 70 return {
70 title: "农用地使用权登记信息", 71 title: "农用地使用权登记信息",
71 qsztList: datas.columns().qsztList, 72 qsztList: datas.columns().qsztList,
72 checkList: datas.columns().checkList, 73 checkList: datas.columns().checkList,
73 //传递参数 74 //传递参数
74 propsParam: this.$attrs, 75 propsParam: this.$attrs,
75 //列表数据 76 //列表数据
76 tableData: [], 77 tableData: [],
77 //空列值个数 78 //空列值个数
78 emptycolNum: datas.columns().emptycolNum, 79 emptycolNum: datas.columns().emptycolNum,
79 //列名称对象 80 //列名称对象
80 columns: datas.columns().NYDSYQ, 81 columns: datas.columns().NYDSYQ,
81 }; 82 };
82 },
83 created () {
84 var qllx = this.$route.query.sqywbm.substr(0,3)
85 if(qllx == 'A09'){
86 this.title = '土地经营权登记信息'
87 }else{
88 this.title = '农用地使用权登记信息'
89 }
90 this.loadData();
91 },
92 methods: {
93 loadData () {
94 getNydsyqList({
95 bdcdyid: this.propsParam.bdcdyid,
96 qllx: this.propsParam.qllx,
97 qszt: this.checkList,
98 }).then((res) => {
99 if (res.code === 200) {
100 this.tableData = res.result;
101 if (this.tableData.length < datas.columns().emptycolNum) {
102 this.emptycolNum =
103 datas.columns().emptycolNum - this.tableData.length;
104 } else {
105 this.emptycolNum = 0;
106 }
107 }
108 });
109 }, 83 },
110 checkChange () { 84 created () {
111 if (this.checkList.length === 0) { 85 var qllx = this.$route.query.sqywbm.substr(0, 3)
112 this.tableData = []; 86 if (qllx == 'A09') {
113 this.emptycolNum = datas.columns().emptycolNum; 87 this.title = '土地经营权登记信息'
114 } else { 88 } else {
115 this.loadData(); 89 this.title = '农用地使用权登记信息'
116 } 90 }
91 this.loadData();
117 }, 92 },
118 getQsztName (code) { 93 methods: {
119 let name = ""; 94 loadData () {
120 for (let item of this.qsztList) { 95 getNydsyqList({
121 if (item.value == code) { 96 bdcdyid: this.propsParam.bdcdyid,
122 name = item.label; 97 qllx: this.propsParam.qllx,
123 break; 98 qszt: this.checkList,
99 }).then((res) => {
100 if (res.code === 200) {
101 this.tableData = res.result;
102 if (this.tableData.length < datas.columns().emptycolNum) {
103 this.emptycolNum =
104 datas.columns().emptycolNum - this.tableData.length;
105 } else {
106 this.emptycolNum = 0;
107 }
108 }
109 });
110 },
111 checkChange () {
112 if (this.checkList.length === 0) {
113 this.tableData = [];
114 this.emptycolNum = datas.columns().emptycolNum;
115 } else {
116 this.loadData();
124 } 117 }
125 } 118 },
126 return name; 119 getQsztName (code) {
120 let name = "";
121 for (let item of this.qsztList) {
122 if (item.value == code) {
123 name = item.label;
124 break;
125 }
126 }
127 return name;
128 },
127 }, 129 },
128 }, 130 };
129 };
130 </script> 131 </script>
131 132
132 <style lang="scss" scoped> 133 <style lang="scss" scoped>
133 @import "./qlxxCommon.scss"; 134 @import "./qlxxCommon.scss";
134 </style> 135 </style>
......
...@@ -125,6 +125,24 @@ ...@@ -125,6 +125,24 @@
125 transform: rotate(-90deg); 125 transform: rotate(-90deg);
126 } 126 }
127 127
128 .xianshiIcon {
129 position: relative;
130 }
131
132 .xianshiIcon::after {
133 content: "";
134 display: block;
135 width: 0;
136 height: 0;
137 border-width: 0px 0px 55px 55px;
138 border-style: none solid solid;
139 border-color: transparent transparent #67C23A;
140 position: absolute;
141 top: 0;
142 right: 0;
143 transform: rotate(-90deg);
144 }
145
128 .icon { 146 .icon {
129 position: absolute; 147 position: absolute;
130 top: 12px; 148 top: 12px;
......
...@@ -107,7 +107,7 @@ class data extends filter { ...@@ -107,7 +107,7 @@ class data extends filter {
107 }, 107 },
108 { 108 {
109 prop: "qdjg", 109 prop: "qdjg",
110 label: "取得价格(元)", 110 label: "取得价格(万元)",
111 }, 111 },
112 { 112 {
113 prop: "djyy", 113 prop: "djyy",
......