Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
d4a61983 by 杨威
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem

2 parents 649cc648 6fc90ce5
Inline Side-by-side
Showing 3 changed files with 370 additions and 46 deletions
...@@ -48,3 +48,16 @@ export function queryjzd(glBsm) { ...@@ -48,3 +48,16 @@ export function queryjzd(glBsm) {
48 }, 48 },
49 }); 49 });
50 } 50 }
51 /**
52 * 查询界址线
53 */
54 export function queryjzx(glBsm) {
55 return request({
56 url: '/zd/qjJzx/getQjJzxListByGlBsm',
57 method: 'get',
58 params: {
59 glBsm
60 }
61 })
62 }
63
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 <td><input tepe="text" class="formInput" v-model="item.yzbz" :readonly="item.iszb" 25 <td><input tepe="text" class="formInput" v-model="item.yzbz" :readonly="item.iszb"
26 @keydown="oninput"/></td> 26 @keydown="oninput"/></td>
27 <td> 27 <td>
28 <el-select v-model="item.jblx" :disabled="item.jbisdisabled"> 28 <el-select v-model="item.jblx" :disabled="item.jzdisdisabled">
29 <el-option 29 <el-option
30 v-for="i in jblx" 30 v-for="i in jblx"
31 :key="i.key" 31 :key="i.key"
...@@ -88,10 +88,10 @@ ...@@ -88,10 +88,10 @@
88 </template> 88 </template>
89 89
90 <script> 90 <script>
91 import {queryjzd} from '../../../api/zd' 91 import {queryjzx} from '../../../api/zd'
92 92
93 export default { 93 export default {
94 name: "", 94 name: "界址点",
95 components: {}, 95 components: {},
96 props: {}, 96 props: {},
97 data() { 97 data() {
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
149 } 149 }
150 ], 150 ],
151 jzdlist: [ 151 jzdlist: [
152 { 152 /* {
153 isCheck: false, 153 isCheck: false,
154 jzdh: 'JZDH001', 154 jzdh: 'JZDH001',
155 sxh: '1', 155 sxh: '1',
...@@ -160,29 +160,7 @@ ...@@ -160,29 +160,7 @@
160 iszb: 'readonly', 160 iszb: 'readonly',
161 jbisdisabled: true, 161 jbisdisabled: true,
162 jzdisdisabled: true 162 jzdisdisabled: true
163 }, { 163 }*/
164 isCheck: false,
165 jzdh: 'JZDH002',
166 sxh: '2',
167 xzbz: '10.0',
168 yzbz: '11.0',
169 jblx: '2',
170 jzdlx: '2',
171 iszb: 'readonly',
172 jbisdisabled: true,
173 jzdisdisabled: true
174 }, {
175 isCheck: false,
176 jzdh: 'JZDH003',
177 sxh: '3',
178 xzbz: '10.0',
179 yzbz: '11.0',
180 jblx: '3',
181 jzdlx: '3',
182 iszb: 'readonly',
183 jbisdisabled: true,
184 jzdisdisabled: true
185 },
186 164
187 ] 165 ]
188 } 166 }
...@@ -192,12 +170,11 @@ ...@@ -192,12 +170,11 @@
192 }, 170 },
193 mounted() { 171 mounted() {
194 // 该标识码继承过来 172 // 该标识码继承过来
195 let bsm = '401044005bad0557d5e3787239d8e18e'; 173 let bsm = '044dc12648a1f41374679281da63e93b';
196 queryjzd(bsm).then(res => { 174 queryjzx(bsm).then(res => {
197 for (let i = 0; i < res.result.length; i++) { 175 for (let i = 0; i < res.result.length; i++) {
198 res.result[i]['isCheck'] = false; 176 res.result[i]['isCheck'] = false;
199 res.result[i]['iszb'] = 'readonly'; 177 res.result[i]['iszb'] = 'readonly';
200 res.result[i]['jbisdisabled'] = true;
201 res.result[i]['jzdisdisabled'] = true; 178 res.result[i]['jzdisdisabled'] = true;
202 } 179 }
203 this.jzdlist = res.result; 180 this.jzdlist = res.result;
...@@ -215,11 +192,10 @@ ...@@ -215,11 +192,10 @@
215 } 192 }
216 }, 193 },
217 oninput(e) { 194 oninput(e) {
218 e.target.value = (e.target.value.match(/^\d*(\.?\d{0,0})/g)[0]) || null 195 e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null
219 }, 196 },
220 changeAll(e) { 197 changeAll(e) {
221 if (!e.target.checked) { 198 if (!e.target.checked) {
222 console.log("11111")
223 this.isCheckAll = false; 199 this.isCheckAll = false;
224 return 200 return
225 } 201 }
...@@ -240,7 +216,6 @@ ...@@ -240,7 +216,6 @@
240 for (let item of this.jzdlist) { 216 for (let item of this.jzdlist) {
241 if (item.isCheck) { 217 if (item.isCheck) {
242 item.iszb = false; 218 item.iszb = false;
243 item.jbisdisabled = false;
244 item.jzdisdisabled = false; 219 item.jzdisdisabled = false;
245 } 220 }
246 } 221 }
...@@ -257,7 +232,7 @@ ...@@ -257,7 +232,7 @@
257 </script> 232 </script>
258 <style scoped lang="less"> 233 <style scoped lang="less">
259 /deep/.el-input.is-disabled .el-input__inner{ 234 /deep/.el-input.is-disabled .el-input__inner{
260 color: #606764; 235 color: #cc1214;
261 } 236 }
262 .main { 237 .main {
263 box-sizing: border-box; 238 box-sizing: border-box;
...@@ -289,7 +264,7 @@ ...@@ -289,7 +264,7 @@
289 cursor: text; 264 cursor: text;
290 } 265 }
291 266
292 .plxg span { 267 table:hover{
293 width: 300px; 268 cursor: pointer;
294 } 269 }
295 </style> 270 </style>
......
1 <template> 1 <template>
2 <div class="">界址线</div> 2 <div class="main">
3 <div class="button">
4 <el-button type="primary" @click="oneExit">编辑</el-button>
5 <el-button type="primary" @click="save">保存</el-button>
6 <el-button type="primary" @click="batchExit">批量修改</el-button>
7 </div>
8 <div class="table">
9 <table border="1">
10 <tr>
11 <td><input type="checkbox" @click="allcheck" v-model="isCheckAll"/></td>
12 <td>起始点</td>
13 <td>终止点</td>
14 <td>界址点距(m)</td>
15 <td>界址线类型</td>
16 <td>界址线位置</td>
17 <td>界限性质</td>
18 <td>说明</td>
19 </tr>
20 <tr v-for="(item,index) in jzxlist" :key="index">
21 <td><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td>
22 <td><input type="text" class="formInput" v-model="item.qsd" readonly="readonly"/></td>
23 <td><input type="text" class="formInput" v-model="item.zzd" readonly="readonly"/></td>
24 <td><input type="text" class="formInput" v-model="item.jzdj" :readonly="item.jjisdisabled"/></td>
25 <td>
26 <el-select v-model="item.jzxlx" :disabled="item.jzxisdisabled">
27 <el-option
28 v-for="i in jzxlx"
29 :key="i.key"
30 :label="i.label"
31 :value="i.value"
32 ></el-option>
33 </el-select>
34 </td>
35 <td>
36 <el-select v-model="item.jzxwz" :disabled="item.jzxisdisabled">
37 <el-option
38 v-for="i in jzxwz"
39 :key="i.key"
40 :label="i.label"
41 :value="i.value"
42 ></el-option>
43 </el-select>
44 </td>
45 <td>
46 <el-select v-model="item.jxxz" :disabled="item.jzxisdisabled">
47 <el-option
48 v-for="i in jxxz"
49 :key="i.key"
50 :label="i.label"
51 :value="i.value"
52 ></el-option>
53 </el-select>
54 </td>
55 <td>
56 <input type="text" class="formInput" v-model="item.sm" readonly="readonly"/>
57 </td>
58 </tr>
59 </table>
60 </div>
61 <div>
62 <el-dialog
63 title="批量修改"
64 :visible.sync="centerDialogVisible"
65 width="30%"
66 center>
67 <div class="plxg">
68 <div>
69 <span class=""> 界址线类型:</span>
70 <el-select>
71 <el-option
72 v-for="i in jzxlx"
73 :key="i.key"
74 :label="i.label"
75 :value="i.value"
76 ></el-option>
77 </el-select>
78 </div>
79 <div>
80 <span>界址线位置:</span>
81 <el-select>
82 <el-option
83 v-for="i in jzxwz"
84 :key="i.key"
85 :label="i.label"
86 :value="i.value"
87 ></el-option>
88 </el-select>
89 </div>
90 <div>
91 <span>界线性质:</span>
92 <el-select>
93 <el-option
94 v-for="i in jxxz"
95 :key="i.key"
96 :label="i.label"
97 :value="i.value"
98 ></el-option>
99 </el-select>
100 </div>
101
102 </div>
103 <span slot="footer" class="dialog-footer">
104 <el-button @click="centerDialogVisible = false">取 消</el-button>
105 <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
106 </span>
107 </el-dialog>
108 </div>
109 </div>
3 </template> 110 </template>
4 111
5 <script> 112 <script>
6 export default { 113 import {queryjzd} from '../../../api/zd'
7 name:"", 114
8 components:{}, 115 export default {
9 props:{}, 116 name: "",
10 data(){ 117 components: {},
118 props: {},
119 data() {
11 return { 120 return {
121 isCheckAll: false,
122 centerDialogVisible: false,
123 jzxwz: [
124 {
125 key: '1',
126 label: '内',
127 value: '1'
128 }, {
129 key: '2',
130 label: '中',
131 value: '2'
132 }, {
133 key: '3',
134 label: '外',
135 value: '3'
136 },
137 ],
138 jxxz: [
139 {
140 key: '600001',
141 label: '已定界',
142 value: '600001'
143 }, {
144 key: '600002',
145 label: '未定界',
146 value: '600002'
147 }, {
148 key: '600003',
149 label: '争议界',
150 value: '600003'
151 }, {
152 key: '600004',
153 label: '工作界',
154 value: '600004'
155 }, {
156 key: '600009',
157 label: '其他',
158 value: '600009'
159 },
160 ],
161 jzxlx: [
162 {
163 key: '250200',
164 label: '海岸线',
165 value: '250200'
166 }, {
167 key: '250201',
168 label: '大潮平均高潮线',
169 value: '250201'
170 }, {
171 key: '250202',
172 label: '零米等深线',
173 value: '250202'
174 }, {
175 key: '250203',
176 label: '江河入海口陆海分界线',
177 value: '250203'
178 }, {
179 key: '620200',
180 label: '国界',
181 value: '620200'
182 }, {
183 key: '630200',
184 label: '省、自治区、直辖市界',
185 value: '630200'
186 }, {
187 key: '640200',
188 label: '地区、自治州、地级市界',
189 value: '640200'
190 }, {
191 key: '650200',
192 label: '县、区、旗、县级市界',
193 value: '650200'
194 }, {
195 key: '660200',
196 label: '街道、乡、（镇）界',
197 value: '660200'
198 }, {
199 key: '670402',
200 label: '开发区、保税区界',
201 value: '670402'
202 }, {
203 key: '670500',
204 label: '街坊、村界',
205 value: '670500'
206 }, {
207 key: '670600',
208 label: '省、自治区、直辖市间海域行政界线',
209 value: '670600'
210 }, {
211 key: '670700',
212 label: '县际间海域行政界线',
213 value: '670700'
214 },
215 ],
216 jzxlist: [
217 {
218 isCheck: false,
219 qsd: '11',
220 zzd: '1',
221 jzdj: '10.0',
222 jzxlx: '670600',
223 jzxwz: '1',
224 jxxz: '600002',
225 sm: '32131',
226 iszb: 'readonly',
227 jjisdisabled: true,
228 jzxisdisabled: true
229 }, {
230 isCheck: false,
231 qsd: '12',
232 zzd: '1',
233 jzdj: '10.0',
234 jzxlx: '670500',
235 jzxwz: '1',
236 jxxz: '600002',
237 sm: '3123',
238 iszb: 'readonly',
239 jjisdisabled: true,
240 jzxisdisabled: true
241 }, {
242 isCheck: false,
243 qsd: '14',
244 zzd: '1',
245 jzdj: '10.0',
246 jzxlx: '670700',
247 jzxwz: '1',
248 jxxz: '600004',
249 sm: '212',
250 iszb: 'readonly',
251 jjisdisabled: true,
252 jzxisdisabled: true
253 },
254
255 ]
256 }
257 },
258 created() {
259
260 },
261 mounted() {
262 // 该标识码继承过来
263 let bsm = '401044005bad0557d5e3787239d8e18e';
264 /* queryjzd(bsm).then(res => {
265 for (let i = 0; i < res.result.length; i++) {
266 res.result[i]['isCheck'] = false;
267 res.result[i]['iszb'] = 'readonly';
268 res.result[i]['jbisdisabled'] = true;
269 res.result[i]['jzdisdisabled'] = true;
270 }
271 this.jzdlist = res.result;
272 })*/
273 },
274 methods: {
275 save() {
276 console.log("保存....");
277 for (let item of this.jzxlist) {
278 if (item.isCheck) {
279 item.jjisdisabled = 'readonly';
280 item.jzxisdisabled = true;
281 }
282 }
283 },
284 oninput(e) {
285 e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null
286 },
287 changeAll(e) {
288 if (!e.target.checked) {
289 console.log("11111")
290 this.isCheckAll = false;
291 return
292 }
293 for (let item of this.jzxlist) {
294 if (!item.isCheck) {
295 this.isCheckAll = false;
296 return
297 }
298 }
299 this.isCheckAll = true;
300 },
301 allcheck(value) {
302 for (let item of this.jzxlist) {
303 item.isCheck = value.target.checked;
304 }
305 },
306 oneExit() {
307 for (let item of this.jzxlist) {
308 if (item.isCheck) {
309 item.jjisdisabled = false;
310 item.jzxisdisabled = false;
311 }
312 }
313
314 },
315 batchExit() {
316 console.log("批量修改")
317 this.centerDialogVisible = true;
12 } 318 }
13 }, 319 },
14 created(){},
15 mounted(){},
16 methods:{},
17 computed: {}, 320 computed: {},
18 watch: {}, 321 watch: {},
19 } 322 }
20 </script> 323 </script>
21 <style scoped lang="less"> 324 <style scoped lang="less">
325 .main {
326 box-sizing: border-box;
327 padding: 18px;
328 height: auto;
329 width: 80%;
330 }
331
332 table {
333 margin-top: 10px;
334 background-color: #fff;
335 font-size: 14px;
336 width: 100%;
337 }
338
339 td {
340 text-align: center;
341 height: 36px;
342 }
343
344 table .formInput {
345 margin: 0;
346 height: 36px;
347 outline: none;
348 border: none;
349 color: #606764;
350 overflow: visible;
351 text-align: center;
352 cursor: text;
353 }
354
355 table:hover {
356 cursor: pointer;
357 }
22 </style> 358 </style>
......