Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
aa4e2e55 by weimo934
Options

feat(sxdr):属性导入

1 parent 08c74968
Inline Side-by-side
Showing 2 changed files with 996 additions and 984 deletions
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
15 multiple 15 multiple
16 > 16 >
17 <el-button type="primary">上传</el-button> 17 <el-button type="primary">上传</el-button>
18 <el-button type="primary" @click="downloadTemplate">下载模板</el-button> 18 <el-button type="primary" @click="downloadTemplate">下载模板</el-button>
19 </el-upload> 19 </el-upload>
20 </div> 20 </div>
21 <ul> 21 <ul>
22 <li v-for="(item,index) in errorData" :key="index">{{item}}</li> 22 <li v-for="(item,index) in errorData" :key="index">{{item}}</li>
23 </ul> 23 </ul>
24 <span slot="footer" class="dialog-footer"> 24 <span slot="footer" class="dialog-footer">
25 <el-button @click="dialogVisible = false">取 消</el-button> 25 <el-button @click="dialogVisible = false">取 消</el-button>
26 <el-button type="primary" @click="dialogVisible = false">确 定</el-button> 26 <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
...@@ -52,53 +52,37 @@ ...@@ -52,53 +52,37 @@
52 sxdrData: { 52 sxdrData: {
53 bsm: '' 53 bsm: ''
54 }, 54 },
55 errorData:[] 55 errorData: []
56 } 56 }
57 }, 57 },
58 mounted(){ 58 mounted() {
59 this.$store.state.sxdrType=''; 59 this.$store.state.sxdrType = '';
60 }, 60 },
61 methods: { 61 methods: {
62 loading(){ 62 loading() {
63 debugger 63 this.$store.state.sxdrType = this.dylx;
64 switch (this.dylx) {
65 case "zd":
66 this.$store.state.sxdrType='zd';
67 break;
68 case "dz":
69 this.$store.state.sxdrType='dz';
70 break;
71 case "zrz":
72 this.$store.state.sxdrType='zrz';
73 break;
74 case "h":
75 this.$store.state.sxdrType="h";
76 break;
77 default:
78 break;
79 }
80 }, 64 },
81 reset(){ 65 reset() {
82 this.errorData=[]; 66 this.errorData = [];
83 this.uploadUrl=''; 67 this.uploadUrl = '';
84 this.sxdrData={bsm:''}; 68 this.sxdrData = {bsm: ''};
85 this.$store.state.sxdrType='';
86 }, 69 },
87 close() { 70 close() {
88 this.$emit('close') 71 this.$emit('close')
89 this.reset(); 72 this.reset();
90 }, 73 },
91 downloadTemplate() { 74 downloadTemplate() {
92 window.open(`/api/tx/excelGeo/zdTemplate?type=`+this.dylx); 75 window.open(`/api/tx/excelGeo/zdTemplate?type=` + this.dylx);
93 }, 76 },
94 uploadSuccess(res, file, fileList) { 77 uploadSuccess(res, file, fileList) {
95 if (res.success) { 78 if (res.success) {
96 this.$message.success("上传成功") 79 this.$message.success("上传成功")
80 debugger
97 this.loading(); 81 this.loading();
98 this.close() 82 this.close()
99 } else { 83 } else {
100 this.$message.error("上传失败") 84 this.$message.error("上传失败")
101 this.errorData=res.result 85 this.errorData = res.result
102 } 86 }
103 } 87 }
104 }, 88 },
...@@ -123,15 +107,16 @@ ...@@ -123,15 +107,16 @@
123 </script> 107 </script>
124 108
125 <style scoped lang="less"> 109 <style scoped lang="less">
126 .main-button{ 110 .main-button {
127 display: -webkit-flex; 111 display: -webkit-flex;
128 display: flex; 112 display: flex;
129 flex-direction: column-reverse; 113 flex-direction: column-reverse;
130 flex-wrap:nowrap; 114 flex-wrap: nowrap;
131 } 115 }
132 ul{ 116
117 ul {
133 margin-top: 20px; 118 margin-top: 20px;
134 li{ 119 li {
135 line-height: 15px; 120 line-height: 15px;
136 color: red; 121 color: red;
137 } 122 }
......
1 <template> 1 <template>
2 <div class="main" ref="mainBox"> 2 <div class="main" ref="mainBox">
3 <div class="formMenu"> 3 <div class="formMenu">
4 <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr> 4 <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr>
5 <!-- <el-button 5 <!-- <el-button
6 type="primary" 6 type="primary"
7 class="changeBtn" 7 class="changeBtn"
8 @click="getQlrxxData" 8 @click="getQlrxxData"
...@@ -14,976 +14,1003 @@ ...@@ -14,976 +14,1003 @@
14 @click="getQlxzData" 14 @click="getQlxzData"
15 >获取权利性质组件数据</el-button 15 >获取权利性质组件数据</el-button
16 > --> 16 > -->
17 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> 17 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
18 <tr> 18 <tr>
19 <th colspan="12">宗地基本信息</th> 19 <th colspan="12">宗地基本信息</th>
20 </tr> 20 </tr>
21 <tr> 21 <tr>
22 <td colspan="2">行政区</td> 22 <td colspan="2">行政区</td>
23 <td colspan="2"> 23 <td colspan="2">
24 <el-select 24 <el-select
25 :disabled="formData.qszt!='0'" 25 :disabled="formData.qszt!='0'"
26 class="formSelect" 26 class="formSelect"
27 v-model="formData.xzqbsm" 27 v-model="formData.xzqbsm"
28 @change="changeXzq(formData.xzqbsm)" 28 @change="changeXzq(formData.xzqbsm)"
29 > 29 >
30 <el-option 30 <el-option
31 v-for="item in $store.state.xzqList" 31 v-for="item in $store.state.xzqList"
32 :key="item.bsm" 32 :key="item.bsm"
33 :label="item.mc" 33 :label="item.mc"
34 :value="item.bsm" 34 :value="item.bsm"
35 > 35 >
36 </el-option> 36 </el-option>
37 </el-select> 37 </el-select>
38 </td> 38 </td>
39 <td colspan="2">地籍区</td> 39 <td colspan="2">地籍区</td>
40 <td colspan="2"> 40 <td colspan="2">
41 <el-select 41 <el-select
42 class="formSelect" 42 class="formSelect"
43 :disabled="formData.qszt!='0'" 43 :disabled="formData.qszt!='0'"
44 v-model="formData.djqbsm" 44 v-model="formData.djqbsm"
45 @change="changeDjq(formData.djqbsm)" 45 @change="changeDjq(formData.djqbsm)"
46 > 46 >
47 <el-option 47 <el-option
48 v-for="item in $store.state.djqList" 48 v-for="item in $store.state.djqList"
49 :key="item.bsm" 49 :key="item.bsm"
50 :label="item.mc" 50 :label="item.mc"
51 :value="item.bsm" 51 :value="item.bsm"
52 > 52 >
53 </el-option> 53 </el-option>
54 </el-select> 54 </el-select>
55 </td> 55 </td>
56 <td colspan="2">地籍子区</td> 56 <td colspan="2">地籍子区</td>
57 <td colspan="2"> 57 <td colspan="2">
58 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm"> 58 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm">
59 <el-option 59 <el-option
60 v-for="item in $store.state.djzqList" 60 v-for="item in $store.state.djzqList"
61 :key="item.bsm" 61 :key="item.bsm"
62 :label="item.mc" 62 :label="item.mc"
63 :value="item.bsm" 63 :value="item.bsm"
64 > 64 >
65 </el-option> 65 </el-option>
66 </el-select> 66 </el-select>
67 </td> 67 </td>
68 </tr> 68 </tr>
69 <tr> 69 <tr>
70 <td colspan="2">权利类型</td> 70 <td colspan="2">权利类型</td>
71 <td colspan="4"> 71 <td colspan="4">
72 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm"> 72 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm">
73 <el-option 73 <el-option
74 v-for="item in $store.state.qllxList" 74 v-for="item in $store.state.qllxList"
75 :key="item.bsm" 75 :key="item.bsm"
76 :label="item.mc" 76 :label="item.mc"
77 :value="item.bsm" 77 :value="item.bsm"
78 > 78 >
79 </el-option> 79 </el-option>
80 </el-select> 80 </el-select>
81 </td> 81 </td>
82 <td colspan="2">宗地特征码<i class="requisite">*</i></td> 82 <td colspan="2">宗地特征码<i class="requisite">*</i></td>
83 <td colspan="4"> 83 <td colspan="4">
84 <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'" v-model="formData.zdtzmbsm"> 84 <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'"
85 <el-option 85 v-model="formData.zdtzmbsm">
86 v-for="item in $store.state.zdtzmList" 86 <el-option
87 :key="item.bsm" 87 v-for="item in $store.state.zdtzmList"
88 :label="item.mc" 88 :key="item.bsm"
89 :value="item.bsm" 89 :label="item.mc"
90 > 90 :value="item.bsm"
91 </el-option> 91 >
92 </el-select> 92 </el-option>
93 </td> 93 </el-select>
94 </tr> 94 </td>
95 <tr> 95 </tr>
96 <td colspan="2">权利设定方式</td> 96 <tr>
97 <td colspan="4"> 97 <td colspan="2">权利设定方式</td>
98 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs"> 98 <td colspan="4">
99 <el-option 99 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs">
100 v-for="item in $store.state.qlsdfsList" 100 <el-option
101 :key="item.bsm" 101 v-for="item in $store.state.qlsdfsList"
102 :label="item.mc" 102 :key="item.bsm"
103 :value="item.bsm" 103 :label="item.mc"
104 > 104 :value="item.bsm"
105 </el-option> 105 >
106 </el-select> 106 </el-option>
107 </td> 107 </el-select>
108 <td colspan="2">宗地代码<i class="requisite">*</i></td> 108 </td>
109 <td colspan="4" class="psr"> 109 <td colspan="2">宗地代码<i class="requisite">*</i></td>
110 <input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19" 110 <td colspan="4" class="psr">
111 type="text" 111 <input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19"
112 class="formInput percent80" 112 type="text"
113 v-model="formData.zddm" 113 class="formInput percent80"
114 /> 114 v-model="formData.zddm"
115 <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn" @click="generatorCode" 115 />
116 >生成 116 <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn"
117 </el-button> 117 @click="generatorCode"
118 </td> 118 >生成
119 </tr> 119 </el-button>
120 <tr> 120 </td>
121 <td colspan="2">地籍号</td> 121 </tr>
122 <td colspan="4"> 122 <tr>
123 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh" /> 123 <td colspan="2">地籍号</td>
124 </td> 124 <td colspan="4">
125 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh"/>
126 </td>
125 127
126 <td colspan="2">不动产单元号<i class="requisite">*</i></td> 128 <td colspan="2">不动产单元号<i class="requisite">*</i></td>
127 <td colspan="4" class="psr"> 129 <td colspan="4" class="psr">
128 <input 130 <input
129 type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh" maxlength="28" 131 type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh"
130 class="formInput" 132 maxlength="28"
131 v-model="formData.bdcdyh" 133 class="formInput"
132 /> 134 v-model="formData.bdcdyh"
133 <!-- <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn">生成</el-button> --> 135 />
134 </td> 136 <!-- <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn">生成</el-button> -->
135 </tr> 137 </td>
136 <tr> 138 </tr>
137 <td colspan="2">坐落<i class="requisite">*</i></td> 139 <tr>
138 <td colspan="4"> 140 <td colspan="2">坐落<i class="requisite">*</i></td>
139 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl" class="formInput" v-model="formData.zl" /> 141 <td colspan="4">
140 </td> 142 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl"
141 <td colspan="2">项目名称</td> 143 class="formInput" v-model="formData.zl"/>
142 <td colspan="4" class="psr"> 144 </td>
143 <input :disabled="formData.qszt!='0'" 145 <td colspan="2">项目名称</td>
144 type="text" 146 <td colspan="4" class="psr">
145 class="formInput " 147 <input :disabled="formData.qszt!='0'"
146 v-model="formData.xmmc" 148 type="text"
147 /> 149 class="formInput "
148 </td> 150 v-model="formData.xmmc"
149 </tr> 151 />
150 <tr> 152 </td>
151 <td colspan="2">国民经济行业分类</td> 153 </tr>
152 <td colspan="4"> 154 <tr>
153 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm"> 155 <td colspan="2">国民经济行业分类</td>
154 <el-option 156 <td colspan="4">
155 v-for="item in $store.state.gmjjhyflbsmList" 157 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm">
156 :key="item.bsm" 158 <el-option
157 :label="item.mc" 159 v-for="item in $store.state.gmjjhyflbsmList"
158 :value="item.bsm" 160 :key="item.bsm"
159 > 161 :label="item.mc"
160 </el-option> 162 :value="item.bsm"
161 </el-select> 163 >
162 </td> 164 </el-option>
163 <td colspan="2">价格(元)</td> 165 </el-select>
164 <td colspan="4" class="psr"> 166 </td>
165 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jg" /> 167 <td colspan="2">价格(元)</td>
166 </td> 168 <td colspan="4" class="psr">
167 </tr> 169 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jg"/>
168 <tr> 170 </td>
169 <td colspan="2" rowspan="2">所在图幅号</td> 171 </tr>
170 <td colspan="2">比例尺</td> 172 <tr>
171 <td colspan="8" class="psr"> 173 <td colspan="2" rowspan="2">所在图幅号</td>
172 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc" /> 174 <td colspan="2">比例尺</td>
173 </td> 175 <td colspan="8" class="psr">
174 </tr> 176 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc"/>
175 <tr> 177 </td>
176 <td colspan="2">图幅号</td> 178 </tr>
177 <td colspan="8" class="psr"> 179 <tr>
178 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh" /> 180 <td colspan="2">图幅号</td>
179 </td> 181 <td colspan="8" class="psr">
180 </tr> 182 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh"/>
181 <tr> 183 </td>
182 <td colspan="2">容积率</td> 184 </tr>
183 <td colspan="2"> 185 <tr>
184 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl"> 186 <td colspan="2">容积率</td>
185 <el-option 187 <td colspan="2">
186 v-for="item in compareList" 188 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl">
187 :key="item.value" 189 <el-option
188 :label="item.label" 190 v-for="item in compareList"
189 :value="item.value" 191 :key="item.value"
190 > 192 :label="item.label"
191 </el-option> 193 :value="item.value"
192 </el-select> 194 >
193 </td> 195 </el-option>
194 <td colspan="2"> 196 </el-select>
195 <input 197 </td>
196 type="text" :disabled="formData.qszt!='0'" 198 <td colspan="2">
197 v-model="rjl" 199 <input
198 v-show="isInterval(formData.jyrjl)" 200 type="text" :disabled="formData.qszt!='0'"
199 class="formInput percent47" 201 v-model="rjl"
200 /> 202 v-show="isInterval(formData.jyrjl)"
201 <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span> 203 class="formInput percent47"
202 <input 204 />
203 type="text" :disabled="formData.qszt!='0'" 205 <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span>
204 v-model="formData.rjl" 206 <input
205 :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'" 207 type="text" :disabled="formData.qszt!='0'"
206 /> 208 v-model="formData.rjl"
207 </td> 209 :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
208 <td colspan="2">容积说明</td> 210 />
209 <td colspan="4" class="psr"> 211 </td>
210 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm" /> 212 <td colspan="2">容积说明</td>
211 </td> 213 <td colspan="4" class="psr">
212 </tr> 214 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm"/>
213 <tr> 215 </td>
214 <td colspan="2">建筑密度</td> 216 </tr>
215 <td colspan="2"> 217 <tr>
216 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd"> 218 <td colspan="2">建筑密度</td>
217 <el-option 219 <td colspan="2">
218 v-for="item in compareList" 220 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd">
219 :key="item.value" 221 <el-option
220 :label="item.label" 222 v-for="item in compareList"
221 :value="item.value" 223 :key="item.value"
222 > 224 :label="item.label"
223 </el-option> 225 :value="item.value"
224 </el-select> 226 >
225 </td> 227 </el-option>
226 <td colspan="2"> 228 </el-select>
227 <input 229 </td>
228 type="text" 230 <td colspan="2">
229 v-model="jzmd" :disabled="formData.qszt!='0'" 231 <input
230 v-show="isInterval(formData.jyjzmd)" 232 type="text"
231 class="formInput percent47" 233 v-model="jzmd" :disabled="formData.qszt!='0'"
232 /> 234 v-show="isInterval(formData.jyjzmd)"
233 <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span> 235 class="formInput percent47"
234 <input 236 />
235 type="text" 237 <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span>
236 v-model="formData.jzmd" :disabled="formData.qszt!='0'" 238 <input
237 :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'" 239 type="text"
238 /> 240 v-model="formData.jzmd" :disabled="formData.qszt!='0'"
239 </td> 241 :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
240 <td colspan="2">建筑密度说明</td> 242 />
241 <td colspan="4" class="psr"> 243 </td>
242 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm" /> 244 <td colspan="2">建筑密度说明</td>
243 </td> 245 <td colspan="4" class="psr">
244 </tr> 246 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm"/>
245 <tr> 247 </td>
246 <td colspan="2">建筑限高</td> 248 </tr>
247 <td colspan="2"> 249 <tr>
248 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg"> 250 <td colspan="2">建筑限高</td>
249 <el-option 251 <td colspan="2">
250 v-for="item in compareList" 252 <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg">
251 :key="item.value" 253 <el-option
252 :label="item.label" 254 v-for="item in compareList"
253 :value="item.value" 255 :key="item.value"
254 > 256 :label="item.label"
255 </el-option> 257 :value="item.value"
256 </el-select> 258 >
257 </td> 259 </el-option>
258 <td colspan="2"> 260 </el-select>
259 <input 261 </td>
260 type="text" :disabled="formData.qszt!='0'" 262 <td colspan="2">
261 v-model="jzxg" 263 <input
262 v-show="isInterval(formData.jyjzxg)" 264 type="text" :disabled="formData.qszt!='0'"
263 class="formInput percent47" 265 v-model="jzxg"
264 /> 266 v-show="isInterval(formData.jyjzxg)"
265 <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span> 267 class="formInput percent47"
266 <input 268 />
267 type="text" :disabled="formData.qszt!='0'" 269 <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span>
268 v-model="formData.jzxg" 270 <input
269 :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'" 271 type="text" :disabled="formData.qszt!='0'"
270 /> 272 v-model="formData.jzxg"
271 </td> 273 :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
272 <td colspan="2">建筑限高说明</td> 274 />
273 <td colspan="4" class="psr"> 275 </td>
274 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm" /> 276 <td colspan="2">建筑限高说明</td>
275 </td> 277 <td colspan="4" class="psr">
276 </tr> 278 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm"/>
277 <tr> 279 </td>
278 <td colspan="2" rowspan="4">宗地四至</td> 280 </tr>
279 <td colspan="2">北至<i class="requisite">*</i></td> 281 <tr>
280 <td colspan="8" class="psr"> 282 <td colspan="2" rowspan="4">宗地四至</td>
281 <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszb" /> 283 <td colspan="2">北至<i class="requisite">*</i></td>
282 </td> 284 <td colspan="8" class="psr">
283 </tr> 285 <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'"
284 <tr> 286 class="formInput" v-model="formData.zdszb"/>
285 <td colspan="2">东至<i class="requisite">*</i></td> 287 </td>
286 <td colspan="8" class="psr"> 288 </tr>
287 <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszd" /> 289 <tr>
288 </td> 290 <td colspan="2">东至<i class="requisite">*</i></td>
289 </tr> 291 <td colspan="8" class="psr">
290 <tr> 292 <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'"
291 <td colspan="2">南至<i class="requisite">*</i></td> 293 class="formInput" v-model="formData.zdszd"/>
292 <td colspan="8" class="psr"> 294 </td>
293 <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszn" /> 295 </tr>
294 </td> 296 <tr>
295 </tr> 297 <td colspan="2">南至<i class="requisite">*</i></td>
296 <tr> 298 <td colspan="8" class="psr">
297 <td colspan="2">西至<i class="requisite">*</i></td> 299 <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'"
298 <td colspan="8" class="psr"> 300 class="formInput" v-model="formData.zdszn"/>
299 <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszx" /> 301 </td>
300 </td> 302 </tr>
301 </tr> 303 <tr>
302 <tr> 304 <td colspan="2">西至<i class="requisite">*</i></td>
303 <td colspan="12"> 305 <td colspan="8" class="psr">
304 <Qlxz ref="qlxzModule" :hasSyqx='true' :formData="formData"></Qlxz> 306 <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'"
305 </td> 307 class="formInput" v-model="formData.zdszx"/>
306 </tr> 308 </td>
307 <tr> 309 </tr>
308 <td colspan="2" rowspan="2">批准面积(㎡)</td> 310 <tr>
309 <td colspan="2" rowspan="2"> 311 <td colspan="12">
310 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.pzmj" /> 312 <Qlxz ref="qlxzModule" :hasSyqx='true' :formData="formData"></Qlxz>
311 </td> 313 </td>
312 <td colspan="2" rowspan="2">宗地面积(㎡)<i class="requisite">*</i></td> 314 </tr>
313 <td colspan="2" rowspan="2"> 315 <tr>
314 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj" /> 316 <td colspan="2" rowspan="2">批准面积(㎡)</td>
315 </td> 317 <td colspan="2" rowspan="2">
316 <td colspan="2">建筑占地总面积</td> 318 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
317 <td colspan="2"> 319 class="formInput" v-model="formData.pzmj"/>
318 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.jzzdzmj" /> 320 </td>
319 </td> 321 <td colspan="2" rowspan="2">宗地面积(㎡)<i class="requisite">*</i></td>
320 </tr> 322 <td colspan="2" rowspan="2">
321 <tr> 323 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj"
322 <td colspan="2">建筑面积(㎡)</td> 324 onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/>
323 <td colspan="2"> 325 </td>
324 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.jzzmj" /> 326 <td colspan="2">建筑占地总面积</td>
325 </td> 327 <td colspan="2">
326 </tr> 328 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
327 <tr> 329 class="formInput" v-model="formData.jzzdzmj"/>
328 <td colspan="2">共有/共用权利人情况</td> 330 </td>
329 <td colspan="10"> 331 </tr>
330 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.gygyqlrqk" /> 332 <tr>
331 </td> 333 <td colspan="2">建筑面积(㎡)</td>
332 </tr> 334 <td colspan="2">
333 <tr> 335 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
334 <td colspan="2" rowspan="2">说明</td> 336 class="formInput" v-model="formData.jzzmj"/>
335 <td colspan="10" rowspan="2"> 337 </td>
336 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm" /> 338 </tr>
337 </td> 339 <tr>
338 </tr> 340 <td colspan="2">共有/共用权利人情况</td>
339 </table> 341 <td colspan="10">
342 <input type="text" :disabled="formData.qszt!='0'" class="formInput"
343 v-model="formData.gygyqlrqk"/>
344 </td>
345 </tr>
346 <tr>
347 <td colspan="2" rowspan="2">说明</td>
348 <td colspan="10" rowspan="2">
349 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm"/>
350 </td>
351 </tr>
352 </table>
340 353
341 <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px"> 354 <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px">
342 <el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button> 355 <el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button>
343 <el-button type="primary" @click="submitZDxx">提交</el-button> 356 <el-button type="primary" @click="submitZDxx">提交</el-button>
344 <el-button type="primary" @click="registerCall">登记调用</el-button> 357 <el-button type="primary" @click="registerCall">登记调用</el-button>
345 </div> --> 358 </div> -->
346 359
347 <div class="header-button" :style="{width:mainBoxWidth+'px'}"> 360 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
348 361
349 <el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button> 362 <el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button>
350 <el-button type="primary" @click="submitZDxx">提交</el-button> 363 <el-button type="primary" @click="submitZDxx">提交</el-button>
351 <el-button type="primary" @click="registerCall">登记调用</el-button> 364 <el-button type="primary" @click="registerCall">登记调用</el-button>
352 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> 365 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
353 </div> 366 </div>
354 </div> 367 </div>
355 </div> 368 </div>
356 </template> 369 </template>
357 370
358 <script> 371 <script>
359 import Qlr from "../../../components/formMenu/qlr"; 372 import Qlr from "../../../components/formMenu/qlr";
360 import Qlxz from "../../../components/formMenu/qlxz"; 373 import Qlxz from "../../../components/formMenu/qlxz";
361 import geoUtils from "@components/lineTree/tx/js/geoUtils"; 374 import geoUtils from "@components/lineTree/tx/js/geoUtils";
362 import { 375 import {
363 getAllList, 376 getAllList,
364 getDdicByMC, 377 getDdicByMC,
365 getListByXzqbsm, 378 getListByXzqbsm,
366 getListByPbsm, 379 getListByPbsm,
367 submit, 380 submit,
368 getTree, 381 getTree,
369 registerCall 382 registerCall
370 } from "../../../api/common"; 383 } from "../../../api/common";
371 import { 384 import {
372 getBdcdyh, 385 getBdcdyh,
373 getQjZdjbxxDetailById, 386 getQjZdjbxxDetailById,
374 updateQjZdjbxx, 387 updateQjZdjbxx,
375 } from "../../../api/zd"; 388 } from "../../../api/zd";
376 389
377 export default { 390 export default {
378 inject:['getRightTree'], 391 inject: ['getRightTree'],
379 name: "", 392 name: "",
380 components: { 393 components: {
381 Qlr, 394 Qlr,
382 Qlxz, 395 Qlxz,
383 }, 396 },
384 props: {}, 397 props: {},
385 data() { 398 data() {
386 return { 399 return {
387 rules: [], 400 rules: [],
388 rjl:'', 401 rjl: '',
389 jzmd:'', 402 jzmd: '',
390 jzxg:'', 403 jzxg: '',
391 compareList: [ 404 compareList: [
392 { label: "<", value: "<" }, 405 {label: "<", value: "<"},
393 { label: ">", value: ">" }, 406 {label: ">", value: ">"},
394 { label: "=", value: "=" }, 407 {label: "=", value: "="},
395 { label: "<=", value: "<=" }, 408 {label: "<=", value: "<="},
396 { label: ">=", value: ">=" }, 409 {label: ">=", value: ">="},
397 { label: "-", value: "-" }, 410 {label: "-", value: "-"},
398 ], 411 ],
399 formData: {}, 412 formData: {},
400 dpdm:'', //宗地底盘代码 413 dpdm: '', //宗地底盘代码
401 curZdbsm:'', 414 curZdbsm: '',
402 mainBoxWidth:0, 415 mainBoxWidth: 0,
403 geoAttributes:{ 416 geoAttributes: {
404 OBJECTID:"", 417 OBJECTID: "",
405 BSM:"", 418 BSM: "",
406 YSDM:"", 419 YSDM: "",
407 ZDDM:"", 420 ZDDM: "",
408 BDCDYH:"", 421 BDCDYH: "",
409 ZDTZM :"", 422 ZDTZM: "",
410 ZL:"", 423 ZL: "",
411 ZDMJ:0, 424 ZDMJ: 0,
412 MJDW:"", 425 MJDW: "",
413 YT:"", 426 YT: "",
414 DJ:"", 427 DJ: "",
415 JG:0, 428 JG: 0,
416 QLLX:"", 429 QLLX: "",
417 QLXZ:"", 430 QLXZ: "",
418 QLSDFS:"", 431 QLSDFS: "",
419 RJL:0, 432 RJL: 0,
420 JZMD:0, 433 JZMD: 0,
421 JZXG:0, 434 JZXG: 0,
422 ZDSZD:"", 435 ZDSZD: "",
423 ZDSZN :"", 436 ZDSZN: "",
424 ZDSZX :"", 437 ZDSZX: "",
425 ZDSZB :"", 438 ZDSZB: "",
426 TFH:"", 439 TFH: "",
427 DJH:"", 440 DJH: "",
428 DAH:"", 441 DAH: "",
429 BZ :"", 442 BZ: "",
430 ZT:"", 443 ZT: "",
431 YWZT:"", 444 YWZT: "",
432 BLID:"", 445 BLID: "",
433 XMMC:"", 446 XMMC: "",
434 XMID:"", 447 XMID: "",
435 BGRQ:"", 448 BGRQ: "",
436 BGID:"", 449 BGID: "",
437 BGZT:"", 450 BGZT: "",
438 TDZH:"", 451 TDZH: "",
439 QSZT:0, 452 QSZT: 0,
440 BBLX:0, 453 BBLX: 0,
441 SFDB:0, 454 SFDB: 0,
442 QLR :"", 455 QLR: "",
443 CUTID:"", 456 CUTID: "",
444 BHQKID:"", 457 BHQKID: "",
445 DJZQDM :"", 458 DJZQDM: "",
446 SYQLXID:"", 459 SYQLXID: "",
447 }
448 };
449 },
450 mixins:[geoUtils],
451 created() {
452 this.curZdbsm = this.$route.query.bsm;
453 },
454 mounted() {
455 this.getZdjbxxData(this.$store.state.zdbsm);
456 this.$nextTick(() => {
457 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
458 })
459 },
460 methods: {
461 registerCall(){
462 let data={
463 type:'zd',
464 bsm:this.$store.state.zdbsm
465 }
466 registerCall(data).then(res=>{
467 if (res.success) {
468 this.$message.success("登记成功")
469 this.getRightTree(this.$store.state.zdbsm)
470 } 460 }
461 };
462 },
463 mixins: [geoUtils],
464 created() {
465 this.curZdbsm = this.$route.query.bsm;
466 },
467 mounted() {
468 this.getZdjbxxData(this.$store.state.zdbsm);
469 this.$nextTick(() => {
470 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
471 }) 471 })
472 }, 472 },
473 //根据zdbsm查询基本信息 473 methods: {
474 getZdjbxxData(bsm) { 474 registerCall() {
475 getQjZdjbxxDetailById(bsm) 475 let data = {
476 .then((res) => { 476 type: 'zd',
477 if (res.result) { 477 bsm: this.$store.state.zdbsm
478 this.formData = res.result; 478 }
479 console.log(res.result,'res.result'); 479 registerCall(data).then(res => {
480 this.getXzqData(res.result.xzqbsm,res.result.djqbsm); 480 if (res.success) {
481 //如果没有宗地代码，自动生成 481 this.$message.success("登记成功")
482 // if(res.result.zddm == null){ 482 this.getRightTree(this.$store.state.zdbsm)
483 // this.generatorCode() 483 }
484 // } 484 })
485 //判断容密高是否为区间值，如果是区间值，则将校验值置为'-'并给rjl，jzmd，jzxg赋值 485 },
486 this.rjl = this.isInterval(this.formData.jyrjl) ? this.formData.jyrjl : ''; 486 //根据zdbsm查询基本信息
487 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? '-' : this.formData.jyrjl; 487 getZdjbxxData(bsm) {
488 this.jzmd = this.isInterval(this.formData.jyjzmd) ? this.formData.jyjzmd : ''; 488 getQjZdjbxxDetailById(bsm)
489 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? '-' : this.formData.jyjzmd; 489 .then((res) => {
490 this.jzxg = this.isInterval(this.formData.jyjzxg) ? this.formData.jyjzxg : ''; 490 if (res.result) {
491 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? '-' : this.formData.jyjzxg; 491 this.formData = res.result;
492 if(res.result.list.length>0){ 492 console.log(res.result, 'res.result');
493 if(res.result.list[0].list.length<1){ 493 this.getXzqData(res.result.xzqbsm, res.result.djqbsm);
494 res.result.list[0].list.push({ 494 //如果没有宗地代码，自动生成
495 "pzdjbsm": "", 495 // if(res.result.zddm == null){
496 "pzdjmc": "", 496 // this.generatorCode()
497 "pzytdm": "", 497 // }
498 "pzytmc": "", 498 //判断容密高是否为区间值，如果是区间值，则将校验值置为'-'并给rjl，jzmd，jzxg赋值
499 "pzytmj": 0, 499 this.rjl = this.isInterval(this.formData.jyrjl) ? this.formData.jyrjl : '';
500 "qlxzbsm": "", 500 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? '-' : this.formData.jyrjl;
501 "sjdjbsm": "", 501 this.jzmd = this.isInterval(this.formData.jyjzmd) ? this.formData.jyjzmd : '';
502 "sjdjmc": "", 502 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? '-' : this.formData.jyjzmd;
503 "sjytdm": "", 503 this.jzxg = this.isInterval(this.formData.jyjzxg) ? this.formData.jyjzxg : '';
504 "sjytmc": "", 504 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? '-' : this.formData.jyjzxg;
505 "sjytmj": 0, 505 if (res.result.list.length > 0) {
506 "syqx": "", 506 if (res.result.list[0].list.length < 1) {
507 "tdsyjssj": "", 507 res.result.list[0].list.push({
508 "tdsyqssj": "", 508 "pzdjbsm": "",
509 "tdzh": "" 509 "pzdjmc": "",
510 }) 510 "pzytdm": "",
511 } 511 "pzytmc": "",
512 this.$nextTick(()=>{ 512 "pzytmj": 0,
513 //权利性质数据传给子组件 513 "qlxzbsm": "",
514 this.$refs.qlxzModule.countList = res.result.list; 514 "sjdjbsm": "",
515 }) 515 "sjdjmc": "",
516 }else{ 516 "sjytdm": "",
517 this.$nextTick(()=>{ 517 "sjytmc": "",
518 //权利性质数据传给子组件 518 "sjytmj": 0,
519 this.$refs.qlxzModule.countList = [ 519 "syqx": "",
520 { 520 "tdsyjssj": "",
521 id: Math.random(), 521 "tdsyqssj": "",
522 isInside: false, 522 "tdzh": ""
523 hasNotBorder: false, 523 })
524 bsm: "", //权利性质标识码 524 }
525 glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM 525 this.$nextTick(() => {
526 qlxzdm: "", 526 //权利性质数据传给子组件
527 zhqlxzlx: "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质 527 this.$refs.qlxzModule.countList = res.result.list;
528 list: [ 528 })
529 { 529 } else {
530 pzdjbsm: "", 530 this.$nextTick(() => {
531 pzdjmc: "", 531 //权利性质数据传给子组件
532 pzytdm: "", 532 this.$refs.qlxzModule.countList = [
533 pzytmc: "", 533 {
534 pzytmj: 0, 534 id: Math.random(),
535 qlxzbsm: "", 535 isInside: false,
536 sjdjbsm: "", 536 hasNotBorder: false,
537 sjdjmc: "", 537 bsm: "", //权利性质标识码
538 sjytdm: "", 538 glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
539 sjytmc: "", 539 qlxzdm: "",
540 sjytmj: 0, 540 zhqlxzlx: "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
541 syqx: "", 541 list: [
542 tdsyjssj: "", 542 {
543 tdsyqssj: "", 543 pzdjbsm: "",
544 tdzh: "", 544 pzdjmc: "",
545 }, 545 pzytdm: "",
546 ], 546 pzytmc: "",
547 }, 547 pzytmj: 0,
548 ]; 548 qlxzbsm: "",
549 }) 549 sjdjbsm: "",
550 } 550 sjdjmc: "",
551 } 551 sjytdm: "",
552 }) 552 sjytmc: "",
553 .catch((error) => {}); 553 sjytmj: 0,
554 }, 554 syqx: "",
555 tdsyjssj: "",
556 tdsyqssj: "",
557 tdzh: "",
558 },
559 ],
560 },
561 ];
562 })
563 }
564 }
565 })
566 .catch((error) => {
567 });
568 },
555 569
556 //构造底盘代码,前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm 860101555888GB 570 //构造底盘代码,前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm 860101555888GB
557 generatorDpdm() { 571 generatorDpdm() {
558 this.$store.state.xzqList.forEach((item)=>{ 572 this.$store.state.xzqList.forEach((item) => {
559 if(item.bsm === this.formData.xzqbsm){ 573 if (item.bsm === this.formData.xzqbsm) {
560 this.dpdm = item.dm; 574 this.dpdm = item.dm;
561 } 575 }
562 }); 576 });
563 this.$store.state.djqList.forEach((item)=>{ 577 this.$store.state.djqList.forEach((item) => {
564 if(item.bsm === this.formData.djqbsm){ 578 if (item.bsm === this.formData.djqbsm) {
565 this.dpdm = this.dpdm + item.dm; 579 this.dpdm = this.dpdm + item.dm;
566 } 580 }
567 }); 581 });
568 this.$store.state.djzqList.forEach((item)=>{ 582 this.$store.state.djzqList.forEach((item) => {
569 if(item.bsm === this.formData.djzqbsm){ 583 if (item.bsm === this.formData.djzqbsm) {
570 this.dpdm = this.dpdm + item.dm; 584 this.dpdm = this.dpdm + item.dm;
571 } 585 }
572 }); 586 });
573 587
574 this.dpdm = this.dpdm + this.formData.syqlxbsm; 588 this.dpdm = this.dpdm + this.formData.syqlxbsm;
575 this.$store.state.zdtzmList.forEach((item)=>{ 589 this.$store.state.zdtzmList.forEach((item) => {
576 if(item.bsm === this.formData.zdtzmbsm){ 590 if (item.bsm === this.formData.zdtzmbsm) {
577 this.dpdm = this.dpdm + item.dm; 591 this.dpdm = this.dpdm + item.dm;
578 } 592 }
579 }); 593 });
580 }, 594 },
595
596 //不动产单元号再次生成提示框
597 open() {
598 this.$confirm('已经存在不动产单元号或者自然幢号, 是否继续?', '提示', {
599 confirmButtonText: '确定',
600 cancelButtonText: '取消',
601 type: 'warning'
602 }).then(() => {
603 this.generatorDpdm();
604 getBdcdyh(this.dpdm, "zd")
605 .then((res) => {
606 console.log(res);
607 this.formData.zddm = res.result.substring(0, 19);
608 this.formData.bdcdyh = res.result;
609 })
610 .catch((error) => {
611 });
612 this.$message({
613 type: 'success',
614 message: '生成成功!'
615 });
616 }).catch(() => {
617 this.$message({
618 type: 'info',
619 message: '已取消'
620 });
621 });
622 },
623
624 //生成宗地代码
625 generatorCode() {
626
627 if ((this.formData.zddm != null && this.formData.zddm !== '') || (this.formData.bdcdyh != null && this.formData.bdcdyh !== '')) {
628 this.open();
629 return;
630 }
631 this.generatorDpdm();
581 632
582 //不动产单元号再次生成提示框
583 open() {
584 this.$confirm('已经存在不动产单元号或者自然幢号, 是否继续?', '提示', {
585 confirmButtonText: '确定',
586 cancelButtonText: '取消',
587 type: 'warning'
588 }).then(() => {
589 this.generatorDpdm();
590 getBdcdyh(this.dpdm, "zd") 633 getBdcdyh(this.dpdm, "zd")
591 .then((res) => { 634 .then((res) => {
592 console.log(res); 635 console.log(res);
593 this.formData.zddm = res.result.substring(0, 19); 636 this.formData.zddm = res.result.substring(0, 19);
594 this.formData.bdcdyh = res.result; 637 this.formData.bdcdyh = res.result;
595 }) 638 })
596 .catch((error) => {}); 639 .catch((error) => {
597 this.$message({ 640 });
598 type: 'success', 641 },
599 message: '生成成功!' 642 //修改宗地基本信息
600 }); 643 updateZDxx(formData) {
601 }).catch(() => { 644 //获取权利性质数据
602 this.$message({ 645 this.formData.list = this.$refs.qlxzModule.getQlxzDataList();
603 type: 'info', 646 console.log(this.$refs.qlxzModule.getRulesResult(), 'this.$refs.qlxzModule.getRules()');
604 message: '已取消' 647 //判断容密高是否为区间值，如果是区间值，则将输入框的值赋予
605 }); 648 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl;
606 }); 649 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd;
607 }, 650 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg;
651 this.rules = [
652 {
653 data: this.formData.zdtzmbsm,
654 name: '宗地特征码',
655 dom: this.$refs.zdtzm,
656 rule: /^\s*$/g, //非空
657 },
658 {
659 data: this.formData.zddm,
660 name: '宗地代码',
661 dom: this.$refs.zddm,
662 rule: /^\s*$/g, //非空
663 },
664 {
665 data: this.formData.bdcdyh,
666 name: '不动产单元号',
667 dom: this.$refs.bdcdyh,
668 rule: /^\s*$/g, //非空
669 },
670 {
671 data: this.formData.zl,
672 name: '坐落',
673 dom: this.$refs.zl,
674 rule: /^\s*$/g, //非空
675 },
676 {
677 data: this.formData.zdszd,
678 name: '宗地东至',
679 dom: this.$refs.zdszd,
680 rule: /^\s*$/g, //非空
681 },
682 {
683 data: this.formData.zdszb,
684 name: '宗地北至',
685 dom: this.$refs.zdszb,
686 rule: /^\s*$/g, //非空
687 },
688 {
689 data: this.formData.zdszx,
690 name: '宗地西至',
691 dom: this.$refs.zdszx,
692 rule: /^\s*$/g, //非空
693 },
694 {
695 data: this.formData.zdszn,
696 name: '宗地南至',
697 dom: this.$refs.zdszn,
698 rule: /^\s*$/g, //非空
699 },
700 {
701 data: this.formData.zdmj,
702 name: '宗地面积',
703 dom: this.$refs.zdmj,
704 rule: /^\s*$/g, //非空
705 },
706 ]
707 // console.log(this.rules,'rules');
708 this.$refs.qlxzModule.getRules();
709 let flag = true;
710 this.rules.forEach(item => {
711 if (item.rule.test(item.data) || item.data == null) {
712 if (item.dom.$el) {
713 item.dom.$el.style.border = '1px solid red';
714 item.dom.$el.style.boxSizing = 'border-box';
715 } else {
716 item.dom.style.border = '1px solid red';
717 item.dom.style.boxSizing = 'border-box';
718 }
719 // this.$message({
720 // // message: item.name+'不能为空',
721 // message: '不能为空',
722 // type: "warning",
723 // });
724 flag = false;
725 return false
726 }
727 })
728 this.$nextTick(() => {
729 if (flag && this.$refs.qlxzModule.getRulesResult()) {
730 //宗地面积处理
731 // console.log(this.formData.zdmj,'this.formData.zdmj');
732 // this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'')
733 //判断宗地代码和不动产单元号是否手动修改过（宗地代码和不动产单元号的前14位是否和底盘代码一致）
734 if (this.formData.zddm.substring(0, 14) != this.dpdm || this.formData.bdcdyh.substring(0, 14) != this.dpdm) {
735 this.$message({
736 message: '宗地代码或不动产单元号有误，请核对后再试一次',
737 type: "warning",
738 });
739 } else {
740 updateQjZdjbxx(this.formData)
741 .then((res) => {
742 if (res.code == 200) {
743 console.log(res);
744 this.$message({
745 message: '保存成功',
746 type: "success",
747 });
748 // 保存成功再次查询
749 this.getZdjbxxData(this.$store.state.zdbsm);
750 } else {
751 this.$message({
752 message: res.message,
753 type: "warning",
754 });
755 }
756 })
757 .catch((error) => {
758 });
759 //保存到空间库里面
760 var self = this;
761 for (var key in this.geoAttributes) {
762 if (key == "BSM") {
763 self.geoAttributes[key] = this.$store.state.zdbsm
764 } else if (key == 'QLSDFS') {
765 var qlsdfsList = self.$store.state.qlsdfsList, value = self.formData.qlsdfs;
766 var qlsdfs = qlsdfsList.filter(item => {
767 return item.bsm == value;
768 })
769 self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : "";
770 } else {
771 var formKay = key.toLowerCase();
772 self.geoAttributes[key] = self.formData[formKay];
773 }
774 }
775 self.updAttributes(this.$store.state.zdbsm, 'zd', this.geoAttributes, function (res) {
776 console.log("属性保存完成!!");
777 });
778 }
779 } else {
780 this.$message({
781 // message: item.name+'不能为空',
782 message: '请完善表单后再继续操作',
783 type: "warning",
784 });
785 }
786 })
608 787
609 //生成宗地代码 788 },
610 generatorCode() { 789 inputBlur(e) {
790 if (e.target.value != '') {
791 e.target.style.border = ""
792 } else {
793 e.target.style.border = "1px solid red";
794 e.target.style.boxSizing = 'border-box';
795 }
796 },
797 //提交宗地基本信息
798 submitZDxx() {
799 let data = {
800 glbsm: this.$store.state.zdbsm,
801 status: 1,
802 type: "zd"
803 }
804 submit(data).then((res) => {
805 if (res.code === 200) {
806 this.$message.success("提交成功！")
807 this.getZdjbxxData(this.curZdbsm);
808 getTree(this.curZdbsm).then((res) => {
809 if (res.success) {
810 // console.log('successsuccesssuccesssuccess');
811 this.$store.state.treeData = res.result;
812 }
813 });
814 }
815 })
816 },
817 getQlrxxData() {
818 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
819 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
820 },
821 getQlxzData() {
822 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
823 },
824 //行政区划选择
825 changeXzq(id) {
826 getListByXzqbsm(id)
827 .then((res) => {
828 this.formData.djqbsm = "";
829 this.formData.djzqbsm = "";
830 this.djqList = res.result;
831 this.$store.state.djqList = res.result;
832 })
833 .catch((error) => {
834 });
835 },
836 changeDjq(item) {
837 getListByPbsm(item)
838 .then((res) => {
839 this.formData.djzqbsm = "";
840 this.djzqList = res.result;
841 this.$store.state.djzqList = res.result;
842 })
843 .catch((error) => {
844 });
845 },
846 //判断容密高是否为区间
847 isInterval(val) {
848 if (val == '>' || val == '<' || val == '=' || val == '>=' || val == '<=' || val == null) {
849 return false
850 } else {
851 return true;
852 }
853 },
854 //根据宗地信息的行政区代码查询行政区地籍区地籍子区的字典数据
855 getXzqData(xzqdm, djqdm) {
856 getAllList()
857 .then((res) => {
858 this.$store.state.xzqList = res.result;
859 })
860 .catch((error) => {
861 });
611 862
612 if((this.formData.zddm!=null&&this.formData.zddm!=='')||(this.formData.bdcdyh!=null&&this.formData.bdcdyh!=='')){ 863 getListByPbsm(djqdm)
613 this.open(); 864 .then((res) => {
614 return; 865 this.$store.state.djzqList = res.result;
866 getListByXzqbsm(xzqdm)
867 .then((res) => {
868 this.$store.state.djqList = res.result;
869 //生成底盘代码
870 this.generatorDpdm();
871 })
872 .catch((error) => {
873 });
874 })
875 .catch((error) => {
876 });
615 } 877 }
616 this.generatorDpdm(); 878 },
617 879 computed: {
618 getBdcdyh(this.dpdm, "zd") 880 zl() {
619 .then((res) => { 881 return this.formData.zl;
620 console.log(res); 882 },
621 this.formData.zddm = res.result.substring(0, 19); 883 mj() {
622 this.formData.bdcdyh = res.result; 884 return this.formData.zdmj;
623 }) 885 },
624 .catch((error) => {}); 886 zddm() {
625 }, 887 return this.formData.zddm;
626 //修改宗地基本信息 888 },
627 updateZDxx(formData) { 889 zdbsm() {
628 //获取权利性质数据 890 return this.$route.query.bsm;
629 this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); 891 },
630 console.log(this.$refs.qlxzModule.getRulesResult(),'this.$refs.qlxzModule.getRules()'); 892 },
631 //判断容密高是否为区间值，如果是区间值，则将输入框的值赋予 893 watch: {
632 this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl; 894 zl: function (val) {
633 this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd; 895 this.$store.state.zdzl = val;
634 this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg; 896 },
635 this.rules= [ 897 mj: function (val) {
636 { 898 this.$store.state.zdmj = val;
637 data:this.formData.zdtzmbsm, 899 },
638 name:'宗地特征码', 900 zddm: function (val) {
639 dom:this.$refs.zdtzm, 901 this.$store.state.zddm = val;
640 rule: /^\s*$/g, //非空 902 },
641 }, 903 zdbsm: function (val) {
642 { 904 this.getZdjbxxData(val)
643 data:this.formData.zddm, 905 this.curZdbsm = val;
644 name:'宗地代码', 906 },
645 dom:this.$refs.zddm, 907 "formData.bdcdyh": function (val) {
646 rule: /^\s*$/g, //非空 908 if (val != '') {
647 }, 909 this.$refs.bdcdyh.style.border = '';
648 { 910 }
649 data:this.formData.bdcdyh, 911 },
650 name:'不动产单元号', 912 "formData.zddm": function (val) {
651 dom:this.$refs.bdcdyh, 913 if (val != '') {
652 rule: /^\s*$/g, //非空 914 this.$refs.zddm.style.border = '';
653 }, 915 }
654 {
655 data:this.formData.zl,
656 name:'坐落',
657 dom:this.$refs.zl,
658 rule: /^\s*$/g, //非空
659 },
660 {
661 data:this.formData.zdszd,
662 name:'宗地东至',
663 dom:this.$refs.zdszd,
664 rule: /^\s*$/g, //非空
665 },
666 {
667 data:this.formData.zdszb,
668 name:'宗地北至',
669 dom:this.$refs.zdszb,
670 rule: /^\s*$/g, //非空
671 },
672 {
673 data:this.formData.zdszx,
674 name:'宗地西至',
675 dom:this.$refs.zdszx,
676 rule: /^\s*$/g, //非空
677 },
678 {
679 data:this.formData.zdszn,
680 name:'宗地南至',
681 dom:this.$refs.zdszn,
682 rule: /^\s*$/g, //非空
683 },
684 {
685 data:this.formData.zdmj,
686 name:'宗地面积',
687 dom:this.$refs.zdmj,
688 rule: /^\s*$/g, //非空
689 },
690 ]
691 // console.log(this.rules,'rules');
692 this.$refs.qlxzModule.getRules();
693 let flag = true;
694 this.rules.forEach(item=>{
695 if(item.rule.test(item.data) || item.data == null){
696 if(item.dom.$el){
697 item.dom.$el.style.border = '1px solid red';
698 item.dom.$el.style.boxSizing = 'border-box';
699 }else{
700 item.dom.style.border = '1px solid red';
701 item.dom.style.boxSizing = 'border-box';
702 }
703 // this.$message({
704 // // message: item.name+'不能为空',
705 // message: '不能为空',
706 // type: "warning",
707 // });
708 flag = false;
709 return false
710 }
711 })
712 this.$nextTick(()=>{
713 if(flag && this.$refs.qlxzModule.getRulesResult()){
714 //宗地面积处理
715 // console.log(this.formData.zdmj,'this.formData.zdmj');
716 // this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'')
717 //判断宗地代码和不动产单元号是否手动修改过（宗地代码和不动产单元号的前14位是否和底盘代码一致）
718 if(this.formData.zddm.substring(0,14) != this.dpdm || this.formData.bdcdyh.substring(0,14) != this.dpdm){
719 this.$message({
720 message: '宗地代码或不动产单元号有误，请核对后再试一次',
721 type: "warning",
722 });
723 }else{
724 updateQjZdjbxx(this.formData)
725 .then((res) => {
726 if (res.code == 200) {
727 console.log(res);
728 this.$message({
729 message: '保存成功',
730 type: "success",
731 });
732 // 保存成功再次查询
733 this.getZdjbxxData(this.$store.state.zdbsm);
734 } else {
735 this.$message({
736 message: res.message,
737 type: "warning",
738 });
739 }
740 })
741 .catch((error) => {});
742 //保存到空间库里面
743 var self = this;
744 for(var key in this.geoAttributes){
745 if(key == "BSM"){
746 self.geoAttributes[key] = this.$store.state.zdbsm
747 }else if(key == 'QLSDFS'){
748 var qlsdfsList = self.$store.state.qlsdfsList,value = self.formData.qlsdfs;
749 var qlsdfs = qlsdfsList.filter(item => {
750 return item.bsm == value;
751 })
752 self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc:"";
753 }else {
754 var formKay = key.toLowerCase();
755 self.geoAttributes[key] = self.formData[formKay];
756 }
757 }
758 self.updAttributes(this.$store.state.zdbsm,'zd',this.geoAttributes,function (res) {
759 console.log("属性保存完成!!");
760 });
761 }
762 }else{
763 this.$message({
764 // message: item.name+'不能为空',
765 message: '请完善表单后再继续操作',
766 type: "warning",
767 });
768 }
769 })
770
771 },
772 inputBlur(e){
773 if(e.target.value!=''){
774 e.target.style.border=""
775 }else{
776 e.target.style.border="1px solid red";
777 e.target.style.boxSizing = 'border-box';
778 }
779 },
780 //提交宗地基本信息
781 submitZDxx(){
782 let data={
783 glbsm:this.$store.state.zdbsm,
784 status:1,
785 type:"zd"
786 }
787 submit(data).then((res)=>{
788 if(res.code===200){
789 this.$message.success("提交成功！")
790 this.getZdjbxxData(this.curZdbsm);
791 getTree(this.curZdbsm).then((res) => {
792 if (res.success) {
793 // console.log('successsuccesssuccesssuccess');
794 this.$store.state.treeData = res.result;
795 }
796 });
797 }
798 })
799 },
800 getQlrxxData() {
801 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
802 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
803 },
804 getQlxzData() {
805 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
806 },
807 //行政区划选择
808 changeXzq(id) {
809 getListByXzqbsm(id)
810 .then((res) => {
811 this.formData.djqbsm = "";
812 this.formData.djzqbsm = "";
813 this.djqList = res.result;
814 this.$store.state.djqList = res.result;
815 })
816 .catch((error) => {});
817 },
818 changeDjq(item) {
819 getListByPbsm(item)
820 .then((res) => {
821 this.formData.djzqbsm = "";
822 this.djzqList = res.result;
823 this.$store.state.djzqList = res.result;
824 })
825 .catch((error) => {});
826 },
827 //判断容密高是否为区间
828 isInterval(val){
829 if(val == '>' || val == '<' || val == '=' || val == '>=' || val == '<='|| val == null){
830 return false
831 }else{
832 return true;
833 }
834 },
835 //根据宗地信息的行政区代码查询行政区地籍区地籍子区的字典数据
836 getXzqData(xzqdm,djqdm){
837 getAllList()
838 .then((res) => {
839 this.$store.state.xzqList = res.result;
840 })
841 .catch((error) => {});
842
843 getListByPbsm(djqdm)
844 .then((res) => {
845 this.$store.state.djzqList = res.result;
846 getListByXzqbsm(xzqdm)
847 .then((res) => {
848 this.$store.state.djqList = res.result;
849 //生成底盘代码
850 this.generatorDpdm();
851 })
852 .catch((error) => {});
853 })
854 .catch((error) => {});
855 }
856 },
857 computed: {
858 zl() {
859 return this.formData.zl;
860 },
861 mj() {
862 return this.formData.zdmj;
863 },
864 zddm() {
865 return this.formData.zddm;
866 },
867 zdbsm() {
868 return this.$route.query.bsm;
869 },
870 },
871 watch: {
872 zl: function(val) {
873 this.$store.state.zdzl = val;
874 },
875 mj: function(val) {
876 this.$store.state.zdmj = val;
877 },
878 zddm: function(val) {
879 this.$store.state.zddm = val;
880 },
881 zdbsm:function (val) {
882 this.getZdjbxxData(val)
883 this.curZdbsm = val;
884 },
885 "formData.bdcdyh":function (val) {
886 if (val != '') {
887 this.$refs.bdcdyh.style.border = '';
888 }
889 },
890 "formData.zddm":function (val) {
891 if (val != '') {
892 this.$refs.zddm.style.border = '';
893 }
894 }
895 },
896 "$store.state.sxdrType": function (val) {
897 debugger
898 this.$message.success(val);
899 if (val==='zd'){
900 this.getZdjbxxData(this.$store.state.zdbsm)
901 } 916 }
902 }, 917 },
903 }; 918 "$store.state.sxdrType": {
919 handler(n) {
920 this.$message.success(n)
921 this.$nextTick(()=>{
922 if (n === 'zd') {
923 this.getZdjbxxData(this.$store.state.zdbsm)
924 }
925 })
926 },
927 immediate: true,
928 deep: true,
929 }
930 };
904 </script> 931 </script>
905 <style lang="less" scoped> 932 <style lang="less" scoped>
906 .main { 933 .main {
907 box-sizing: border-box; 934 box-sizing: border-box;
908 padding: 18px; 935 padding: 18px;
909 height: auto; 936 height: auto;
910 .formMenu { 937 .formMenu {
911 width: 100%; 938 width: 100%;
912 margin: 0 auto; 939 margin: 0 auto;
913 margin-bottom: 50px; 940 margin-bottom: 50px;
914 } 941 }
915 .zdjbxxTable { 942 .zdjbxxTable {
916 margin: 10px 0; 943 margin: 10px 0;
917 background-color: #fff; 944 background-color: #fff;
918 font-size: 14px; 945 font-size: 14px;
919 width: 100%; 946 width: 100%;
920 table-layout: fixed; 947 table-layout: fixed;
921 th { 948 th {
922 height: 36px; 949 height: 36px;
923 line-height: 36px; 950 line-height: 36px;
924 font-size: 16px; 951 font-size: 16px;
925 } 952 }
926 td { 953 td {
927 text-align: center; 954 text-align: center;
928 height: 36px; 955 height: 36px;
929 border-color: #E6E6E6; 956 border-color: #E6E6E6;
930 } 957 }
931 /deep/ .el-input__inner { 958 /deep/ .el-input__inner {
932 margin: 0; 959 margin: 0;
933 height: 36px; 960 height: 36px;
934 outline: none; 961 outline: none;
935 border: none; 962 border: none;
936 color: #606764; 963 color: #606764;
937 overflow: visible; 964 overflow: visible;
938 text-align: center; 965 text-align: center;
939 } 966 }
940 .percent68 { 967 .percent68 {
941 width: 68% !important; 968 width: 68% !important;
942 float: left; 969 float: left;
943 position: relative; 970 position: relative;
944 top: 7px; 971 top: 7px;
945 } 972 }
946 .percent47 { 973 .percent47 {
947 width: 45% !important; 974 width: 45% !important;
948 float: left; 975 float: left;
949 } 976 }
950 .percent4 { 977 .percent4 {
951 height: 20px; 978 height: 20px;
952 line-height: 20px; 979 line-height: 20px;
953 width: 4% !important; 980 width: 4% !important;
954 float: left; 981 float: left;
955 } 982 }
956 .percent30 { 983 .percent30 {
957 width: 30% !important; 984 width: 30% !important;
958 float: left; 985 float: left;
959 } 986 }
960 .el-input__icon { 987 .el-input__icon {
961 line-height: 37px; 988 line-height: 37px;
962 } 989 }
963 .el-select { 990 .el-select {
964 width: 100%; 991 width: 100%;
965 } 992 }
966 } 993 }
967 994
968 .header-button { 995 .header-button {
969 height: 50px; 996 height: 50px;
970 position: fixed; 997 position: fixed;
971 bottom: 0; 998 bottom: 0;
972 right: 6px; 999 right: 6px;
973 text-align: center; 1000 text-align: center;
974 background-color: #ffffff; 1001 background-color: #ffffff;
975 .el-button{ 1002 .el-button {
976 padding: 10px 30px; 1003 padding: 10px 30px;
977 margin-top: 8px; 1004 margin-top: 8px;
978 } 1005 }
979 .saveBtn { 1006 .saveBtn {
980 background-color: #00CACD; 1007 background-color: #00CACD;
981 border-color: #00CACD; 1008 border-color: #00CACD;
982 } 1009 }
983 .saveBtn:hover { 1010 .saveBtn:hover {
984 background-color: rgba(0, 202, 205, .8); 1011 background-color: rgba(0, 202, 205, .8);
985 border-color: rgba(0, 202, 205, .8); 1012 border-color: rgba(0, 202, 205, .8);
986 } 1013 }
987 } 1014 }
988 } 1015 }
989 </style> 1016 </style>
......