Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
1323a4b8 by 杨威
Options

必填标识，部分字段修改

1 parent a24e599b
Inline Side-by-side
Showing 3 changed files with 104 additions and 44 deletions
...@@ -33,4 +33,8 @@ ...@@ -33,4 +33,8 @@
33 .psr{ 33 .psr{
34 position: relative; 34 position: relative;
35 } 35 }
36 ol, ul { list-style:none; }
...\ No newline at end of file ...\ No newline at end of file
36 ol, ul { list-style:none; }
37 .requisite{
38 font-style: normal;
39 color: red;
40 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
44 <ul> 44 <ul>
45 <li>批准用途</li> 45 <li>批准用途</li>
46 <li>实际用途</li> 46 <li>实际用途</li>
47 <li>土地使用起始时间</li> 47 <li>土地使用起始时间<i class="requisite">*</i></li>
48 </ul> 48 </ul>
49 </el-col> 49 </el-col>
50 <el-col :span="4"> 50 <el-col :span="4">
...@@ -52,10 +52,10 @@ ...@@ -52,10 +52,10 @@
52 <li> 52 <li>
53 <el-select class="formSelect percent30" v-model="items.pzyt"> 53 <el-select class="formSelect percent30" v-model="items.pzyt">
54 <el-option 54 <el-option
55 v-for="item in compareList" 55 v-for="item in pzytList"
56 :key="item.value" 56 :key="item.dm"
57 :label="item.label" 57 :label="item.mc"
58 :value="item.value" 58 :value="item.dm"
59 > 59 >
60 </el-option> 60 </el-option>
61 </el-select> 61 </el-select>
...@@ -63,10 +63,10 @@ ...@@ -63,10 +63,10 @@
63 <li> 63 <li>
64 <el-select class="formSelect percent30" v-model="items.sjyt"> 64 <el-select class="formSelect percent30" v-model="items.sjyt">
65 <el-option 65 <el-option
66 v-for="item in compareList" 66 v-for="item in sjytList"
67 :key="item.value" 67 :key="item.dm"
68 :label="item.label" 68 :label="item.mc"
69 :value="item.value" 69 :value="item.dm"
70 > 70 >
71 </el-option> 71 </el-option>
72 </el-select> 72 </el-select>
...@@ -85,16 +85,16 @@ ...@@ -85,16 +85,16 @@
85 <ul> 85 <ul>
86 <li>地类编码</li> 86 <li>地类编码</li>
87 <li>地类编码</li> 87 <li>地类编码</li>
88 <li>年限</li> 88 <li>年限<i class="requisite">*</i></li>
89 </ul> 89 </ul>
90 </el-col> 90 </el-col>
91 <el-col :span="3"> 91 <el-col :span="3">
92 <ul> 92 <ul>
93 <li> 93 <li>
94 <input type="text" v-model="items.dlbm" class="formInput" /> 94 <input type="text" v-model="items.pzyt" class="formInput" />
95 </li> 95 </li>
96 <li> 96 <li>
97 <input type="text" v-model="items.dlbm2" class="formInput" /> 97 <input type="text" v-model="items.sjyt" class="formInput" />
98 </li> 98 </li>
99 <li> 99 <li>
100 <input type="text" v-model="items.nx" class="formInput" /> 100 <input type="text" v-model="items.nx" class="formInput" />
...@@ -105,7 +105,7 @@ ...@@ -105,7 +105,7 @@
105 <ul> 105 <ul>
106 <li>等级</li> 106 <li>等级</li>
107 <li>等级</li> 107 <li>等级</li>
108 <li>土地使用结束时间</li> 108 <li>土地使用结束时间<i class="requisite">*</i></li>
109 </ul> 109 </ul>
110 </el-col> 110 </el-col>
111 <el-col :span="4"> 111 <el-col :span="4">
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
113 <li> 113 <li>
114 <el-select class="formSelect percent30" v-model="items.dj1"> 114 <el-select class="formSelect percent30" v-model="items.dj1">
115 <el-option 115 <el-option
116 v-for="item in compareList" 116 v-for="item in djList"
117 :key="item.value" 117 :key="item.value"
118 :label="item.label" 118 :label="item.label"
119 :value="item.value" 119 :value="item.value"
...@@ -124,7 +124,7 @@ ...@@ -124,7 +124,7 @@
124 <li> 124 <li>
125 <el-select class="formSelect percent30" v-model="items.dj2"> 125 <el-select class="formSelect percent30" v-model="items.dj2">
126 <el-option 126 <el-option
127 v-for="item in compareList" 127 v-for="item in djList"
128 :key="item.value" 128 :key="item.value"
129 :label="item.label" 129 :label="item.label"
130 :value="item.value" 130 :value="item.value"
...@@ -158,6 +158,7 @@ ...@@ -158,6 +158,7 @@
158 </template> 158 </template>
159 159
160 <script> 160 <script>
161 import { getDdicByMC } from "../../api/common";
161 export default { 162 export default {
162 props: { 163 props: {
163 widtd: { 164 widtd: {
...@@ -175,11 +176,9 @@ export default { ...@@ -175,11 +176,9 @@ export default {
175 }, 176 },
176 data() { 177 data() {
177 return { 178 return {
178 compareList: [ 179 pzytList:[],
179 { label: "=", value: "=" }, 180 sjytList:[],
180 { label: "<=", value: "<=" }, 181 djList:[],
181 { label: ">=", value: ">=" },
182 ],
183 countList: [ 182 countList: [
184 { 183 {
185 id: Math.random(), 184 id: Math.random(),
...@@ -199,7 +198,26 @@ export default { ...@@ -199,7 +198,26 @@ export default {
199 ], 198 ],
200 }; 199 };
201 }, 200 },
201 created(){
202 this.getDicData()
203 },
202 methods: { 204 methods: {
205 //获取字典数据
206 getDicData(){
207 getDdicByMC("土地用途")
208 .then((res) => {
209 console.log(res.result);
210 this.pzytList = res.result;
211 this.sjytList = res.result;
212 })
213 .catch((error) => {});
214 getDdicByMC("土地等级")
215 .then((res) => {
216 console.log(res.result);
217 this.djList = res.result;
218 })
219 .catch((error) => {});
220 },
203 //外层操作 221 //外层操作
204 handleClick(id, ind, type) { 222 handleClick(id, ind, type) {
205 if (type === "add") { 223 if (type === "add") {
......
...@@ -46,25 +46,49 @@ ...@@ -46,25 +46,49 @@
46 </el-option> 46 </el-option>
47 </el-select> 47 </el-select>
48 </td> 48 </td>
49 <td colspan="2">宗地特征码<i class="requisite">*</i></td>
50 <td colspan="4">
51 <el-select class="formSelect" v-model="formData.zdtzm">
52 <el-option
53 v-for="item in zdtzmList"
54 :key="item.bsm"
55 :label="item.mc"
56 :value="item.bsm"
57 >
58 </el-option>
59 </el-select>
60 </td>
61 </tr>
62 <tr>
49 <td colspan="2">权利设定方式</td> 63 <td colspan="2">权利设定方式</td>
50 <td colspan="4"> 64 <td colspan="4">
51 <el-select class="formSelect" v-model="formData.qlsdfs"> 65 <el-select class="formSelect" v-model="formData.qlsdfs">
52 <el-option 66 <el-option
53 v-for="item in qlsdfsList" 67 v-for="item in qlsdfsList"
54 :key="item.value" 68 :key="item.bsm"
55 :label="item.label" 69 :label="item.mc"
56 :value="item.value" 70 :value="item.bsm"
57 > 71 >
58 </el-option> 72 </el-option>
59 </el-select> 73 </el-select>
60 </td> 74 </td>
75 <td colspan="2">宗地代码<i class="requisite">*</i></td>
76 <td colspan="4" class="psr">
77 <input
78 type="text"
79 class="formInput percent78"
80 v-model="formData.zddm"
81 />
82 <el-button type="primary" class="createBtn">生成</el-button>
83 </td>
61 </tr> 84 </tr>
62 <tr> 85 <tr>
63 <td colspan="2">宗地代码</td> 86 <td colspan="2">地籍号</td>
64 <td colspan="4"> 87 <td colspan="4">
65 <input type="text" class="formInput" v-model="formData.zddm" /> 88 <input type="text" class="formInput" v-model="formData.djh" />
66 </td> 89 </td>
67 <td colspan="2">不动产单元号</td> 90
91 <td colspan="2">不动产单元号<i class="requisite">*</i></td>
68 <td colspan="4" class="psr"> 92 <td colspan="4" class="psr">
69 <input 93 <input
70 type="text" 94 type="text"
...@@ -75,9 +99,9 @@ ...@@ -75,9 +99,9 @@
75 </td> 99 </td>
76 </tr> 100 </tr>
77 <tr> 101 <tr>
78 <td colspan="2">地籍号</td> 102 <td colspan="2">坐落<i class="requisite">*</i></td>
79 <td colspan="4"> 103 <td colspan="4">
80 <input type="text" class="formInput" v-model="formData.djh" /> 104 <input type="text" class="formInput" v-model="formData.zl" />
81 </td> 105 </td>
82 <td colspan="2">土地权属来源证明材料</td> 106 <td colspan="2">土地权属来源证明材料</td>
83 <td colspan="4" class="psr"> 107 <td colspan="4" class="psr">
...@@ -89,17 +113,11 @@ ...@@ -89,17 +113,11 @@
89 </td> 113 </td>
90 </tr> 114 </tr>
91 <tr> 115 <tr>
92 <td colspan="2">坐落</td>
93 <td colspan="10">
94 <input type="text" class="formInput" v-model="formData.zl" />
95 </td>
96 </tr>
97 <tr>
98 <td colspan="2">国民经济行业分类</td> 116 <td colspan="2">国民经济行业分类</td>
99 <td colspan="4"> 117 <td colspan="4">
100 <el-select class="formSelect" v-model="formData.gmjjhyfl"> 118 <el-select class="formSelect" v-model="formData.gmjjhyfl">
101 <el-option 119 <el-option
102 v-for="item in jjhyflList" 120 v-for="item in gmjjhyflList"
103 :key="item.value" 121 :key="item.value"
104 :label="item.label" 122 :label="item.label"
105 :value="item.value" 123 :value="item.value"
...@@ -184,25 +202,25 @@ ...@@ -184,25 +202,25 @@
184 </tr> 202 </tr>
185 <tr> 203 <tr>
186 <td colspan="2" rowspan="4">宗地四至</td> 204 <td colspan="2" rowspan="4">宗地四至</td>
187 <td colspan="2">北至</td> 205 <td colspan="2">北至<i class="requisite">*</i></td>
188 <td colspan="8" class="psr"> 206 <td colspan="8" class="psr">
189 <input type="text" class="formInput" v-model="formData.bz" /> 207 <input type="text" class="formInput" v-model="formData.bz" />
190 </td> 208 </td>
191 </tr> 209 </tr>
192 <tr> 210 <tr>
193 <td colspan="2">东至</td> 211 <td colspan="2">东至<i class="requisite">*</i></td>
194 <td colspan="8" class="psr"> 212 <td colspan="8" class="psr">
195 <input type="text" class="formInput" v-model="formData.dz" /> 213 <input type="text" class="formInput" v-model="formData.dz" />
196 </td> 214 </td>
197 </tr> 215 </tr>
198 <tr> 216 <tr>
199 <td colspan="2">南至</td> 217 <td colspan="2">南至<i class="requisite">*</i></td>
200 <td colspan="8" class="psr"> 218 <td colspan="8" class="psr">
201 <input type="text" class="formInput" v-model="formData.nz" /> 219 <input type="text" class="formInput" v-model="formData.nz" />
202 </td> 220 </td>
203 </tr> 221 </tr>
204 <tr> 222 <tr>
205 <td colspan="2">西至</td> 223 <td colspan="2">西至<i class="requisite">*</i></td>
206 <td colspan="8" class="psr"> 224 <td colspan="8" class="psr">
207 <input type="text" class="formInput" v-model="formData.xz" /> 225 <input type="text" class="formInput" v-model="formData.xz" />
208 </td> 226 </td>
...@@ -263,8 +281,9 @@ export default { ...@@ -263,8 +281,9 @@ export default {
263 data() { 281 data() {
264 return { 282 return {
265 qllxList: [], 283 qllxList: [],
266 qlsdfsList: [{ label: "地上", value: "1" }], 284 zdtzmList: [],
267 jjhyflList: [{ label: "制造业", value: "1" }], 285 qlsdfsList: [],
286 gmjjhyflList: [],
268 compareList: [ 287 compareList: [
269 { label: "=", value: "=" }, 288 { label: "=", value: "=" },
270 { label: "<=", value: "<=" }, 289 { label: "<=", value: "<=" },
...@@ -275,12 +294,13 @@ export default { ...@@ -275,12 +294,13 @@ export default {
275 djq: "", 294 djq: "",
276 djzq: "", 295 djzq: "",
277 qllx: "", 296 qllx: "",
297 zdtzm:"",
278 qlsdfs: "", 298 qlsdfs: "",
279 zddm: "", 299 zddm: "",
280 bdcdyh: "",
281 djh: "", 300 djh: "",
282 tdqslyzmcl: "", 301 bdcdyh: "",
283 zl: "", 302 zl: "",
303 tdqslyzmcl: "",
284 gmjjhyfl: "", 304 gmjjhyfl: "",
285 jg: "", 305 jg: "",
286 blc: "", 306 blc: "",
...@@ -324,6 +344,24 @@ export default { ...@@ -324,6 +344,24 @@ export default {
324 this.qllxList = res.result; 344 this.qllxList = res.result;
325 }) 345 })
326 .catch((error) => {}); 346 .catch((error) => {});
347 getDdicByMC("宗地（宗海）特征码")
348 .then((res) => {
349 console.log(res.result);
350 this.zdtzmList = res.result;
351 })
352 .catch((error) => {});
353 getDdicByMC("权利设定方式")
354 .then((res) => {
355 console.log(res.result);
356 this.qlsdfsList = res.result;
357 })
358 .catch((error) => {});
359 getDdicByMC("国民经济行业分类代码")
360 .then((res) => {
361 console.log(res.result);
362 this.gmjjhyflList = res.result;
363 })
364 .catch((error) => {});
327 }, 365 },
328 }, 366 },
329 computed: {}, 367 computed: {},
......