Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6f158396 by renchao@pashanhoo.com
Options

1

1 parent b6cdf079
Inline Side-by-side
Showing 6 changed files with 754 additions and 813 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:27:52 4 * @LastEditTime: 2023-08-25 09:50:48
5 :show-message="false" 5 :show-message="false"
6 --> 6 -->
7 <template> 7 <template>
......
...@@ -232,10 +232,8 @@ ...@@ -232,10 +232,8 @@
232 }) 232 })
233 } 233 }
234 234
235
236
237 let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; 235 let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
238 if (lines2.length > 22) { 236 if (lines2.length >= 22) {
239 lines2.forEach((line, index) => { 237 lines2.forEach((line, index) => {
240 const y = 170 + (index * 20); // 每行文本的垂直位置 238 const y = 170 + (index * 20); // 每行文本的垂直位置
241 let currentLine = ''; 239 let currentLine = '';
...@@ -243,7 +241,7 @@ ...@@ -243,7 +241,7 @@
243 for (let word of line) { 241 for (let word of line) {
244 const testLine = currentLine + word; 242 const testLine = currentLine + word;
245 const lineWidth = context.measureText(testLine).width; 243 const lineWidth = context.measureText(testLine).width;
246 if (lineWidth <= 360) { 244 if (lineWidth <= 336) {
247 currentLine = testLine; 245 currentLine = testLine;
248 } else { 246 } else {
249 arr.push(currentLine); 247 arr.push(currentLine);
...@@ -263,7 +261,7 @@ ...@@ -263,7 +261,7 @@
263 for (let word of line) { 261 for (let word of line) {
264 const testLine = currentLine + word; 262 const testLine = currentLine + word;
265 const lineWidth = context.measureText(testLine).width; 263 const lineWidth = context.measureText(testLine).width;
266 if (lineWidth <= 360) { 264 if (lineWidth <= 336) {
267 currentLine = testLine; 265 currentLine = testLine;
268 } else { 266 } else {
269 arr.push(currentLine); 267 arr.push(currentLine);
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-17 16:43:18 4 * @LastEditTime: 2023-08-25 09:53:27
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
35 }, 35 },
36 disabled: { 36 disabled: {
37 type: Boolean, 37 type: Boolean,
38 default: false 38 default: true
39 } 39 }
40 }, 40 },
41 data () { 41 data () {
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 14:25:14 4 * @LastEditTime: 2023-08-25 09:49:00
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -11,8 +11,7 @@ ...@@ -11,8 +11,7 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="120px" 14 label-width="120px">
15 >
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block"> 16 <div class="slxx_title title-block">
18 受理信息 17 受理信息
...@@ -81,14 +80,12 @@ ...@@ -81,14 +80,12 @@
81 <el-select 80 <el-select
82 disabled 81 disabled
83 v-model="ruleForm.zdjbxx.mjdw" 82 v-model="ruleForm.zdjbxx.mjdw"
84 style="width: 68px" 83 style="width: 68px">
85 >
86 <el-option 84 <el-option
87 v-for="item in dictData['A7']" 85 v-for="item in dictData['A7']"
88 :key="item.dcode" 86 :key="item.dcode"
89 :label="item.dname" 87 :label="item.dname"
90 :value="item.dcode" 88 :value="item.dcode">
91 >
92 </el-option> 89 </el-option>
93 </el-select> 90 </el-select>
94 </div> 91 </div>
...@@ -109,8 +106,7 @@ ...@@ -109,8 +106,7 @@
109 :normalizer="normalizer" 106 :normalizer="normalizer"
110 :default-expand-level="1" 107 :default-expand-level="1"
111 :show-count="true" 108 :show-count="true"
112 :options="dictData['A9']" 109 :options="dictData['A9']" />
113 />
114 </el-form-item> 110 </el-form-item>
115 </el-col> 111 </el-col>
116 </el-row> 112 </el-row>
...@@ -121,15 +117,13 @@ ...@@ -121,15 +117,13 @@
121 <el-input 117 <el-input
122 v-model="ruleForm.fdcq2.dytdmj" 118 v-model="ruleForm.fdcq2.dytdmj"
123 :disabled="!viewEdit" 119 :disabled="!viewEdit"
124 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 120 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
125 ></el-input>
126 <el-select disabled v-model="mjdw" style="width: 68px"> 121 <el-select disabled v-model="mjdw" style="width: 68px">
127 <el-option 122 <el-option
128 v-for="item in dictData['A7']" 123 v-for="item in dictData['A7']"
129 :key="item.dcode" 124 :key="item.dcode"
130 :label="item.dname" 125 :label="item.dname"
131 :value="item.dcode" 126 :value="item.dcode">
132 >
133 </el-option> 127 </el-option>
134 </el-select> 128 </el-select>
135 </div> 129 </div>
...@@ -141,15 +135,13 @@ ...@@ -141,15 +135,13 @@
141 <el-input 135 <el-input
142 v-model="ruleForm.fdcq2.fttdmj" 136 v-model="ruleForm.fdcq2.fttdmj"
143 :disabled="!viewEdit" 137 :disabled="!viewEdit"
144 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 138 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
145 ></el-input>
146 <el-select disabled v-model="mjdw" style="width: 68px"> 139 <el-select disabled v-model="mjdw" style="width: 68px">
147 <el-option 140 <el-option
148 v-for="item in dictData['A7']" 141 v-for="item in dictData['A7']"
149 :key="item.dcode" 142 :key="item.dcode"
150 :label="item.dname" 143 :label="item.dname"
151 :value="item.dcode" 144 :value="item.dcode">
152 >
153 </el-option> 145 </el-option>
154 </el-select> 146 </el-select>
155 </div> 147 </div>
...@@ -162,8 +154,7 @@ ...@@ -162,8 +154,7 @@
162 v-for="item in dictData['A19']" 154 v-for="item in dictData['A19']"
163 :key="item.dcode" 155 :key="item.dcode"
164 :label="item.dname" 156 :label="item.dname"
165 :value="item.dcode" 157 :value="item.dcode">
166 >
167 </el-option> 158 </el-option>
168 </el-select> 159 </el-select>
169 </el-form-item> 160 </el-form-item>
...@@ -179,8 +170,7 @@ ...@@ -179,8 +170,7 @@
179 placeholder="" 170 placeholder=""
180 :normalizer="normalizer" 171 :normalizer="normalizer"
181 :show-count="true" 172 :show-count="true"
182 :options="dictData['A17']" 173 :options="dictData['A17']" />
183 />
184 </el-form-item> 174 </el-form-item>
185 </el-col> 175 </el-col>
186 <el-col :span="8"> 176 <el-col :span="8">
...@@ -190,8 +180,7 @@ ...@@ -190,8 +180,7 @@
190 v-for="item in dictData['A46']" 180 v-for="item in dictData['A46']"
191 :key="item.dcode" 181 :key="item.dcode"
192 :label="item.dname" 182 :label="item.dname"
193 :value="item.dcode" 183 :value="item.dcode">
194 >
195 </el-option> 184 </el-option>
196 </el-select> 185 </el-select>
197 </el-form-item> 186 </el-form-item>
...@@ -204,8 +193,7 @@ ...@@ -204,8 +193,7 @@
204 type="date" 193 type="date"
205 placeholder="选择日期" 194 placeholder="选择日期"
206 value-format="yyyy-MM-dd" 195 value-format="yyyy-MM-dd"
207 :disabled="!viewEdit" 196 :disabled="!viewEdit"></el-date-picker>
208 ></el-date-picker>
209 </el-form-item> 197 </el-form-item>
210 </el-col> 198 </el-col>
211 </el-row> 199 </el-row>
...@@ -214,8 +202,7 @@ ...@@ -214,8 +202,7 @@
214 <el-form-item label="所在层："> 202 <el-form-item label="所在层：">
215 <el-input 203 <el-input
216 v-model="ruleForm.fdcq2.szc" 204 v-model="ruleForm.fdcq2.szc"
217 :disabled="!viewEdit" 205 :disabled="!viewEdit"></el-input>
218 ></el-input>
219 </el-form-item> 206 </el-form-item>
220 </el-col> 207 </el-col>
221 <el-col :span="8"> 208 <el-col :span="8">
...@@ -223,8 +210,7 @@ ...@@ -223,8 +210,7 @@
223 <el-input 210 <el-input
224 :disabled="!viewEdit" 211 :disabled="!viewEdit"
225 v-model.number="ruleForm.fdcq2.zcs" 212 v-model.number="ruleForm.fdcq2.zcs"
226 oninput="value=value.replace(/[^0-9]/g,'')" 213 oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
227 ></el-input>
228 </el-form-item> 214 </el-form-item>
229 </el-col> 215 </el-col>
230 <el-col :span="8"> 216 <el-col :span="8">
...@@ -234,15 +220,13 @@ ...@@ -234,15 +220,13 @@
234 v-model="ruleForm.fdcq2.fdcjyjg" 220 v-model="ruleForm.fdcq2.fdcjyjg"
235 style="width: 500%" 221 style="width: 500%"
236 :disabled="!viewEdit" 222 :disabled="!viewEdit"
237 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 223 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
238 ></el-input>
239 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit"> 224 <el-select v-model="ruleForm.fdcq2.jedw" :disabled="!viewEdit">
240 <el-option 225 <el-option
241 v-for="item in dictData['A57']" 226 v-for="item in dictData['A57']"
242 :key="item.dcode" 227 :key="item.dcode"
243 :label="item.dname" 228 :label="item.dname"
244 :value="item.dcode" 229 :value="item.dcode">
245 >
246 </el-option> 230 </el-option>
247 </el-select> 231 </el-select>
248 </div> 232 </div>
...@@ -256,15 +240,13 @@ ...@@ -256,15 +240,13 @@
256 <el-input 240 <el-input
257 v-model="ruleForm.fdcq2.jzmj" 241 v-model="ruleForm.fdcq2.jzmj"
258 :disabled="!viewEdit" 242 :disabled="!viewEdit"
259 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 243 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
260 ></el-input>
261 <el-select disabled v-model="mjdw" style="width: 68px"> 244 <el-select disabled v-model="mjdw" style="width: 68px">
262 <el-option 245 <el-option
263 v-for="item in dictData['A7']" 246 v-for="item in dictData['A7']"
264 :key="item.dcode" 247 :key="item.dcode"
265 :label="item.dname" 248 :label="item.dname"
266 :value="item.dcode" 249 :value="item.dcode">
267 >
268 </el-option> 250 </el-option>
269 </el-select> 251 </el-select>
270 </div> 252 </div>
...@@ -276,15 +258,13 @@ ...@@ -276,15 +258,13 @@
276 <el-input 258 <el-input
277 v-model="ruleForm.fdcq2.zyjzmj" 259 v-model="ruleForm.fdcq2.zyjzmj"
278 :disabled="!viewEdit" 260 :disabled="!viewEdit"
279 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 261 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
280 ></el-input>
281 <el-select disabled v-model="mjdw" style="width: 68px"> 262 <el-select disabled v-model="mjdw" style="width: 68px">
282 <el-option 263 <el-option
283 v-for="item in dictData['A7']" 264 v-for="item in dictData['A7']"
284 :key="item.dcode" 265 :key="item.dcode"
285 :label="item.dname" 266 :label="item.dname"
286 :value="item.dcode" 267 :value="item.dcode">
287 >
288 </el-option> 268 </el-option>
289 </el-select> 269 </el-select>
290 </div> 270 </div>
...@@ -296,15 +276,13 @@ ...@@ -296,15 +276,13 @@
296 <el-input 276 <el-input
297 v-model="ruleForm.fdcq2.ftjzmj" 277 v-model="ruleForm.fdcq2.ftjzmj"
298 :disabled="!viewEdit" 278 :disabled="!viewEdit"
299 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 279 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
300 ></el-input>
301 <el-select disabled v-model="mjdw" style="width: 68px"> 280 <el-select disabled v-model="mjdw" style="width: 68px">
302 <el-option 281 <el-option
303 v-for="item in dictData['A7']" 282 v-for="item in dictData['A7']"
304 :key="item.dcode" 283 :key="item.dcode"
305 :label="item.dname" 284 :label="item.dname"
306 :value="item.dcode" 285 :value="item.dcode">
307 >
308 </el-option> 286 </el-option>
309 </el-select> 287 </el-select>
310 </div> 288 </div>
...@@ -319,8 +297,7 @@ ...@@ -319,8 +297,7 @@
319 type="textarea" 297 type="textarea"
320 maxlength="500" 298 maxlength="500"
321 show-word-limit 299 show-word-limit
322 :disabled="!viewEdit" 300 :disabled="!viewEdit"></el-input>
323 ></el-input>
324 </el-form-item> 301 </el-form-item>
325 </el-col> 302 </el-col>
326 </el-row> 303 </el-row>
...@@ -331,8 +308,7 @@ ...@@ -331,8 +308,7 @@
331 <tdytTable 308 <tdytTable
332 :ableOperation="viewEdit" 309 :ableOperation="viewEdit"
333 :tableData="ruleForm.tdytqxList" 310 :tableData="ruleForm.tdytqxList"
334 @upDateTdytxxList="upDateTdytxxList" 311 @upDateTdytxxList="upDateTdytxxList" />
335 />
336 <div class="slxx_title title-block"> 312 <div class="slxx_title title-block">
337 权利人信息 313 权利人信息
338 <div class="triangle"></div> 314 <div class="triangle"></div>
...@@ -342,8 +318,7 @@ ...@@ -342,8 +318,7 @@
342 <el-form-item label="共有方式："> 318 <el-form-item label="共有方式：">
343 <el-radio-group 319 <el-radio-group
344 :disabled="!viewEdit" 320 :disabled="!viewEdit"
345 v-model="ruleForm.sldy.gyfs" 321 v-model="ruleForm.sldy.gyfs">
346 >
347 <el-radio label="0">单独所有</el-radio> 322 <el-radio label="0">单独所有</el-radio>
348 <el-radio label="1">共同共有</el-radio> 323 <el-radio label="1">共同共有</el-radio>
349 <el-radio label="2">按份所有</el-radio> 324 <el-radio label="2">按份所有</el-radio>
...@@ -356,8 +331,7 @@ ...@@ -356,8 +331,7 @@
356 <el-radio-group 331 <el-radio-group
357 v-model="ruleForm.sldy.sqfbcz" 332 v-model="ruleForm.sldy.sqfbcz"
358 :disabled="!viewEdit" 333 :disabled="!viewEdit"
359 @input="updaterow()" 334 @input="updaterow()">
360 >
361 <el-radio :label="1">是</el-radio> 335 <el-radio :label="1">是</el-radio>
362 <el-radio :label="0">否</el-radio> 336 <el-radio :label="0">否</el-radio>
363 </el-radio-group> 337 </el-radio-group>
...@@ -365,20 +339,17 @@ ...@@ -365,20 +339,17 @@
365 </el-col> 339 </el-col>
366 <el-col 340 <el-col
367 :span="6" 341 :span="6"
368 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 342 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
369 >
370 <el-form-item label="持证人："> 343 <el-form-item label="持证人：">
371 <el-select 344 <el-select
372 v-model="czr" 345 v-model="czr"
373 placeholder="持证人" 346 placeholder="持证人"
374 :disabled="!viewEdit" 347 :disabled="!viewEdit">
375 >
376 <el-option 348 <el-option
377 v-for="item in czrOptions" 349 v-for="item in czrOptions"
378 :key="item.zjh" 350 :key="item.zjh"
379 :label="item.sqrmc" 351 :label="item.sqrmc"
380 :value="item.zjh" 352 :value="item.zjh">
381 >
382 </el-option> 353 </el-option>
383 </el-select> 354 </el-select>
384 </el-form-item> 355 </el-form-item>
...@@ -388,8 +359,7 @@ ...@@ -388,8 +359,7 @@
388 @upDateQlrxxList="upDateQlrxxList" 359 @upDateQlrxxList="upDateQlrxxList"
389 :tableData="ruleForm.qlrList" 360 :tableData="ruleForm.qlrList"
390 :disabled="viewEdit" 361 :disabled="viewEdit"
391 :gyfs="ruleForm.sldy.gyfs" 362 :gyfs="ruleForm.sldy.gyfs" />
392 />
393 363
394 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> 364 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
395 <div class="slxx_title title-block"> 365 <div class="slxx_title title-block">
...@@ -400,8 +370,8 @@ ...@@ -400,8 +370,8 @@
400 v-if="ruleForm.qlxx" 370 v-if="ruleForm.qlxx"
401 @upDateQlrxxList="upDateYwrxxList" 371 @upDateQlrxxList="upDateYwrxxList"
402 :tableData="ruleForm.ywrList" 372 :tableData="ruleForm.ywrList"
403 :gyfs="ruleForm.sldy.gyfs" 373 :disabled="viewEdit"
404 /> 374 :gyfs="ruleForm.sldy.gyfs" />
405 </div> 375 </div>
406 <div class="slxx_title title-block"> 376 <div class="slxx_title title-block">
407 登记原因 377 登记原因
...@@ -416,8 +386,7 @@ ...@@ -416,8 +386,7 @@
416 maxlength="500" 386 maxlength="500"
417 show-word-limit 387 show-word-limit
418 :disabled="!viewEdit" 388 :disabled="!viewEdit"
419 v-model="ruleForm.fdcq2.djyy" 389 v-model="ruleForm.fdcq2.djyy">
420 >
421 </el-input> 390 </el-input>
422 </el-form-item> 391 </el-form-item>
423 </el-col> 392 </el-col>
...@@ -432,282 +401,282 @@ ...@@ -432,282 +401,282 @@
432 </div> 401 </div>
433 </template> 402 </template>
434 <script> 403 <script>
435 import ywmix from "@/views/ywbl/mixin/index"; 404 import ywmix from "@/views/ywbl/mixin/index";
436 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 405 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
437 import tdytTable from "@/views/workflow/components/tdytTable"; 406 import tdytTable from "@/views/workflow/components/tdytTable";
438 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 407 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
439 import { mapGetters } from "vuex"; 408 import { mapGetters } from "vuex";
440 export default { 409 export default {
441 mixins: [ywmix], 410 mixins: [ywmix],
442 mounted() { 411 mounted () {
443 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 412 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
444 this.propsParam = this.$attrs; 413 this.propsParam = this.$attrs;
445 var formdata = new FormData(); 414 var formdata = new FormData();
446 formdata.append("bsmSldy", this.propsParam.bsmSldy); 415 formdata.append("bsmSldy", this.propsParam.bsmSldy);
447 formdata.append("djlx", this.propsParam.djlx); 416 formdata.append("djlx", this.propsParam.djlx);
448 formdata.append("isEdit", this.viewEdit); 417 formdata.append("isEdit", this.viewEdit);
449 Init(formdata).then((res) => { 418 Init(formdata).then((res) => {
450 if (res.code === 200 && res.result) { 419 if (res.code === 200 && res.result) {
451 this.ruleForm = { 420 this.ruleForm = {
452 ...res.result, 421 ...res.result,
453 ...res.result.qlxxdatas, 422 ...res.result.qlxxdatas,
454 }; 423 };
455 this.ruleForm.qlrList.forEach((item) => { 424 this.ruleForm.qlrList.forEach((item) => {
456 if (item.sfczr == 1) { 425 if (item.sfczr == 1) {
457 this.czr = item.sqrmc; 426 this.czr = item.sqrmc;
458 } 427 }
459 }); 428 });
460 //初始化发证方式，1：小证，2：大正 429 //初始化发证方式，1：小证，2：大正
461 this.ruleForm.slsq.fzfs == null 430 this.ruleForm.slsq.fzfs == null
462 ? (this.ruleForm.slsq.fzfs = "1") 431 ? (this.ruleForm.slsq.fzfs = "1")
463 : this.ruleForm.slsq.fzfs; 432 : this.ruleForm.slsq.fzfs;
464 this.czrOptions = this.ruleForm.qlrList; 433 this.czrOptions = this.ruleForm.qlrList;
465 }
466 });
467 },
468 components: { qlrCommonTable, tdytTable },
469 computed: {
470 ...mapGetters(["dictData", "flag"]),
471 },
472 data() {
473 return {
474 mjdw: "1",
475 // 键名转换，方法默认是label和children进行树状渲染
476 normalizer(node) {
477 //方法
478 if (node.children == null || node.children == "null") {
479 delete node.children;
480 } 434 }
481 return { 435 });
482 id: node.dcode,
483 label: node.dname,
484 };
485 },
486 disabled: true,
487 tdytOption: [],
488 czrOptions: [],
489 czr: "",
490 ruleForm: {
491 flow: {
492 ywh: "",
493 },
494 qlxx: {
495 mj: "",
496 },
497 sldy: {
498 gyfs: "",
499 },
500 slsq: {},
501 fdcq2: {
502 zyjzmj: "",
503 ftjzmj: "",
504 },
505 zdjbxx: {
506 ghytmc: "",
507 },
508 },
509 //传递参数
510 propsParam: this.$attrs,
511 //表单是否可操作
512 viewEdit: true,
513 rules: {},
514 };
515 },
516 methods: {
517 /**
518 * @description: 更新土地用途信息
519 * @param {*} val
520 * @author: renchao
521 */
522 upDateTdytxxList(val) {
523 this.ruleForm.tdytqxList = _.cloneDeep(val);
524 },
525 /**
526 * @description: 更新权利人信息
527 * @param {*} val
528 * @author: renchao
529 */
530 upDateQlrxxList(val) {
531 this.ruleForm.qlrList = _.cloneDeep(val);
532 this.czrOptions = this.ruleForm.qlrList;
533 }, 436 },
534 // 是否持证人变化 437 components: { qlrCommonTable, tdytTable },
535 /** 438 computed: {
536 * @description: 是否持证人变化 439 ...mapGetters(["dictData", "flag"]),
537 * @param {*} val
538 * @author: renchao
539 */
540 updaterow() {
541 this.czr = "";
542 }, 440 },
543 /** 441 data () {
544 * @description: 更新权利人信息 442 return {
545 * @param {*} val 443 mjdw: "1",
546 * @author: renchao 444 // 键名转换，方法默认是label和children进行树状渲染
547 */ 445 normalizer (node) {
548 upDateYwrxxList(val) { 446 //方法
549 this.ruleForm.ywrList = _.cloneDeep(val); 447 if (node.children == null || node.children == "null") {
448 delete node.children;
449 }
450 return {
451 id: node.dcode,
452 label: node.dname,
453 };
454 },
455 disabled: true,
456 tdytOption: [],
457 czrOptions: [],
458 czr: "",
459 ruleForm: {
460 flow: {
461 ywh: "",
462 },
463 qlxx: {
464 mj: "",
465 },
466 sldy: {
467 gyfs: "",
468 },
469 slsq: {},
470 fdcq2: {
471 zyjzmj: "",
472 ftjzmj: "",
473 },
474 zdjbxx: {
475 ghytmc: "",
476 },
477 },
478 //传递参数
479 propsParam: this.$attrs,
480 //表单是否可操作
481 viewEdit: true,
482 rules: {},
483 };
550 }, 484 },
551 /** 485 methods: {
552 * @description: onSubmit 486 /**
553 * @author: renchao 487 * @description: 更新土地用途信息
554 */ 488 * @param {*} val
555 onSubmit() { 489 * @author: renchao
556 let that = this; 490 */
557 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 491 upDateTdytxxList (val) {
558 if (arr.length > 0) { 492 this.ruleForm.tdytqxList = _.cloneDeep(val);
559 this.$message({ 493 },
560 showClose: true, 494 /**
561 message: "土地用途不能为空", 495 * @description: 更新权利人信息
562 type: "error", 496 * @param {*} val
563 }); 497 * @author: renchao
564 return false; 498 */
565 } 499 upDateQlrxxList (val) {
566 if (this.ruleForm.qlrList.length == 0) { 500 this.ruleForm.qlrList = _.cloneDeep(val);
567 this.$message({ 501 this.czrOptions = this.ruleForm.qlrList;
568 showClose: true, 502 },
569 message: "请确认权利人信息", 503 // 是否持证人变化
570 type: "error", 504 /**
571 }); 505 * @description: 是否持证人变化
572 return false; 506 * @param {*} val
573 } 507 * @author: renchao
574 508 */
575 if (this.ruleForm.sldy.gyfs == "0") { 509 updaterow () {
576 if (this.ruleForm.qlrList.length > 1) { 510 this.czr = "";
511 },
512 /**
513 * @description: 更新权利人信息
514 * @param {*} val
515 * @author: renchao
516 */
517 upDateYwrxxList (val) {
518 this.ruleForm.ywrList = _.cloneDeep(val);
519 },
520 /**
521 * @description: onSubmit
522 * @author: renchao
523 */
524 onSubmit () {
525 let that = this;
526 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
527 if (arr.length > 0) {
577 this.$message({ 528 this.$message({
578 showClose: true, 529 showClose: true,
579 message: "共有方式：单独所有，权利人只能是一个人", 530 message: "土地用途不能为空",
580 type: "error", 531 type: "error",
581 }); 532 });
582 return false; 533 return false;
583 } 534 }
584 this.ruleForm.qlrList[0].sfczr = "1"; 535 if (this.ruleForm.qlrList.length == 0) {
585 } else {
586 if (this.ruleForm.qlrList.length <= 1) {
587 this.$message({ 536 this.$message({
588 showClose: true, 537 showClose: true,
589 message: 538 message: "请确认权利人信息",
590 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
591 type: "error", 539 type: "error",
592 }); 540 });
593 return false; 541 return false;
594 } 542 }
595 //是否分别持证 543
596 if (this.ruleForm.sldy.sqfbcz == "1") { 544 if (this.ruleForm.sldy.gyfs == "0") {
597 //是 545 if (this.ruleForm.qlrList.length > 1) {
598 this.ruleForm.qlrList.forEach((item, index) => { 546 this.$message({
599 item.sfczr = "1"; 547 showClose: true,
600 }); 548 message: "共有方式：单独所有，权利人只能是一个人",
549 type: "error",
550 });
551 return false;
552 }
553 this.ruleForm.qlrList[0].sfczr = "1";
601 } else { 554 } else {
602 if (!that.czr) { 555 if (this.ruleForm.qlrList.length <= 1) {
603 that.$message({ 556 this.$message({
604 showClose: true, 557 showClose: true,
605 message: "请选择持证人", 558 message:
559 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
606 type: "error", 560 type: "error",
607 }); 561 });
608 return false; 562 return false;
609 } 563 }
610 this.ruleForm.qlrList.forEach((item, index) => { 564 //是否分别持证
611 if (item.zjh == this.czr) { 565 if (this.ruleForm.sldy.sqfbcz == "1") {
566 //是
567 this.ruleForm.qlrList.forEach((item, index) => {
612 item.sfczr = "1"; 568 item.sfczr = "1";
613 } else { 569 });
614 item.sfczr = "0"; 570 } else {
571 if (!that.czr) {
572 that.$message({
573 showClose: true,
574 message: "请选择持证人",
575 type: "error",
576 });
577 return false;
615 } 578 }
616 }); 579 this.ruleForm.qlrList.forEach((item, index) => {
617 } 580 if (item.zjh == this.czr) {
618 } 581 item.sfczr = "1";
619 saveData(this.ruleForm).then((res) => { 582 } else {
620 if (res.code === 200) { 583 item.sfczr = "0";
621 this.$message({ 584 }
622 showClose: true, 585 });
623 message: "保存成功！", 586 }
624 type: "success",
625 });
626 this.$store.dispatch("user/refreshPage", true);
627 } else {
628 this.$message({
629 showClose: true,
630 message: res.message,
631 type: "error",
632 });
633 } 587 }
634 }); 588 saveData(this.ruleForm).then((res) => {
589 if (res.code === 200) {
590 this.$message({
591 showClose: true,
592 message: "保存成功！",
593 type: "success",
594 });
595 this.$store.dispatch("user/refreshPage", true);
596 } else {
597 this.$message({
598 showClose: true,
599 message: res.message,
600 type: "error",
601 });
602 }
603 });
604 },
635 }, 605 },
636 }, 606 };
637 };
638 </script> 607 </script>
639 <style scoped lang="scss"> 608 <style scoped lang="scss">
640 @import "~@/styles/public.scss"; 609 @import "~@/styles/public.scss";
641 610
642 /deep/.el-form { 611 /deep/.el-form {
643 display: flex; 612 display: flex;
644 flex-direction: column; 613 flex-direction: column;
645 height: calc(100vh - 130px); 614 height: calc(100vh - 130px);
646 } 615 }
647 616
648 /deep/.el-form-item__label { 617 /deep/.el-form-item__label {
649 padding: 0; 618 padding: 0;
650 } 619 }
651 620
652 /deep/.el-radio { 621 /deep/.el-radio {
653 margin-right: 10px; 622 margin-right: 10px;
654 } 623 }
655 624
656 /deep/.el-select { 625 /deep/.el-select {
657 width: 100%; 626 width: 100%;
658 } 627 }
659 628
660 /deep/.el-form-item { 629 /deep/.el-form-item {
661 margin-bottom: 8px; 630 margin-bottom: 8px;
662 } 631 }
663 632
664 .marginBot0 { 633 .marginBot0 {
665 margin-bottom: 0 !important; 634 margin-bottom: 0 !important;
666 } 635 }
667 636
668 .slxx { 637 .slxx {
669 box-sizing: border-box; 638 box-sizing: border-box;
670 } 639 }
671 640
672 .slxx_con { 641 .slxx_con {
673 flex: 1; 642 flex: 1;
674 height: 100%; 643 height: 100%;
675 background-color: #ffffff; 644 background-color: #ffffff;
676 overflow-y: auto; 645 overflow-y: auto;
677 padding-right: 3px; 646 padding-right: 3px;
678 overflow-x: hidden; 647 overflow-x: hidden;
679 } 648 }
680 649
681 .submit_btn { 650 .submit_btn {
682 height: 50px; 651 height: 50px;
683 } 652 }
684 653
685 .slxx_title { 654 .slxx_title {
686 border-bottom: 1px solid $borderColor; 655 border-bottom: 1px solid $borderColor;
687 padding-left: 10px; 656 padding-left: 10px;
688 padding-bottom: 5px; 657 padding-bottom: 5px;
689 margin-bottom: 10px; 658 margin-bottom: 10px;
690 margin-top: 5px; 659 margin-top: 5px;
691 font-size: 16px; 660 font-size: 16px;
692 font-weight: 500; 661 font-weight: 500;
693 color: #4a4a4a; 662 color: #4a4a4a;
694 } 663 }
695 664
696 .btn { 665 .btn {
697 text-align: center; 666 text-align: center;
698 padding-top: 10px; 667 padding-top: 10px;
699 height: 36px; 668 height: 36px;
700 background-color: #ffffff; 669 background-color: #ffffff;
701 padding: 5px 0; 670 padding: 5px 0;
702 } 671 }
703 672
704 .textArea { 673 .textArea {
705 /deep/.el-textarea__inner { 674 /deep/.el-textarea__inner {
706 min-height: 90px !important; 675 min-height: 90px !important;
676 }
707 } 677 }
708 }
709 678
710 /deep/.el-form-item__label { 679 /deep/.el-form-item__label {
711 padding-bottom: 0px; 680 padding-bottom: 0px;
712 } 681 }
713 </style> 682 </style>
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-22 16:28:21 4 * @LastEditTime: 2023-08-25 09:52:09
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -11,8 +11,7 @@ ...@@ -11,8 +11,7 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="140px" 14 label-width="140px">
15 >
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block"> 16 <div class="slxx_title title-block">
18 受理信息 17 受理信息
...@@ -93,8 +92,7 @@ ...@@ -93,8 +92,7 @@
93 v-for="item in dictData['A45']" 92 v-for="item in dictData['A45']"
94 :key="item.dcode" 93 :key="item.dcode"
95 :label="item.dname" 94 :label="item.dname"
96 :value="item.dcode" 95 :value="item.dcode">
97 >
98 </el-option> 96 </el-option>
99 </el-select> 97 </el-select>
100 </el-form-item> 98 </el-form-item>
...@@ -123,8 +121,7 @@ ...@@ -123,8 +121,7 @@
123 v-for="item in dictData['A26']" 121 v-for="item in dictData['A26']"
124 :key="item.dcode" 122 :key="item.dcode"
125 :label="item.dname" 123 :label="item.dname"
126 :value="item.dcode" 124 :value="item.dcode">
127 >
128 </el-option> 125 </el-option>
129 </el-select> 126 </el-select>
130 </el-form-item> 127 </el-form-item>
...@@ -136,8 +133,7 @@ ...@@ -136,8 +133,7 @@
136 v-for="item in dictData['A52']" 133 v-for="item in dictData['A52']"
137 :key="item.dcode" 134 :key="item.dcode"
138 :label="item.dname" 135 :label="item.dname"
139 :value="item.dcode" 136 :value="item.dcode">
140 >
141 </el-option> 137 </el-option>
142 </el-select> 138 </el-select>
143 </el-form-item> 139 </el-form-item>
...@@ -172,8 +168,7 @@ ...@@ -172,8 +168,7 @@
172 v-model="ruleForm.lq.fj" 168 v-model="ruleForm.lq.fj"
173 type="textarea" 169 type="textarea"
174 maxlength="500" 170 maxlength="500"
175 show-word-limit 171 show-word-limit></el-input>
176 ></el-input>
177 </el-form-item> 172 </el-form-item>
178 </el-col> 173 </el-col>
179 </el-row> 174 </el-row>
...@@ -184,8 +179,7 @@ ...@@ -184,8 +179,7 @@
184 <tdytTable 179 <tdytTable
185 :ableOperation="viewEdit" 180 :ableOperation="viewEdit"
186 :tableData="ruleForm.tdytqxList" 181 :tableData="ruleForm.tdytqxList"
187 @upDateTdytxxList="upDateTdytxxList" 182 @upDateTdytxxList="upDateTdytxxList" />
188 />
189 <div class="slxx_title title-block"> 183 <div class="slxx_title title-block">
190 权利人信息 184 权利人信息
191 <div class="triangle"></div> 185 <div class="triangle"></div>
...@@ -195,8 +189,7 @@ ...@@ -195,8 +189,7 @@
195 <el-form-item label="共有方式："> 189 <el-form-item label="共有方式：">
196 <el-radio-group 190 <el-radio-group
197 :disabled="!viewEdit" 191 :disabled="!viewEdit"
198 v-model="ruleForm.sldy.gyfs" 192 v-model="ruleForm.sldy.gyfs">
199 >
200 <el-radio label="0">单独所有</el-radio> 193 <el-radio label="0">单独所有</el-radio>
201 <el-radio label="1">共同共有</el-radio> 194 <el-radio label="1">共同共有</el-radio>
202 <el-radio label="2">按份所有</el-radio> 195 <el-radio label="2">按份所有</el-radio>
...@@ -209,8 +202,7 @@ ...@@ -209,8 +202,7 @@
209 <el-radio-group 202 <el-radio-group
210 v-model="ruleForm.sldy.sqfbcz" 203 v-model="ruleForm.sldy.sqfbcz"
211 :disabled="!viewEdit" 204 :disabled="!viewEdit"
212 @input="updaterow()" 205 @input="updaterow()">
213 >
214 <el-radio :label="1">是</el-radio> 206 <el-radio :label="1">是</el-radio>
215 <el-radio :label="0">否</el-radio> 207 <el-radio :label="0">否</el-radio>
216 </el-radio-group> 208 </el-radio-group>
...@@ -218,20 +210,17 @@ ...@@ -218,20 +210,17 @@
218 </el-col> 210 </el-col>
219 <el-col 211 <el-col
220 :span="6" 212 :span="6"
221 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 213 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
222 >
223 <el-form-item label="持证人："> 214 <el-form-item label="持证人：">
224 <el-select 215 <el-select
225 v-model="czr" 216 v-model="czr"
226 placeholder="持证人" 217 placeholder="持证人"
227 :disabled="!viewEdit" 218 :disabled="!viewEdit">
228 >
229 <el-option 219 <el-option
230 v-for="(item, index) in czrOptions" 220 v-for="(item, index) in czrOptions"
231 :key="index" 221 :key="index"
232 :label="item.sqrmc" 222 :label="item.sqrmc"
233 :value="item.zjh" 223 :value="item.zjh">
234 >
235 </el-option> 224 </el-option>
236 </el-select> 225 </el-select>
237 </el-form-item> 226 </el-form-item>
...@@ -241,8 +230,7 @@ ...@@ -241,8 +230,7 @@
241 @upDateQlrxxList="upDateQlrxxList" 230 @upDateQlrxxList="upDateQlrxxList"
242 :tableData="ruleForm.qlrList" 231 :tableData="ruleForm.qlrList"
243 :disabled="viewEdit" 232 :disabled="viewEdit"
244 :gyfs="ruleForm.sldy.gyfs" 233 :gyfs="ruleForm.sldy.gyfs" />
245 />
246 234
247 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 235 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
248 <div class="slxx_title title-block"> 236 <div class="slxx_title title-block">
...@@ -251,10 +239,10 @@ ...@@ -251,10 +239,10 @@
251 </div> 239 </div>
252 <qlrCommonTable 240 <qlrCommonTable
253 v-if="ruleForm.qlxx" 241 v-if="ruleForm.qlxx"
242 :disabled="viewEdit"
254 @upDateQlrxxList="upDateYwrxxList" 243 @upDateQlrxxList="upDateYwrxxList"
255 :tableData="ruleForm.ywrList" 244 :tableData="ruleForm.ywrList"
256 :gyfs="ruleForm.sldy.gyfs" 245 :gyfs="ruleForm.sldy.gyfs" />
257 />
258 </div> 246 </div>
259 <div class="slxx_title title-block"> 247 <div class="slxx_title title-block">
260 登记原因 248 登记原因
...@@ -269,8 +257,7 @@ ...@@ -269,8 +257,7 @@
269 maxlength="500" 257 maxlength="500"
270 show-word-limit 258 show-word-limit
271 :disabled="!viewEdit" 259 :disabled="!viewEdit"
272 v-model="ruleForm.lq.djyy" 260 v-model="ruleForm.lq.djyy">
273 >
274 </el-input> 261 </el-input>
275 </el-form-item> 262 </el-form-item>
276 </el-col> 263 </el-col>
...@@ -285,262 +272,262 @@ ...@@ -285,262 +272,262 @@
285 </div> 272 </div>
286 </template> 273 </template>
287 <script> 274 <script>
288 import ywmix from "@/views/ywbl/mixin/index"; 275 import ywmix from "@/views/ywbl/mixin/index";
289 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 276 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
290 import tdytTable from "@/views/workflow/components/tdytTable"; 277 import tdytTable from "@/views/workflow/components/tdytTable";
291 import { Init, saveData } from "@/api/workflow/lqFlow.js"; 278 import { Init, saveData } from "@/api/workflow/lqFlow.js";
292 import { mapGetters } from "vuex"; 279 import { mapGetters } from "vuex";
293 export default { 280 export default {
294 mixins: [ywmix], 281 mixins: [ywmix],
295 mounted() { 282 mounted () {
296 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 283 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
297 this.propsParam = this.$attrs; 284 this.propsParam = this.$attrs;
298 var formdata = new FormData(); 285 var formdata = new FormData();
299 formdata.append("bsmSldy", this.propsParam.bsmSldy); 286 formdata.append("bsmSldy", this.propsParam.bsmSldy);
300 formdata.append("djlx", this.propsParam.djlx); 287 formdata.append("djlx", this.propsParam.djlx);
301 formdata.append("isEdit", this.viewEdit); 288 formdata.append("isEdit", this.viewEdit);
302 Init(formdata).then((res) => { 289 Init(formdata).then((res) => {
303 if (res.code === 200 && res.result) { 290 if (res.code === 200 && res.result) {
304 this.ruleForm = { 291 this.ruleForm = {
305 ...res.result, 292 ...res.result,
306 ...res.result.qlxxdatas, 293 ...res.result.qlxxdatas,
307 }; 294 };
308 this.ruleForm.qlrList.forEach((item) => { 295 this.ruleForm.qlrList.forEach((item) => {
309 if (item.sfczr == 1) { 296 if (item.sfczr == 1) {
310 this.czr = item.sqrmc; 297 this.czr = item.sqrmc;
311 } 298 }
312 }); 299 });
313 //初始化发证方式，1：小证，2：大正 300 //初始化发证方式，1：小证，2：大正
314 this.ruleForm.slsq.fzfs == null 301 this.ruleForm.slsq.fzfs == null
315 ? (this.ruleForm.slsq.fzfs = "1") 302 ? (this.ruleForm.slsq.fzfs = "1")
316 : this.ruleForm.slsq.fzfs; 303 : this.ruleForm.slsq.fzfs;
317 this.czrOptions = this.ruleForm.qlrList; 304 this.czrOptions = this.ruleForm.qlrList;
318 } 305 }
319 }); 306 });
320 },
321 components: { qlrCommonTable, tdytTable },
322 computed: {
323 ...mapGetters(["dictData", "flag"]),
324 },
325 data() {
326 return {
327 disabled: true,
328 tdytOption: [],
329 czrOptions: [],
330 czr: "",
331 ruleForm: {
332 flow: {
333 ywh: "",
334 },
335 qlxx: {
336 mj: "",
337 },
338 sldy: {
339 gyfs: "",
340 },
341 slsq: {},
342 fdcq2: {
343 zyjzmj: "",
344 ftjzmj: "",
345 },
346 zdjbxx: {
347 ghytmc: "",
348 },
349 },
350 //传递参数
351 propsParam: this.$attrs,
352 //表单是否可操作
353 viewEdit: true,
354 rules: {},
355 };
356 },
357 methods: {
358 /**
359 * @description: 更新土地用途信息
360 * @param {*} val
361 * @author: renchao
362 */
363 upDateTdytxxList(val) {
364 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
365 },
366 // 是否持证人变化
367 /**
368 * @description: 是否持证人变化
369 * @param {*} val
370 * @author: renchao
371 */
372 updaterow() {
373 this.czr = "";
374 }, 307 },
375 /** 308 components: { qlrCommonTable, tdytTable },
376 * @description: 更新权利人信息 309 computed: {
377 * @param {*} val 310 ...mapGetters(["dictData", "flag"]),
378 * @author: renchao
379 */
380 upDateQlrxxList(val) {
381 this.ruleForm.qlrList = _.cloneDeep(val);
382 this.czrOptions = this.ruleForm.qlrList;
383 this.key++;
384 }, 311 },
385 /** 312 data () {
386 * @description: 更新业务人信息 313 return {
387 * @param {*} val 314 disabled: true,
388 * @author: renchao 315 tdytOption: [],
389 */ 316 czrOptions: [],
390 upDateYwrxxList(val) { 317 czr: "",
391 this.ruleForm.ywrList = _.cloneDeep(val); 318 ruleForm: {
319 flow: {
320 ywh: "",
321 },
322 qlxx: {
323 mj: "",
324 },
325 sldy: {
326 gyfs: "",
327 },
328 slsq: {},
329 fdcq2: {
330 zyjzmj: "",
331 ftjzmj: "",
332 },
333 zdjbxx: {
334 ghytmc: "",
335 },
336 },
337 //传递参数
338 propsParam: this.$attrs,
339 //表单是否可操作
340 viewEdit: true,
341 rules: {},
342 };
392 }, 343 },
393 /** 344 methods: {
394 * @description: onSubmit 345 /**
395 * @author: renchao 346 * @description: 更新土地用途信息
396 */ 347 * @param {*} val
397 onSubmit() { 348 * @author: renchao
398 let that = this; 349 */
399 if (this.ruleForm.qlrList.length == 0) { 350 upDateTdytxxList (val) {
400 this.$message({ 351 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
401 showClose: true, 352 },
402 message: "请确认权利人信息", 353 // 是否持证人变化
403 type: "error", 354 /**
404 }); 355 * @description: 是否持证人变化
405 return false; 356 * @param {*} val
406 } 357 * @author: renchao
407 358 */
408 if (this.ruleForm.sldy.gyfs == "0") { 359 updaterow () {
409 if (this.ruleForm.qlrList.length > 1) { 360 this.czr = "";
410 this.$message({ 361 },
411 showClose: true, 362 /**
412 message: "共有方式：单独所有，权利人只能是一个人", 363 * @description: 更新权利人信息
413 type: "error", 364 * @param {*} val
414 }); 365 * @author: renchao
415 return false; 366 */
416 } 367 upDateQlrxxList (val) {
417 this.ruleForm.qlrList[0].sfczr = "1"; 368 this.ruleForm.qlrList = _.cloneDeep(val);
418 } else { 369 this.czrOptions = this.ruleForm.qlrList;
419 if (this.ruleForm.qlrList.length <= 1) { 370 this.key++;
371 },
372 /**
373 * @description: 更新业务人信息
374 * @param {*} val
375 * @author: renchao
376 */
377 upDateYwrxxList (val) {
378 this.ruleForm.ywrList = _.cloneDeep(val);
379 },
380 /**
381 * @description: onSubmit
382 * @author: renchao
383 */
384 onSubmit () {
385 let that = this;
386 if (this.ruleForm.qlrList.length == 0) {
420 this.$message({ 387 this.$message({
421 showClose: true, 388 showClose: true,
422 message: 389 message: "请确认权利人信息",
423 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
424 type: "error", 390 type: "error",
425 }); 391 });
426 return false; 392 return false;
427 } 393 }
428 //是否分别持证 394
429 if (this.ruleForm.sldy.sqfbcz == "1") { 395 if (this.ruleForm.sldy.gyfs == "0") {
430 //是 396 if (this.ruleForm.qlrList.length > 1) {
431 this.ruleForm.qlrList.forEach((item, index) => { 397 this.$message({
432 item.sfczr = "1"; 398 showClose: true,
433 }); 399 message: "共有方式：单独所有，权利人只能是一个人",
400 type: "error",
401 });
402 return false;
403 }
404 this.ruleForm.qlrList[0].sfczr = "1";
434 } else { 405 } else {
435 if (!that.czr) { 406 if (this.ruleForm.qlrList.length <= 1) {
436 that.$message({ 407 this.$message({
437 showClose: true, 408 showClose: true,
438 message: "请选择持证人", 409 message:
410 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
439 type: "error", 411 type: "error",
440 }); 412 });
441 return false; 413 return false;
442 } 414 }
443 this.ruleForm.qlrList.forEach((item, index) => { 415 //是否分别持证
444 if (item.zjh == this.czr) { 416 if (this.ruleForm.sldy.sqfbcz == "1") {
417 //是
418 this.ruleForm.qlrList.forEach((item, index) => {
445 item.sfczr = "1"; 419 item.sfczr = "1";
446 } else { 420 });
447 item.sfczr = "0"; 421 } else {
422 if (!that.czr) {
423 that.$message({
424 showClose: true,
425 message: "请选择持证人",
426 type: "error",
427 });
428 return false;
448 } 429 }
449 }); 430 this.ruleForm.qlrList.forEach((item, index) => {
450 } 431 if (item.zjh == this.czr) {
451 } 432 item.sfczr = "1";
452 saveData(this.ruleForm).then((res) => { 433 } else {
453 if (res.code === 200) { 434 item.sfczr = "0";
454 this.$message({ 435 }
455 showClose: true, 436 });
456 message: "保存成功！", 437 }
457 type: "success",
458 });
459 this.$store.dispatch("user/refreshPage", true);
460 } else {
461 this.$message({
462 showClose: true,
463 message: res.message,
464 type: "error",
465 });
466 } 438 }
467 }); 439 saveData(this.ruleForm).then((res) => {
440 if (res.code === 200) {
441 this.$message({
442 showClose: true,
443 message: "保存成功！",
444 type: "success",
445 });
446 this.$store.dispatch("user/refreshPage", true);
447 } else {
448 this.$message({
449 showClose: true,
450 message: res.message,
451 type: "error",
452 });
453 }
454 });
455 },
468 }, 456 },
469 }, 457 };
470 };
471 </script> 458 </script>
472 <style scoped lang="scss"> 459 <style scoped lang="scss">
473 @import "~@/styles/public.scss"; 460 @import "~@/styles/public.scss";
474 461
475 /deep/.el-form { 462 /deep/.el-form {
476 display: flex; 463 display: flex;
477 flex-direction: column; 464 flex-direction: column;
478 height: calc(100vh - 130px); 465 height: calc(100vh - 130px);
479 } 466 }
480 467
481 /deep/.el-form-item__label { 468 /deep/.el-form-item__label {
482 padding: 0; 469 padding: 0;
483 } 470 }
484 471
485 /deep/.el-radio { 472 /deep/.el-radio {
486 margin-right: 10px; 473 margin-right: 10px;
487 } 474 }
488 475
489 /deep/.el-select { 476 /deep/.el-select {
490 width: 100%; 477 width: 100%;
491 } 478 }
492 479
493 /deep/.el-form-item { 480 /deep/.el-form-item {
494 margin-bottom: 8px; 481 margin-bottom: 8px;
495 } 482 }
496 483
497 .marginBot0 { 484 .marginBot0 {
498 margin-bottom: 0 !important; 485 margin-bottom: 0 !important;
499 } 486 }
500 487
501 .slxx { 488 .slxx {
502 box-sizing: border-box; 489 box-sizing: border-box;
503 } 490 }
504 491
505 .slxx_con { 492 .slxx_con {
506 flex: 1; 493 flex: 1;
507 height: 100%; 494 height: 100%;
508 background-color: #ffffff; 495 background-color: #ffffff;
509 overflow-y: auto; 496 overflow-y: auto;
510 padding-right: 3px; 497 padding-right: 3px;
511 overflow-x: hidden; 498 overflow-x: hidden;
512 } 499 }
513 500
514 .submit_btn { 501 .submit_btn {
515 height: 50px; 502 height: 50px;
516 } 503 }
517 504
518 .slxx_title { 505 .slxx_title {
519 border-bottom: 1px solid $borderColor; 506 border-bottom: 1px solid $borderColor;
520 padding-left: 10px; 507 padding-left: 10px;
521 padding-bottom: 5px; 508 padding-bottom: 5px;
522 margin-bottom: 10px; 509 margin-bottom: 10px;
523 margin-top: 5px; 510 margin-top: 5px;
524 font-size: 16px; 511 font-size: 16px;
525 font-weight: 500; 512 font-weight: 500;
526 color: #4a4a4a; 513 color: #4a4a4a;
527 } 514 }
528 515
529 .btn { 516 .btn {
530 text-align: center; 517 text-align: center;
531 padding-top: 10px; 518 padding-top: 10px;
532 height: 36px; 519 height: 36px;
533 background-color: #ffffff; 520 background-color: #ffffff;
534 padding: 5px 0; 521 padding: 5px 0;
535 } 522 }
536 523
537 .textArea { 524 .textArea {
538 /deep/.el-textarea__inner { 525 /deep/.el-textarea__inner {
539 min-height: 90px !important; 526 min-height: 90px !important;
527 }
540 } 528 }
541 }
542 529
543 /deep/.el-form-item__label { 530 /deep/.el-form-item__label {
544 padding-bottom: 0px; 531 padding-bottom: 0px;
545 } 532 }
546 </style> 533 </style>
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-22 16:28:25 4 * @LastEditTime: 2023-08-25 09:51:50
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -11,8 +11,7 @@ ...@@ -11,8 +11,7 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="140px" 14 label-width="140px">
15 >
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block"> 16 <div class="slxx_title title-block">
18 受理信息 17 受理信息
...@@ -93,8 +92,7 @@ ...@@ -93,8 +92,7 @@
93 v-for="item in dictData['A45']" 92 v-for="item in dictData['A45']"
94 :key="item.dcode" 93 :key="item.dcode"
95 :label="item.dname" 94 :label="item.dname"
96 :value="item.dcode" 95 :value="item.dcode">
97 >
98 </el-option> 96 </el-option>
99 </el-select> 97 </el-select>
100 </el-form-item> 98 </el-form-item>
...@@ -123,8 +121,7 @@ ...@@ -123,8 +121,7 @@
123 v-for="item in dictData['A26']" 121 v-for="item in dictData['A26']"
124 :key="item.dcode" 122 :key="item.dcode"
125 :label="item.dname" 123 :label="item.dname"
126 :value="item.dcode" 124 :value="item.dcode">
127 >
128 </el-option> 125 </el-option>
129 </el-select> 126 </el-select>
130 </el-form-item> 127 </el-form-item>
...@@ -136,8 +133,7 @@ ...@@ -136,8 +133,7 @@
136 v-for="item in dictData['A52']" 133 v-for="item in dictData['A52']"
137 :key="item.dcode" 134 :key="item.dcode"
138 :label="item.dname" 135 :label="item.dname"
139 :value="item.dcode" 136 :value="item.dcode">
140 >
141 </el-option> 137 </el-option>
142 </el-select> 138 </el-select>
143 </el-form-item> 139 </el-form-item>
...@@ -172,8 +168,7 @@ ...@@ -172,8 +168,7 @@
172 v-model="ruleForm.lq.fj" 168 v-model="ruleForm.lq.fj"
173 type="textarea" 169 type="textarea"
174 maxlength="500" 170 maxlength="500"
175 show-word-limit 171 show-word-limit></el-input>
176 ></el-input>
177 </el-form-item> 172 </el-form-item>
178 </el-col> 173 </el-col>
179 </el-row> 174 </el-row>
...@@ -184,8 +179,7 @@ ...@@ -184,8 +179,7 @@
184 <tdytTable 179 <tdytTable
185 :ableOperation="viewEdit" 180 :ableOperation="viewEdit"
186 :tableData="ruleForm.tdytqxList" 181 :tableData="ruleForm.tdytqxList"
187 @upDateTdytxxList="upDateTdytxxList" 182 @upDateTdytxxList="upDateTdytxxList" />
188 />
189 <div class="slxx_title title-block"> 183 <div class="slxx_title title-block">
190 权利人信息 184 权利人信息
191 <div class="triangle"></div> 185 <div class="triangle"></div>
...@@ -195,8 +189,7 @@ ...@@ -195,8 +189,7 @@
195 <el-form-item label="共有方式："> 189 <el-form-item label="共有方式：">
196 <el-radio-group 190 <el-radio-group
197 :disabled="!viewEdit" 191 :disabled="!viewEdit"
198 v-model="ruleForm.sldy.gyfs" 192 v-model="ruleForm.sldy.gyfs">
199 >
200 <el-radio label="0">单独所有</el-radio> 193 <el-radio label="0">单独所有</el-radio>
201 <el-radio label="1">共同共有</el-radio> 194 <el-radio label="1">共同共有</el-radio>
202 <el-radio label="2">按份所有</el-radio> 195 <el-radio label="2">按份所有</el-radio>
...@@ -209,8 +202,7 @@ ...@@ -209,8 +202,7 @@
209 <el-radio-group 202 <el-radio-group
210 v-model="ruleForm.sldy.sqfbcz" 203 v-model="ruleForm.sldy.sqfbcz"
211 :disabled="!viewEdit" 204 :disabled="!viewEdit"
212 @input="updaterow()" 205 @input="updaterow()">
213 >
214 <el-radio :label="1">是</el-radio> 206 <el-radio :label="1">是</el-radio>
215 <el-radio :label="0">否</el-radio> 207 <el-radio :label="0">否</el-radio>
216 </el-radio-group> 208 </el-radio-group>
...@@ -218,20 +210,17 @@ ...@@ -218,20 +210,17 @@
218 </el-col> 210 </el-col>
219 <el-col 211 <el-col
220 :span="6" 212 :span="6"
221 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 213 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
222 >
223 <el-form-item label="持证人："> 214 <el-form-item label="持证人：">
224 <el-select 215 <el-select
225 v-model="czr" 216 v-model="czr"
226 placeholder="持证人" 217 placeholder="持证人"
227 :disabled="!viewEdit" 218 :disabled="!viewEdit">
228 >
229 <el-option 219 <el-option
230 v-for="(item, index) in czrOptions" 220 v-for="(item, index) in czrOptions"
231 :key="index" 221 :key="index"
232 :label="item.sqrmc" 222 :label="item.sqrmc"
233 :value="item.zjh" 223 :value="item.zjh">
234 >
235 </el-option> 224 </el-option>
236 </el-select> 225 </el-select>
237 </el-form-item> 226 </el-form-item>
...@@ -241,8 +230,7 @@ ...@@ -241,8 +230,7 @@
241 @upDateQlrxxList="upDateQlrxxList" 230 @upDateQlrxxList="upDateQlrxxList"
242 :tableData="ruleForm.qlrList" 231 :tableData="ruleForm.qlrList"
243 :disabled="viewEdit" 232 :disabled="viewEdit"
244 :gyfs="ruleForm.sldy.gyfs" 233 :gyfs="ruleForm.sldy.gyfs" />
245 />
246 234
247 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 235 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
248 <div class="slxx_title title-block"> 236 <div class="slxx_title title-block">
...@@ -251,10 +239,10 @@ ...@@ -251,10 +239,10 @@
251 </div> 239 </div>
252 <qlrCommonTable 240 <qlrCommonTable
253 v-if="ruleForm.qlxx" 241 v-if="ruleForm.qlxx"
242 :disabled="viewEdit"
254 @upDateQlrxxList="upDateYwrxxList" 243 @upDateQlrxxList="upDateYwrxxList"
255 :tableData="ruleForm.ywrList" 244 :tableData="ruleForm.ywrList"
256 :gyfs="ruleForm.sldy.gyfs" 245 :gyfs="ruleForm.sldy.gyfs" />
257 />
258 </div> 246 </div>
259 <div class="slxx_title title-block"> 247 <div class="slxx_title title-block">
260 登记原因 248 登记原因
...@@ -269,8 +257,7 @@ ...@@ -269,8 +257,7 @@
269 maxlength="500" 257 maxlength="500"
270 show-word-limit 258 show-word-limit
271 :disabled="!viewEdit" 259 :disabled="!viewEdit"
272 v-model="ruleForm.lq.djyy" 260 v-model="ruleForm.lq.djyy">
273 >
274 </el-input> 261 </el-input>
275 </el-form-item> 262 </el-form-item>
276 </el-col> 263 </el-col>
...@@ -285,262 +272,262 @@ ...@@ -285,262 +272,262 @@
285 </div> 272 </div>
286 </template> 273 </template>
287 <script> 274 <script>
288 import ywmix from "@/views/ywbl/mixin/index"; 275 import ywmix from "@/views/ywbl/mixin/index";
289 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 276 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
290 import tdytTable from "@/views/workflow/components/tdytTable"; 277 import tdytTable from "@/views/workflow/components/tdytTable";
291 import { Init, saveData } from "@/api/workflow/sllmFlow.js"; 278 import { Init, saveData } from "@/api/workflow/sllmFlow.js";
292 import { mapGetters } from "vuex"; 279 import { mapGetters } from "vuex";
293 export default { 280 export default {
294 mixins: [ywmix], 281 mixins: [ywmix],
295 mounted() { 282 mounted () {
296 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 283 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
297 this.propsParam = this.$attrs; 284 this.propsParam = this.$attrs;
298 var formdata = new FormData(); 285 var formdata = new FormData();
299 formdata.append("bsmSldy", this.propsParam.bsmSldy); 286 formdata.append("bsmSldy", this.propsParam.bsmSldy);
300 formdata.append("djlx", this.propsParam.djlx); 287 formdata.append("djlx", this.propsParam.djlx);
301 formdata.append("isEdit", this.viewEdit); 288 formdata.append("isEdit", this.viewEdit);
302 Init(formdata).then((res) => { 289 Init(formdata).then((res) => {
303 if (res.code === 200 && res.result) { 290 if (res.code === 200 && res.result) {
304 this.ruleForm = { 291 this.ruleForm = {
305 ...res.result, 292 ...res.result,
306 ...res.result.qlxxdatas, 293 ...res.result.qlxxdatas,
307 }; 294 };
308 this.ruleForm.qlrList.forEach((item) => { 295 this.ruleForm.qlrList.forEach((item) => {
309 if (item.sfczr == 1) { 296 if (item.sfczr == 1) {
310 this.czr = item.sqrmc; 297 this.czr = item.sqrmc;
311 } 298 }
312 }); 299 });
313 //初始化发证方式，1：小证，2：大正 300 //初始化发证方式，1：小证，2：大正
314 this.ruleForm.slsq.fzfs == null 301 this.ruleForm.slsq.fzfs == null
315 ? (this.ruleForm.slsq.fzfs = "1") 302 ? (this.ruleForm.slsq.fzfs = "1")
316 : this.ruleForm.slsq.fzfs; 303 : this.ruleForm.slsq.fzfs;
317 this.czrOptions = this.ruleForm.qlrList; 304 this.czrOptions = this.ruleForm.qlrList;
318 } 305 }
319 }); 306 });
320 },
321 components: { qlrCommonTable, tdytTable },
322 computed: {
323 ...mapGetters(["dictData", "flag"]),
324 },
325 data() {
326 return {
327 disabled: true,
328 tdytOption: [],
329 czrOptions: [],
330 czr: "",
331 ruleForm: {
332 flow: {
333 ywh: "",
334 },
335 qlxx: {
336 mj: "",
337 },
338 sldy: {
339 gyfs: "",
340 },
341 slsq: {},
342 fdcq2: {
343 zyjzmj: "",
344 ftjzmj: "",
345 },
346 zdjbxx: {
347 ghytmc: "",
348 },
349 },
350 //传递参数
351 propsParam: this.$attrs,
352 //表单是否可操作
353 viewEdit: true,
354 rules: {},
355 };
356 },
357 methods: {
358 /**
359 * @description: 更新土地用途信息
360 * @param {*} val
361 * @author: renchao
362 */
363 upDateTdytxxList(val) {
364 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
365 },
366 /**
367 * @description: 更新权利人信息
368 * @param {*} val
369 * @author: renchao
370 */
371 upDateQlrxxList(val) {
372 this.ruleForm.qlrList = _.cloneDeep(val);
373 this.czrOptions = this.ruleForm.qlrList;
374 this.key++;
375 }, 307 },
376 // 是否持证人变化 308 components: { qlrCommonTable, tdytTable },
377 /** 309 computed: {
378 * @description: 是否持证人变化 310 ...mapGetters(["dictData", "flag"]),
379 * @param {*} val
380 * @author: renchao
381 */
382 updaterow() {
383 this.czr = "";
384 }, 311 },
385 /** 312 data () {
386 * @description: 更新业务人信息 313 return {
387 * @param {*} val 314 disabled: true,
388 * @author: renchao 315 tdytOption: [],
389 */ 316 czrOptions: [],
390 upDateYwrxxList(val) { 317 czr: "",
391 this.ruleForm.ywrList = _.cloneDeep(val); 318 ruleForm: {
319 flow: {
320 ywh: "",
321 },
322 qlxx: {
323 mj: "",
324 },
325 sldy: {
326 gyfs: "",
327 },
328 slsq: {},
329 fdcq2: {
330 zyjzmj: "",
331 ftjzmj: "",
332 },
333 zdjbxx: {
334 ghytmc: "",
335 },
336 },
337 //传递参数
338 propsParam: this.$attrs,
339 //表单是否可操作
340 viewEdit: true,
341 rules: {},
342 };
392 }, 343 },
393 /** 344 methods: {
394 * @description: onSubmit 345 /**
395 * @author: renchao 346 * @description: 更新土地用途信息
396 */ 347 * @param {*} val
397 onSubmit() { 348 * @author: renchao
398 let that = this; 349 */
399 if (this.ruleForm.qlrList.length == 0) { 350 upDateTdytxxList (val) {
400 this.$message({ 351 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
401 showClose: true, 352 },
402 message: "请确认权利人信息", 353 /**
403 type: "error", 354 * @description: 更新权利人信息
404 }); 355 * @param {*} val
405 return false; 356 * @author: renchao
406 } 357 */
407 358 upDateQlrxxList (val) {
408 if (this.ruleForm.sldy.gyfs == "0") { 359 this.ruleForm.qlrList = _.cloneDeep(val);
409 if (this.ruleForm.qlrList.length > 1) { 360 this.czrOptions = this.ruleForm.qlrList;
410 this.$message({ 361 this.key++;
411 showClose: true, 362 },
412 message: "共有方式：单独所有，权利人只能是一个人", 363 // 是否持证人变化
413 type: "error", 364 /**
414 }); 365 * @description: 是否持证人变化
415 return false; 366 * @param {*} val
416 } 367 * @author: renchao
417 this.ruleForm.qlrList[0].sfczr = "1"; 368 */
418 } else { 369 updaterow () {
419 if (this.ruleForm.qlrList.length <= 1) { 370 this.czr = "";
371 },
372 /**
373 * @description: 更新业务人信息
374 * @param {*} val
375 * @author: renchao
376 */
377 upDateYwrxxList (val) {
378 this.ruleForm.ywrList = _.cloneDeep(val);
379 },
380 /**
381 * @description: onSubmit
382 * @author: renchao
383 */
384 onSubmit () {
385 let that = this;
386 if (this.ruleForm.qlrList.length == 0) {
420 this.$message({ 387 this.$message({
421 showClose: true, 388 showClose: true,
422 message: 389 message: "请确认权利人信息",
423 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
424 type: "error", 390 type: "error",
425 }); 391 });
426 return false; 392 return false;
427 } 393 }
428 //是否分别持证 394
429 if (this.ruleForm.sldy.sqfbcz == "1") { 395 if (this.ruleForm.sldy.gyfs == "0") {
430 //是 396 if (this.ruleForm.qlrList.length > 1) {
431 this.ruleForm.qlrList.forEach((item, index) => { 397 this.$message({
432 item.sfczr = "1"; 398 showClose: true,
433 }); 399 message: "共有方式：单独所有，权利人只能是一个人",
400 type: "error",
401 });
402 return false;
403 }
404 this.ruleForm.qlrList[0].sfczr = "1";
434 } else { 405 } else {
435 if (!that.czr) { 406 if (this.ruleForm.qlrList.length <= 1) {
436 that.$message({ 407 this.$message({
437 showClose: true, 408 showClose: true,
438 message: "请选择持证人", 409 message:
410 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
439 type: "error", 411 type: "error",
440 }); 412 });
441 return false; 413 return false;
442 } 414 }
443 this.ruleForm.qlrList.forEach((item, index) => { 415 //是否分别持证
444 if (item.zjh == this.czr) { 416 if (this.ruleForm.sldy.sqfbcz == "1") {
417 //是
418 this.ruleForm.qlrList.forEach((item, index) => {
445 item.sfczr = "1"; 419 item.sfczr = "1";
446 } else { 420 });
447 item.sfczr = "0"; 421 } else {
422 if (!that.czr) {
423 that.$message({
424 showClose: true,
425 message: "请选择持证人",
426 type: "error",
427 });
428 return false;
448 } 429 }
449 }); 430 this.ruleForm.qlrList.forEach((item, index) => {
450 } 431 if (item.zjh == this.czr) {
451 } 432 item.sfczr = "1";
452 saveData(this.ruleForm).then((res) => { 433 } else {
453 if (res.code === 200) { 434 item.sfczr = "0";
454 this.$message({ 435 }
455 showClose: true, 436 });
456 message: "保存成功！", 437 }
457 type: "success",
458 });
459 this.$store.dispatch("user/refreshPage", true);
460 } else {
461 this.$message({
462 showClose: true,
463 message: res.message,
464 type: "error",
465 });
466 } 438 }
467 }); 439 saveData(this.ruleForm).then((res) => {
440 if (res.code === 200) {
441 this.$message({
442 showClose: true,
443 message: "保存成功！",
444 type: "success",
445 });
446 this.$store.dispatch("user/refreshPage", true);
447 } else {
448 this.$message({
449 showClose: true,
450 message: res.message,
451 type: "error",
452 });
453 }
454 });
455 },
468 }, 456 },
469 }, 457 };
470 };
471 </script> 458 </script>
472 <style scoped lang="scss"> 459 <style scoped lang="scss">
473 @import "~@/styles/public.scss"; 460 @import "~@/styles/public.scss";
474 461
475 /deep/.el-form { 462 /deep/.el-form {
476 display: flex; 463 display: flex;
477 flex-direction: column; 464 flex-direction: column;
478 height: calc(100vh - 130px); 465 height: calc(100vh - 130px);
479 } 466 }
480 467
481 /deep/.el-form-item__label { 468 /deep/.el-form-item__label {
482 padding: 0; 469 padding: 0;
483 } 470 }
484 471
485 /deep/.el-radio { 472 /deep/.el-radio {
486 margin-right: 10px; 473 margin-right: 10px;
487 } 474 }
488 475
489 /deep/.el-select { 476 /deep/.el-select {
490 width: 100%; 477 width: 100%;
491 } 478 }
492 479
493 /deep/.el-form-item { 480 /deep/.el-form-item {
494 margin-bottom: 8px; 481 margin-bottom: 8px;
495 } 482 }
496 483
497 .marginBot0 { 484 .marginBot0 {
498 margin-bottom: 0 !important; 485 margin-bottom: 0 !important;
499 } 486 }
500 487
501 .slxx { 488 .slxx {
502 box-sizing: border-box; 489 box-sizing: border-box;
503 } 490 }
504 491
505 .slxx_con { 492 .slxx_con {
506 flex: 1; 493 flex: 1;
507 height: 100%; 494 height: 100%;
508 background-color: #ffffff; 495 background-color: #ffffff;
509 overflow-y: auto; 496 overflow-y: auto;
510 padding-right: 3px; 497 padding-right: 3px;
511 overflow-x: hidden; 498 overflow-x: hidden;
512 } 499 }
513 500
514 .submit_btn { 501 .submit_btn {
515 height: 50px; 502 height: 50px;
516 } 503 }
517 504
518 .slxx_title { 505 .slxx_title {
519 border-bottom: 1px solid $borderColor; 506 border-bottom: 1px solid $borderColor;
520 padding-left: 10px; 507 padding-left: 10px;
521 padding-bottom: 5px; 508 padding-bottom: 5px;
522 margin-bottom: 10px; 509 margin-bottom: 10px;
523 margin-top: 5px; 510 margin-top: 5px;
524 font-size: 16px; 511 font-size: 16px;
525 font-weight: 500; 512 font-weight: 500;
526 color: #4a4a4a; 513 color: #4a4a4a;
527 } 514 }
528 515
529 .btn { 516 .btn {
530 text-align: center; 517 text-align: center;
531 padding-top: 10px; 518 padding-top: 10px;
532 height: 36px; 519 height: 36px;
533 background-color: #ffffff; 520 background-color: #ffffff;
534 padding: 5px 0; 521 padding: 5px 0;
535 } 522 }
536 523
537 .textArea { 524 .textArea {
538 /deep/.el-textarea__inner { 525 /deep/.el-textarea__inner {
539 min-height: 90px !important; 526 min-height: 90px !important;
527 }
540 } 528 }
541 }
542 529
543 /deep/.el-form-item__label { 530 /deep/.el-form-item__label {
544 padding-bottom: 0px; 531 padding-bottom: 0px;
545 } 532 }
546 </style> 533 </style>
......