Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
32 changed files
with
2025 additions
and
1646 deletions
... | @@ -119,7 +119,7 @@ export function getSlsqBdcqzList (params) { | ... | @@ -119,7 +119,7 @@ export function getSlsqBdcqzList (params) { |
119 | } | 119 | } |
120 | 120 | ||
121 | /** | 121 | /** |
122 | * @description: 证书预览 | 122 | * @description: 证书证明预览 |
123 | * @param {*} data | 123 | * @param {*} data |
124 | * @author: renchao | 124 | * @author: renchao |
125 | */ | 125 | */ | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-22 16:27:35 | 4 | * @LastEditTime: 2023-08-30 15:52:11 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -10,7 +10,6 @@ | ... | @@ -10,7 +10,6 @@ |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | :class="{ readonly: editDisabled }" | 12 | :class="{ readonly: editDisabled }" |
13 | class="loadingtext" | ||
14 | ref="ruleForm" | 13 | ref="ruleForm" |
15 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
16 | :inline="flag" | 15 | :inline="flag" |
... | @@ -313,20 +312,6 @@ | ... | @@ -313,20 +312,6 @@ |
313 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 312 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
314 | </el-form-item> | 313 | </el-form-item> |
315 | </el-col> | 314 | </el-col> |
316 | <!-- <el-col :span="8"> | ||
317 | <el-form-item label="不动产登记证明号:" prop="bdcqzh"> | ||
318 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
319 | </el-form-item> | ||
320 | </el-col> --> | ||
321 | <!-- <el-col :span="8"> | ||
322 | <el-form-item | ||
323 | label="区县代码:" | ||
324 | prop="qlxx.qxdm" | ||
325 | :rules="rules.qxdmrules" | ||
326 | > | ||
327 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
328 | </el-form-item> | ||
329 | </el-col> --> | ||
330 | <el-col :span="8"> | 315 | <el-col :span="8"> |
331 | <el-form-item label="在建建筑物抵押范围:"> | 316 | <el-form-item label="在建建筑物抵押范围:"> |
332 | <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> | 317 | <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> |
... | @@ -401,24 +386,6 @@ | ... | @@ -401,24 +386,6 @@ |
401 | </el-date-picker> | 386 | </el-date-picker> |
402 | </el-form-item> | 387 | </el-form-item> |
403 | </el-col> | 388 | </el-col> |
404 | |||
405 | <!-- <el-col :span="8"> | ||
406 | <el-form-item label="是否预告登记:"> | ||
407 | <el-select v-model="ruleForm.diyaq.sfygdj"> | ||
408 | <el-option | ||
409 | v-for="item in dictData['A6']" | ||
410 | :key="item.dcode" | ||
411 | :label="item.dname" | ||
412 | :value="item.dcode"></el-option> | ||
413 | </el-select> | ||
414 | </el-form-item> | ||
415 | </el-col> --> | ||
416 | <!-- <el-col :span="8"> | ||
417 | <el-form-item label="在建建筑物坐落:"> | ||
418 | <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input> | ||
419 | </el-form-item> | ||
420 | </el-col> --> | ||
421 | |||
422 | <el-col :span="24"> | 389 | <el-col :span="24"> |
423 | <el-form-item label="登记原因:"> | 390 | <el-form-item label="登记原因:"> |
424 | <el-input v-model="ruleForm.diyaq.djyy"></el-input> | 391 | <el-input v-model="ruleForm.diyaq.djyy"></el-input> | ... | ... |
1 | /* | 1 | /* |
2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 | 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 |
3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-10 13:41:26 | 4 | * @LastEditTime: 2023-08-30 15:52:01 |
5 | */ | 5 | */ |
6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; | 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; |
... | @@ -44,7 +44,6 @@ export default { | ... | @@ -44,7 +44,6 @@ export default { |
44 | this.flowInitParam(); | 44 | this.flowInitParam(); |
45 | }, | 45 | }, |
46 | methods: { | 46 | methods: { |
47 | //加载流程初始参数 | ||
48 | /** | 47 | /** |
49 | * @description: 加载流程初始参数 | 48 | * @description: 加载流程初始参数 |
50 | * @author: renchao | 49 | * @author: renchao | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-21 11:23:22 | 4 | * @LastEditTime: 2023-09-01 09:18:29 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="edit"> | 7 | <div class="edit"> |
... | @@ -460,7 +460,6 @@ | ... | @@ -460,7 +460,6 @@ |
460 | } | 460 | } |
461 | .edit { | 461 | .edit { |
462 | height: 100%; | 462 | height: 100%; |
463 | background-color: #f4f9ff; | ||
464 | .tab-content { | 463 | .tab-content { |
465 | border: 1px solid #dedede; | 464 | border: 1px solid #dedede; |
466 | border-left: 0; | 465 | border-left: 0; | ... | ... |
... | @@ -27,8 +27,15 @@ class data extends filter { | ... | @@ -27,8 +27,15 @@ class data extends filter { |
27 | } | 27 | } |
28 | }, | 28 | }, |
29 | { | 29 | { |
30 | prop: 'bdcqzh', | 30 | width: '130', |
31 | label: '不动产权证号', | 31 | label: '不动产权证号', |
32 | render: (h, scope) => { | ||
33 | return ( | ||
34 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
35 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
36 | </el-tooltip> | ||
37 | ) | ||
38 | } | ||
32 | }, | 39 | }, |
33 | { | 40 | { |
34 | prop: 'djsj', | 41 | prop: 'djsj', |
... | @@ -43,8 +50,15 @@ class data extends filter { | ... | @@ -43,8 +50,15 @@ class data extends filter { |
43 | label: '网签时间', | 50 | label: '网签时间', |
44 | }, | 51 | }, |
45 | { | 52 | { |
46 | prop: 'bdcdyh', | 53 | width: '130', |
47 | label: '不动产单元号', | 54 | label: '不动产单元号', |
55 | render: (h, scope) => { | ||
56 | return ( | ||
57 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> | ||
58 | <span class="ellipsis-table"> {scope.row.bdcdyh}</span> | ||
59 | </el-tooltip> | ||
60 | ) | ||
61 | } | ||
48 | }, | 62 | }, |
49 | { | 63 | { |
50 | prop: 'gyfs', | 64 | prop: 'gyfs', |
... | @@ -59,8 +73,15 @@ class data extends filter { | ... | @@ -59,8 +73,15 @@ class data extends filter { |
59 | label: '证件号', | 73 | label: '证件号', |
60 | }, | 74 | }, |
61 | { | 75 | { |
62 | prop: 'zl', | ||
63 | label: '房地坐落', | 76 | label: '房地坐落', |
77 | width: '100', | ||
78 | render: (h, scope) => { | ||
79 | return ( | ||
80 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
81 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
82 | </el-tooltip> | ||
83 | ) | ||
84 | } | ||
64 | }, | 85 | }, |
65 | { | 86 | { |
66 | prop: 'fwmj', | 87 | prop: 'fwmj', | ... | ... |
... | @@ -141,7 +141,6 @@ | ... | @@ -141,7 +141,6 @@ |
141 | handleSort (name, sort) { | 141 | handleSort (name, sort) { |
142 | console.log(name, sort); | 142 | console.log(name, sort); |
143 | }, | 143 | }, |
144 | // 查看 | ||
145 | /** | 144 | /** |
146 | * @description: 查看 | 145 | * @description: 查看 |
147 | * @param {*} scope | 146 | * @param {*} scope | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-30 08:40:36 | 4 | * @LastEditTime: 2023-09-01 08:20:51 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | 7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> |
... | @@ -187,9 +187,9 @@ | ... | @@ -187,9 +187,9 @@ |
187 | setTimeout(() => { | 187 | setTimeout(() => { |
188 | that.ruleForm.tmpcontent = document.getElementById("S1").value; | 188 | that.ruleForm.tmpcontent = document.getElementById("S1").value; |
189 | if (that.ruleForm.tmpno == 'zsdy') { | 189 | if (that.ruleForm.tmpno == 'zsdy') { |
190 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>"); | 190 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src=" + window._config.services.management + "':9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>"); |
191 | } else if (that.ruleForm.tmpno == 'zmdy') { | 191 | } else if (that.ruleForm.tmpno == 'zmdy') { |
192 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcdjzm.jpg'>"); | 192 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src=" + window._config.services.management + "':9000/bdcdj/zhengshu_image/bdcdjzm.jpg'>"); |
193 | } | 193 | } |
194 | LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图 | 194 | LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图 |
195 | that.loadStatus = '2'; | 195 | that.loadStatus = '2'; | ... | ... |
... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
8 | <ul class="edit-title-list" v-if="djlxList.length > 0"> | 8 | <ul class="edit-title-list" v-if="djlxList.length > 0 "> |
9 | <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index" | 9 | <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index" |
10 | :class="{ active: index == tn }"> | 10 | :class="{ active: index == tn }"> |
11 | {{ item.nodename }} | 11 | {{ item.nodename }} |
... | @@ -190,15 +190,19 @@ | ... | @@ -190,15 +190,19 @@ |
190 | */ | 190 | */ |
191 | init () { | 191 | init () { |
192 | this.tn = 0; | 192 | this.tn = 0; |
193 | getDjlxInfo(this.formData.bsmSqyw).then((res) => { | 193 | if(this.formData.sqfl=="2"){ |
194 | let { result } = res; | ||
195 | this.djlxList = result ? result : []; | ||
196 | if (this.djlxList.length > 0) { | ||
197 | this.getDetail(this.djlxList[0].bsmSqyw); | ||
198 | } else { | ||
199 | this.getDetail(this.formData.bsmSqyw); | 194 | this.getDetail(this.formData.bsmSqyw); |
200 | } | 195 | }else{ |
201 | }) | 196 | getDjlxInfo(this.formData.bsmSqyw).then((res) => { |
197 | let { result } = res; | ||
198 | this.djlxList = result ? result : []; | ||
199 | if (this.djlxList.length > 0) { | ||
200 | this.getDetail(this.djlxList[0].bsmSqyw); | ||
201 | } else { | ||
202 | this.getDetail(this.formData.bsmSqyw); | ||
203 | } | ||
204 | }) | ||
205 | } | ||
202 | }, | 206 | }, |
203 | /** | 207 | /** |
204 | * @description: orderNoChange | 208 | * @description: orderNoChange | ... | ... |
... | @@ -54,317 +54,318 @@ | ... | @@ -54,317 +54,318 @@ |
54 | </el-form> | 54 | </el-form> |
55 | </template> | 55 | </template> |
56 | <script> | 56 | <script> |
57 | import { addSysNotice, updateSysNotice } from "@/api/sysNotice.js"; | 57 | import { addSysNotice, updateSysNotice } from "@/api/sysNotice.js"; |
58 | import { upload } from "@/api/file.js"; | 58 | import { upload } from "@/api/file.js"; |
59 | import { quillEditor } from "vue-quill-editor"; | 59 | import store from '@/store' |
60 | export default { | 60 | import { quillEditor } from "vue-quill-editor"; |
61 | props: { | 61 | export default { |
62 | formData: { | 62 | props: { |
63 | type: Object, | 63 | formData: { |
64 | default: () => { } | 64 | type: Object, |
65 | } | 65 | default: () => { } |
66 | }, | 66 | } |
67 | components: { quillEditor }, | 67 | }, |
68 | data () { | 68 | components: { quillEditor }, |
69 | return { | 69 | data () { |
70 | ruleForm: { | 70 | return { |
71 | noticeTitle: "", | 71 | ruleForm: { |
72 | noticeContent: "", | 72 | noticeTitle: "", |
73 | noticeFileUrl: "", | 73 | noticeContent: "", |
74 | noticeSource: "", | 74 | noticeFileUrl: "", |
75 | validDays: 14, | 75 | noticeSource: "", |
76 | noticeType: "1" | 76 | validDays: 14, |
77 | }, | 77 | noticeType: "1" |
78 | rules: { | 78 | }, |
79 | noticeTitle: [ | 79 | rules: { |
80 | { required: true, message: "请输入通知标题", trigger: "blur" } | 80 | noticeTitle: [ |
81 | ], | 81 | { required: true, message: "请输入通知标题", trigger: "blur" } |
82 | noticeContent: [ | 82 | ], |
83 | { required: true, message: "请输入通知内容", trigger: "blur" } | 83 | noticeContent: [ |
84 | ], | 84 | { required: true, message: "请输入通知内容", trigger: "blur" } |
85 | noticeSource: [ | 85 | ], |
86 | { required: true, message: "请输入通知来源", trigger: "blur" } | 86 | noticeSource: [ |
87 | ] | 87 | { required: true, message: "请输入通知来源", trigger: "blur" } |
88 | }, | 88 | ] |
89 | // 富文本编辑器配置 | 89 | }, |
90 | editorOption: { | 90 | // 富文本编辑器配置 |
91 | theme: "snow", // or 'bubble' | 91 | editorOption: { |
92 | modules: { | 92 | theme: "snow", // or 'bubble' |
93 | toolbar: { | 93 | modules: { |
94 | container: [ | 94 | toolbar: { |
95 | ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线 | 95 | container: [ |
96 | ["blockquote", "code-block"], // 引用 代码块 | 96 | ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线 |
97 | [{ header: 1 }, { header: 2 }], // 1、2 级标题 | 97 | ["blockquote", "code-block"], // 引用 代码块 |
98 | [{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表 | 98 | [{ header: 1 }, { header: 2 }], // 1、2 级标题 |
99 | [{ script: "sub" }, { script: "super" }], // 上标/下标 | 99 | [{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表 |
100 | [{ indent: "-1" }, { indent: "+1" }], // 缩进 | 100 | [{ script: "sub" }, { script: "super" }], // 上标/下标 |
101 | [{ direction: "rtl" }], // 文本方向 | 101 | [{ indent: "-1" }, { indent: "+1" }], // 缩进 |
102 | [{ size: ["small", false, "large", "huge"] }], // 字体大小 | 102 | [{ direction: "rtl" }], // 文本方向 |
103 | [{ header: [1, 2, 3, 4, 5, 6] }], // 标题 | 103 | [{ size: ["small", false, "large", "huge"] }], // 字体大小 |
104 | [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色 | 104 | [{ header: [1, 2, 3, 4, 5, 6] }], // 标题 |
105 | // [{ font: ['songti'] }], // 字体种类 | 105 | [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色 |
106 | [{ align: [] }], // 对齐方式 | 106 | // [{ font: ['songti'] }], // 字体种类 |
107 | ["clean"], // 清除文本格式 | 107 | [{ align: [] }], // 对齐方式 |
108 | ["image", "video"] // 链接、图片、视频 | 108 | ["clean"], // 清除文本格式 |
109 | ], | 109 | ["image", "video"] // 链接、图片、视频 |
110 | handlers: { | 110 | ], |
111 | image: function (value) { | 111 | handlers: { |
112 | if (value) { | 112 | image: function (value) { |
113 | // 用upload的点击事件代替文本编辑器的图片上传事件 | 113 | if (value) { |
114 | document.querySelector(".richUpload input").click(); | 114 | // 用upload的点击事件代替文本编辑器的图片上传事件 |
115 | } else { | 115 | document.querySelector(".richUpload input").click(); |
116 | this.quill.format("image", false); | 116 | } else { |
117 | this.quill.format("image", false); | ||
118 | } | ||
117 | } | 119 | } |
118 | } | 120 | } |
119 | } | 121 | } |
120 | } | 122 | }, |
121 | }, | 123 | placeholder: "请输入正文" |
122 | placeholder: "请输入正文" | 124 | } |
125 | }; | ||
126 | }, | ||
127 | mounted () { | ||
128 | this.$nextTick(() => { | ||
129 | //创建富文本粘贴事件监听 | ||
130 | let quill = this.$refs.myQuillEditor.quill; | ||
131 | this.$forceUpdate(); | ||
132 | quill.root.addEventListener( | ||
133 | "paste", | ||
134 | evt => { | ||
135 | if ( | ||
136 | evt.clipboardData && | ||
137 | evt.clipboardData.files && | ||
138 | evt.clipboardData.files.length | ||
139 | ) { | ||
140 | evt.preventDefault(); | ||
141 | [].forEach.call(evt.clipboardData.files, file => { | ||
142 | if (!file.type.match(/^image\/(gif|jpe?g|a?png|bmp)/i)) { | ||
143 | return; | ||
144 | } | ||
145 | that.clipboardPictureChange(file); | ||
146 | }); | ||
147 | } | ||
148 | }, | ||
149 | false | ||
150 | ) | ||
151 | }) | ||
152 | if (!this.formData.isButtonFlag) { | ||
153 | this.getDetailInfo(this.formData) | ||
123 | } | 154 | } |
124 | }; | 155 | if (this.formData.edit) { |
125 | }, | 156 | this.getDetailInfo(this.formData) |
126 | mounted () { | 157 | } |
127 | this.$nextTick(() => { | 158 | }, |
128 | //创建富文本粘贴事件监听 | 159 | methods: { |
129 | let quill = this.$refs.myQuillEditor.quill; | 160 | /** |
130 | this.$forceUpdate(); | 161 | * @description: submitForm |
131 | quill.root.addEventListener( | 162 | * @author: renchao |
132 | "paste", | 163 | */ |
133 | evt => { | 164 | submitForm () { |
134 | if ( | 165 | let that = this; |
135 | evt.clipboardData && | 166 | that.$refs.ruleForm.validate(valid => { |
136 | evt.clipboardData.files && | 167 | if (valid) { |
137 | evt.clipboardData.files.length | 168 | if (that.ruleForm.bsmNotice) { |
138 | ) { | 169 | that.editNotice(); |
139 | evt.preventDefault(); | 170 | } else { |
140 | [].forEach.call(evt.clipboardData.files, file => { | 171 | that.addNotice(); |
141 | if (!file.type.match(/^image\/(gif|jpe?g|a?png|bmp)/i)) { | 172 | } |
142 | return; | 173 | } else { |
143 | } | 174 | return false; |
144 | that.clipboardPictureChange(file); | ||
145 | }); | ||
146 | } | 175 | } |
147 | }, | 176 | }); |
148 | false | 177 | }, |
149 | ) | 178 | //关闭窗口 |
150 | }) | 179 | /** |
151 | if (!this.formData.isButtonFlag) { | 180 | * @description: 关闭窗口 |
152 | this.getDetailInfo(this.formData) | 181 | * @author: renchao |
153 | } | 182 | */ |
154 | if (this.formData.edit) { | 183 | closeDialog () { |
155 | this.getDetailInfo(this.formData) | 184 | this.$popupCacel() |
156 | } | 185 | this.resetRuleForm(); |
157 | }, | 186 | }, |
158 | methods: { | 187 | //新增通知 |
159 | /** | 188 | /** |
160 | * @description: submitForm | 189 | * @description: 新增通知 |
161 | * @author: renchao | 190 | * @author: renchao |
162 | */ | 191 | */ |
163 | submitForm () { | 192 | addNotice () { |
164 | let that = this; | 193 | // 解决报错 |
165 | that.$refs.ruleForm.validate(valid => { | 194 | // this.ruleForm.noticeType = "1" |
166 | if (valid) { | 195 | addSysNotice(this.ruleForm).then(res => { |
167 | if (that.ruleForm.bsmNotice) { | 196 | if (res.code == 200) { |
168 | that.editNotice(); | 197 | this.$message.success("保存成功"); |
198 | store.dispatch("user/refreshPage", true); | ||
199 | this.$popupCacel() | ||
200 | this.resetRuleForm(); | ||
169 | } else { | 201 | } else { |
170 | that.addNotice(); | 202 | this.$message.error(res.message); |
171 | } | 203 | } |
172 | } else { | 204 | }); |
173 | return false; | 205 | }, |
174 | } | 206 | //编辑通知 |
175 | }); | 207 | /** |
176 | }, | 208 | * @description: 编辑通知 |
177 | //关闭窗口 | 209 | * @author: renchao |
178 | /** | 210 | */ |
179 | * @description: 关闭窗口 | 211 | editNotice () { |
180 | * @author: renchao | 212 | updateSysNotice(this.ruleForm).then(res => { |
181 | */ | 213 | if (res.code == 200) { |
182 | closeDialog () { | 214 | this.$message.success("编辑成功"); |
183 | this.$popupCacel() | 215 | this.$popupCacel() |
184 | this.resetRuleForm(); | 216 | this.resetRuleForm(); |
185 | }, | 217 | store.dispatch("user/refreshPage", true); |
186 | //新增通知 | 218 | } else { |
187 | /** | 219 | this.$message.error(res.message); |
188 | * @description: 新增通知 | 220 | } |
189 | * @author: renchao | 221 | }); |
190 | */ | 222 | }, |
191 | addNotice () { | 223 | /** |
192 | // 解决报错 | 224 | * @description: 重置表单 |
193 | // this.ruleForm.noticeType = "1" | 225 | * @author: renchao |
194 | addSysNotice(this.ruleForm).then(res => { | 226 | */ |
195 | if (res.code == 200) { | 227 | resetRuleForm () { |
196 | this.$message.success("保存成功"); | 228 | this.ruleForm = { |
197 | this.$popupCacel() | 229 | noticeTitle: "", |
198 | this.resetRuleForm(); | 230 | noticeContent: "", |
199 | this.$parent.queryClick(); | 231 | noticeFileUrl: "", |
200 | } else { | 232 | noticeSource: "", |
201 | this.$message.error(res.message); | 233 | validDays: 14, |
202 | } | 234 | noticeType: "1" |
203 | }); | ||
204 | }, | ||
205 | //编辑通知 | ||
206 | /** | ||
207 | * @description: 编辑通知 | ||
208 | * @author: renchao | ||
209 | */ | ||
210 | editNotice () { | ||
211 | updateSysNotice(this.ruleForm).then(res => { | ||
212 | if (res.code == 200) { | ||
213 | this.$message.success("编辑成功"); | ||
214 | this.$popupCacel() | ||
215 | this.resetRuleForm(); | ||
216 | this.$parent.queryClick(); | ||
217 | } else { | ||
218 | this.$message.error(res.message); | ||
219 | } | 235 | } |
220 | }); | 236 | }, |
221 | }, | 237 | /** |
222 | //重置表单 | 238 | * @description: beforeUpload |
223 | /** | 239 | * @param {*} file |
224 | * @description: 重置表单 | 240 | * @author: renchao |
225 | * @author: renchao | 241 | */ |
226 | */ | 242 | beforeUpload (file) { |
227 | resetRuleForm () { | 243 | return true; |
228 | this.ruleForm = { | 244 | }, |
229 | noticeTitle: "", | 245 | //附件上传事件 |
230 | noticeContent: "", | 246 | /** |
231 | noticeFileUrl: "", | 247 | * @description: 附件上传事件 |
232 | noticeSource: "", | 248 | * @param {*} file |
233 | validDays: 14, | 249 | * @author: renchao |
234 | noticeType: "1" | 250 | */ |
251 | async handleChange (file) { | ||
252 | var formdata = new FormData(); | ||
253 | formdata.append("file", file.raw); | ||
254 | upload(formdata).then(res => { | ||
255 | this.ruleForm.noticeFileUrl = res.message; | ||
256 | }); | ||
257 | }, | ||
258 | //富文本图片上传事件 | ||
259 | /** | ||
260 | * @description: 富文本图片上传事件 | ||
261 | * @param {*} file | ||
262 | * @author: renchao | ||
263 | */ | ||
264 | RichTexthandleChange (file) { | ||
265 | this.uploadPicture(file.raw) | ||
266 | }, | ||
267 | //图片粘贴事件 | ||
268 | /** | ||
269 | * @description: 图片粘贴事件 | ||
270 | * @param {*} file | ||
271 | * @author: renchao | ||
272 | */ | ||
273 | clipboardPictureChange (file) { | ||
274 | this.uploadPicture(file) | ||
275 | }, | ||
276 | /** | ||
277 | * @description: getDetailInfo | ||
278 | * @param {*} item | ||
279 | * @author: renchao | ||
280 | */ | ||
281 | getDetailInfo (item) { | ||
282 | this.ruleForm = item | ||
283 | }, | ||
284 | /** | ||
285 | * @description: uploadPicture | ||
286 | * @param {*} file | ||
287 | * @author: renchao | ||
288 | */ | ||
289 | uploadPicture (file) { | ||
290 | let that = this; | ||
291 | var formdata = new FormData(); | ||
292 | formdata.append("file", file); | ||
293 | upload(formdata).then(res => { | ||
294 | //editor对象 | ||
295 | const quill = that.$refs.myQuillEditor.quill; | ||
296 | // 如果上传成功 | ||
297 | // 获取光标所在位置 | ||
298 | const length = quill.selection.savedRange.index; | ||
299 | // 插入图片 | ||
300 | quill.insertEmbed(length, "image", res.message); | ||
301 | // 调整光标到最后 | ||
302 | quill.setSelection(length + 1); | ||
303 | }); | ||
304 | }, | ||
305 | /** | ||
306 | * @description: onSubmit | ||
307 | * @author: renchao | ||
308 | */ | ||
309 | onSubmit () { | ||
310 | //console.log("submit!"); | ||
311 | }, | ||
312 | // 失去焦点事件 | ||
313 | /** | ||
314 | * @description: 失去焦点事件 | ||
315 | * @param {*} quill | ||
316 | * @author: renchao | ||
317 | */ | ||
318 | onEditorBlur (quill) { | ||
319 | //console.log("editor blur!", quill); | ||
320 | }, | ||
321 | // 获得焦点事件 | ||
322 | /** | ||
323 | * @description: 获得焦点事件 | ||
324 | * @param {*} quill | ||
325 | * @author: renchao | ||
326 | */ | ||
327 | onEditorFocus (quill) { | ||
328 | //console.log("editor focus!", quill); | ||
329 | }, | ||
330 | // 准备富文本编辑器 | ||
331 | /** | ||
332 | * @description: 准备富文本编辑器 | ||
333 | * @param {*} quill | ||
334 | * @author: renchao | ||
335 | */ | ||
336 | onEditorReady (quill) { | ||
337 | //console.log("editor ready!", quill); | ||
338 | }, | ||
339 | // 内容改变事件 | ||
340 | /** | ||
341 | * @description: 内容改变事件 | ||
342 | * @param {*} quill | ||
343 | * @param {*} html | ||
344 | * @param {*} text | ||
345 | * @author: renchao | ||
346 | */ | ||
347 | onEditorChange ({ quill, html, text }) { | ||
348 | //console.log("editor change!", quill, html, text); | ||
349 | //this.content = html; | ||
235 | } | 350 | } |
236 | }, | ||
237 | /** | ||
238 | * @description: beforeUpload | ||
239 | * @param {*} file | ||
240 | * @author: renchao | ||
241 | */ | ||
242 | beforeUpload (file) { | ||
243 | return true; | ||
244 | }, | ||
245 | //附件上传事件 | ||
246 | /** | ||
247 | * @description: 附件上传事件 | ||
248 | * @param {*} file | ||
249 | * @author: renchao | ||
250 | */ | ||
251 | async handleChange (file) { | ||
252 | var formdata = new FormData(); | ||
253 | formdata.append("file", file.raw); | ||
254 | upload(formdata).then(res => { | ||
255 | this.ruleForm.noticeFileUrl = res.message; | ||
256 | }); | ||
257 | }, | ||
258 | //富文本图片上传事件 | ||
259 | /** | ||
260 | * @description: 富文本图片上传事件 | ||
261 | * @param {*} file | ||
262 | * @author: renchao | ||
263 | */ | ||
264 | RichTexthandleChange (file) { | ||
265 | this.uploadPicture(file.raw) | ||
266 | }, | ||
267 | //图片粘贴事件 | ||
268 | /** | ||
269 | * @description: 图片粘贴事件 | ||
270 | * @param {*} file | ||
271 | * @author: renchao | ||
272 | */ | ||
273 | clipboardPictureChange (file) { | ||
274 | this.uploadPicture(file) | ||
275 | }, | ||
276 | /** | ||
277 | * @description: getDetailInfo | ||
278 | * @param {*} item | ||
279 | * @author: renchao | ||
280 | */ | ||
281 | getDetailInfo (item) { | ||
282 | this.ruleForm = item | ||
283 | }, | ||
284 | /** | ||
285 | * @description: uploadPicture | ||
286 | * @param {*} file | ||
287 | * @author: renchao | ||
288 | */ | ||
289 | uploadPicture (file) { | ||
290 | let that = this; | ||
291 | var formdata = new FormData(); | ||
292 | formdata.append("file", file); | ||
293 | upload(formdata).then(res => { | ||
294 | //editor对象 | ||
295 | const quill = that.$refs.myQuillEditor.quill; | ||
296 | // 如果上传成功 | ||
297 | // 获取光标所在位置 | ||
298 | const length = quill.selection.savedRange.index; | ||
299 | // 插入图片 | ||
300 | quill.insertEmbed(length, "image", res.message); | ||
301 | // 调整光标到最后 | ||
302 | quill.setSelection(length + 1); | ||
303 | }); | ||
304 | }, | ||
305 | /** | ||
306 | * @description: onSubmit | ||
307 | * @author: renchao | ||
308 | */ | ||
309 | onSubmit () { | ||
310 | //console.log("submit!"); | ||
311 | }, | ||
312 | // 失去焦点事件 | ||
313 | /** | ||
314 | * @description: 失去焦点事件 | ||
315 | * @param {*} quill | ||
316 | * @author: renchao | ||
317 | */ | ||
318 | onEditorBlur (quill) { | ||
319 | //console.log("editor blur!", quill); | ||
320 | }, | ||
321 | // 获得焦点事件 | ||
322 | /** | ||
323 | * @description: 获得焦点事件 | ||
324 | * @param {*} quill | ||
325 | * @author: renchao | ||
326 | */ | ||
327 | onEditorFocus (quill) { | ||
328 | //console.log("editor focus!", quill); | ||
329 | }, | ||
330 | // 准备富文本编辑器 | ||
331 | /** | ||
332 | * @description: 准备富文本编辑器 | ||
333 | * @param {*} quill | ||
334 | * @author: renchao | ||
335 | */ | ||
336 | onEditorReady (quill) { | ||
337 | //console.log("editor ready!", quill); | ||
338 | }, | ||
339 | // 内容改变事件 | ||
340 | /** | ||
341 | * @description: 内容改变事件 | ||
342 | * @param {*} quill | ||
343 | * @param {*} html | ||
344 | * @param {*} text | ||
345 | * @author: renchao | ||
346 | */ | ||
347 | onEditorChange ({ quill, html, text }) { | ||
348 | //console.log("editor change!", quill, html, text); | ||
349 | //this.content = html; | ||
350 | } | 351 | } |
351 | } | 352 | }; |
352 | }; | ||
353 | </script> | 353 | </script> |
354 | <style scoped lang="scss"> | 354 | <style scoped lang="scss"> |
355 | @import "~@/styles/dialogBoxheader.scss"; | 355 | @import "~@/styles/dialogBoxheader.scss"; |
356 | 356 | ||
357 | .quill-editor { | 357 | .quill-editor { |
358 | padding: 0; | 358 | padding: 0; |
359 | } | 359 | } |
360 | 360 | ||
361 | .ql-editor { | 361 | .ql-editor { |
362 | height: auto !important; | 362 | height: auto !important; |
363 | } | 363 | } |
364 | 364 | ||
365 | /deep/.ql-container { | 365 | /deep/.ql-container { |
366 | padding: 0; | 366 | padding: 0; |
367 | max-height: 400px; | 367 | max-height: 400px; |
368 | min-height: 160px; | 368 | min-height: 160px; |
369 | overflow-y: scroll; | 369 | overflow-y: scroll; |
370 | }</style> | 370 | } |
371 | </style> | ... | ... |
... | @@ -38,6 +38,7 @@ | ... | @@ -38,6 +38,7 @@ |
38 | </template> | 38 | </template> |
39 | <script> | 39 | <script> |
40 | import table from "@/utils/mixin/table"; | 40 | import table from "@/utils/mixin/table"; |
41 | import { mapGetters } from 'vuex' | ||
41 | import { datas, sendThis } from "./xttzdata"; | 42 | import { datas, sendThis } from "./xttzdata"; |
42 | import { getSysNoticeList, deleteSysNotice, publishNotice, unPublishNotice } from "@/api/sysNotice.js" | 43 | import { getSysNoticeList, deleteSysNotice, publishNotice, unPublishNotice } from "@/api/sysNotice.js" |
43 | import addDialog from "./components/addDialog.vue"; | 44 | import addDialog from "./components/addDialog.vue"; |
... | @@ -73,6 +74,17 @@ | ... | @@ -73,6 +74,17 @@ |
73 | isDiglog: false | 74 | isDiglog: false |
74 | } | 75 | } |
75 | }, | 76 | }, |
77 | computed: { | ||
78 | ...mapGetters(['isRefresh']) | ||
79 | }, | ||
80 | watch: { | ||
81 | isRefresh: { | ||
82 | handler (newVal, oldVal) { | ||
83 | if (newVal) this.queryClick() | ||
84 | }, | ||
85 | immediate: true | ||
86 | } | ||
87 | }, | ||
76 | methods: { | 88 | methods: { |
77 | // 列表渲染接口 | 89 | // 列表渲染接口 |
78 | /** | 90 | /** |
... | @@ -90,7 +102,6 @@ | ... | @@ -90,7 +102,6 @@ |
90 | } | 102 | } |
91 | }) | 103 | }) |
92 | }, | 104 | }, |
93 | //打开新增弹窗 | ||
94 | /** | 105 | /** |
95 | * @description: 打开新增弹窗 | 106 | * @description: 打开新增弹窗 |
96 | * @param {*} item | 107 | * @param {*} item |
... | @@ -102,6 +113,7 @@ | ... | @@ -102,6 +113,7 @@ |
102 | } else { | 113 | } else { |
103 | this.$popupDialog("新增系统通知", "system/xttz/components/addDialog", { "isButtonFlag": true }, "50%") | 114 | this.$popupDialog("新增系统通知", "system/xttz/components/addDialog", { "isButtonFlag": true }, "50%") |
104 | } | 115 | } |
116 | this.$store.dispatch("user/refreshPage", false); | ||
105 | }, | 117 | }, |
106 | //删除 | 118 | //删除 |
107 | delNotice (item) { | 119 | delNotice (item) { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-16 16:45:42 | 4 | * @LastEditTime: 2023-09-01 10:23:30 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
8 | title="申请人信息" | 8 | title="申请人信息" |
9 | width="60%" | 9 | width="75%" |
10 | isMain | 10 | isMain |
11 | v-model="myValue" | 11 | v-model="myValue" |
12 | :isFullscreen="false" | 12 | :isFullscreen="false" |
13 | @submitForm="submitForm" | 13 | @submitForm="submitForm" |
14 | @closeDialog="closeDialog" | 14 | @closeDialog="closeDialog" |
15 | :isButton="showButton" | 15 | :isButton="showButton"> |
16 | > | 16 | |
17 | <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header"> | ||
18 | <el-tab-pane label="基本信息" name="1"></el-tab-pane> | ||
19 | <el-tab-pane label="个人信息备案" name="2"></el-tab-pane> | ||
20 | <el-tab-pane label="企业信息备案" name="3"></el-tab-pane> | ||
21 | </el-tabs> | ||
22 | |||
17 | <el-form | 23 | <el-form |
24 | v-if="activeName==1" | ||
18 | :model="ruleForm" | 25 | :model="ruleForm" |
19 | :rules="rules" | 26 | :rules="rules" |
20 | ref="ruleForm" | 27 | ref="ruleForm" |
21 | label-width="120px" | 28 | label-width="120px"> |
22 | > | 29 | <el-form-item label="身份证读卡器"> |
30 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | ||
31 | </el-form-item> | ||
23 | <el-row> | 32 | <el-row> |
24 | <el-col :span="8"> | 33 | <el-col :span="8"> |
25 | <el-form-item label="权利人类型" prop="sqrlx"> | 34 | <el-form-item label="权利人类型" prop="sqrlx"> |
... | @@ -28,14 +37,12 @@ | ... | @@ -28,14 +37,12 @@ |
28 | v-model="ruleForm.sqrlx" | 37 | v-model="ruleForm.sqrlx" |
29 | class="width100" | 38 | class="width100" |
30 | :disabled="!showButton" | 39 | :disabled="!showButton" |
31 | placeholder="请选择" | 40 | placeholder="请选择"> |
32 | > | ||
33 | <el-option | 41 | <el-option |
34 | v-for="item in dictData['A36']" | 42 | v-for="item in dictData['A36']" |
35 | :key="item.dcode" | 43 | :key="item.dcode" |
36 | :label="item.dname" | 44 | :label="item.dname" |
37 | :value="item.dcode" | 45 | :value="item.dcode"> |
38 | > | ||
39 | </el-option> | 46 | </el-option> |
40 | </el-select> | 47 | </el-select> |
41 | </el-form-item> | 48 | </el-form-item> |
... | @@ -45,8 +52,7 @@ | ... | @@ -45,8 +52,7 @@ |
45 | <el-input | 52 | <el-input |
46 | v-model="ruleForm.sqrmc" | 53 | v-model="ruleForm.sqrmc" |
47 | maxlegth="15" | 54 | maxlegth="15" |
48 | :disabled="!showButton" | 55 | :disabled="!showButton"></el-input> |
49 | ></el-input> | ||
50 | </el-form-item> | 56 | </el-form-item> |
51 | </el-col> | 57 | </el-col> |
52 | <el-col :span="8"> | 58 | <el-col :span="8"> |
... | @@ -56,14 +62,12 @@ | ... | @@ -56,14 +62,12 @@ |
56 | v-model="ruleForm.zjzl" | 62 | v-model="ruleForm.zjzl" |
57 | :disabled="!showButton" | 63 | :disabled="!showButton" |
58 | class="width100" | 64 | class="width100" |
59 | placeholder="请选择" | 65 | placeholder="请选择"> |
60 | > | ||
61 | <el-option | 66 | <el-option |
62 | v-for="item in dictData['A30']" | 67 | v-for="item in dictData['A30']" |
63 | :key="item.dcode" | 68 | :key="item.dcode" |
64 | :label="item.dname" | 69 | :label="item.dname" |
65 | :value="item.dcode" | 70 | :value="item.dcode"> |
66 | > | ||
67 | </el-option> | 71 | </el-option> |
68 | </el-select> | 72 | </el-select> |
69 | </el-form-item> | 73 | </el-form-item> |
... | @@ -76,8 +80,7 @@ | ... | @@ -76,8 +80,7 @@ |
76 | v-model="ruleForm.zjh" | 80 | v-model="ruleForm.zjh" |
77 | :disabled="!showButton" | 81 | :disabled="!showButton" |
78 | maxlength="18" | 82 | maxlength="18" |
79 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 83 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
80 | ></el-input> | ||
81 | </el-form-item> | 84 | </el-form-item> |
82 | </el-col> | 85 | </el-col> |
83 | <el-col :span="8"> | 86 | <el-col :span="8"> |
... | @@ -86,37 +89,34 @@ | ... | @@ -86,37 +89,34 @@ |
86 | v-model="ruleForm.dh" | 89 | v-model="ruleForm.dh" |
87 | :disabled="!showButton" | 90 | :disabled="!showButton" |
88 | maxlength="11" | 91 | maxlength="11" |
89 | oninput="value=value.replace(/[^\d]/g,'')" | 92 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
90 | ></el-input> | ||
91 | </el-form-item> | 93 | </el-form-item> |
92 | </el-col> | 94 | </el-col> |
93 | <el-col :span="8"> | 95 | <el-col :span="8"> |
94 | <el-form-item label="权利比例" prop="qlbl"> | 96 | <el-form-item label="性别" prop="xb"> |
95 | <el-input | 97 | <el-select |
96 | v-model="ruleForm.qlbl" | 98 | clearable |
97 | maxlength="32" | 99 | v-model="ruleForm.xb" |
98 | :disabled="!showButton || this.ruleForm.gyfs == 1" | 100 | :disabled="!showButton" |
99 | ></el-input> | 101 | class="width100" |
102 | placeholder="请选择"> | ||
103 | <el-option | ||
104 | v-for="item in dictData['A43']" | ||
105 | :key="item.dcode" | ||
106 | :label="item.dname" | ||
107 | :value="item.dcode"> | ||
108 | </el-option> | ||
109 | </el-select> | ||
100 | </el-form-item> | 110 | </el-form-item> |
101 | </el-col> | 111 | </el-col> |
102 | </el-row> | 112 | </el-row> |
103 | <el-row> | 113 | <el-row> |
104 | <el-col :span="8"> | 114 | <el-col :span="8"> |
105 | <el-form-item label="法人名称" prop="frmc"> | ||
106 | <el-input | ||
107 | v-model="ruleForm.frmc" | ||
108 | maxlength="32" | ||
109 | :disabled="!showButton" | ||
110 | ></el-input> | ||
111 | </el-form-item> | ||
112 | </el-col> | ||
113 | <el-col :span="8"> | ||
114 | <el-form-item label="国家/地区" prop="gj"> | 115 | <el-form-item label="国家/地区" prop="gj"> |
115 | <el-input | 116 | <el-input |
116 | v-model="ruleForm.gj" | 117 | v-model="ruleForm.gj" |
117 | maxlength="3" | 118 | maxlength="3" |
118 | :disabled="!showButton" | 119 | :disabled="!showButton"></el-input> |
119 | ></el-input> | ||
120 | </el-form-item> | 120 | </el-form-item> |
121 | </el-col> | 121 | </el-col> |
122 | <el-col :span="8"> | 122 | <el-col :span="8"> |
... | @@ -124,20 +124,34 @@ | ... | @@ -124,20 +124,34 @@ |
124 | <el-input | 124 | <el-input |
125 | v-model="ruleForm.hjszss" | 125 | v-model="ruleForm.hjszss" |
126 | maxlength="3" | 126 | maxlength="3" |
127 | :disabled="!showButton" | 127 | :disabled="!showButton"></el-input> |
128 | ></el-input> | 128 | </el-form-item> |
129 | </el-col> | ||
130 | <el-col :span="8"> | ||
131 | <el-form-item label="权利比例" prop="qlbl"> | ||
132 | <el-input | ||
133 | v-model="ruleForm.qlbl" | ||
134 | maxlength="32" | ||
135 | :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input> | ||
129 | </el-form-item> | 136 | </el-form-item> |
130 | </el-col> | 137 | </el-col> |
131 | </el-row> | 138 | </el-row> |
132 | 139 | ||
133 | <el-row> | 140 | <el-row> |
134 | <el-col :span="24"> | 141 | <el-col :span="8"> |
142 | <el-form-item label="法人名称" prop="frmc"> | ||
143 | <el-input | ||
144 | v-model="ruleForm.frmc" | ||
145 | maxlength="32" | ||
146 | :disabled="!showButton"></el-input> | ||
147 | </el-form-item> | ||
148 | </el-col> | ||
149 | <el-col :span="16"> | ||
135 | <el-form-item label="地址" prop="txdz"> | 150 | <el-form-item label="地址" prop="txdz"> |
136 | <el-input | 151 | <el-input |
137 | v-model="ruleForm.txdz" | 152 | v-model="ruleForm.txdz" |
138 | maxlength="100" | 153 | maxlength="100" |
139 | :disabled="!showButton" | 154 | :disabled="!showButton"></el-input> |
140 | ></el-input> | ||
141 | </el-form-item> | 155 | </el-form-item> |
142 | </el-col> | 156 | </el-col> |
143 | </el-row> | 157 | </el-row> |
... | @@ -148,8 +162,7 @@ | ... | @@ -148,8 +162,7 @@ |
148 | <el-input | 162 | <el-input |
149 | v-model="ruleForm.fzjg" | 163 | v-model="ruleForm.fzjg" |
150 | maxlength="10" | 164 | maxlength="10" |
151 | :disabled="!showButton" | 165 | :disabled="!showButton"></el-input> |
152 | ></el-input> | ||
153 | </el-form-item> | 166 | </el-form-item> |
154 | </el-col> | 167 | </el-col> |
155 | <el-col :span="8"> | 168 | <el-col :span="8"> |
... | @@ -157,8 +170,7 @@ | ... | @@ -157,8 +170,7 @@ |
157 | <el-input | 170 | <el-input |
158 | v-model="ruleForm.dzyj" | 171 | v-model="ruleForm.dzyj" |
159 | :disabled="!showButton" | 172 | :disabled="!showButton" |
160 | maxlength="25" | 173 | maxlength="25"></el-input> |
161 | ></el-input> | ||
162 | </el-form-item> | 174 | </el-form-item> |
163 | </el-col> | 175 | </el-col> |
164 | <el-col :span="8"> | 176 | <el-col :span="8"> |
... | @@ -167,8 +179,7 @@ | ... | @@ -167,8 +179,7 @@ |
167 | v-model.number="ruleForm.yb" | 179 | v-model.number="ruleForm.yb" |
168 | :disabled="!showButton" | 180 | :disabled="!showButton" |
169 | maxlength="6" | 181 | maxlength="6" |
170 | oninput="value=value.replace(/[^\d]/g,'')" | 182 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
171 | ></el-input> | ||
172 | </el-form-item> | 183 | </el-form-item> |
173 | </el-col> | 184 | </el-col> |
174 | </el-row> | 185 | </el-row> |
... | @@ -179,8 +190,7 @@ | ... | @@ -179,8 +190,7 @@ |
179 | <el-input | 190 | <el-input |
180 | v-model="ruleForm.gzdw" | 191 | v-model="ruleForm.gzdw" |
181 | maxlength="32" | 192 | maxlength="32" |
182 | :disabled="!showButton" | 193 | :disabled="!showButton"></el-input> |
183 | ></el-input> | ||
184 | </el-form-item> | 194 | </el-form-item> |
185 | </el-col> | 195 | </el-col> |
186 | <el-col :span="16"> | 196 | <el-col :span="16"> |
... | @@ -188,8 +198,7 @@ | ... | @@ -188,8 +198,7 @@ |
188 | <el-input | 198 | <el-input |
189 | v-model="ruleForm.dlrjg" | 199 | v-model="ruleForm.dlrjg" |
190 | maxlength="32" | 200 | maxlength="32" |
191 | :disabled="!showButton" | 201 | :disabled="!showButton"></el-input> |
192 | ></el-input> | ||
193 | </el-form-item> | 202 | </el-form-item> |
194 | </el-col> | 203 | </el-col> |
195 | </el-row> | 204 | </el-row> |
... | @@ -201,8 +210,7 @@ | ... | @@ -201,8 +210,7 @@ |
201 | v-model="ruleForm.dlrdh" | 210 | v-model="ruleForm.dlrdh" |
202 | :disabled="!showButton" | 211 | :disabled="!showButton" |
203 | maxlength="11" | 212 | maxlength="11" |
204 | oninput="value=value.replace(/[^\d]/g,'')" | 213 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
205 | ></el-input> | ||
206 | </el-form-item> | 214 | </el-form-item> |
207 | </el-col> | 215 | </el-col> |
208 | <el-col :span="8"> | 216 | <el-col :span="8"> |
... | @@ -210,8 +218,7 @@ | ... | @@ -210,8 +218,7 @@ |
210 | <el-input | 218 | <el-input |
211 | v-model="ruleForm.dlrmc" | 219 | v-model="ruleForm.dlrmc" |
212 | maxlength="15" | 220 | maxlength="15" |
213 | :disabled="!showButton" | 221 | :disabled="!showButton"></el-input> |
214 | ></el-input> | ||
215 | </el-form-item> | 222 | </el-form-item> |
216 | </el-col> | 223 | </el-col> |
217 | <el-col :span="8"> | 224 | <el-col :span="8"> |
... | @@ -221,142 +228,233 @@ | ... | @@ -221,142 +228,233 @@ |
221 | v-model="ruleForm.dlrzjlx" | 228 | v-model="ruleForm.dlrzjlx" |
222 | :disabled="!showButton" | 229 | :disabled="!showButton" |
223 | class="width100" | 230 | class="width100" |
224 | placeholder="请选择" | 231 | placeholder="请选择"> |
225 | > | ||
226 | <el-option | 232 | <el-option |
227 | v-for="item in dictData['A30']" | 233 | v-for="item in dictData['A30']" |
228 | :key="item.dcode" | 234 | :key="item.dcode" |
229 | :label="item.dname" | 235 | :label="item.dname" |
230 | :value="item.dcode" | 236 | :value="item.dcode"> |
231 | > | ||
232 | </el-option> | 237 | </el-option> |
233 | </el-select> | 238 | </el-select> |
234 | </el-form-item> | 239 | </el-form-item> |
235 | </el-col> | 240 | </el-col> |
236 | </el-row> | 241 | </el-row> |
237 | <el-row> | 242 | <el-row> |
238 | <el-col :span="8"> | 243 | |
239 | <el-form-item label="性别" prop="xb"> | ||
240 | <el-select | ||
241 | clearable | ||
242 | v-model="ruleForm.xb" | ||
243 | :disabled="!showButton" | ||
244 | class="width100" | ||
245 | placeholder="请选择" | ||
246 | > | ||
247 | <el-option | ||
248 | v-for="item in dictData['A43']" | ||
249 | :key="item.dcode" | ||
250 | :label="item.dname" | ||
251 | :value="item.dcode" | ||
252 | > | ||
253 | </el-option> | ||
254 | </el-select> | ||
255 | </el-form-item> | ||
256 | </el-col> | ||
257 | <el-col :span="8"> | 244 | <el-col :span="8"> |
258 | <el-form-item label="代理人证件号" prop="dlrzjh"> | 245 | <el-form-item label="代理人证件号" prop="dlrzjh"> |
259 | <el-input | 246 | <el-input |
260 | v-model="ruleForm.dlrzjh" | 247 | v-model="ruleForm.dlrzjh" |
261 | :disabled="!showButton" | 248 | :disabled="!showButton" |
262 | maxlength="18" | 249 | maxlength="18" |
263 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 250 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
264 | ></el-input> | ||
265 | </el-form-item> | 251 | </el-form-item> |
266 | </el-col> | 252 | </el-col> |
267 | </el-row> | 253 | </el-row> |
268 | </el-form> | 254 | </el-form> |
255 | <div v-if="activeName==2"> | ||
256 | <el-form :model="queryForm"> | ||
257 | <el-row> | ||
258 | <el-col :span="8"> | ||
259 | <el-form-item label="证件号"> | ||
260 | <el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100"> | ||
261 | </el-input> | ||
262 | </el-form-item> | ||
263 | </el-col> | ||
264 | <el-col :span="8"> | ||
265 | <el-form-item label="姓名/名称"> | ||
266 | <el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100"> | ||
267 | </el-input> | ||
268 | </el-form-item> | ||
269 | </el-col> | ||
270 | <el-col :span="8" class="btnColRight"> | ||
271 | <el-form-item> | ||
272 | <el-button type="primary" @click="handleSearch">查询</el-button> | ||
273 | </el-form-item> | ||
274 | </el-col> | ||
275 | </el-row> | ||
276 | </el-form> | ||
277 | <lb-table | ||
278 | :page-size="pageData.pageSize" :heightNum="487" | ||
279 | :current-page.sync="pageData.currentPage" :total="tableDataGr.total" @size-change="handleSizeChange" | ||
280 | @p-current-change="handleCurrentChange" :column="tableDataGr.columns" | ||
281 | :data="tableDataGr.data"> | ||
282 | </lb-table> | ||
283 | </div> | ||
284 | |||
285 | <div v-if="activeName==3"> | ||
286 | <el-form :model="queryForm"> | ||
287 | <el-row> | ||
288 | <el-col :span="8"> | ||
289 | <el-form-item label="证件号"> | ||
290 | <el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100"> | ||
291 | </el-input> | ||
292 | </el-form-item> | ||
293 | </el-col> | ||
294 | <el-col :span="8"> | ||
295 | <el-form-item label="姓名/名称"> | ||
296 | <el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100"> | ||
297 | </el-input> | ||
298 | </el-form-item> | ||
299 | </el-col> | ||
300 | <el-col :span="8" class="btnColRight"> | ||
301 | <el-form-item> | ||
302 | <el-button type="primary" @click="handleSearch">查询</el-button> | ||
303 | </el-form-item> | ||
304 | </el-col> | ||
305 | </el-row> | ||
306 | </el-form> | ||
307 | <lb-table | ||
308 | :page-size="pageData.pageSize" :heightNum="487" | ||
309 | :current-page.sync="pageData.currentPage" :total="tableDataQy.total" @size-change="handleSizeChange" | ||
310 | @p-current-change="handleCurrentChange" :column="tableDataQy.columns" | ||
311 | :data="tableDataQy.data"> | ||
312 | </lb-table> | ||
313 | </div> | ||
314 | |||
269 | </dialogBox> | 315 | </dialogBox> |
270 | </template> | 316 | </template> |
271 | <script> | 317 | <script> |
272 | import { mapGetters } from "vuex"; | 318 | import { mapGetters } from "vuex"; |
273 | export default { | 319 | import table from "@/utils/mixin/table"; |
274 | props: { | 320 | import { getIdCardInfo } from '@/utils/operation.js' |
275 | value: { type: Boolean, default: false }, | 321 | import { dataGr, dataQy, sendThis } from "../../javascript/addQlrData"; |
276 | details: { type: Object, default: {} }, | 322 | export default { |
277 | showButton: { type: Boolean, default: false }, | 323 | mixins: [table], |
278 | }, | 324 | props: { |
279 | computed: { | 325 | value: { type: Boolean, default: false }, |
280 | ...mapGetters(["dictData"]), | 326 | details: { type: Object, default: {} }, |
281 | }, | 327 | showButton: { type: Boolean, default: false }, |
282 | data() { | ||
283 | return { | ||
284 | myValue: this.value, | ||
285 | ruleForm: { | ||
286 | sqrlx: "", | ||
287 | sqrmc: "", | ||
288 | zjzl: "", | ||
289 | zjh: "", | ||
290 | dh: "", | ||
291 | xb: "", | ||
292 | fs: "", | ||
293 | frmc: "", | ||
294 | gj: "", | ||
295 | hjszss: "", | ||
296 | txdz: "", | ||
297 | yb: "", | ||
298 | fzjg: "", | ||
299 | dzyj: "", | ||
300 | qlbl: "", | ||
301 | gzdw: "", | ||
302 | dlrjg: "", | ||
303 | dlrmc: "", | ||
304 | dlrzjlx: "", | ||
305 | dlrzjh: "", | ||
306 | dlrdh: "", | ||
307 | }, | ||
308 | rules: { | ||
309 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ||
310 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
311 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
312 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
313 | }, | ||
314 | }; | ||
315 | }, | ||
316 | watch: { | ||
317 | value(val) { | ||
318 | this.myValue = _.cloneDeep(val); | ||
319 | }, | 328 | }, |
320 | details: { | 329 | computed: { |
321 | handler: function (val, oldVal) { | 330 | ...mapGetters(["dictData"]), |
322 | this.ruleForm = val; | ||
323 | }, | ||
324 | deep: true, | ||
325 | }, | 331 | }, |
326 | }, | 332 | data () { |
327 | methods: { | 333 | return { |
328 | /** | 334 | activeName: '1', |
329 | * @description: closeDialog | 335 | myValue: this.value, |
330 | * @author: renchao | 336 | ruleForm: { |
331 | */ | 337 | sqrlx: "", |
332 | closeDialog() { | 338 | sqrmc: "", |
333 | this.$emit("input", false); | 339 | zjzl: "", |
334 | this.$refs["ruleForm"].resetFields(); | 340 | zjh: "", |
341 | dh: "", | ||
342 | xb: "", | ||
343 | fs: "", | ||
344 | frmc: "", | ||
345 | gj: "", | ||
346 | hjszss: "", | ||
347 | txdz: "", | ||
348 | yb: "", | ||
349 | fzjg: "", | ||
350 | dzyj: "", | ||
351 | qlbl: "", | ||
352 | gzdw: "", | ||
353 | dlrjg: "", | ||
354 | dlrmc: "", | ||
355 | dlrzjlx: "", | ||
356 | dlrzjh: "", | ||
357 | dlrdh: "", | ||
358 | }, | ||
359 | rules: { | ||
360 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ||
361 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
362 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
363 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
364 | }, | ||
365 | tableDataGr: { | ||
366 | total: 0, | ||
367 | columns: dataGr.columns(), | ||
368 | data: [], | ||
369 | }, | ||
370 | queryForm: { | ||
371 | zjh: "", | ||
372 | sqrmc: "" | ||
373 | }, | ||
374 | tableDataQy: { | ||
375 | total: 0, | ||
376 | columns: dataQy.columns(), | ||
377 | data: [], | ||
378 | }, | ||
379 | } | ||
335 | }, | 380 | }, |
336 | /** | 381 | mounted () { |
337 | * @description: submitForm | 382 | sendThis(this); |
338 | * @author: renchao | ||
339 | */ | ||
340 | submitForm() { | ||
341 | this.$refs.ruleForm.validate((valid) => { | ||
342 | if (valid) { | ||
343 | this.$emit("input", false); | ||
344 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
345 | this.$refs["ruleForm"].resetFields(); | ||
346 | } else { | ||
347 | return false; | ||
348 | } | ||
349 | }); | ||
350 | }, | 383 | }, |
351 | }, | 384 | watch: { |
352 | }; | 385 | value (val) { |
386 | this.myValue = _.cloneDeep(val) | ||
387 | }, | ||
388 | details: { | ||
389 | handler: function (val, oldVal) { | ||
390 | this.ruleForm = val; | ||
391 | }, | ||
392 | deep: true | ||
393 | } | ||
394 | }, | ||
395 | methods: { | ||
396 | handleClick (event, tab) { }, | ||
397 | handlesGrSelect () { }, | ||
398 | handleSearch () { }, | ||
399 | /** | ||
400 | * @description: 身份证打卡器 | ||
401 | * @param {*} row | ||
402 | * @author: renchao | ||
403 | */ | ||
404 | readClick () { | ||
405 | getIdCardInfo().then(res => { | ||
406 | if (res.data.code == 0) { | ||
407 | let data = res.data.IDCardInfo | ||
408 | this.ruleForm.sqrmc = data.name | ||
409 | this.ruleForm.zjzl = '1' | ||
410 | this.ruleForm.zjh = data.cardID | ||
411 | this.ruleForm.xb = data.sexCode | ||
412 | this.ruleForm.txdz = data.address | ||
413 | this.ruleForm.fzjg = data.issueOrgan | ||
414 | this.$message({ | ||
415 | message: '读取成功!', | ||
416 | type: 'success' | ||
417 | }) | ||
418 | } else { | ||
419 | this.$message({ | ||
420 | message: res.data.message, | ||
421 | type: 'warning' | ||
422 | }) | ||
423 | } | ||
424 | }) | ||
425 | }, | ||
426 | /** | ||
427 | * @description: closeDialog | ||
428 | * @author: renchao | ||
429 | */ | ||
430 | closeDialog () { | ||
431 | this.$emit("input", false); | ||
432 | this.$refs["ruleForm"].resetFields(); | ||
433 | }, | ||
434 | /** | ||
435 | * @description: submitForm | ||
436 | * @author: renchao | ||
437 | */ | ||
438 | submitForm () { | ||
439 | this.$refs.ruleForm.validate((valid) => { | ||
440 | if (valid) { | ||
441 | this.$emit("input", false); | ||
442 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
443 | this.$refs["ruleForm"].resetFields(); | ||
444 | } else { | ||
445 | return false; | ||
446 | } | ||
447 | }) | ||
448 | } | ||
449 | } | ||
450 | } | ||
353 | </script> | 451 | </script> |
354 | <style scoped lang="scss"> | 452 | <style scoped lang="scss"> |
355 | @import "~@/styles/dialogBoxheader.scss"; | 453 | @import "~@/styles/dialogBoxheader.scss"; |
356 | .submit-button { | 454 | .submit-button { |
357 | text-align: center; | 455 | text-align: center; |
358 | height: 52px; | 456 | height: 52px; |
359 | padding-top: 10px; | 457 | padding-top: 10px; |
360 | background-color: #fff; | 458 | background-color: #fff; |
361 | } | 459 | } |
362 | </style> | 460 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-30 10:36:11 | 4 | * @LastEditTime: 2023-08-30 17:33:06 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -22,17 +22,9 @@ | ... | @@ -22,17 +22,9 @@ |
22 | </el-select> | 22 | </el-select> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-form> | 24 | </el-form> |
25 | |||
26 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1"> | ||
27 | <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz" | ||
28 | v-for="(item, index) in headTabBdcqz" :key="index"> | ||
29 | </el-tab-pane> | ||
30 | </el-tabs> | ||
31 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> | ||
32 | |||
33 | <div class="zs-content"> | 25 | <div class="zs-content"> |
34 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> | 26 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqz.bdcqzlx==1" height="700"></canvas> |
35 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> | 27 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqz.bdcqzlx==2" height="780"></canvas> |
36 | </div> | 28 | </div> |
37 | </div> | 29 | </div> |
38 | <!-- 打印模板需要此模块 --> | 30 | <!-- 打印模板需要此模块 --> |
... | @@ -65,7 +57,6 @@ | ... | @@ -65,7 +57,6 @@ |
65 | return { | 57 | return { |
66 | key: 0, | 58 | key: 0, |
67 | // 不动产证书图片地址 | 59 | // 不动产证书图片地址 |
68 | noData: false, | ||
69 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), | 60 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), |
70 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), | 61 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), |
71 | loading: false, | 62 | loading: false, |
... | @@ -74,8 +65,6 @@ | ... | @@ -74,8 +65,6 @@ |
74 | ysxlh: [], | 65 | ysxlh: [], |
75 | //列名称对象 | 66 | //列名称对象 |
76 | columns: [], | 67 | columns: [], |
77 | //tab切换栏数组 | ||
78 | headTabBdcqz: [], | ||
79 | //tab选择绑定值 | 68 | //tab选择绑定值 |
80 | activeName: '', | 69 | activeName: '', |
81 | ruleForm: { | 70 | ruleForm: { |
... | @@ -92,11 +81,15 @@ | ... | @@ -92,11 +81,15 @@ |
92 | } | 81 | } |
93 | } | 82 | } |
94 | }, | 83 | }, |
95 | created () { | 84 | mounted () { |
96 | store.dispatch('user/refreshPage', false) | 85 | store.dispatch('user/refreshPage', false) |
97 | this.columns = datas.columns() | 86 | this.columns = datas.columns() |
98 | this.ysxlhList() | 87 | this.ysxlhList() |
99 | this.getHeadTabBdcqz() | 88 | if (this.formData.bdcqz.bdcqzlx == 1) { |
89 | this.drawTextOnImage() | ||
90 | } else { | ||
91 | this.drawTextzmImage() | ||
92 | } | ||
100 | }, | 93 | }, |
101 | methods: { | 94 | methods: { |
102 | /** | 95 | /** |
... | @@ -111,43 +104,6 @@ | ... | @@ -111,43 +104,6 @@ |
111 | }) | 104 | }) |
112 | }, | 105 | }, |
113 | /** | 106 | /** |
114 | * @description: 获取受理申请下全部不动产权证 | ||
115 | * @author: renchao | ||
116 | */ | ||
117 | getHeadTabBdcqz () { | ||
118 | this.loading = true | ||
119 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | ||
120 | if (res.code == 200) { | ||
121 | this.noData = true | ||
122 | if (res.result && res.result.length > 0) { | ||
123 | this.activeName = res.result[0].bsmBdcqz | ||
124 | this.bdcqz = res.result[0] | ||
125 | this.headTabBdcqz = res.result | ||
126 | if (res.result[0].bdcqzlx == 1) { | ||
127 | this.drawTextOnImage() | ||
128 | } else { | ||
129 | this.drawTextzmImage() | ||
130 | } | ||
131 | } | ||
132 | } | ||
133 | this.loading = false | ||
134 | }) | ||
135 | }, | ||
136 | /** | ||
137 | * @description: tab表头切换方法 | ||
138 | * @param {*} e | ||
139 | * @author: renchao | ||
140 | */ | ||
141 | handleClick (e) { | ||
142 | this.bdcqz = this.headTabBdcqz[e.index - 0] | ||
143 | this.activeName = this.headTabBdcqz.bsmBdcqz | ||
144 | if (this.bdcqz.bdcqzlx == 1) { | ||
145 | this.drawTextOnImage() | ||
146 | } else { | ||
147 | this.drawTextzmImage() | ||
148 | } | ||
149 | }, | ||
150 | /** | ||
151 | * @description: 不动产证书 | 107 | * @description: 不动产证书 |
152 | * @author: renchao | 108 | * @author: renchao |
153 | */ | 109 | */ |
... | @@ -172,25 +128,25 @@ | ... | @@ -172,25 +128,25 @@ |
172 | context.drawImage(image, 0, 0); | 128 | context.drawImage(image, 0, 0); |
173 | context.font = '16px 楷体'; | 129 | context.font = '16px 楷体'; |
174 | context.fillStyle = '#000000'; | 130 | context.fillStyle = '#000000'; |
175 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 131 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 60, 56); |
176 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 132 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 113, 56); |
177 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); | 133 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 180, 56); |
178 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); | 134 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 370, 56); |
179 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); | 135 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 129, 97); |
180 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); | 136 | context.fillText(this.formData.bdcqz.gyqk ? this.formData.bdcqz.gyqk : '', 129, 136); |
181 | 137 | ||
182 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 138 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
183 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 139 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
184 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); | 140 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); |
185 | 141 | ||
186 | 142 | ||
187 | 143 | ||
188 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); | 144 | context.fillText(this.formData.bdcqz.qllx ? this.formData.bdcqz.qllx : '', 129, 263); |
189 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); | 145 | context.fillText(this.formData.bdcqz.qlxz ? this.formData.bdcqz.qlxz : '', 129, 303); |
190 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); | 146 | context.fillText(this.formData.bdcqz.yt ? this.formData.bdcqz.yt : '', 129, 346); |
191 | // context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); | 147 | // context.fillText(this.formData.bdcqz.mj ? this.formData.bdcqz.mj : '', 129, 386); |
192 | let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : []; | 148 | let lines6 = this.formData.bdcqz.mj ? this.formData.bdcqz.mj.split(' ') : []; |
193 | if (getByteLen(this.bdcqz.mj) > 41) { | 149 | if (getByteLen(this.formData.bdcqz.mj) > 41) { |
194 | lines6.forEach((line, index) => { | 150 | lines6.forEach((line, index) => { |
195 | const y = 378 + (index * 27); // 每行文本的垂直位置 | 151 | const y = 378 + (index * 27); // 每行文本的垂直位置 |
196 | let currentLine = ''; | 152 | let currentLine = ''; |
... | @@ -233,7 +189,7 @@ | ... | @@ -233,7 +189,7 @@ |
233 | } | 189 | } |
234 | // 权利其他状态 | 190 | // 权利其他状态 |
235 | const maxWidth = 332; // 最大宽度限制 | 191 | const maxWidth = 332; // 最大宽度限制 |
236 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 192 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; |
237 | for (let i = 0; i < lines.length; i++) { | 193 | for (let i = 0; i < lines.length; i++) { |
238 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 194 | let num = Math.ceil(getByteLen(lines[i]) / 41) |
239 | if (getByteLen(lines[i]) > 41) { | 195 | if (getByteLen(lines[i]) > 41) { |
... | @@ -268,7 +224,7 @@ | ... | @@ -268,7 +224,7 @@ |
268 | } | 224 | } |
269 | } | 225 | } |
270 | 226 | ||
271 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 227 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; |
272 | lines1.forEach((line, index) => { | 228 | lines1.forEach((line, index) => { |
273 | const y = 100 + (index * 30); // 每行文本的垂直位置 | 229 | const y = 100 + (index * 30); // 每行文本的垂直位置 |
274 | let currentLine = ''; | 230 | let currentLine = ''; |
... | @@ -288,8 +244,8 @@ | ... | @@ -288,8 +244,8 @@ |
288 | context.fillText(line, 580, y + (index * 30)); // 调整行高 | 244 | context.fillText(line, 580, y + (index * 30)); // 调整行高 |
289 | }) | 245 | }) |
290 | }) | 246 | }) |
291 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; | 247 | let lines3 = this.formData.bdcqz.syqx ? this.formData.bdcqz.syqx.split(' ') : []; |
292 | if (getByteLen(this.bdcqz.syqx) > 41) { | 248 | if (getByteLen(this.formData.bdcqz.syqx) > 41) { |
293 | lines3.forEach((line, index) => { | 249 | lines3.forEach((line, index) => { |
294 | const y = 423 + (index * 27); // 每行文本的垂直位置 | 250 | const y = 423 + (index * 27); // 每行文本的垂直位置 |
295 | let currentLine = ''; | 251 | let currentLine = ''; |
... | @@ -331,8 +287,8 @@ | ... | @@ -331,8 +287,8 @@ |
331 | }) | 287 | }) |
332 | } | 288 | } |
333 | 289 | ||
334 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 290 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; |
335 | if (getByteLen(this.bdcqz.zl) > 41) { | 291 | if (getByteLen(this.formData.bdcqz.zl) > 41) { |
336 | lines2.forEach((line, index) => { | 292 | lines2.forEach((line, index) => { |
337 | const y = 170 + (index * 20); // 每行文本的垂直位置 | 293 | const y = 170 + (index * 20); // 每行文本的垂直位置 |
338 | let currentLine = ''; | 294 | let currentLine = ''; |
... | @@ -403,25 +359,25 @@ | ... | @@ -403,25 +359,25 @@ |
403 | context.font = '16px 楷体'; | 359 | context.font = '16px 楷体'; |
404 | context.fillStyle = '#000000'; | 360 | context.fillStyle = '#000000'; |
405 | // ysxlh | 361 | // ysxlh |
406 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | 362 | context.fillText(this.formData.bdcqz.ysxlh ? this.formData.bdcqz.ysxlh : '', 280, 712); |
407 | // djsj | 363 | // djsj |
408 | if (this.bdcqz.djsj) { | 364 | if (this.formData.bdcqz.djsj) { |
409 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') | 365 | let djsjList = this.formData.bdcqz.djsj.split(' ')[0].split('/') |
410 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | 366 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); |
411 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | 367 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); |
412 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | 368 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); |
413 | } | 369 | } |
414 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 370 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 620, 125); |
415 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 371 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 665, 125); |
416 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 372 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 750, 125); |
417 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); | 373 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 960, 123); |
418 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | 374 | context.fillText(this.formData.bdcqz.zmqlhsx ? this.formData.bdcqz.zmqlhsx : '', 775, 180); |
419 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | 375 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 775, 228); |
420 | // 义务人 | 376 | // 义务人 |
421 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | 377 | context.fillText(this.formData.bdcqz.ywr ? this.formData.bdcqz.ywr : '', 775, 275); |
422 | // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); | 378 | // context.fillText(this.formData.bdcqz.zl ? this.formData.bdcqz.zl : '', 775, 325); |
423 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 379 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; |
424 | if (getByteLen(this.bdcqz.zl) > 41) { | 380 | if (getByteLen(this.formData.bdcqz.zl) > 41) { |
425 | lines2.forEach((line, index) => { | 381 | lines2.forEach((line, index) => { |
426 | const y = 315 + (index * 20); // 每行文本的垂直位置 | 382 | const y = 315 + (index * 20); // 每行文本的垂直位置 |
427 | let currentLine = ''; | 383 | let currentLine = ''; |
... | @@ -463,12 +419,12 @@ | ... | @@ -463,12 +419,12 @@ |
463 | }) | 419 | }) |
464 | } | 420 | } |
465 | // bdcdyh | 421 | // bdcdyh |
466 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 422 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
467 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 423 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
468 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); | 424 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); |
469 | // qlqtzk | 425 | // qlqtzk |
470 | const maxWidth = 295; // 最大宽度限制 | 426 | const maxWidth = 295; // 最大宽度限制 |
471 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 427 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; |
472 | for (let i = 0; i < lines.length; i++) { | 428 | for (let i = 0; i < lines.length; i++) { |
473 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 429 | let num = Math.ceil(getByteLen(lines[i]) / 41) |
474 | if (getByteLen(lines[i]) > 41) { | 430 | if (getByteLen(lines[i]) > 41) { |
... | @@ -503,7 +459,7 @@ | ... | @@ -503,7 +459,7 @@ |
503 | } | 459 | } |
504 | } | 460 | } |
505 | // fj | 461 | // fj |
506 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 462 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; |
507 | for (let i = 0; i < lines1.length; i++) { | 463 | for (let i = 0; i < lines1.length; i++) { |
508 | let num = Math.ceil(getByteLen(lines1[i]) / 41) | 464 | let num = Math.ceil(getByteLen(lines1[i]) / 41) |
509 | if (getByteLen(lines1[i]) > 41) { | 465 | if (getByteLen(lines1[i]) > 41) { |
... | @@ -560,18 +516,18 @@ | ... | @@ -560,18 +516,18 @@ |
560 | certificate(this.ruleForm).then((res) => { | 516 | certificate(this.ruleForm).then((res) => { |
561 | if (res.code === 200) { | 517 | if (res.code === 200) { |
562 | that.$popupCacel() | 518 | that.$popupCacel() |
563 | if (this.bdcqz.bdcqzlx == 1) { | 519 | if (this.formData.bdcqz.bdcqzlx == 1) { |
564 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { | 520 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { |
565 | if (res.code == 200) { | 521 | if (res.code == 200) { |
566 | //打开模板设计 | 522 | //打开模板设计 |
567 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 523 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
568 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 524 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 |
569 | 525 | ||
570 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 526 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
571 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 527 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
572 | //todo 调取后端接口获取数据 循环set | 528 | //todo 调取后端接口获取数据 循环set |
573 | for (let key in this.bdcqz) { | 529 | for (let key in this.formData.bdcqz) { |
574 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | 530 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); |
575 | } | 531 | } |
576 | LODOP.PREVIEW(); | 532 | LODOP.PREVIEW(); |
577 | that.$popupCacel() | 533 | that.$popupCacel() |
... | @@ -587,14 +543,14 @@ | ... | @@ -587,14 +543,14 @@ |
587 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 543 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 |
588 | 544 | ||
589 | // 年月日 | 545 | // 年月日 |
590 | this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0] | 546 | this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0] |
591 | this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1] | 547 | this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] |
592 | this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1] | 548 | this.formData.bdcqz.ri = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] |
593 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 549 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
594 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 550 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
595 | //todo 调取后端接口获取数据 循环set | 551 | //todo 调取后端接口获取数据 循环set |
596 | for (let key in this.bdcqz) { | 552 | for (let key in this.formData.bdcqz) { |
597 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | 553 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); |
598 | } | 554 | } |
599 | LODOP.PREVIEW(); | 555 | LODOP.PREVIEW(); |
600 | that.$popupCacel() | 556 | that.$popupCacel() | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-30 10:33:52 | 4 | * @LastEditTime: 2023-08-31 09:48:52 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
... | @@ -13,8 +13,8 @@ | ... | @@ -13,8 +13,8 @@ |
13 | </el-tabs> | 13 | </el-tabs> |
14 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> | 14 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> |
15 | <div style="width:1180px;"> | 15 | <div style="width:1180px;"> |
16 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> | 16 | <canvas ref="zs" width="1000" v-show="this.bdcqz.bdcqzlx==1" height="700"></canvas> |
17 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> | 17 | <canvas ref="zm" width="1180" v-show="this.bdcqz.bdcqzlx==2" height="780"></canvas> |
18 | </div> | 18 | </div> |
19 | </div> | 19 | </div> |
20 | </template> | 20 | </template> |
... | @@ -90,10 +90,14 @@ | ... | @@ -90,10 +90,14 @@ |
90 | if (res.code == 200) { | 90 | if (res.code == 200) { |
91 | this.noData = true | 91 | this.noData = true |
92 | if (res.result && res.result.length > 0) { | 92 | if (res.result && res.result.length > 0) { |
93 | this.activeName = res.result[0].bsmBdcqz | ||
94 | this.bdcqz = res.result[0] | 93 | this.bdcqz = res.result[0] |
95 | this.headTabBdcqz = res.result | 94 | this.headTabBdcqz = res.result |
96 | if (res.result[0].bdcqzlx == 1) { | 95 | if (this.formData.bsmBdcqz) { |
96 | this.activeName = this.formData.bsmBdcqz | ||
97 | } else { | ||
98 | this.activeName = res.result[0].bsmBdcqz | ||
99 | } | ||
100 | if (this.bdcqz.bdcqzlx == 1) { | ||
97 | this.drawTextOnImage() | 101 | this.drawTextOnImage() |
98 | } else { | 102 | } else { |
99 | this.drawTextzmImage() | 103 | this.drawTextzmImage() |
... | @@ -108,9 +112,8 @@ | ... | @@ -108,9 +112,8 @@ |
108 | * @param {*} e | 112 | * @param {*} e |
109 | * @author: renchao | 113 | * @author: renchao |
110 | */ | 114 | */ |
111 | handleClick (e) { | 115 | handleClick (tab, event) { |
112 | this.bdcqz = this.headTabBdcqz[e.index - 0] | 116 | this.bdcqz = this.headTabBdcqz[tab.index] |
113 | this.activeName = this.headTabBdcqz.bsmBdcqz | ||
114 | if (this.bdcqz.bdcqzlx == 1) { | 117 | if (this.bdcqz.bdcqzlx == 1) { |
115 | this.drawTextOnImage() | 118 | this.drawTextOnImage() |
116 | } else { | 119 | } else { |
... | @@ -461,19 +464,20 @@ | ... | @@ -461,19 +464,20 @@ |
461 | arr.push(currentLine); | 464 | arr.push(currentLine); |
462 | if (i > 0) { | 465 | if (i > 0) { |
463 | arr.forEach((line, index) => { | 466 | arr.forEach((line, index) => { |
464 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 18)); // 调整行高 | 467 | context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 |
465 | }) | 468 | }) |
466 | } else { | 469 | } else { |
467 | arr.forEach((line, index) => { | 470 | arr.forEach((line, index) => { |
468 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 18)); // 调整行高 | 471 | context.fillText(line, 770, 435 + (23 * (i - 1)) + (index * 14)); // 调整行高 |
469 | }) | 472 | }) |
470 | } | 473 | } |
471 | } else { | 474 | } else { |
472 | if (i > 0) { | 475 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1))); |
473 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1))); | 476 | // if (i > 0) { |
474 | } else { | 477 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1))); |
475 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1))); | 478 | // } else { |
476 | } | 479 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1))); |
480 | // } | ||
477 | } | 481 | } |
478 | } | 482 | } |
479 | // fj | 483 | // fj | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-28 08:44:31 | 4 | * @LastEditTime: 2023-08-30 13:59:09 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -21,10 +21,11 @@ | ... | @@ -21,10 +21,11 @@ |
21 | <div class="menu-con"> | 21 | <div class="menu-con"> |
22 | <p>{{ item.bdcdyh }}</p> | 22 | <p>{{ item.bdcdyh }}</p> |
23 | <el-tooltip effect="dark" :content="item.zl" placement="top"> | 23 | <el-tooltip effect="dark" :content="item.zl" placement="top"> |
24 | <p class="title-detail">{{ item.zl }}</p> | 24 | <p v-if="item.sqfl=='1'" class="title-detail">{{ item.zl }}</p> |
25 | <p v-else class="title-detail">{{ item.qllxmc }}</p> | ||
25 | </el-tooltip> | 26 | </el-tooltip> |
26 | </div> | 27 | </div> |
27 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> | 28 | <i class="el-icon-delete" v-if="unitData.length > 1 && item.sqfl=='1'" @click.stop="handleDel(item)"></i> |
28 | </el-menu-item> | 29 | </el-menu-item> |
29 | </el-menu> | 30 | </el-menu> |
30 | </div> | 31 | </div> |
... | @@ -194,7 +195,6 @@ | ... | @@ -194,7 +195,6 @@ |
194 | }); | 195 | }); |
195 | }); | 196 | }); |
196 | }, | 197 | }, |
197 | //批量按钮点击事件 | ||
198 | /** | 198 | /** |
199 | * @description: 批量按钮点击事件 | 199 | * @description: 批量按钮点击事件 |
200 | * @author: renchao | 200 | * @author: renchao |
... | @@ -203,9 +203,7 @@ | ... | @@ -203,9 +203,7 @@ |
203 | this.currentSelectProps.batchOperation = true; | 203 | this.currentSelectProps.batchOperation = true; |
204 | this.activeIndex = "-1"; | 204 | this.activeIndex = "-1"; |
205 | this.$parent.stepForm(0); | 205 | this.$parent.stepForm(0); |
206 | |||
207 | }, | 206 | }, |
208 | //批量操作 | ||
209 | /** | 207 | /** |
210 | * @description: 批量操作 | 208 | * @description: 批量操作 |
211 | * @author: renchao | 209 | * @author: renchao |
... | @@ -216,7 +214,6 @@ | ... | @@ -216,7 +214,6 @@ |
216 | dataList: this.unitData, | 214 | dataList: this.unitData, |
217 | }, '50%', true) | 215 | }, '50%', true) |
218 | }, | 216 | }, |
219 | //申请单元点击事件 | ||
220 | /** | 217 | /** |
221 | * @description: 申请单元点击事件 | 218 | * @description: 申请单元点击事件 |
222 | * @param {*} index | 219 | * @param {*} index | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-25 09:53:27 | 4 | * @LastEditTime: 2023-09-01 08:21:18 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -124,12 +124,12 @@ | ... | @@ -124,12 +124,12 @@ |
124 | let that = this | 124 | let that = this |
125 | this.$nextTick(() => { | 125 | this.$nextTick(() => { |
126 | if (val.length == 0 || !val) { | 126 | if (val.length == 0 || !val) { |
127 | that.tableDataList = _.cloneDeep([{ | 127 | // that.tableDataList = _.cloneDeep([{ |
128 | sqrmc: '', | 128 | // sqrmc: '', |
129 | dlrzjlx: '', | 129 | // dlrzjlx: '', |
130 | dlrzjh: '', | 130 | // dlrzjh: '', |
131 | fr: '' | 131 | // fr: '' |
132 | }]) | 132 | // }]) |
133 | } else { | 133 | } else { |
134 | that.tableDataList = _.cloneDeep(val) | 134 | that.tableDataList = _.cloneDeep(val) |
135 | } | 135 | } |
... | @@ -164,7 +164,7 @@ | ... | @@ -164,7 +164,7 @@ |
164 | * @param {*} value | 164 | * @param {*} value |
165 | * @author: renchao | 165 | * @author: renchao |
166 | */ | 166 | */ |
167 | handleupdateDetail (value) { | 167 | handleupdateDetail (value) { |
168 | let arr = this.tableData.map(item => item.zjh) | 168 | let arr = this.tableData.map(item => item.zjh) |
169 | if (this.isaddupdate) { | 169 | if (this.isaddupdate) { |
170 | if (!arr.includes(value.zjh)) { | 170 | if (!arr.includes(value.zjh)) { |
... | @@ -174,7 +174,7 @@ | ... | @@ -174,7 +174,7 @@ |
174 | this.$message.error('证件号不能重复'); | 174 | this.$message.error('证件号不能重复'); |
175 | } | 175 | } |
176 | } else { | 176 | } else { |
177 | if (!arr.includes(value.zjh)||this.tableData[this.dataIndex].zjh==value.zjh) { | 177 | if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) { |
178 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | 178 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); |
179 | this.$emit('upDateQlrxxList', this.tableDataList) | 179 | this.$emit('upDateQlrxxList', this.tableDataList) |
180 | } else { | 180 | } else { |
... | @@ -205,9 +205,8 @@ | ... | @@ -205,9 +205,8 @@ |
205 | * @author: renchao | 205 | * @author: renchao |
206 | */ | 206 | */ |
207 | deleClick (index, row) { | 207 | deleClick (index, row) { |
208 | this.tableData.splice(index, 1) | 208 | this.tableData.splice(index, 1) |
209 | }, | 209 | }, |
210 | |||
211 | /** | 210 | /** |
212 | * @description: 身份证读取 | 211 | * @description: 身份证读取 |
213 | * @param {*} row | 212 | * @param {*} row |
... | @@ -244,7 +243,7 @@ | ... | @@ -244,7 +243,7 @@ |
244 | */ | 243 | */ |
245 | editClick (index, row) { | 244 | editClick (index, row) { |
246 | this.details = row | 245 | this.details = row |
247 | this.details.gyfs=this.gyfs | 246 | this.details.gyfs = this.gyfs |
248 | this.dataIndex = index | 247 | this.dataIndex = index |
249 | this.dialog = true | 248 | this.dialog = true |
250 | 249 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-29 10:03:25 | 4 | * @LastEditTime: 2023-08-31 09:36:04 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="szxx"> | 7 | <div class="szxx"> |
... | @@ -109,7 +109,6 @@ | ... | @@ -109,7 +109,6 @@ |
109 | this.viewEdit = this.$parent.currentSelectTab.ableOperation | 109 | this.viewEdit = this.$parent.currentSelectTab.ableOperation |
110 | }, | 110 | }, |
111 | methods: { | 111 | methods: { |
112 | //初始化列表 | ||
113 | /** | 112 | /** |
114 | * @description: 初始化列表 | 113 | * @description: 初始化列表 |
115 | * @author: renchao | 114 | * @author: renchao |
... | @@ -125,7 +124,6 @@ | ... | @@ -125,7 +124,6 @@ |
125 | } | 124 | } |
126 | }); | 125 | }); |
127 | }, | 126 | }, |
128 | //打开证书预览弹窗 | ||
129 | /** | 127 | /** |
130 | * @description: 打开证书预览弹窗 | 128 | * @description: 打开证书预览弹窗 |
131 | * @param {*} item | 129 | * @param {*} item |
... | @@ -134,20 +132,21 @@ | ... | @@ -134,20 +132,21 @@ |
134 | */ | 132 | */ |
135 | openZsylDialog (item, type) { | 133 | openZsylDialog (item, type) { |
136 | store.dispatch('user/reWorkFresh', false) | 134 | store.dispatch('user/reWorkFresh', false) |
135 | |||
137 | if (type == 1) { | 136 | if (type == 1) { |
138 | //证书预览 | 137 | //证书证明预览 |
139 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 138 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
140 | } else { | 139 | } else { |
141 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 140 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
142 | } | 141 | } |
143 | }, | 142 | }, |
144 | //再次打印 | ||
145 | /** | 143 | /** |
146 | * @description: 再次打印 | 144 | * @description: 再次打印 |
147 | * @param {*} item | 145 | * @param {*} item |
148 | * @author: renchao | 146 | * @author: renchao |
149 | */ | 147 | */ |
150 | openInvalidDiglog (item) { | 148 | openInvalidDiglog (item) { |
149 | this.bdcqz = item | ||
151 | this.ysxlh = item.ysxlh | 150 | this.ysxlh = item.ysxlh |
152 | this.bsmSz = item.bsmSz; | 151 | this.bsmSz = item.bsmSz; |
153 | this.invalidDiglog = true; | 152 | this.invalidDiglog = true; |
... | @@ -162,7 +161,6 @@ | ... | @@ -162,7 +161,6 @@ |
162 | this.bsmSz = ""; | 161 | this.bsmSz = ""; |
163 | this.zfyy = ""; | 162 | this.zfyy = ""; |
164 | }, | 163 | }, |
165 | //作废缮证信息 | ||
166 | /** | 164 | /** |
167 | * @description: 作废缮证信息 | 165 | * @description: 作废缮证信息 |
168 | * @author: renchao | 166 | * @author: renchao |
... | @@ -178,7 +176,7 @@ | ... | @@ -178,7 +176,7 @@ |
178 | } else { | 176 | } else { |
179 | this.$message.error(res.message); | 177 | this.$message.error(res.message); |
180 | } | 178 | } |
181 | }); | 179 | }) |
182 | }, | 180 | }, |
183 | /** | 181 | /** |
184 | * @description: openRecordPop | 182 | * @description: openRecordPop | ... | ... |
src/views/workflow/javascript/addQlrData.js
0 → 100644
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-08-29 13:09:45 | ||
5 | */ | ||
6 | import filter from '@/utils/filter.js' | ||
7 | let vm = null | ||
8 | |||
9 | const sendThis = (_this) => { | ||
10 | vm = _this | ||
11 | } | ||
12 | class data1 extends filter { | ||
13 | constructor() { | ||
14 | super() | ||
15 | } | ||
16 | columns () { | ||
17 | return [ | ||
18 | { | ||
19 | label: '序号', | ||
20 | type: 'index', | ||
21 | width: '50', | ||
22 | render: (h, scope) => { | ||
23 | return ( | ||
24 | <div> | ||
25 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
26 | </div> | ||
27 | ) | ||
28 | } | ||
29 | }, | ||
30 | { | ||
31 | prop: "sqrmc", | ||
32 | label: "姓名/名称", | ||
33 | }, | ||
34 | { | ||
35 | prop: "zjzl", | ||
36 | label: "证件种类", | ||
37 | render: (h, scope) => { | ||
38 | return ( | ||
39 | <el-select | ||
40 | class="width100" | ||
41 | clearable | ||
42 | value={scope.row[scope.column.property]} | ||
43 | onChange={(val) => { | ||
44 | scope.row[scope.column.property] = val; | ||
45 | }} | ||
46 | > | ||
47 | {vm.dictData["A30"].map((option) => { | ||
48 | return ( | ||
49 | <el-option | ||
50 | label={option.dname} | ||
51 | value={option.dcode} | ||
52 | ></el-option> | ||
53 | ); | ||
54 | })} | ||
55 | </el-select> | ||
56 | ); | ||
57 | }, | ||
58 | }, | ||
59 | { | ||
60 | prop: "zjh", | ||
61 | label: "证件号", | ||
62 | }, | ||
63 | { | ||
64 | prop: "frmc", | ||
65 | label: "法人名称", | ||
66 | }, | ||
67 | { | ||
68 | prop: "txdz", | ||
69 | label: "地址", | ||
70 | }, | ||
71 | { | ||
72 | prop: "dh", | ||
73 | label: "联系电话", | ||
74 | }, | ||
75 | { | ||
76 | label: '操作', | ||
77 | width: '80', | ||
78 | align: 'center', | ||
79 | fixed: 'right', | ||
80 | render: (h, scope) => { | ||
81 | return ( | ||
82 | <div> | ||
83 | <el-button type="text" onClick={() => { this.handlesGrSelect(scope.row) }}>使用</el-button> | ||
84 | </div> | ||
85 | ) | ||
86 | } | ||
87 | }, | ||
88 | ] | ||
89 | } | ||
90 | |||
91 | } | ||
92 | class data2 extends filter { | ||
93 | constructor() { | ||
94 | super() | ||
95 | } | ||
96 | |||
97 | columns () { | ||
98 | return [ | ||
99 | { | ||
100 | label: '序号', | ||
101 | type: 'index', | ||
102 | width: '50', | ||
103 | render: (h, scope) => { | ||
104 | return ( | ||
105 | <div> | ||
106 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
107 | </div> | ||
108 | ) | ||
109 | } | ||
110 | }, | ||
111 | { | ||
112 | prop: "sqrmc", | ||
113 | label: "姓名/名称", | ||
114 | }, | ||
115 | { | ||
116 | prop: "zjzl", | ||
117 | label: "证件种类", | ||
118 | render: (h, scope) => { | ||
119 | return ( | ||
120 | <el-select | ||
121 | class="width100" | ||
122 | clearable | ||
123 | value={scope.row[scope.column.property]} | ||
124 | onChange={(val) => { | ||
125 | scope.row[scope.column.property] = val; | ||
126 | }} | ||
127 | > | ||
128 | {vm.dictData["A30"].map((option) => { | ||
129 | return ( | ||
130 | <el-option | ||
131 | label={option.dname} | ||
132 | value={option.dcode} | ||
133 | ></el-option> | ||
134 | ); | ||
135 | })} | ||
136 | </el-select> | ||
137 | ); | ||
138 | }, | ||
139 | }, | ||
140 | { | ||
141 | prop: "zjh", | ||
142 | label: "证件号", | ||
143 | }, | ||
144 | { | ||
145 | prop: "frmc", | ||
146 | label: "法人名称", | ||
147 | }, | ||
148 | { | ||
149 | prop: "txdz", | ||
150 | label: "地址", | ||
151 | }, | ||
152 | { | ||
153 | prop: "dh", | ||
154 | label: "联系电话", | ||
155 | }, | ||
156 | { | ||
157 | label: '操作', | ||
158 | width: '80', | ||
159 | align: 'center', | ||
160 | fixed: 'right', | ||
161 | render: (h, scope) => { | ||
162 | return ( | ||
163 | <div> | ||
164 | <el-button type="text" onClick={() => { this.handlesGrSelect(scope.row) }}>使用</el-button> | ||
165 | </div> | ||
166 | ) | ||
167 | } | ||
168 | }, | ||
169 | ] | ||
170 | } | ||
171 | |||
172 | } | ||
173 | let dataGr = new data1() | ||
174 | let dataQy = new data2() | ||
175 | export { | ||
176 | dataGr, | ||
177 | dataQy, | ||
178 | sendThis | ||
179 | } |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-16 08:59:32 | 4 | * @LastEditTime: 2023-08-31 09:35:49 |
5 | */ | 5 | */ |
6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
7 | import { uploadUndo } from "@/api/clxx"; | 7 | import { uploadUndo } from "@/api/clxx"; |
... | @@ -14,9 +14,9 @@ import { | ... | @@ -14,9 +14,9 @@ import { |
14 | getWorkFlowImage, | 14 | getWorkFlowImage, |
15 | getPrintApplicationInfo, | 15 | getPrintApplicationInfo, |
16 | deleteFlow, | 16 | deleteFlow, |
17 | unClaimTask | 17 | unClaimTask, |
18 | getZdInfo | ||
18 | } from "@/api/workFlow.js"; | 19 | } from "@/api/workFlow.js"; |
19 | import { mapGetters } from 'vuex' | ||
20 | import { getZrzbsmList } from "@/api/search.js"; | 20 | import { getZrzbsmList } from "@/api/search.js"; |
21 | import { ywPopupDialog } from "@/utils/popup.js"; | 21 | import { ywPopupDialog } from "@/utils/popup.js"; |
22 | export default { | 22 | export default { |
... | @@ -43,7 +43,6 @@ export default { | ... | @@ -43,7 +43,6 @@ export default { |
43 | this.flowInitParam(); | 43 | this.flowInitParam(); |
44 | }, | 44 | }, |
45 | methods: { | 45 | methods: { |
46 | //加载流程初始参数 | ||
47 | /** | 46 | /** |
48 | * @description: 加载流程初始参数 | 47 | * @description: 加载流程初始参数 |
49 | * @author: renchao | 48 | * @author: renchao |
... | @@ -123,7 +122,7 @@ export default { | ... | @@ -123,7 +122,7 @@ export default { |
123 | this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true) | 122 | this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true) |
124 | break; | 123 | break; |
125 | case "B5": | 124 | case "B5": |
126 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { | 125 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { |
127 | bsmSlsq: this.bsmSlsq, | 126 | bsmSlsq: this.bsmSlsq, |
128 | entryType: '1' | 127 | entryType: '1' |
129 | }, '1210px', true) | 128 | }, '1210px', true) |
... | @@ -174,7 +173,10 @@ export default { | ... | @@ -174,7 +173,10 @@ export default { |
174 | break; | 173 | break; |
175 | // 图形定位 | 174 | // 图形定位 |
176 | case "B-TXDW": | 175 | case "B-TXDW": |
177 | this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true) | 176 | getZdInfo(this.currentSelectProps.bdcdyid).then(res => { |
177 | this.bsmZd = res?.result[0]?.bsmZd | ||
178 | this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true) | ||
179 | }) | ||
178 | break; | 180 | break; |
179 | case "back": //退回按钮 | 181 | case "back": //退回按钮 |
180 | this.$popupDialog("退回", "workflow/components/th", { | 182 | this.$popupDialog("退回", "workflow/components/th", { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-09 14:54:20 | 4 | * @LastEditTime: 2023-08-30 14:14:55 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -132,11 +132,7 @@ | ... | @@ -132,11 +132,7 @@ |
132 | * @author: renchao | 132 | * @author: renchao |
133 | */ | 133 | */ |
134 | getCurrentSelectProps (val) { | 134 | getCurrentSelectProps (val) { |
135 | console.log(val, 'valvalvalval'); | ||
136 | this.currentSelectProps = val | 135 | this.currentSelectProps = val |
137 | getZdInfo(val.bdcdyid).then(res => { | ||
138 | this.bsmZd = res?.result[0]?.bsmZd | ||
139 | }) | ||
140 | }, | 136 | }, |
141 | /** | 137 | /** |
142 | * @description: beforeunloadHandler | 138 | * @description: beforeunloadHandler |
... | @@ -158,7 +154,6 @@ | ... | @@ -158,7 +154,6 @@ |
158 | unClaimTask(this.bsmSlsq, this.bestepid); | 154 | unClaimTask(this.bsmSlsq, this.bestepid); |
159 | } | 155 | } |
160 | }, | 156 | }, |
161 | //申请单元点击事件 | ||
162 | /** | 157 | /** |
163 | * @description: 申请单元点击事件 | 158 | * @description: 申请单元点击事件 |
164 | * @param {*} index | 159 | * @param {*} index |
... | @@ -167,7 +162,7 @@ | ... | @@ -167,7 +162,7 @@ |
167 | stepForm (index) { | 162 | stepForm (index) { |
168 | getStepFormInfo(this.currentSelectProps).then((res) => { | 163 | getStepFormInfo(this.currentSelectProps).then((res) => { |
169 | if (res.code === 200) { | 164 | if (res.code === 200) { |
170 | this.fresh++; | 165 | // this.fresh++; |
171 | //获取单元对应的所有表单信息 | 166 | //获取单元对应的所有表单信息 |
172 | this.tabList = res.result; | 167 | this.tabList = res.result; |
173 | //默认加载第一个表单信息 | 168 | //默认加载第一个表单信息 | ... | ... |
src/views/xxba/qyxxba/data.js
0 → 100644
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-01 10:17:27 | ||
5 | */ | ||
6 | import filter from '@/utils/filter.js' | ||
7 | let vm = null | ||
8 | |||
9 | const sendThis = (_this) => { | ||
10 | vm = _this | ||
11 | } | ||
12 | class data extends filter { | ||
13 | constructor() { | ||
14 | super() | ||
15 | } | ||
16 | columns () { | ||
17 | return [ | ||
18 | { | ||
19 | label: '序号', | ||
20 | type: 'index', | ||
21 | width: '50', | ||
22 | render: (h, scope) => { | ||
23 | return ( | ||
24 | <div> | ||
25 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
26 | </div> | ||
27 | ) | ||
28 | } | ||
29 | }, | ||
30 | { | ||
31 | prop: "sqrmc", | ||
32 | label: "姓名/名称", | ||
33 | }, | ||
34 | { | ||
35 | prop: "zjzl", | ||
36 | label: "证件种类", | ||
37 | render: (h, scope) => { | ||
38 | return ( | ||
39 | <el-select | ||
40 | class="width100" | ||
41 | clearable | ||
42 | value={scope.row[scope.column.property]} | ||
43 | onChange={(val) => { | ||
44 | scope.row[scope.column.property] = val; | ||
45 | }} | ||
46 | > | ||
47 | {vm.dictData["A30"].map((option) => { | ||
48 | return ( | ||
49 | <el-option | ||
50 | label={option.dname} | ||
51 | value={option.dcode} | ||
52 | ></el-option> | ||
53 | ); | ||
54 | })} | ||
55 | </el-select> | ||
56 | ); | ||
57 | }, | ||
58 | }, | ||
59 | { | ||
60 | prop: "zjh", | ||
61 | label: "证件号", | ||
62 | }, | ||
63 | { | ||
64 | prop: "frmc", | ||
65 | label: "法人名称", | ||
66 | }, | ||
67 | { | ||
68 | prop: "txdz", | ||
69 | label: "地址", | ||
70 | }, | ||
71 | { | ||
72 | prop: "dh", | ||
73 | label: "联系电话", | ||
74 | }, | ||
75 | { | ||
76 | label: '操作', | ||
77 | width: '80', | ||
78 | align: 'center', | ||
79 | render: (h, scope) => { | ||
80 | return ( | ||
81 | <div> | ||
82 | <el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button> | ||
83 | </div> | ||
84 | ) | ||
85 | } | ||
86 | } | ||
87 | ] | ||
88 | } | ||
89 | } | ||
90 | let datas = new data() | ||
91 | export { | ||
92 | datas, | ||
93 | sendThis | ||
94 | } |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-25 08:59:16 | 4 | * @LastEditTime: 2023-09-01 10:17:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class='qyxxba'> <el-empty description="正在开发"></el-empty></div> | 7 | <div class="from-clues"> |
8 | <!-- 表单部分 --> | ||
9 | <div class="from-clues-header"> | ||
10 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px"> | ||
11 | <el-row> | ||
12 | <el-col :span="5"> | ||
13 | <el-form-item label="姓名/名称"> | ||
14 | <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100"> | ||
15 | </el-input> | ||
16 | </el-form-item> | ||
17 | </el-col> | ||
18 | <el-col :span="5"> | ||
19 | <el-form-item label="证件号"> | ||
20 | <el-input placeholder="证件号" v-model="queryForm.zjh" clearable class="width100"> | ||
21 | </el-input> | ||
22 | </el-form-item> | ||
23 | </el-col> | ||
24 | <el-col :span="14" class="btnColRight"> | ||
25 | <el-form-item> | ||
26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | </el-row> | ||
30 | </el-form> | ||
31 | </div> | ||
32 | <div class="from-clues-content"> | ||
33 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" | ||
34 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | ||
35 | :column="tableData.columns" :data="tableData.data"> | ||
36 | </lb-table> | ||
37 | </div> | ||
38 | </div> | ||
8 | </template> | 39 | </template> |
9 | <script> | 40 | <script> |
10 | 41 | import table from "@/utils/mixin/table" | |
42 | import { datas, sendThis } from "./data" | ||
11 | export default { | 43 | export default { |
44 | name: "cwrz", | ||
12 | components: {}, | 45 | components: {}, |
46 | mixins: [table], | ||
47 | mounted () { | ||
48 | sendThis(this); | ||
49 | }, | ||
50 | computed: { | ||
51 | }, | ||
13 | data () { | 52 | data () { |
14 | return { | 53 | return { |
15 | } | 54 | queryForm: { |
55 | sqrmc: "", | ||
56 | zjh: "", | ||
57 | }, | ||
58 | pageData: { | ||
59 | current: 1, | ||
60 | size: 10, | ||
61 | }, | ||
62 | tableData: { | ||
63 | total: 0, | ||
64 | columns: datas.columns(), | ||
65 | data: [], | ||
66 | }, | ||
67 | }; | ||
68 | }, | ||
69 | methods: { | ||
70 | /** | ||
71 | * @description: queryClick | ||
72 | * @author: renchao | ||
73 | */ | ||
74 | queryClick () { | ||
75 | }, | ||
76 | handleSearch () { }, | ||
77 | handleDelete () { } | ||
16 | } | 78 | } |
17 | } | 79 | } |
18 | </script> | 80 | </script> |
19 | <style scoped lang='scss'> | ||
20 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
81 | <style scoped lang="scss"> | ||
82 | @import "~@/styles/public.scss"; | ||
83 | </style> | ||
84 | ... | ... |
... | @@ -2,13 +2,9 @@ | ... | @@ -2,13 +2,9 @@ |
2 | /* | 2 | /* |
3 | * @Description: | 3 | * @Description: |
4 | * @Autor: renchao | 4 | * @Autor: renchao |
5 | * @LastEditTime: 2023-08-02 14:08:27 | 5 | * @LastEditTime: 2023-08-30 13:51:05 |
6 | */ | 6 | */ |
7 | export default { | 7 | export default { |
8 | data () { | ||
9 | return { | ||
10 | } | ||
11 | }, | ||
12 | watch: { | 8 | watch: { |
13 | 'ruleForm.sldy.gyfs': { | 9 | 'ruleForm.sldy.gyfs': { |
14 | handler: function (val, oldVal) { | 10 | handler: function (val, oldVal) { |
... | @@ -22,5 +18,5 @@ export default { | ... | @@ -22,5 +18,5 @@ export default { |
22 | }, | 18 | }, |
23 | immediate: true | 19 | immediate: true |
24 | } | 20 | } |
25 | }, | 21 | } |
26 | } | 22 | } | ... | ... |
... | @@ -118,7 +118,7 @@ | ... | @@ -118,7 +118,7 @@ |
118 | 118 | ||
119 | <el-row :gutter="10"> | 119 | <el-row :gutter="10"> |
120 | <el-col :span="8" > | 120 | <el-col :span="8" > |
121 | <el-form-item label="原不动产权证号:"> | 121 | <el-form-item label="原不动产证号:"> |
122 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | 122 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> |
123 | </el-form-item> | 123 | </el-form-item> |
124 | </el-col> | 124 | </el-col> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-08-22 16:27:16 | 4 | * @LastEditTime: 2023-08-30 15:47:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -11,8 +11,8 @@ | ... | @@ -11,8 +11,8 @@ |
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 | v-Loading="loading" |
15 | > | 15 | label-width="120px"> |
16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
17 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
18 | 申请业务信息 | 18 | 申请业务信息 |
... | @@ -81,14 +81,12 @@ | ... | @@ -81,14 +81,12 @@ |
81 | <el-select | 81 | <el-select |
82 | disabled | 82 | disabled |
83 | v-model="ruleForm.zdjbxx.mjdw" | 83 | v-model="ruleForm.zdjbxx.mjdw" |
84 | style="width: 20%" | 84 | style="width: 20%"> |
85 | > | ||
86 | <el-option | 85 | <el-option |
87 | v-for="item in dictData['A7']" | 86 | v-for="item in dictData['A7']" |
88 | :key="item.dcode" | 87 | :key="item.dcode" |
89 | :label="item.dname" | 88 | :label="item.dname" |
90 | :value="item.dcode" | 89 | :value="item.dcode"></el-option> |
91 | ></el-option> | ||
92 | </el-select> | 90 | </el-select> |
93 | </div> | 91 | </div> |
94 | </el-form-item> | 92 | </el-form-item> |
... | @@ -120,19 +118,17 @@ | ... | @@ -120,19 +118,17 @@ |
120 | <el-form-item label="房地产交易价格:"> | 118 | <el-form-item label="房地产交易价格:"> |
121 | <div class="flex"> | 119 | <div class="flex"> |
122 | <el-input | 120 | <el-input |
123 | maxlength="11" | 121 | maxlength="11" |
124 | :disabled="!viewEdit" | 122 | :disabled="!viewEdit" |
125 | v-model="ruleForm.fdcq1.fdcjyjg" | 123 | v-model="ruleForm.fdcq1.fdcjyjg" |
126 | style="width: 500%" | 124 | style="width: 500%" |
127 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 125 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
128 | ></el-input> | ||
129 | <el-select :disabled="!viewEdit" v-model="ruleForm.fdcq1.jedw"> | 126 | <el-select :disabled="!viewEdit" v-model="ruleForm.fdcq1.jedw"> |
130 | <el-option | 127 | <el-option |
131 | v-for="item in dictData['A57']" | 128 | v-for="item in dictData['A57']" |
132 | :key="item.dcode" | 129 | :key="item.dcode" |
133 | :label="item.dname" | 130 | :label="item.dname" |
134 | :value="item.dcode" | 131 | :value="item.dcode"></el-option> |
135 | ></el-option> | ||
136 | </el-select> | 132 | </el-select> |
137 | </div> | 133 | </div> |
138 | </el-form-item> | 134 | </el-form-item> |
... | @@ -142,12 +138,11 @@ | ... | @@ -142,12 +138,11 @@ |
142 | <el-col :span="24"> | 138 | <el-col :span="24"> |
143 | <el-form-item label="附记:"> | 139 | <el-form-item label="附记:"> |
144 | <el-input | 140 | <el-input |
145 | :disabled="!viewEdit" | 141 | :disabled="!viewEdit" |
146 | v-model="ruleForm.fdcq1.fj" | 142 | v-model="ruleForm.fdcq1.fj" |
147 | type="textarea" | 143 | type="textarea" |
148 | maxlength="500" | 144 | maxlength="500" |
149 | show-word-limit | 145 | show-word-limit></el-input> |
150 | ></el-input> | ||
151 | </el-form-item> | 146 | </el-form-item> |
152 | </el-col> | 147 | </el-col> |
153 | </el-row> | 148 | </el-row> |
... | @@ -157,8 +152,7 @@ | ... | @@ -157,8 +152,7 @@ |
157 | <fdcqxmTable | 152 | <fdcqxmTable |
158 | :ableOperation="viewEdit" | 153 | :ableOperation="viewEdit" |
159 | :tableData="ruleForm.fdcqxm" | 154 | :tableData="ruleForm.fdcqxm" |
160 | @updateFdcwxmList="updateFdcwxmList" | 155 | @updateFdcwxmList="updateFdcwxmList" /> |
161 | /> | ||
162 | <div class="slxx_title title-block"> | 156 | <div class="slxx_title title-block"> |
163 | 土地用途 | 157 | 土地用途 |
164 | <div class="triangle"></div> | 158 | <div class="triangle"></div> |
... | @@ -166,8 +160,7 @@ | ... | @@ -166,8 +160,7 @@ |
166 | <tdytTable | 160 | <tdytTable |
167 | :ableOperation="viewEdit" | 161 | :ableOperation="viewEdit" |
168 | :tableData="ruleForm.tdytqxList" | 162 | :tableData="ruleForm.tdytqxList" |
169 | @upDateTdytxxList="upDateTdytxxList" | 163 | @upDateTdytxxList="upDateTdytxxList" /> |
170 | /> | ||
171 | <div class="slxx_title title-block"> | 164 | <div class="slxx_title title-block"> |
172 | 权利人信息 | 165 | 权利人信息 |
173 | <div class="triangle"></div> | 166 | <div class="triangle"></div> |
... | @@ -177,8 +170,7 @@ | ... | @@ -177,8 +170,7 @@ |
177 | <el-form-item label="共有方式:"> | 170 | <el-form-item label="共有方式:"> |
178 | <el-radio-group | 171 | <el-radio-group |
179 | :disabled="!viewEdit" | 172 | :disabled="!viewEdit" |
180 | v-model="ruleForm.sldy.gyfs" | 173 | v-model="ruleForm.sldy.gyfs"> |
181 | > | ||
182 | <el-radio label="0">单独所有</el-radio> | 174 | <el-radio label="0">单独所有</el-radio> |
183 | <el-radio label="1">共同共有</el-radio> | 175 | <el-radio label="1">共同共有</el-radio> |
184 | <el-radio label="2">按份所有</el-radio> | 176 | <el-radio label="2">按份所有</el-radio> |
... | @@ -191,8 +183,7 @@ | ... | @@ -191,8 +183,7 @@ |
191 | <el-radio-group | 183 | <el-radio-group |
192 | v-model="ruleForm.sldy.sqfbcz" | 184 | v-model="ruleForm.sldy.sqfbcz" |
193 | :disabled="!viewEdit" | 185 | :disabled="!viewEdit" |
194 | @input="updaterow()" | 186 | @input="updaterow()"> |
195 | > | ||
196 | <el-radio :label="1">是</el-radio> | 187 | <el-radio :label="1">是</el-radio> |
197 | <el-radio :label="0">否</el-radio> | 188 | <el-radio :label="0">否</el-radio> |
198 | </el-radio-group> | 189 | </el-radio-group> |
... | @@ -200,20 +191,17 @@ | ... | @@ -200,20 +191,17 @@ |
200 | </el-col> | 191 | </el-col> |
201 | <el-col | 192 | <el-col |
202 | :span="5" | 193 | :span="5" |
203 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 194 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
204 | > | ||
205 | <el-form-item label="持证人1:"> | 195 | <el-form-item label="持证人1:"> |
206 | <el-select | 196 | <el-select |
207 | v-model="czr" | 197 | v-model="czr" |
208 | placeholder="持证人" | 198 | placeholder="持证人" |
209 | :disabled="!viewEdit" | 199 | :disabled="!viewEdit"> |
210 | > | ||
211 | <el-option | 200 | <el-option |
212 | v-for="item in czrOptions" | 201 | v-for="item in czrOptions" |
213 | :key="item.zjh" | 202 | :key="item.zjh" |
214 | :label="item.sqrmc" | 203 | :label="item.sqrmc" |
215 | :value="item.zjh" | 204 | :value="item.zjh"></el-option> |
216 | ></el-option> | ||
217 | </el-select> | 205 | </el-select> |
218 | </el-form-item> | 206 | </el-form-item> |
219 | </el-col> | 207 | </el-col> |
... | @@ -222,8 +210,7 @@ | ... | @@ -222,8 +210,7 @@ |
222 | @upDateQlrxxList="upDateQlrxxList" | 210 | @upDateQlrxxList="upDateQlrxxList" |
223 | :disabled="viewEdit" | 211 | :disabled="viewEdit" |
224 | :tableData="ruleForm.qlrList" | 212 | :tableData="ruleForm.qlrList" |
225 | :gyfs="ruleForm.sldy.gyfs" | 213 | :gyfs="ruleForm.sldy.gyfs" /> |
226 | /> | ||
227 | 214 | ||
228 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> | 215 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> |
229 | <div class="slxx_title title-block"> | 216 | <div class="slxx_title title-block"> |
... | @@ -235,8 +222,7 @@ | ... | @@ -235,8 +222,7 @@ |
235 | :disabled="viewEdit" | 222 | :disabled="viewEdit" |
236 | @upDateQlrxxList="upDateYwrxxList" | 223 | @upDateQlrxxList="upDateYwrxxList" |
237 | :tableData="ruleForm.ywrList" | 224 | :tableData="ruleForm.ywrList" |
238 | :gyfs="ruleForm.qlxx.gyfs" | 225 | :gyfs="ruleForm.qlxx.gyfs" /> |
239 | /> | ||
240 | </div> | 226 | </div> |
241 | <div class="slxx_title title-block"> | 227 | <div class="slxx_title title-block"> |
242 | 登记原因 | 228 | 登记原因 |
... | @@ -251,8 +237,7 @@ | ... | @@ -251,8 +237,7 @@ |
251 | maxlength="500" | 237 | maxlength="500" |
252 | show-word-limit | 238 | show-word-limit |
253 | :disabled="!viewEdit" | 239 | :disabled="!viewEdit" |
254 | v-model="ruleForm.fdcq1.djyy" | 240 | v-model="ruleForm.fdcq1.djyy"></el-input> |
255 | ></el-input> | ||
256 | </el-form-item> | 241 | </el-form-item> |
257 | </el-col> | 242 | </el-col> |
258 | </el-row> | 243 | </el-row> |
... | @@ -267,279 +252,284 @@ | ... | @@ -267,279 +252,284 @@ |
267 | </div> | 252 | </div> |
268 | </template> | 253 | </template> |
269 | <script> | 254 | <script> |
270 | import ywmix from "@/views/ywbl/mixin/index"; | 255 | import ywmix from "@/views/ywbl/mixin/index"; |
271 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 256 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
272 | import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; | 257 | import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; |
273 | import tdytTable from "@/views/workflow/components/tdytTable"; | 258 | import tdytTable from "@/views/workflow/components/tdytTable"; |
274 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; | 259 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; |
275 | import { mapGetters } from "vuex"; | 260 | import { mapGetters } from "vuex"; |
276 | export default { | 261 | export default { |
277 | mixins: [ywmix], | 262 | mixins: [ywmix], |
278 | mounted() { | 263 | mounted () { |
279 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 264 | this.loading = true |
280 | this.propsParam = this.$attrs; | 265 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
281 | var formdata = new FormData(); | 266 | this.propsParam = this.$attrs; |
282 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 267 | var formdata = new FormData(); |
283 | formdata.append("djlx", this.propsParam.djlx); | 268 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
284 | formdata.append("isEdit", this.viewEdit); | 269 | formdata.append("djlx", this.propsParam.djlx); |
285 | Init(formdata).then((res) => { | 270 | formdata.append("isEdit", this.viewEdit); |
286 | if (res.code === 200 && res.result) { | 271 | Init(formdata).then((res) => { |
287 | this.ruleForm = { | 272 | if (res.code === 200 && res.result) { |
288 | ...res.result, | 273 | this.ruleForm = { |
289 | ...res.result.qlxxdatas, | 274 | ...res.result, |
290 | }; | 275 | ...res.result.qlxxdatas, |
291 | this.ruleForm.qlrList.forEach((item) => { | 276 | }; |
292 | if (item.sfczr == 1) { | 277 | this.ruleForm.qlrList.forEach((item) => { |
293 | this.czr = item.sqrmc; | 278 | if (item.sfczr == 1) { |
294 | } | 279 | this.czr = item.sqrmc; |
295 | }); | 280 | } |
296 | //初始化发证方式,1:小证,2:大正 | 281 | }); |
297 | this.ruleForm.slsq.fzfs == null | 282 | setTimeout(() => { |
298 | ? (this.ruleForm.slsq.fzfs = "1") | 283 | this.loading = false |
299 | : this.ruleForm.slsq.fzfs; | 284 | }, 200) |
300 | this.czrOptions = this.ruleForm.qlrList; | 285 | //初始化发证方式,1:小证,2:大正 |
301 | } | 286 | this.ruleForm.slsq.fzfs == null |
302 | }); | 287 | ? (this.ruleForm.slsq.fzfs = "1") |
303 | }, | 288 | : this.ruleForm.slsq.fzfs; |
304 | components: { qlrCommonTable, tdytTable, fdcqxmTable }, | 289 | this.czrOptions = this.ruleForm.qlrList; |
305 | computed: { | 290 | } |
306 | ...mapGetters(["dictData", "flag"]), | 291 | }); |
307 | }, | ||
308 | data() { | ||
309 | return { | ||
310 | disabled: true, | ||
311 | tdytOption: [], | ||
312 | czrOptions: [], | ||
313 | czr: "", | ||
314 | ruleForm: { | ||
315 | flow: { | ||
316 | ywh: "", | ||
317 | }, | ||
318 | qlxx: { | ||
319 | mj: "", | ||
320 | }, | ||
321 | sldy: { | ||
322 | gyfs: "", | ||
323 | }, | ||
324 | slsq: {}, | ||
325 | fdcq1: { | ||
326 | zyjzmj: "", | ||
327 | ftjzmj: "", | ||
328 | }, | ||
329 | zdjbxx: { | ||
330 | ghytmc: "", | ||
331 | }, | ||
332 | }, | ||
333 | //传递参数 | ||
334 | propsParam: this.$attrs, | ||
335 | //表单是否可操作 | ||
336 | viewEdit: false, | ||
337 | rules: {}, | ||
338 | }; | ||
339 | }, | ||
340 | methods: { | ||
341 | updateFdcwxmList(val) { | ||
342 | this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val)); | ||
343 | this.key++; | ||
344 | }, | 292 | }, |
345 | /** | 293 | components: { qlrCommonTable, tdytTable, fdcqxmTable }, |
346 | * @description: 更新土地用途信息 | 294 | computed: { |
347 | * @param {*} val | 295 | ...mapGetters(["dictData", "flag"]), |
348 | * @author: renchao | ||
349 | */ | ||
350 | upDateTdytxxList(val) { | ||
351 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
352 | this.key++; | ||
353 | }, | 296 | }, |
354 | /** | 297 | data () { |
355 | * @description: 更新权利人信息 | 298 | return { |
356 | * @param {*} val | 299 | loading: false, |
357 | * @author: renchao | 300 | disabled: true, |
358 | */ | 301 | tdytOption: [], |
359 | upDateQlrxxList(val) { | 302 | czrOptions: [], |
360 | this.ruleForm.qlrList = _.cloneDeep(val); | 303 | czr: "", |
361 | this.czrOptions = this.ruleForm.qlrList; | 304 | ruleForm: { |
362 | this.key++; | 305 | flow: { |
306 | ywh: "", | ||
307 | }, | ||
308 | qlxx: { | ||
309 | mj: "", | ||
310 | }, | ||
311 | sldy: { | ||
312 | gyfs: "", | ||
313 | }, | ||
314 | slsq: {}, | ||
315 | fdcq1: { | ||
316 | zyjzmj: "", | ||
317 | ftjzmj: "", | ||
318 | }, | ||
319 | zdjbxx: { | ||
320 | ghytmc: "", | ||
321 | }, | ||
322 | }, | ||
323 | //传递参数 | ||
324 | propsParam: this.$attrs, | ||
325 | //表单是否可操作 | ||
326 | viewEdit: false, | ||
327 | rules: {}, | ||
328 | }; | ||
363 | }, | 329 | }, |
330 | methods: { | ||
331 | updateFdcwxmList (val) { | ||
332 | this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val)); | ||
333 | this.key++; | ||
334 | }, | ||
335 | /** | ||
336 | * @description: 更新土地用途信息 | ||
337 | * @param {*} val | ||
338 | * @author: renchao | ||
339 | */ | ||
340 | upDateTdytxxList (val) { | ||
341 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
342 | this.key++; | ||
343 | }, | ||
344 | /** | ||
345 | * @description: 更新权利人信息 | ||
346 | * @param {*} val | ||
347 | * @author: renchao | ||
348 | */ | ||
349 | upDateQlrxxList (val) { | ||
350 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
351 | this.czrOptions = this.ruleForm.qlrList; | ||
352 | this.key++; | ||
353 | }, | ||
364 | 354 | ||
365 | // 是否持证人变化 | 355 | // 是否持证人变化 |
366 | /** | 356 | /** |
367 | * @description: 是否持证人变化 | 357 | * @description: 是否持证人变化 |
368 | * @param {*} val | 358 | * @param {*} val |
369 | * @author: renchao | 359 | * @author: renchao |
370 | */ | 360 | */ |
371 | updaterow() { | 361 | updaterow () { |
372 | this.czr = ""; | 362 | this.czr = ""; |
373 | }, | 363 | }, |
374 | // 更新权利人信息 | 364 | // 更新权利人信息 |
375 | /** | 365 | /** |
376 | * @description: 更新权利人信息 | 366 | * @description: 更新权利人信息 |
377 | * @param {*} val | 367 | * @param {*} val |
378 | * @author: renchao | 368 | * @author: renchao |
379 | */ | 369 | */ |
380 | upDateYwrxxList(val) { | 370 | upDateYwrxxList (val) { |
381 | this.ruleForm.ywrList = _.cloneDeep(val); | 371 | this.ruleForm.ywrList = _.cloneDeep(val); |
382 | }, | 372 | }, |
383 | /** | 373 | /** |
384 | * @description: onSubmit | 374 | * @description: onSubmit |
385 | * @author: renchao | 375 | * @author: renchao |
386 | */ | 376 | */ |
387 | onSubmit() { | 377 | onSubmit () { |
388 | let that = this; | 378 | let that = this; |
389 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 379 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
390 | if (arr.length > 0) { | 380 | if (arr.length > 0) { |
391 | this.$message({ | ||
392 | showClose: true, | ||
393 | message: "土地用途不能为空", | ||
394 | type: "error", | ||
395 | }); | ||
396 | return false; | ||
397 | } | ||
398 | if (this.ruleForm.qlrList.length == 0) { | ||
399 | this.$message({ | ||
400 | showClose: true, | ||
401 | message: "请确认权利人信息", | ||
402 | type: "error", | ||
403 | }); | ||
404 | return false; | ||
405 | } | ||
406 | if (this.ruleForm.sldy.gyfs == "0") { | ||
407 | if (this.ruleForm.qlrList.length > 1) { | ||
408 | this.$message({ | 381 | this.$message({ |
409 | showClose: true, | 382 | showClose: true, |
410 | message: "共有方式:单独所有,权利人只能是一个人", | 383 | message: "土地用途不能为空", |
411 | type: "error", | 384 | type: "error", |
412 | }); | 385 | }); |
413 | return false; | 386 | return false; |
414 | } | 387 | } |
415 | this.ruleForm.qlrList[0].sfczr = "1"; | 388 | if (this.ruleForm.qlrList.length == 0) { |
416 | } else { | ||
417 | if (this.ruleForm.qlrList.length <= 1) { | ||
418 | this.$message({ | 389 | this.$message({ |
419 | showClose: true, | 390 | showClose: true, |
420 | message: | 391 | message: "请确认权利人信息", |
421 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
422 | type: "error", | 392 | type: "error", |
423 | }); | 393 | }); |
424 | return false; | 394 | return false; |
425 | } | 395 | } |
426 | //是否分别持证 | 396 | if (this.ruleForm.sldy.gyfs == "0") { |
427 | if (this.ruleForm.sldy.sqfbcz == "1") { | 397 | if (this.ruleForm.qlrList.length > 1) { |
428 | //是 | 398 | this.$message({ |
429 | this.ruleForm.qlrList.forEach((item, index) => { | 399 | showClose: true, |
430 | item.sfczr = "1"; | 400 | message: "共有方式:单独所有,权利人只能是一个人", |
431 | }); | 401 | type: "error", |
402 | }); | ||
403 | return false; | ||
404 | } | ||
405 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
432 | } else { | 406 | } else { |
433 | if (!that.czr) { | 407 | if (this.ruleForm.qlrList.length <= 1) { |
434 | that.$message({ | 408 | this.$message({ |
435 | showClose: true, | 409 | showClose: true, |
436 | message: "请选择持证人", | 410 | message: |
411 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
437 | type: "error", | 412 | type: "error", |
438 | }); | 413 | }); |
439 | return false; | 414 | return false; |
440 | } | 415 | } |
441 | this.ruleForm.qlrList.forEach((item, index) => { | 416 | //是否分别持证 |
442 | if (item.zjh == this.czr) { | 417 | if (this.ruleForm.sldy.sqfbcz == "1") { |
418 | //是 | ||
419 | this.ruleForm.qlrList.forEach((item, index) => { | ||
443 | item.sfczr = "1"; | 420 | item.sfczr = "1"; |
444 | } else { | 421 | }); |
445 | item.sfczr = "0"; | 422 | } else { |
423 | if (!that.czr) { | ||
424 | that.$message({ | ||
425 | showClose: true, | ||
426 | message: "请选择持证人", | ||
427 | type: "error", | ||
428 | }); | ||
429 | return false; | ||
446 | } | 430 | } |
447 | }); | 431 | this.ruleForm.qlrList.forEach((item, index) => { |
432 | if (item.zjh == this.czr) { | ||
433 | item.sfczr = "1"; | ||
434 | } else { | ||
435 | item.sfczr = "0"; | ||
436 | } | ||
437 | }); | ||
438 | } | ||
448 | } | 439 | } |
449 | } | ||
450 | 440 | ||
451 | saveData(this.ruleForm).then((res) => { | 441 | saveData(this.ruleForm).then((res) => { |
452 | if (res.code === 200) { | 442 | if (res.code === 200) { |
453 | this.$message({ | 443 | this.$message({ |
454 | showClose: true, | 444 | showClose: true, |
455 | message: "保存成功!", | 445 | message: "保存成功!", |
456 | type: "success", | 446 | type: "success", |
457 | }); | 447 | }); |
458 | this.$store.dispatch("user/refreshPage", true); | 448 | this.$store.dispatch("user/refreshPage", true); |
459 | } else { | 449 | } else { |
460 | this.$message({ | 450 | this.$message({ |
461 | showClose: true, | 451 | showClose: true, |
462 | message: res.message, | 452 | message: res.message, |
463 | type: "error", | 453 | type: "error", |
464 | }); | 454 | }); |
465 | } | 455 | } |
466 | }); | 456 | }); |
457 | }, | ||
467 | }, | 458 | }, |
468 | }, | 459 | }; |
469 | }; | ||
470 | </script> | 460 | </script> |
471 | <style scoped lang="scss"> | 461 | <style scoped lang="scss"> |
472 | @import "~@/styles/public.scss"; | 462 | @import "~@/styles/public.scss"; |
473 | 463 | ||
474 | /deep/.el-form { | 464 | /deep/.el-form { |
475 | display: flex; | 465 | display: flex; |
476 | flex-direction: column; | 466 | flex-direction: column; |
477 | height: calc(100vh - 130px); | 467 | height: calc(100vh - 130px); |
478 | } | 468 | } |
479 | 469 | ||
480 | /deep/.el-form-item__label { | 470 | /deep/.el-form-item__label { |
481 | padding: 0; | 471 | padding: 0; |
482 | } | 472 | } |
483 | 473 | ||
484 | /deep/.el-radio { | 474 | /deep/.el-radio { |
485 | margin-right: 10px; | 475 | margin-right: 10px; |
486 | } | 476 | } |
487 | 477 | ||
488 | /deep/.el-select { | 478 | /deep/.el-select { |
489 | width: 100%; | 479 | width: 100%; |
490 | } | 480 | } |
491 | 481 | ||
492 | /deep/.el-form-item { | 482 | /deep/.el-form-item { |
493 | margin-bottom: 8px; | 483 | margin-bottom: 8px; |
494 | } | 484 | } |
495 | 485 | ||
496 | .marginBot0 { | 486 | .marginBot0 { |
497 | margin-bottom: 0 !important; | 487 | margin-bottom: 0 !important; |
498 | } | 488 | } |
499 | 489 | ||
500 | .slxx { | 490 | .slxx { |
501 | box-sizing: border-box; | 491 | box-sizing: border-box; |
502 | } | 492 | } |
503 | 493 | ||
504 | .slxx_con { | 494 | .slxx_con { |
505 | flex: 1; | 495 | flex: 1; |
506 | height: 100%; | 496 | height: 100%; |
507 | background-color: #ffffff; | 497 | background-color: #ffffff; |
508 | overflow-y: auto; | 498 | overflow-y: auto; |
509 | padding-right: 3px; | 499 | padding-right: 3px; |
510 | overflow-x: hidden; | 500 | overflow-x: hidden; |
511 | } | 501 | } |
512 | 502 | ||
513 | .submit_btn { | 503 | .submit_btn { |
514 | height: 50px; | 504 | height: 50px; |
515 | } | 505 | } |
516 | 506 | ||
517 | .slxx_title { | 507 | .slxx_title { |
518 | border-bottom: 1px solid $borderColor; | 508 | border-bottom: 1px solid $borderColor; |
519 | padding-left: 10px; | 509 | padding-left: 10px; |
520 | padding-bottom: 5px; | 510 | padding-bottom: 5px; |
521 | margin-bottom: 10px; | 511 | margin-bottom: 10px; |
522 | margin-top: 5px; | 512 | margin-top: 5px; |
523 | font-size: 16px; | 513 | font-size: 16px; |
524 | font-weight: 500; | 514 | font-weight: 500; |
525 | color: #4a4a4a; | 515 | color: #4a4a4a; |
526 | } | 516 | } |
527 | 517 | ||
528 | .btn { | 518 | .btn { |
529 | text-align: center; | 519 | text-align: center; |
530 | padding-top: 10px; | 520 | padding-top: 10px; |
531 | height: 36px; | 521 | height: 36px; |
532 | background-color: #ffffff; | 522 | background-color: #ffffff; |
533 | padding: 5px 0; | 523 | padding: 5px 0; |
534 | } | 524 | } |
535 | 525 | ||
536 | .textArea { | 526 | .textArea { |
537 | /deep/.el-textarea__inner { | 527 | /deep/.el-textarea__inner { |
538 | min-height: 90px !important; | 528 | min-height: 90px !important; |
529 | } | ||
539 | } | 530 | } |
540 | } | ||
541 | 531 | ||
542 | /deep/.el-form-item__label { | 532 | /deep/.el-form-item__label { |
543 | padding-bottom: 0px; | 533 | padding-bottom: 0px; |
544 | } | 534 | } |
545 | </style> | 535 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-08-30 10:32:13 | 4 | * @LastEditTime: 2023-09-01 09:22:02 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
8 | <el-form | 8 | <el-form |
9 | :model="ruleForm" | 9 | :model="ruleForm" |
10 | :rules="rules" | 10 | :rules="rules" |
11 | v-Loading="loading" | ||
11 | ref="ruleForm" | 12 | ref="ruleForm" |
12 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" |
13 | :inline="flag" | 14 | :inline="flag" |
14 | label-width="140px"> | 15 | label-width="190px"> |
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
16 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
17 | 申请业务信息 | 18 | 申请业务信息 |
... | @@ -168,6 +169,30 @@ | ... | @@ -168,6 +169,30 @@ |
168 | </el-form-item> | 169 | </el-form-item> |
169 | </el-col> | 170 | </el-col> |
170 | <el-col :span="8"> | 171 | <el-col :span="8"> |
172 | <el-form-item label="林地使用(承包)起始时间:"> | ||
173 | <el-input v-model="ruleForm.lq.ldsyqssj"></el-input> | ||
174 | </el-form-item> | ||
175 | </el-col> | ||
176 | <el-col :span="8"> | ||
177 | <el-form-item label="林地使用(承包)结束时间:"> | ||
178 | <el-input v-model="ruleForm.lq.ldsyjssj"></el-input> | ||
179 | </el-form-item> | ||
180 | </el-col> | ||
181 | </el-row> | ||
182 | <el-row :gutter="10"> | ||
183 | <!-- <el-col :span="8"> | ||
184 | <el-form-item label="土地用途:"> | ||
185 | <el-input v-model="ruleForm.lq.xdm"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> --> | ||
188 | <el-col :span="8"> | ||
189 | <el-form-item label="林地使用 (承包)期限:"> | ||
190 | <el-input v-model="ruleForm.lq.ldsyqx"></el-input> | ||
191 | </el-form-item> | ||
192 | </el-col> | ||
193 | </el-row> | ||
194 | <el-row :gutter="10"> | ||
195 | <el-col :span="24"> | ||
171 | <el-form-item label="附记:"> | 196 | <el-form-item label="附记:"> |
172 | <el-input | 197 | <el-input |
173 | v-model="ruleForm.lq.fj" | 198 | v-model="ruleForm.lq.fj" |
... | @@ -177,14 +202,14 @@ | ... | @@ -177,14 +202,14 @@ |
177 | </el-form-item> | 202 | </el-form-item> |
178 | </el-col> | 203 | </el-col> |
179 | </el-row> | 204 | </el-row> |
180 | <div class="slxx_title title-block"> | 205 | <!-- <div class="slxx_title title-block"> |
181 | 土地用途 | 206 | 土地用途 |
182 | <div class="triangle"></div> | 207 | <div class="triangle"></div> |
183 | </div> | 208 | </div> |
184 | <tdytTable | 209 | <tdytTable |
185 | :ableOperation="viewEdit" | 210 | :ableOperation="viewEdit" |
186 | :tableData="ruleForm.tdytqxList" | 211 | :tableData="ruleForm.tdytqxList" |
187 | @upDateTdytxxList="upDateTdytxxList" /> | 212 | @upDateTdytxxList="upDateTdytxxList" /> --> |
188 | <div class="slxx_title title-block"> | 213 | <div class="slxx_title title-block"> |
189 | 权利人信息 | 214 | 权利人信息 |
190 | <div class="triangle"></div> | 215 | <div class="triangle"></div> |
... | @@ -237,7 +262,7 @@ | ... | @@ -237,7 +262,7 @@ |
237 | :disabled="viewEdit" | 262 | :disabled="viewEdit" |
238 | :gyfs="ruleForm.sldy.gyfs" /> | 263 | :gyfs="ruleForm.sldy.gyfs" /> |
239 | 264 | ||
240 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | 265 | <div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'"> |
241 | <div class="slxx_title title-block"> | 266 | <div class="slxx_title title-block"> |
242 | 义务人信息 | 267 | 义务人信息 |
243 | <div class="triangle"></div> | 268 | <div class="triangle"></div> |
... | @@ -285,6 +310,7 @@ | ... | @@ -285,6 +310,7 @@ |
285 | export default { | 310 | export default { |
286 | mixins: [ywmix], | 311 | mixins: [ywmix], |
287 | mounted () { | 312 | mounted () { |
313 | this.loading = true | ||
288 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 314 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
289 | this.propsParam = this.$attrs; | 315 | this.propsParam = this.$attrs; |
290 | var formdata = new FormData(); | 316 | var formdata = new FormData(); |
... | @@ -307,15 +333,19 @@ | ... | @@ -307,15 +333,19 @@ |
307 | ? (this.ruleForm.slsq.fzfs = "1") | 333 | ? (this.ruleForm.slsq.fzfs = "1") |
308 | : this.ruleForm.slsq.fzfs; | 334 | : this.ruleForm.slsq.fzfs; |
309 | this.czrOptions = this.ruleForm.qlrList; | 335 | this.czrOptions = this.ruleForm.qlrList; |
336 | setTimeout(() => { | ||
337 | this.loading = false | ||
338 | }, 200) | ||
310 | } | 339 | } |
311 | }); | 340 | }) |
312 | }, | 341 | }, |
313 | components: { qlrCommonTable, tdytTable }, | 342 | components: { qlrCommonTable, tdytTable }, |
314 | computed: { | 343 | computed: { |
315 | ...mapGetters(["dictData", "flag"]), | 344 | ...mapGetters(["dictData", "flag"]) |
316 | }, | 345 | }, |
317 | data () { | 346 | data () { |
318 | return { | 347 | return { |
348 | loading: false, | ||
319 | disabled: true, | 349 | disabled: true, |
320 | tdytOption: [], | 350 | tdytOption: [], |
321 | czrOptions: [], | 351 | czrOptions: [], | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-08-30 10:34:54 | 4 | * @LastEditTime: 2023-09-01 09:52:40 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +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="190px"> |
15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
16 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
17 | 申请业务信息 | 17 | 申请业务信息 |
... | @@ -168,6 +168,30 @@ | ... | @@ -168,6 +168,30 @@ |
168 | </el-form-item> | 168 | </el-form-item> |
169 | </el-col> | 169 | </el-col> |
170 | <el-col :span="8"> | 170 | <el-col :span="8"> |
171 | <el-form-item label="林地使用(承包)起始时间:"> | ||
172 | <el-input v-model="ruleForm.lq.ldsyqssj"></el-input> | ||
173 | </el-form-item> | ||
174 | </el-col> | ||
175 | <el-col :span="8"> | ||
176 | <el-form-item label="林地使用(承包)结束时间:"> | ||
177 | <el-input v-model="ruleForm.lq.ldsyjssj"></el-input> | ||
178 | </el-form-item> | ||
179 | </el-col> | ||
180 | </el-row> | ||
181 | <el-row :gutter="10"> | ||
182 | <!-- <el-col :span="8"> | ||
183 | <el-form-item label="土地用途:"> | ||
184 | <el-input v-model="ruleForm.lq.xdm"></el-input> | ||
185 | </el-form-item> | ||
186 | </el-col> --> | ||
187 | <el-col :span="8"> | ||
188 | <el-form-item label="林地使用 (承包)期限:"> | ||
189 | <el-input v-model="ruleForm.lq.ldsyqx"></el-input> | ||
190 | </el-form-item> | ||
191 | </el-col> | ||
192 | </el-row> | ||
193 | <el-row :gutter="10"> | ||
194 | <el-col :span="24"> | ||
171 | <el-form-item label="附记:"> | 195 | <el-form-item label="附记:"> |
172 | <el-input | 196 | <el-input |
173 | v-model="ruleForm.lq.fj" | 197 | v-model="ruleForm.lq.fj" |
... | @@ -177,14 +201,14 @@ | ... | @@ -177,14 +201,14 @@ |
177 | </el-form-item> | 201 | </el-form-item> |
178 | </el-col> | 202 | </el-col> |
179 | </el-row> | 203 | </el-row> |
180 | <div class="slxx_title title-block"> | 204 | <!-- <div class="slxx_title title-block"> |
181 | 土地用途 | 205 | 土地用途 |
182 | <div class="triangle"></div> | 206 | <div class="triangle"></div> |
183 | </div> | 207 | </div> --> |
184 | <tdytTable | 208 | <!-- <tdytTable |
185 | :ableOperation="viewEdit" | 209 | :ableOperation="viewEdit" |
186 | :tableData="ruleForm.tdytqxList" | 210 | :tableData="ruleForm.tdytqxList" |
187 | @upDateTdytxxList="upDateTdytxxList" /> | 211 | @upDateTdytxxList="upDateTdytxxList" /> --> |
188 | <div class="slxx_title title-block"> | 212 | <div class="slxx_title title-block"> |
189 | 权利人信息 | 213 | 权利人信息 |
190 | <div class="triangle"></div> | 214 | <div class="triangle"></div> |
... | @@ -237,7 +261,7 @@ | ... | @@ -237,7 +261,7 @@ |
237 | :disabled="viewEdit" | 261 | :disabled="viewEdit" |
238 | :gyfs="ruleForm.sldy.gyfs" /> | 262 | :gyfs="ruleForm.sldy.gyfs" /> |
239 | 263 | ||
240 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | 264 | <div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'"> |
241 | <div class="slxx_title title-block"> | 265 | <div class="slxx_title title-block"> |
242 | 义务人信息 | 266 | 义务人信息 |
243 | <div class="triangle"></div> | 267 | <div class="triangle"></div> | ... | ... |
... | @@ -4,12 +4,11 @@ | ... | @@ -4,12 +4,11 @@ |
4 | <el-form | 4 | <el-form |
5 | :model="ruleForm" | 5 | :model="ruleForm" |
6 | :rules="rules" | 6 | :rules="rules" |
7 | class="loadingtext" | 7 | v-Loading="loading" |
8 | ref="ruleForm" | 8 | ref="ruleForm" |
9 | :label-position="flag ? 'top' : ''" | 9 | :label-position="flag ? 'top' : ''" |
10 | :inline="flag" | 10 | :inline="flag" |
11 | label-width="120px" | 11 | label-width="120px"> |
12 | > | ||
13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
14 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
15 | 申请业务信息 | 14 | 申请业务信息 |
... | @@ -55,7 +54,7 @@ | ... | @@ -55,7 +54,7 @@ |
55 | </div> | 54 | </div> |
56 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 55 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
57 | <el-col :span="8"> | 56 | <el-col :span="8"> |
58 | <el-form-item label="原不动产登记证明号:"> | 57 | <el-form-item label="原不动产证号:"> |
59 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | 58 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> |
60 | </el-form-item> | 59 | </el-form-item> |
61 | </el-col> | 60 | </el-col> |
... | @@ -88,8 +87,7 @@ | ... | @@ -88,8 +87,7 @@ |
88 | v-for="item in dictData['A19']" | 87 | v-for="item in dictData['A19']" |
89 | :key="item.dcode" | 88 | :key="item.dcode" |
90 | :label="item.dname" | 89 | :label="item.dname" |
91 | :value="item.dcode" | 90 | :value="item.dcode"> |
92 | > | ||
93 | </el-option> | 91 | </el-option> |
94 | </el-select> | 92 | </el-select> |
95 | </el-form-item> | 93 | </el-form-item> |
... | @@ -103,24 +101,22 @@ | ... | @@ -103,24 +101,22 @@ |
103 | v-for="item in dictData['A17']" | 101 | v-for="item in dictData['A17']" |
104 | :key="item.dcode" | 102 | :key="item.dcode" |
105 | :label="item.dname" | 103 | :label="item.dname" |
106 | :value="item.dcode" | 104 | :value="item.dcode"> |
107 | > | ||
108 | </el-option> | 105 | </el-option> |
109 | </el-select> | 106 | </el-select> |
110 | </el-form-item> | 107 | </el-form-item> |
111 | </el-col> | 108 | </el-col> |
112 | <el-col :span="8"> | 109 | <el-col :span="8"> |
113 | <el-form-item label="所在层:"> | 110 | <el-form-item label="所在层:"> |
114 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> | 111 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> |
115 | </el-form-item> | 112 | </el-form-item> |
116 | </el-col> | 113 | </el-col> |
117 | <el-col :span="8"> | 114 | <el-col :span="8"> |
118 | <el-form-item label="总层数:"> | 115 | <el-form-item label="总层数:"> |
119 | <el-input | 116 | <el-input |
120 | maxlength="4" | 117 | maxlength="4" |
121 | v-model.number="ruleForm.ygdj.zcs" | 118 | v-model.number="ruleForm.ygdj.zcs" |
122 | oninput="value=value.replace(/[^0-9]/g,'')" | 119 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
123 | ></el-input> | ||
124 | </el-form-item> | 120 | </el-form-item> |
125 | </el-col> | 121 | </el-col> |
126 | </el-row> | 122 | </el-row> |
... | @@ -132,8 +128,7 @@ | ... | @@ -132,8 +128,7 @@ |
132 | v-for="item in dictData['A46']" | 128 | v-for="item in dictData['A46']" |
133 | :key="item.dcode" | 129 | :key="item.dcode" |
134 | :label="item.dname" | 130 | :label="item.dname" |
135 | :value="item.dcode" | 131 | :value="item.dcode"> |
136 | > | ||
137 | </el-option> | 132 | </el-option> |
138 | </el-select> | 133 | </el-select> |
139 | </el-form-item> | 134 | </el-form-item> |
... | @@ -143,18 +138,16 @@ | ... | @@ -143,18 +138,16 @@ |
143 | <el-form-item label="建筑面积:"> | 138 | <el-form-item label="建筑面积:"> |
144 | <div class="flex"> | 139 | <div class="flex"> |
145 | <el-input | 140 | <el-input |
146 | maxlength="12" | 141 | maxlength="12" |
147 | v-model="ruleForm.ygdj.jzmj" | 142 | v-model="ruleForm.ygdj.jzmj" |
148 | :disabled="!viewEdit" | 143 | :disabled="!viewEdit" |
149 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 144 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
150 | ></el-input> | ||
151 | <el-select disabled v-model="mjdw" style="width: 68px"> | 145 | <el-select disabled v-model="mjdw" style="width: 68px"> |
152 | <el-option | 146 | <el-option |
153 | v-for="item in dictData['A7']" | 147 | v-for="item in dictData['A7']" |
154 | :key="item.dcode" | 148 | :key="item.dcode" |
155 | :label="item.dname" | 149 | :label="item.dname" |
156 | :value="item.dcode" | 150 | :value="item.dcode"> |
157 | > | ||
158 | </el-option> | 151 | </el-option> |
159 | </el-select> | 152 | </el-select> |
160 | </div> | 153 | </div> |
... | @@ -163,24 +156,20 @@ | ... | @@ -163,24 +156,20 @@ |
163 | <el-col :span="8"> | 156 | <el-col :span="8"> |
164 | <el-form-item label="取得价格:"> | 157 | <el-form-item label="取得价格:"> |
165 | <div class="flex"> | 158 | <div class="flex"> |
166 | <!-- <el-input maxlength="11" v-model="ruleForm.ygdj.qdjg"></el-input> --> | 159 | <el-input |
167 | <el-input | 160 | maxlength="11" |
168 | maxlength="11" | ||
169 | v-model="ruleForm.ygdj.qdjg" | 161 | v-model="ruleForm.ygdj.qdjg" |
170 | style="width: 500%" | 162 | style="width: 500%" |
171 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 163 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
172 | ></el-input> | ||
173 | <el-select | 164 | <el-select |
174 | v-model="ruleForm.ygdj.jedw" | 165 | v-model="ruleForm.ygdj.jedw" |
175 | :disabled="!viewEdit" | 166 | :disabled="!viewEdit" |
176 | style="width: 68px" | 167 | style="width: 68px"> |
177 | > | ||
178 | <el-option | 168 | <el-option |
179 | v-for="item in dictData['A57']" | 169 | v-for="item in dictData['A57']" |
180 | :key="item.dcode" | 170 | :key="item.dcode" |
181 | :label="item.dname" | 171 | :label="item.dname" |
182 | :value="item.dcode" | 172 | :value="item.dcode"> |
183 | > | ||
184 | </el-option> | 173 | </el-option> |
185 | </el-select> | 174 | </el-select> |
186 | </div> | 175 | </div> |
... | @@ -194,8 +183,7 @@ | ... | @@ -194,8 +183,7 @@ |
194 | v-model="ruleForm.ygdj.fj" | 183 | v-model="ruleForm.ygdj.fj" |
195 | type="textarea" | 184 | type="textarea" |
196 | maxlength="500" | 185 | maxlength="500" |
197 | show-word-limit | 186 | show-word-limit></el-input> |
198 | ></el-input> | ||
199 | </el-form-item> | 187 | </el-form-item> |
200 | </el-col> | 188 | </el-col> |
201 | </el-row> | 189 | </el-row> |
... | @@ -208,8 +196,7 @@ | ... | @@ -208,8 +196,7 @@ |
208 | <el-form-item label="共有方式:"> | 196 | <el-form-item label="共有方式:"> |
209 | <el-radio-group | 197 | <el-radio-group |
210 | :disabled="!viewEdit" | 198 | :disabled="!viewEdit" |
211 | v-model="ruleForm.sldy.gyfs" | 199 | v-model="ruleForm.sldy.gyfs"> |
212 | > | ||
213 | <el-radio label="0">单独所有</el-radio> | 200 | <el-radio label="0">单独所有</el-radio> |
214 | <el-radio label="1">共同共有</el-radio> | 201 | <el-radio label="1">共同共有</el-radio> |
215 | <el-radio label="2">按份所有</el-radio> | 202 | <el-radio label="2">按份所有</el-radio> |
... | @@ -222,8 +209,7 @@ | ... | @@ -222,8 +209,7 @@ |
222 | <el-radio-group | 209 | <el-radio-group |
223 | v-model="ruleForm.sldy.sqfbcz" | 210 | v-model="ruleForm.sldy.sqfbcz" |
224 | :disabled="!viewEdit" | 211 | :disabled="!viewEdit" |
225 | @input="updaterow()" | 212 | @input="updaterow()"> |
226 | > | ||
227 | <el-radio :label="1">是</el-radio> | 213 | <el-radio :label="1">是</el-radio> |
228 | <el-radio :label="0">否</el-radio> | 214 | <el-radio :label="0">否</el-radio> |
229 | </el-radio-group> | 215 | </el-radio-group> |
... | @@ -231,20 +217,17 @@ | ... | @@ -231,20 +217,17 @@ |
231 | </el-col> | 217 | </el-col> |
232 | <el-col | 218 | <el-col |
233 | :span="6" | 219 | :span="6" |
234 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 220 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
235 | > | ||
236 | <el-form-item label="持证人:"> | 221 | <el-form-item label="持证人:"> |
237 | <el-select | 222 | <el-select |
238 | v-model="czr" | 223 | v-model="czr" |
239 | placeholder="持证人" | 224 | placeholder="持证人" |
240 | :disabled="!viewEdit" | 225 | :disabled="!viewEdit"> |
241 | > | ||
242 | <el-option | 226 | <el-option |
243 | v-for="item in czrOptions" | 227 | v-for="item in czrOptions" |
244 | :key="item.zjh" | 228 | :key="item.zjh" |
245 | :label="item.sqrmc" | 229 | :label="item.sqrmc" |
246 | :value="item.zjh" | 230 | :value="item.zjh"> |
247 | > | ||
248 | </el-option> | 231 | </el-option> |
249 | </el-select> | 232 | </el-select> |
250 | </el-form-item> | 233 | </el-form-item> |
... | @@ -254,8 +237,7 @@ | ... | @@ -254,8 +237,7 @@ |
254 | @upDateQlrxxList="upDateQlrxxList" | 237 | @upDateQlrxxList="upDateQlrxxList" |
255 | :disabled="viewEdit" | 238 | :disabled="viewEdit" |
256 | :tableData="ruleForm.qlrList" | 239 | :tableData="ruleForm.qlrList" |
257 | :gyfs="ruleForm.sldy.gyfs" | 240 | :gyfs="ruleForm.sldy.gyfs" /> |
258 | /> | ||
259 | <div class="slxx_title title-block"> | 241 | <div class="slxx_title title-block"> |
260 | 义务人信息 | 242 | 义务人信息 |
261 | <div class="triangle"></div> | 243 | <div class="triangle"></div> |
... | @@ -264,8 +246,7 @@ | ... | @@ -264,8 +246,7 @@ |
264 | @upDateQlrxxList="upDateYwrxxList" | 246 | @upDateQlrxxList="upDateYwrxxList" |
265 | :disabled="viewEdit" | 247 | :disabled="viewEdit" |
266 | :tableData="ruleForm.ywrList" | 248 | :tableData="ruleForm.ywrList" |
267 | :gyfs="ruleForm.sldy.gyfs" | 249 | :gyfs="ruleForm.sldy.gyfs" /> |
268 | /> | ||
269 | <div class="slxx_title title-block"> | 250 | <div class="slxx_title title-block"> |
270 | 登记原因 | 251 | 登记原因 |
271 | <div class="triangle"></div> | 252 | <div class="triangle"></div> |
... | @@ -279,8 +260,7 @@ | ... | @@ -279,8 +260,7 @@ |
279 | maxlength="500" | 260 | maxlength="500" |
280 | show-word-limit | 261 | show-word-limit |
281 | :disabled="!viewEdit" | 262 | :disabled="!viewEdit" |
282 | v-model="ruleForm.ygdj.djyy" | 263 | v-model="ruleForm.ygdj.djyy"> |
283 | > | ||
284 | </el-input> | 264 | </el-input> |
285 | </el-form-item> | 265 | </el-form-item> |
286 | </el-col> | 266 | </el-col> |
... | @@ -295,236 +275,239 @@ | ... | @@ -295,236 +275,239 @@ |
295 | </div> | 275 | </div> |
296 | </template> | 276 | </template> |
297 | <script> | 277 | <script> |
298 | import ywmix from "@/views/ywbl/mixin/index"; | 278 | import ywmix from "@/views/ywbl/mixin/index"; |
299 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 279 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
300 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; | 280 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; |
301 | import { mapGetters } from "vuex"; | 281 | import { mapGetters } from "vuex"; |
302 | export default { | 282 | export default { |
303 | mixins: [ywmix], | 283 | mixins: [ywmix], |
304 | created() { | 284 | mounted () { |
305 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 285 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
306 | this.propsParam = this.$attrs; | 286 | this.propsParam = this.$attrs; |
307 | this.$startLoading(); | 287 | this.loading = true |
308 | var formdata = new FormData(); | 288 | var formdata = new FormData(); |
309 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 289 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
310 | formdata.append("djlx", this.propsParam.djlx); | 290 | formdata.append("djlx", this.propsParam.djlx); |
311 | formdata.append("isEdit", this.viewEdit); | 291 | formdata.append("isEdit", this.viewEdit); |
312 | Init(formdata).then((res) => { | 292 | Init(formdata).then((res) => { |
313 | if (res.code === 200 && res.result) { | 293 | if (res.code === 200 && res.result) { |
314 | this.ruleForm = res.result; | 294 | this.ruleForm = res.result; |
315 | this.czrOptions = this.ruleForm.qlrList; | 295 | this.czrOptions = this.ruleForm.qlrList; |
316 | this.$endLoading(); | 296 | this.ruleForm.qlrList.forEach((item) => { |
317 | this.ruleForm.qlrList.forEach((item) => { | 297 | if (item.sfczr == 1) { |
318 | if (item.sfczr == 1) { | 298 | this.czr = item.sqrmc |
319 | this.czr = item.sqrmc; | 299 | } |
320 | } | 300 | }) |
321 | }); | 301 | setTimeout(() => { |
322 | } | 302 | this.loading = false |
323 | }); | 303 | }, 200) |
324 | }, | 304 | } |
325 | components: { qlrCommonTable }, | 305 | }) |
326 | computed: { | ||
327 | ...mapGetters(["dictData", "flag"]), | ||
328 | }, | ||
329 | data() { | ||
330 | return { | ||
331 | mjdw: "1", | ||
332 | //表单是否可操作 | ||
333 | viewEdit: true, | ||
334 | disabled: true, | ||
335 | tdytOption: [], | ||
336 | czrOptions: [], | ||
337 | czr: "", | ||
338 | ruleForm: { | ||
339 | qlxx: {}, | ||
340 | sldy: {}, | ||
341 | slsq: {}, | ||
342 | ygdj: {}, | ||
343 | zdjbxx: {}, | ||
344 | }, | ||
345 | //传递参数 | ||
346 | propsParam: this.$attrs, | ||
347 | rules: {}, | ||
348 | }; | ||
349 | }, | ||
350 | methods: { | ||
351 | /** | ||
352 | * @description: 更新权利人信息 | ||
353 | * @param {*} val | ||
354 | * @author: renchao | ||
355 | */ | ||
356 | upDateQlrxxList(val) { | ||
357 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
358 | this.czrOptions = this.ruleForm.qlrList; | ||
359 | }, | 306 | }, |
360 | /** | 307 | components: { qlrCommonTable }, |
361 | * @description: 更新业务人信息 | 308 | computed: { |
362 | * @param {*} val | 309 | ...mapGetters(["dictData", "flag"]), |
363 | * @author: renchao | ||
364 | */ | ||
365 | upDateYwrxxList(val) { | ||
366 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
367 | }, | 310 | }, |
368 | // 是否持证人变化 | 311 | data () { |
369 | /** | 312 | return { |
370 | * @description: 是否持证人变化 | 313 | loading: false, |
371 | * @param {*} val | 314 | mjdw: "1", |
372 | * @author: renchao | 315 | //表单是否可操作 |
373 | */ | 316 | viewEdit: true, |
374 | updaterow() { | 317 | disabled: true, |
375 | this.czr = ""; | 318 | tdytOption: [], |
319 | czrOptions: [], | ||
320 | czr: "", | ||
321 | ruleForm: { | ||
322 | qlxx: {}, | ||
323 | sldy: {}, | ||
324 | slsq: {}, | ||
325 | ygdj: {}, | ||
326 | zdjbxx: {}, | ||
327 | }, | ||
328 | //传递参数 | ||
329 | propsParam: this.$attrs, | ||
330 | rules: {}, | ||
331 | }; | ||
376 | }, | 332 | }, |
377 | /** | 333 | methods: { |
378 | * @description: onSubmit | 334 | /** |
379 | * @author: renchao | 335 | * @description: 更新权利人信息 |
380 | */ | 336 | * @param {*} val |
381 | onSubmit() { | 337 | * @author: renchao |
382 | let that = this; | 338 | */ |
383 | if (this.ruleForm.qlrList.length == 0) { | 339 | upDateQlrxxList (val) { |
384 | this.$message({ | 340 | this.ruleForm.qlrList = _.cloneDeep(val); |
385 | showClose: true, | 341 | this.czrOptions = this.ruleForm.qlrList; |
386 | message: "请确认权利人信息", | 342 | }, |
387 | type: "error", | 343 | /** |
388 | }); | 344 | * @description: 更新业务人信息 |
389 | return false; | 345 | * @param {*} val |
390 | } | 346 | * @author: renchao |
391 | 347 | */ | |
392 | if (this.ruleForm.sldy.gyfs == "0") { | 348 | upDateYwrxxList (val) { |
393 | if (this.ruleForm.qlrList.length > 1) { | 349 | this.ruleForm.ywrList = _.cloneDeep(val); |
394 | this.$message({ | 350 | }, |
395 | showClose: true, | 351 | // 是否持证人变化 |
396 | message: "共有方式:单独所有,权利人只能是一个人", | 352 | /** |
397 | type: "error", | 353 | * @description: 是否持证人变化 |
398 | }); | 354 | * @param {*} val |
399 | return false; | 355 | * @author: renchao |
400 | } | 356 | */ |
401 | this.ruleForm.qlrList[0].sfczr = "1"; | 357 | updaterow () { |
402 | } else { | 358 | this.czr = ""; |
403 | if (this.ruleForm.qlrList.length <= 1) { | 359 | }, |
360 | /** | ||
361 | * @description: onSubmit | ||
362 | * @author: renchao | ||
363 | */ | ||
364 | onSubmit () { | ||
365 | let that = this; | ||
366 | if (this.ruleForm.qlrList.length == 0) { | ||
404 | this.$message({ | 367 | this.$message({ |
405 | showClose: true, | 368 | showClose: true, |
406 | message: | 369 | message: "请确认权利人信息", |
407 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
408 | type: "error", | 370 | type: "error", |
409 | }); | 371 | }); |
410 | return false; | 372 | return false; |
411 | } | 373 | } |
412 | //是否分别持证 | 374 | |
413 | if (this.ruleForm.sldy.sqfbcz == "1") { | 375 | if (this.ruleForm.sldy.gyfs == "0") { |
414 | //是 | 376 | if (this.ruleForm.qlrList.length > 1) { |
415 | this.ruleForm.qlrList.forEach((item, index) => { | 377 | this.$message({ |
416 | item.sfczr = "1"; | 378 | showClose: true, |
417 | }); | 379 | message: "共有方式:单独所有,权利人只能是一个人", |
380 | type: "error", | ||
381 | }); | ||
382 | return false; | ||
383 | } | ||
384 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
418 | } else { | 385 | } else { |
419 | if (!that.czr) { | 386 | if (this.ruleForm.qlrList.length <= 1) { |
420 | that.$message({ | 387 | this.$message({ |
421 | showClose: true, | 388 | showClose: true, |
422 | message: "请选择持证人", | 389 | message: |
390 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
423 | type: "error", | 391 | type: "error", |
424 | }); | 392 | }); |
425 | return false; | 393 | return false; |
426 | } | 394 | } |
427 | this.ruleForm.qlrList.forEach((item, index) => { | 395 | //是否分别持证 |
428 | if (item.zjh == this.czr) { | 396 | if (this.ruleForm.sldy.sqfbcz == "1") { |
397 | //是 | ||
398 | this.ruleForm.qlrList.forEach((item, index) => { | ||
429 | item.sfczr = "1"; | 399 | item.sfczr = "1"; |
430 | } else { | 400 | }); |
431 | item.sfczr = "0"; | 401 | } else { |
402 | if (!that.czr) { | ||
403 | that.$message({ | ||
404 | showClose: true, | ||
405 | message: "请选择持证人", | ||
406 | type: "error", | ||
407 | }); | ||
408 | return false; | ||
432 | } | 409 | } |
433 | }); | 410 | this.ruleForm.qlrList.forEach((item, index) => { |
434 | } | 411 | if (item.zjh == this.czr) { |
435 | } | 412 | item.sfczr = "1"; |
436 | saveData(this.ruleForm).then((res) => { | 413 | } else { |
437 | if (res.code === 200) { | 414 | item.sfczr = "0"; |
438 | this.$message({ | 415 | } |
439 | showClose: true, | 416 | }); |
440 | message: "保存成功!", | 417 | } |
441 | type: "success", | ||
442 | }); | ||
443 | this.$store.dispatch("user/refreshPage", true); | ||
444 | } else { | ||
445 | this.$message({ | ||
446 | showClose: true, | ||
447 | message: res.message, | ||
448 | type: "error", | ||
449 | }); | ||
450 | } | 418 | } |
451 | }); | 419 | saveData(this.ruleForm).then((res) => { |
420 | if (res.code === 200) { | ||
421 | this.$message({ | ||
422 | showClose: true, | ||
423 | message: "保存成功!", | ||
424 | type: "success", | ||
425 | }); | ||
426 | this.$store.dispatch("user/refreshPage", true); | ||
427 | } else { | ||
428 | this.$message({ | ||
429 | showClose: true, | ||
430 | message: res.message, | ||
431 | type: "error", | ||
432 | }); | ||
433 | } | ||
434 | }); | ||
435 | }, | ||
452 | }, | 436 | }, |
453 | }, | 437 | }; |
454 | }; | ||
455 | </script> | 438 | </script> |
456 | <style scoped lang="scss"> | 439 | <style scoped lang="scss"> |
457 | @import "~@/styles/public.scss"; | 440 | @import "~@/styles/public.scss"; |
458 | 441 | ||
459 | /deep/.el-form { | 442 | /deep/.el-form { |
460 | display: flex; | 443 | display: flex; |
461 | flex-direction: column; | 444 | flex-direction: column; |
462 | height: calc(100vh - 130px); | 445 | height: calc(100vh - 130px); |
463 | } | 446 | } |
464 | 447 | ||
465 | /deep/.el-form-item__label { | 448 | /deep/.el-form-item__label { |
466 | padding: 0; | 449 | padding: 0; |
467 | } | 450 | } |
468 | 451 | ||
469 | /deep/.el-radio { | 452 | /deep/.el-radio { |
470 | margin-right: 10px; | 453 | margin-right: 10px; |
471 | } | 454 | } |
472 | 455 | ||
473 | /deep/.el-select { | 456 | /deep/.el-select { |
474 | width: 100%; | 457 | width: 100%; |
475 | } | 458 | } |
476 | 459 | ||
477 | /deep/.el-form-item { | 460 | /deep/.el-form-item { |
478 | margin-bottom: 8px; | 461 | margin-bottom: 8px; |
479 | } | 462 | } |
480 | 463 | ||
481 | .marginBot0 { | 464 | .marginBot0 { |
482 | margin-bottom: 0 !important; | 465 | margin-bottom: 0 !important; |
483 | } | 466 | } |
484 | 467 | ||
485 | .slxx { | 468 | .slxx { |
486 | box-sizing: border-box; | 469 | box-sizing: border-box; |
487 | } | 470 | } |
488 | 471 | ||
489 | .slxx_con { | 472 | .slxx_con { |
490 | flex: 1; | 473 | flex: 1; |
491 | height: 100%; | 474 | height: 100%; |
492 | background-color: #ffffff; | 475 | background-color: #ffffff; |
493 | overflow-y: auto; | 476 | overflow-y: auto; |
494 | padding-right: 3px; | 477 | padding-right: 3px; |
495 | overflow-x: hidden; | 478 | overflow-x: hidden; |
496 | } | 479 | } |
497 | 480 | ||
498 | .submit_btn { | 481 | .submit_btn { |
499 | height: 50px; | 482 | height: 50px; |
500 | } | 483 | } |
501 | 484 | ||
502 | .slxx_title { | 485 | .slxx_title { |
503 | border-bottom: 1px solid $borderColor; | 486 | border-bottom: 1px solid $borderColor; |
504 | padding-left: 10px; | 487 | padding-left: 10px; |
505 | padding-bottom: 5px; | 488 | padding-bottom: 5px; |
506 | margin-bottom: 10px; | 489 | margin-bottom: 10px; |
507 | margin-top: 5px; | 490 | margin-top: 5px; |
508 | font-size: 16px; | 491 | font-size: 16px; |
509 | font-weight: 500; | 492 | font-weight: 500; |
510 | color: #4a4a4a; | 493 | color: #4a4a4a; |
511 | } | 494 | } |
512 | 495 | ||
513 | .btn { | 496 | .btn { |
514 | text-align: center; | 497 | text-align: center; |
515 | padding-top: 10px; | 498 | padding-top: 10px; |
516 | height: 36px; | 499 | height: 36px; |
517 | background-color: #ffffff; | 500 | background-color: #ffffff; |
518 | padding: 5px 0; | 501 | padding: 5px 0; |
519 | } | 502 | } |
520 | 503 | ||
521 | .textArea { | 504 | .textArea { |
522 | /deep/.el-textarea__inner { | 505 | /deep/.el-textarea__inner { |
523 | min-height: 90px !important; | 506 | min-height: 90px !important; |
507 | } | ||
524 | } | 508 | } |
525 | } | ||
526 | 509 | ||
527 | /deep/.el-form-item__label { | 510 | /deep/.el-form-item__label { |
528 | padding-bottom: 0px; | 511 | padding-bottom: 0px; |
529 | } | 512 | } |
530 | </style> | 513 | </style> | ... | ... |
... | @@ -8,8 +8,7 @@ | ... | @@ -8,8 +8,7 @@ |
8 | ref="ruleForm" | 8 | ref="ruleForm" |
9 | :label-position="flag ? 'top' : ''" | 9 | :label-position="flag ? 'top' : ''" |
10 | :inline="flag" | 10 | :inline="flag" |
11 | label-width="120px" | 11 | label-width="120px"> |
12 | > | ||
13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
14 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
15 | 申请业务信息 | 14 | 申请业务信息 |
... | @@ -51,8 +50,7 @@ | ... | @@ -51,8 +50,7 @@ |
51 | </el-row> | 50 | </el-row> |
52 | <div | 51 | <div |
53 | class="slxx_title title-block flex" | 52 | class="slxx_title title-block flex" |
54 | style="justify-content: space-between" | 53 | style="justify-content: space-between"> |
55 | > | ||
56 | 不动产单元情况 | 54 | 不动产单元情况 |
57 | <el-button @click="compare">变化情况对比+</el-button> | 55 | <el-button @click="compare">变化情况对比+</el-button> |
58 | </div> | 56 | </div> |
... | @@ -113,8 +111,7 @@ | ... | @@ -113,8 +111,7 @@ |
113 | <el-input | 111 | <el-input |
114 | disabled | 112 | disabled |
115 | v-model.number="ruleForm.ygdj.zcs" | 113 | v-model.number="ruleForm.ygdj.zcs" |
116 | oninput="value=value.replace(/[^0-9]/g,'')" | 114 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
117 | ></el-input> | ||
118 | </el-form-item> | 115 | </el-form-item> |
119 | </el-col> | 116 | </el-col> |
120 | </el-row> | 117 | </el-row> |
... | @@ -127,8 +124,7 @@ | ... | @@ -127,8 +124,7 @@ |
127 | <el-form-item label="共有方式:"> | 124 | <el-form-item label="共有方式:"> |
128 | <el-radio-group | 125 | <el-radio-group |
129 | :disabled="!viewEdit" | 126 | :disabled="!viewEdit" |
130 | v-model="ruleForm.sldy.gyfs" | 127 | v-model="ruleForm.sldy.gyfs"> |
131 | > | ||
132 | <el-radio label="0">单独所有</el-radio> | 128 | <el-radio label="0">单独所有</el-radio> |
133 | <el-radio label="1">共同共有</el-radio> | 129 | <el-radio label="1">共同共有</el-radio> |
134 | <el-radio label="2">按份所有</el-radio> | 130 | <el-radio label="2">按份所有</el-radio> |
... | @@ -141,8 +137,7 @@ | ... | @@ -141,8 +137,7 @@ |
141 | <el-radio-group | 137 | <el-radio-group |
142 | v-model="ruleForm.sldy.sqfbcz" | 138 | v-model="ruleForm.sldy.sqfbcz" |
143 | :disabled="!viewEdit" | 139 | :disabled="!viewEdit" |
144 | @input="updaterow()" | 140 | @input="updaterow()"> |
145 | > | ||
146 | <el-radio :label="1">是</el-radio> | 141 | <el-radio :label="1">是</el-radio> |
147 | <el-radio :label="0">否</el-radio> | 142 | <el-radio :label="0">否</el-radio> |
148 | </el-radio-group> | 143 | </el-radio-group> |
... | @@ -150,20 +145,17 @@ | ... | @@ -150,20 +145,17 @@ |
150 | </el-col> | 145 | </el-col> |
151 | <el-col | 146 | <el-col |
152 | :span="6" | 147 | :span="6" |
153 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 148 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
154 | > | ||
155 | <el-form-item label="持证人:"> | 149 | <el-form-item label="持证人:"> |
156 | <el-select | 150 | <el-select |
157 | v-model="czr" | 151 | v-model="czr" |
158 | placeholder="持证人" | 152 | placeholder="持证人" |
159 | :disabled="!viewEdit" | 153 | :disabled="!viewEdit"> |
160 | > | ||
161 | <el-option | 154 | <el-option |
162 | v-for="item in czrOptions" | 155 | v-for="item in czrOptions" |
163 | :key="item.zjh" | 156 | :key="item.zjh" |
164 | :label="item.sqrmc" | 157 | :label="item.sqrmc" |
165 | :value="item.zjh" | 158 | :value="item.zjh"> |
166 | > | ||
167 | </el-option> | 159 | </el-option> |
168 | </el-select> | 160 | </el-select> |
169 | </el-form-item> | 161 | </el-form-item> |
... | @@ -173,8 +165,7 @@ | ... | @@ -173,8 +165,7 @@ |
173 | @upDateQlrxxList="upDateQlrxxList" | 165 | @upDateQlrxxList="upDateQlrxxList" |
174 | :tableData="ruleForm.qlrList" | 166 | :tableData="ruleForm.qlrList" |
175 | :disabled="viewEdit" | 167 | :disabled="viewEdit" |
176 | :gyfs="ruleForm.sldy.gyfs" | 168 | :gyfs="ruleForm.sldy.gyfs" /> |
177 | /> | ||
178 | <div class="slxx_title title-block"> | 169 | <div class="slxx_title title-block"> |
179 | 义务人信息 | 170 | 义务人信息 |
180 | <div class="triangle"></div> | 171 | <div class="triangle"></div> |
... | @@ -183,8 +174,7 @@ | ... | @@ -183,8 +174,7 @@ |
183 | @upDateQlrxxList="upDateYwrxxList" | 174 | @upDateQlrxxList="upDateYwrxxList" |
184 | :tableData="ruleForm.ywrList" | 175 | :tableData="ruleForm.ywrList" |
185 | :disabled="viewEdit" | 176 | :disabled="viewEdit" |
186 | :gyfs="ruleForm.sldy.gyfs" | 177 | :gyfs="ruleForm.sldy.gyfs" /> |
187 | /> | ||
188 | <div class="slxx_title title-block"> | 178 | <div class="slxx_title title-block"> |
189 | 登记原因 | 179 | 登记原因 |
190 | <div class="triangle"></div> | 180 | <div class="triangle"></div> |
... | @@ -198,8 +188,7 @@ | ... | @@ -198,8 +188,7 @@ |
198 | maxlength="500" | 188 | maxlength="500" |
199 | show-word-limit | 189 | show-word-limit |
200 | :disabled="!viewEdit" | 190 | :disabled="!viewEdit" |
201 | v-model="ruleForm.ygdj.djyy" | 191 | v-model="ruleForm.ygdj.djyy"> |
202 | > | ||
203 | </el-input> | 192 | </el-input> |
204 | </el-form-item> | 193 | </el-form-item> |
205 | </el-col> | 194 | </el-col> |
... | @@ -214,258 +203,257 @@ | ... | @@ -214,258 +203,257 @@ |
214 | </div> | 203 | </div> |
215 | </template> | 204 | </template> |
216 | <script> | 205 | <script> |
217 | import ywmix from "@/views/ywbl/mixin/index"; | 206 | import ywmix from "@/views/ywbl/mixin/index"; |
218 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 207 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
219 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; | 208 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; |
220 | import { mapGetters } from "vuex"; | 209 | import { mapGetters } from "vuex"; |
221 | export default { | 210 | export default { |
222 | mixins: [ywmix], | 211 | mixins: [ywmix], |
223 | mounted() { | 212 | mounted () { |
224 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 213 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
225 | this.propsParam = this.$attrs; | 214 | this.propsParam = this.$attrs; |
226 | var formdata = new FormData(); | 215 | var formdata = new FormData(); |
227 | this.$startLoading(); | 216 | this.$startLoading(); |
228 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 217 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
229 | formdata.append("djlx", this.propsParam.djlx); | 218 | formdata.append("djlx", this.propsParam.djlx); |
230 | formdata.append("isEdit", this.viewEdit); | 219 | formdata.append("isEdit", this.viewEdit); |
231 | Init(formdata).then((res) => { | 220 | Init(formdata).then((res) => { |
232 | if (res.code === 200 && res.result) { | 221 | if (res.code === 200 && res.result) { |
233 | this.$endLoading(); | 222 | this.$endLoading(); |
234 | this.ruleForm = res.result; | 223 | this.ruleForm = res.result; |
235 | this.czrOptions = this.ruleForm.qlrList; | 224 | this.czrOptions = this.ruleForm.qlrList; |
236 | this.ruleForm.qlrList.forEach((item) => { | 225 | this.ruleForm.qlrList.forEach((item) => { |
237 | if (item.sfczr == 1) { | 226 | if (item.sfczr == 1) { |
238 | this.czr = item.sqrmc; | 227 | this.czr = item.sqrmc; |
239 | } | 228 | } |
240 | }); | 229 | }); |
241 | } | 230 | } |
242 | }); | ||
243 | }, | ||
244 | components: { qlrCommonTable }, | ||
245 | computed: { | ||
246 | ...mapGetters(["dictData", "flag"]), | ||
247 | }, | ||
248 | data() { | ||
249 | return { | ||
250 | //表单是否可操作 | ||
251 | viewEdit: true, | ||
252 | disabled: true, | ||
253 | tdytOption: [], | ||
254 | czrOptions: [], | ||
255 | czr: "", | ||
256 | ruleForm: {}, | ||
257 | //传递参数 | ||
258 | propsParam: this.$attrs, | ||
259 | rules: {}, | ||
260 | }; | ||
261 | }, | ||
262 | methods: { | ||
263 | /** | ||
264 | * @description: onClick | ||
265 | * @author: renchao | ||
266 | */ | ||
267 | onClick() { | ||
268 | this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", { | ||
269 | formData: { | ||
270 | bsmSldy: this.propsParam.bsmSldy, | ||
271 | qllx: this.propsParam.qllx, | ||
272 | }, | ||
273 | }); | 231 | }); |
274 | }, | 232 | }, |
275 | /** | 233 | components: { qlrCommonTable }, |
276 | * @description: 更新权利人信息 | 234 | computed: { |
277 | * @param {*} val | 235 | ...mapGetters(["dictData", "flag"]), |
278 | * @author: renchao | ||
279 | */ | ||
280 | upDateQlrxxList(val) { | ||
281 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
282 | this.czrOptions = this.ruleForm.qlrList; | ||
283 | }, | ||
284 | // 是否持证人变化 | ||
285 | /** | ||
286 | * @description: 是否持证人变化 | ||
287 | * @param {*} val | ||
288 | * @author: renchao | ||
289 | */ | ||
290 | updaterow() { | ||
291 | this.czr = ""; | ||
292 | }, | 236 | }, |
293 | /** | 237 | data () { |
294 | * @description: 更新业务人信息 | 238 | return { |
295 | * @param {*} val | 239 | //表单是否可操作 |
296 | * @author: renchao | 240 | viewEdit: true, |
297 | */ | 241 | disabled: true, |
298 | upDateYwrxxList(val) { | 242 | tdytOption: [], |
299 | this.ruleForm.ywrList = _.cloneDeep(val); | 243 | czrOptions: [], |
244 | czr: "", | ||
245 | ruleForm: {}, | ||
246 | //传递参数 | ||
247 | propsParam: this.$attrs, | ||
248 | rules: {}, | ||
249 | }; | ||
300 | }, | 250 | }, |
301 | 251 | methods: { | |
302 | /** | 252 | /** |
303 | * @description: onSubmit | 253 | * @description: onClick |
304 | * @author: renchao | 254 | * @author: renchao |
305 | */ | 255 | */ |
306 | onSubmit() { | 256 | onClick () { |
307 | let that = this; | 257 | this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", { |
308 | if (this.ruleForm.qlrList.length == 0) { | 258 | formData: { |
309 | this.$message({ | 259 | bsmSldy: this.propsParam.bsmSldy, |
310 | showClose: true, | 260 | qllx: this.propsParam.qllx, |
311 | message: "请确认权利人信息", | 261 | }, |
312 | type: "error", | ||
313 | }); | 262 | }); |
314 | return false; | 263 | }, |
315 | } | 264 | /** |
265 | * @description: 更新权利人信息 | ||
266 | * @param {*} val | ||
267 | * @author: renchao | ||
268 | */ | ||
269 | upDateQlrxxList (val) { | ||
270 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
271 | this.czrOptions = this.ruleForm.qlrList; | ||
272 | }, | ||
273 | /** | ||
274 | * @description: 是否持证人变化 | ||
275 | * @param {*} val | ||
276 | * @author: renchao | ||
277 | */ | ||
278 | updaterow () { | ||
279 | this.czr = ""; | ||
280 | }, | ||
281 | /** | ||
282 | * @description: 更新业务人信息 | ||
283 | * @param {*} val | ||
284 | * @author: renchao | ||
285 | */ | ||
286 | upDateYwrxxList (val) { | ||
287 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
288 | }, | ||
316 | 289 | ||
317 | if (this.ruleForm.sldy.gyfs == "0") { | 290 | /** |
318 | if (this.ruleForm.qlrList.length > 1) { | 291 | * @description: onSubmit |
292 | * @author: renchao | ||
293 | */ | ||
294 | onSubmit () { | ||
295 | let that = this; | ||
296 | if (this.ruleForm.qlrList.length == 0) { | ||
319 | this.$message({ | 297 | this.$message({ |
320 | showClose: true, | 298 | showClose: true, |
321 | message: "共有方式:单独所有,权利人只能是一个人", | 299 | message: "请确认权利人信息", |
322 | type: "error", | 300 | type: "error", |
323 | }); | 301 | }); |
324 | return false; | 302 | return false; |
325 | } | 303 | } |
326 | this.ruleForm.qlrList[0].sfczr = "1"; | 304 | |
327 | } else { | 305 | if (this.ruleForm.sldy.gyfs == "0") { |
328 | if (this.ruleForm.qlrList.length <= 1) { | 306 | if (this.ruleForm.qlrList.length > 1) { |
329 | this.$message({ | 307 | this.$message({ |
330 | showClose: true, | 308 | showClose: true, |
331 | message: | 309 | message: "共有方式:单独所有,权利人只能是一个人", |
332 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 310 | type: "error", |
333 | type: "error", | 311 | }); |
334 | }); | 312 | return false; |
335 | return false; | 313 | } |
336 | } | 314 | this.ruleForm.qlrList[0].sfczr = "1"; |
337 | //是否分别持证 | ||
338 | if (this.ruleForm.sldy.sqfbcz == "1") { | ||
339 | //是 | ||
340 | this.ruleForm.qlrList.forEach((item, index) => { | ||
341 | item.sfczr = "1"; | ||
342 | }); | ||
343 | } else { | 315 | } else { |
344 | if (!that.czr) { | 316 | if (this.ruleForm.qlrList.length <= 1) { |
345 | that.$message({ | 317 | this.$message({ |
346 | showClose: true, | 318 | showClose: true, |
347 | message: "请选择持证人", | 319 | message: |
320 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
348 | type: "error", | 321 | type: "error", |
349 | }); | 322 | }); |
350 | return false; | 323 | return false; |
351 | } | 324 | } |
352 | this.ruleForm.qlrList.forEach((item, index) => { | 325 | //是否分别持证 |
353 | if (item.zjh == this.czr) { | 326 | if (this.ruleForm.sldy.sqfbcz == "1") { |
327 | //是 | ||
328 | this.ruleForm.qlrList.forEach((item, index) => { | ||
354 | item.sfczr = "1"; | 329 | item.sfczr = "1"; |
355 | } else { | 330 | }); |
356 | item.sfczr = "0"; | 331 | } else { |
332 | if (!that.czr) { | ||
333 | that.$message({ | ||
334 | showClose: true, | ||
335 | message: "请选择持证人", | ||
336 | type: "error", | ||
337 | }); | ||
338 | return false; | ||
357 | } | 339 | } |
358 | }); | 340 | this.ruleForm.qlrList.forEach((item, index) => { |
359 | } | 341 | if (item.zjh == this.czr) { |
360 | } | 342 | item.sfczr = "1"; |
361 | saveData(this.ruleForm).then((res) => { | 343 | } else { |
362 | if (res.code === 200) { | 344 | item.sfczr = "0"; |
363 | this.$message({ | 345 | } |
364 | showClose: true, | 346 | }); |
365 | message: "保存成功!", | 347 | } |
366 | type: "success", | ||
367 | }); | ||
368 | this.$store.dispatch("user/refreshPage", true); | ||
369 | } else { | ||
370 | this.$message({ | ||
371 | showClose: true, | ||
372 | message: res.message, | ||
373 | type: "error", | ||
374 | }); | ||
375 | } | 348 | } |
376 | }); | 349 | saveData(this.ruleForm).then((res) => { |
377 | }, | 350 | if (res.code === 200) { |
378 | /** | 351 | this.$message({ |
379 | * @description: compare | 352 | showClose: true, |
380 | * @author: renchao | 353 | message: "保存成功!", |
381 | */ | 354 | type: "success", |
382 | compare() { | 355 | }); |
383 | this.$popupDialog( | 356 | this.$store.dispatch("user/refreshPage", true); |
384 | this.ruleForm.qlxx.qllxmc, | 357 | } else { |
385 | "registerBook/comparison", | 358 | this.$message({ |
386 | { | 359 | showClose: true, |
387 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 360 | message: res.message, |
388 | dqqllx: "YGDJ", | 361 | type: "error", |
389 | }, | 362 | }); |
390 | "80%", | 363 | } |
391 | true | 364 | }); |
392 | ); | 365 | }, |
366 | /** | ||
367 | * @description: compare | ||
368 | * @author: renchao | ||
369 | */ | ||
370 | compare () { | ||
371 | this.$popupDialog( | ||
372 | this.ruleForm.qlxx.qllxmc, | ||
373 | "registerBook/comparison", | ||
374 | { | ||
375 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
376 | dqqllx: "YGDJ", | ||
377 | }, | ||
378 | "80%", | ||
379 | true | ||
380 | ); | ||
381 | }, | ||
393 | }, | 382 | }, |
394 | }, | 383 | }; |
395 | }; | ||
396 | </script> | 384 | </script> |
397 | <style scoped lang="scss"> | 385 | <style scoped lang="scss"> |
398 | @import "~@/styles/public.scss"; | 386 | @import "~@/styles/public.scss"; |
399 | 387 | ||
400 | /deep/.el-form { | 388 | /deep/.el-form { |
401 | display: flex; | 389 | display: flex; |
402 | flex-direction: column; | 390 | flex-direction: column; |
403 | height: calc(100vh - 130px); | 391 | height: calc(100vh - 130px); |
404 | } | 392 | } |
405 | 393 | ||
406 | /deep/.el-form-item__label { | 394 | /deep/.el-form-item__label { |
407 | padding: 0; | 395 | padding: 0; |
408 | } | 396 | } |
409 | 397 | ||
410 | /deep/.el-radio { | 398 | /deep/.el-radio { |
411 | margin-right: 10px; | 399 | margin-right: 10px; |
412 | } | 400 | } |
413 | 401 | ||
414 | /deep/.el-select { | 402 | /deep/.el-select { |
415 | width: 100%; | 403 | width: 100%; |
416 | } | 404 | } |
417 | 405 | ||
418 | /deep/.el-form-item { | 406 | /deep/.el-form-item { |
419 | margin-bottom: 8px; | 407 | margin-bottom: 8px; |
420 | } | 408 | } |
421 | 409 | ||
422 | .marginBot0 { | 410 | .marginBot0 { |
423 | margin-bottom: 0 !important; | 411 | margin-bottom: 0 !important; |
424 | } | 412 | } |
425 | 413 | ||
426 | .slxx { | 414 | .slxx { |
427 | box-sizing: border-box; | 415 | box-sizing: border-box; |
428 | } | 416 | } |
429 | 417 | ||
430 | .slxx_con { | 418 | .slxx_con { |
431 | flex: 1; | 419 | flex: 1; |
432 | height: 100%; | 420 | height: 100%; |
433 | background-color: #ffffff; | 421 | background-color: #ffffff; |
434 | overflow-y: auto; | 422 | overflow-y: auto; |
435 | padding-right: 3px; | 423 | padding-right: 3px; |
436 | overflow-x: hidden; | 424 | overflow-x: hidden; |
437 | } | 425 | } |
438 | 426 | ||
439 | .submit_btn { | 427 | .submit_btn { |
440 | height: 50px; | 428 | height: 50px; |
441 | } | 429 | } |
442 | 430 | ||
443 | .slxx_title { | 431 | .slxx_title { |
444 | border-bottom: 1px solid $borderColor; | 432 | border-bottom: 1px solid $borderColor; |
445 | padding-left: 10px; | 433 | padding-left: 10px; |
446 | padding-bottom: 5px; | 434 | padding-bottom: 5px; |
447 | margin-bottom: 10px; | 435 | margin-bottom: 10px; |
448 | margin-top: 5px; | 436 | margin-top: 5px; |
449 | font-size: 16px; | 437 | font-size: 16px; |
450 | font-weight: 500; | 438 | font-weight: 500; |
451 | color: #4a4a4a; | 439 | color: #4a4a4a; |
452 | } | 440 | } |
453 | 441 | ||
454 | .btn { | 442 | .btn { |
455 | text-align: center; | 443 | text-align: center; |
456 | padding-top: 10px; | 444 | padding-top: 10px; |
457 | height: 36px; | 445 | height: 36px; |
458 | background-color: #ffffff; | 446 | background-color: #ffffff; |
459 | padding: 5px 0; | 447 | padding: 5px 0; |
460 | } | 448 | } |
461 | 449 | ||
462 | .textArea { | 450 | .textArea { |
463 | /deep/.el-textarea__inner { | 451 | /deep/.el-textarea__inner { |
464 | min-height: 90px !important; | 452 | min-height: 90px !important; |
453 | } | ||
465 | } | 454 | } |
466 | } | ||
467 | 455 | ||
468 | /deep/.el-form-item__label { | 456 | /deep/.el-form-item__label { |
469 | padding-bottom: 0px; | 457 | padding-bottom: 0px; |
470 | } | 458 | } |
471 | </style> | 459 | </style> | ... | ... |
... | @@ -8,8 +8,7 @@ | ... | @@ -8,8 +8,7 @@ |
8 | ref="ruleForm" | 8 | ref="ruleForm" |
9 | :label-position="flag ? 'top' : ''" | 9 | :label-position="flag ? 'top' : ''" |
10 | :inline="flag" | 10 | :inline="flag" |
11 | label-width="120px" | 11 | label-width="120px"> |
12 | > | ||
13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
14 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
15 | 申请业务信息 | 14 | 申请业务信息 |
... | @@ -60,7 +59,7 @@ | ... | @@ -60,7 +59,7 @@ |
60 | </el-form-item> | 59 | </el-form-item> |
61 | </el-col> | 60 | </el-col> |
62 | <el-col :span="8"> | 61 | <el-col :span="8"> |
63 | <el-form-item label="不动产权证号:"> | 62 | <el-form-item label="不动产登记证明号:"> |
64 | <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> | 63 | <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> |
65 | </el-form-item> | 64 | </el-form-item> |
66 | </el-col> | 65 | </el-col> |
... | @@ -122,7 +121,7 @@ | ... | @@ -122,7 +121,7 @@ |
122 | </div> | 121 | </div> |
123 | <el-row :gutter="10"> | 122 | <el-row :gutter="10"> |
124 | <el-col :span="8"> | 123 | <el-col :span="8"> |
125 | <el-form-item label="原不动产登记证明号:"> | 124 | <el-form-item label="原不动产证号:"> |
126 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | 125 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> |
127 | </el-form-item> | 126 | </el-form-item> |
128 | </el-col> | 127 | </el-col> |
... | @@ -135,8 +134,7 @@ | ... | @@ -135,8 +134,7 @@ |
135 | <el-form-item label="是否存在禁止或限制:"> | 134 | <el-form-item label="是否存在禁止或限制:"> |
136 | <el-input | 135 | <el-input |
137 | v-model="ruleForm.ygdj.sfczjzhxz" | 136 | v-model="ruleForm.ygdj.sfczjzhxz" |
138 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" | 137 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> |
139 | ></el-input> | ||
140 | </el-form-item> | 138 | </el-form-item> |
141 | </el-col> | 139 | </el-col> |
142 | <el-col :span="8"> | 140 | <el-col :span="8"> |
... | @@ -144,19 +142,16 @@ | ... | @@ -144,19 +142,16 @@ |
144 | <div class="flex"> | 142 | <div class="flex"> |
145 | <el-input | 143 | <el-input |
146 | v-model="ruleForm.ygdj.qdjg" | 144 | v-model="ruleForm.ygdj.qdjg" |
147 | :disabled="!viewEdit" | 145 | :disabled="!viewEdit"></el-input> |
148 | ></el-input> | ||
149 | <el-select | 146 | <el-select |
150 | v-model="ruleForm.ygdj.jedw" | 147 | v-model="ruleForm.ygdj.jedw" |
151 | :disabled="!viewEdit" | 148 | :disabled="!viewEdit" |
152 | style="width: 68px" | 149 | style="width: 68px"> |
153 | > | ||
154 | <el-option | 150 | <el-option |
155 | v-for="item in dictData['A57']" | 151 | v-for="item in dictData['A57']" |
156 | :key="item.dcode" | 152 | :key="item.dcode" |
157 | :label="item.dname" | 153 | :label="item.dname" |
158 | :value="item.dcode" | 154 | :value="item.dcode"></el-option> |
159 | ></el-option> | ||
160 | </el-select> | 155 | </el-select> |
161 | </div> | 156 | </div> |
162 | </el-form-item> | 157 | </el-form-item> |
... | @@ -166,8 +161,7 @@ | ... | @@ -166,8 +161,7 @@ |
166 | <el-date-picker | 161 | <el-date-picker |
167 | v-model="ruleForm.ygdj.zwlxqssj" | 162 | v-model="ruleForm.ygdj.zwlxqssj" |
168 | :disabled="!viewEdit" | 163 | :disabled="!viewEdit" |
169 | type="date" | 164 | type="date"></el-date-picker> |
170 | ></el-date-picker> | ||
171 | </el-form-item> | 165 | </el-form-item> |
172 | </el-col> | 166 | </el-col> |
173 | <el-col :span="8"> | 167 | <el-col :span="8"> |
... | @@ -175,8 +169,7 @@ | ... | @@ -175,8 +169,7 @@ |
175 | <el-date-picker | 169 | <el-date-picker |
176 | v-model="ruleForm.ygdj.zwlxjssj" | 170 | v-model="ruleForm.ygdj.zwlxjssj" |
177 | :disabled="!viewEdit" | 171 | :disabled="!viewEdit" |
178 | type="date" | 172 | type="date"></el-date-picker> |
179 | ></el-date-picker> | ||
180 | </el-form-item> | 173 | </el-form-item> |
181 | </el-col> | 174 | </el-col> |
182 | </el-row> | 175 | </el-row> |
... | @@ -185,8 +178,7 @@ | ... | @@ -185,8 +178,7 @@ |
185 | <el-form-item label="担保范围:"> | 178 | <el-form-item label="担保范围:"> |
186 | <el-input | 179 | <el-input |
187 | v-model="ruleForm.ygdj.dbfw" | 180 | v-model="ruleForm.ygdj.dbfw" |
188 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" | 181 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> |
189 | ></el-input> | ||
190 | </el-form-item> | 182 | </el-form-item> |
191 | </el-col> | 183 | </el-col> |
192 | </el-row> | 184 | </el-row> |
... | @@ -198,13 +190,12 @@ | ... | @@ -198,13 +190,12 @@ |
198 | maxlength="500" | 190 | maxlength="500" |
199 | show-word-limit | 191 | show-word-limit |
200 | v-model="ruleForm.ygdj.fj" | 192 | v-model="ruleForm.ygdj.fj" |
201 | :disabled="!viewEdit" | 193 | :disabled="!viewEdit"></el-input> |
202 | ></el-input> | ||
203 | </el-form-item> | 194 | </el-form-item> |
204 | </el-col> | 195 | </el-col> |
205 | </el-row> | 196 | </el-row> |
206 | <div class="slxx_title title-block"> | 197 | <div class="slxx_title title-block"> |
207 | 权利人信息 | 198 | 抵押权人信息 |
208 | <div class="triangle"></div> | 199 | <div class="triangle"></div> |
209 | </div> | 200 | </div> |
210 | <el-row :gutter="10"> | 201 | <el-row :gutter="10"> |
... | @@ -212,8 +203,7 @@ | ... | @@ -212,8 +203,7 @@ |
212 | <el-form-item label="共有方式:"> | 203 | <el-form-item label="共有方式:"> |
213 | <el-radio-group | 204 | <el-radio-group |
214 | :disabled="!viewEdit" | 205 | :disabled="!viewEdit" |
215 | v-model="ruleForm.sldy.gyfs" | 206 | v-model="ruleForm.sldy.gyfs"> |
216 | > | ||
217 | <el-radio label="0">单独所有</el-radio> | 207 | <el-radio label="0">单独所有</el-radio> |
218 | <el-radio label="1">共同共有</el-radio> | 208 | <el-radio label="1">共同共有</el-radio> |
219 | <el-radio label="2">按份所有</el-radio> | 209 | <el-radio label="2">按份所有</el-radio> |
... | @@ -226,8 +216,7 @@ | ... | @@ -226,8 +216,7 @@ |
226 | <el-radio-group | 216 | <el-radio-group |
227 | v-model="ruleForm.sldy.sqfbcz" | 217 | v-model="ruleForm.sldy.sqfbcz" |
228 | :disabled="!viewEdit" | 218 | :disabled="!viewEdit" |
229 | @input="updaterow()" | 219 | @input="updaterow()"> |
230 | > | ||
231 | <el-radio :label="1">是</el-radio> | 220 | <el-radio :label="1">是</el-radio> |
232 | <el-radio :label="0">否</el-radio> | 221 | <el-radio :label="0">否</el-radio> |
233 | </el-radio-group> | 222 | </el-radio-group> |
... | @@ -235,20 +224,17 @@ | ... | @@ -235,20 +224,17 @@ |
235 | </el-col> | 224 | </el-col> |
236 | <el-col | 225 | <el-col |
237 | :span="6" | 226 | :span="6" |
238 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 227 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
239 | > | ||
240 | <el-form-item label="持证人:"> | 228 | <el-form-item label="持证人:"> |
241 | <el-select | 229 | <el-select |
242 | v-model="czr" | 230 | v-model="czr" |
243 | placeholder="持证人" | 231 | placeholder="持证人" |
244 | :disabled="!viewEdit" | 232 | :disabled="!viewEdit"> |
245 | > | ||
246 | <el-option | 233 | <el-option |
247 | v-for="item in czrOptions" | 234 | v-for="item in czrOptions" |
248 | :key="item.zjh" | 235 | :key="item.zjh" |
249 | :label="item.sqrmc" | 236 | :label="item.sqrmc" |
250 | :value="item.zjh" | 237 | :value="item.zjh"></el-option> |
251 | ></el-option> | ||
252 | </el-select> | 238 | </el-select> |
253 | </el-form-item> | 239 | </el-form-item> |
254 | </el-col> | 240 | </el-col> |
... | @@ -257,18 +243,16 @@ | ... | @@ -257,18 +243,16 @@ |
257 | @upDateQlrxxList="upDateQlrxxList" | 243 | @upDateQlrxxList="upDateQlrxxList" |
258 | :tableData="ruleForm.qlrList" | 244 | :tableData="ruleForm.qlrList" |
259 | :disabled="viewEdit" | 245 | :disabled="viewEdit" |
260 | :gyfs="ruleForm.sldy.gyfs" | 246 | :gyfs="ruleForm.sldy.gyfs" /> |
261 | /> | ||
262 | <div class="slxx_title title-block"> | 247 | <div class="slxx_title title-block"> |
263 | 义务人信息 | 248 | 抵押人信息 |
264 | <div class="triangle"></div> | 249 | <div class="triangle"></div> |
265 | </div> | 250 | </div> |
266 | <qlrCommonTable | 251 | <qlrCommonTable |
267 | @upDateQlrxxList="upDateYwrxxList" | 252 | @upDateQlrxxList="upDateYwrxxList" |
268 | :tableData="ruleForm.ywrList" | 253 | :tableData="ruleForm.ywrList" |
269 | :disabled="viewEdit" | 254 | :disabled="viewEdit" |
270 | :gyfs="ruleForm.sldy.gyfs" | 255 | :gyfs="ruleForm.sldy.gyfs" /> |
271 | /> | ||
272 | <div class="slxx_title title-block"> | 256 | <div class="slxx_title title-block"> |
273 | 登记原因 | 257 | 登记原因 |
274 | <div class="triangle"></div> | 258 | <div class="triangle"></div> |
... | @@ -282,8 +266,7 @@ | ... | @@ -282,8 +266,7 @@ |
282 | maxlength="500" | 266 | maxlength="500" |
283 | show-word-limit | 267 | show-word-limit |
284 | :disabled="!viewEdit" | 268 | :disabled="!viewEdit" |
285 | v-model="ruleForm.ygdj.djyy" | 269 | v-model="ruleForm.ygdj.djyy"></el-input> |
286 | ></el-input> | ||
287 | </el-form-item> | 270 | </el-form-item> |
288 | </el-col> | 271 | </el-col> |
289 | </el-row> | 272 | </el-row> |
... | @@ -297,163 +280,162 @@ | ... | @@ -297,163 +280,162 @@ |
297 | </div> | 280 | </div> |
298 | </template> | 281 | </template> |
299 | <script> | 282 | <script> |
300 | import ywmix from "@/views/ywbl/mixin/index"; | 283 | import ywmix from "@/views/ywbl/mixin/index"; |
301 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 284 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
302 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; | 285 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; |
303 | import { mapGetters } from "vuex"; | 286 | import { mapGetters } from "vuex"; |
304 | export default { | 287 | export default { |
305 | mixins: [ywmix], | 288 | mixins: [ywmix], |
306 | created() { | 289 | mounted () { |
307 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 290 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
308 | this.propsParam = this.$attrs; | 291 | this.propsParam = this.$attrs; |
309 | var formdata = new FormData(); | 292 | var formdata = new FormData(); |
310 | let that = this; | ||
311 | this.loading = true; | ||
312 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
313 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
314 | formdata.append("djlx", this.propsParam.djlx); | ||
315 | formdata.append("isEdit", this.viewEdit); | ||
316 | Init(formdata).then((res) => { | ||
317 | if (res.code === 200 && res.result) { | ||
318 | that.ruleForm = res.result; | ||
319 | this.czrOptions = this.ruleForm.qlrList; | ||
320 | this.ruleForm.qlrList.forEach((item) => { | ||
321 | if (item.sfczr == 1) { | ||
322 | this.czr = item.sqrmc; | ||
323 | } | ||
324 | }); | ||
325 | setTimeout(() => { | ||
326 | that.loading = false; | ||
327 | }, 300); | ||
328 | } | ||
329 | }); | ||
330 | }, | ||
331 | components: { qlrCommonTable }, | ||
332 | computed: { | ||
333 | ...mapGetters(["dictData", "flag"]), | ||
334 | }, | ||
335 | data() { | ||
336 | return { | ||
337 | //表单是否可操作 | ||
338 | viewEdit: true, | ||
339 | loading: false, | ||
340 | disabled: true, | ||
341 | tdytOption: [], | ||
342 | czrOptions: [], | ||
343 | czr: "", | ||
344 | ruleForm: {}, | ||
345 | //传递参数 | ||
346 | propsParam: this.$attrs, | ||
347 | rules: {}, | ||
348 | }; | ||
349 | }, | ||
350 | methods: { | ||
351 | /** | ||
352 | * @description: 更新权利人信息 | ||
353 | * @param {*} val | ||
354 | * @author: renchao | ||
355 | */ | ||
356 | upDateQlrxxList(val) { | ||
357 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
358 | this.czrOptions = this.ruleForm.qlrList; | ||
359 | }, | ||
360 | /** | ||
361 | * @description: 义务人信息 | ||
362 | * @param {*} val | ||
363 | * @author: renchao | ||
364 | */ | ||
365 | upDateYwrxxList(val) { | ||
366 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
367 | }, | ||
368 | // 是否持证人变化 | ||
369 | /** | ||
370 | * @description: 是否持证人变化 | ||
371 | * @param {*} val | ||
372 | * @author: renchao | ||
373 | */ | ||
374 | updaterow() { | ||
375 | this.czr = ""; | ||
376 | }, | ||
377 | /** | ||
378 | * @description: onSubmit | ||
379 | * @author: renchao | ||
380 | */ | ||
381 | onSubmit() { | ||
382 | let that = this; | 293 | let that = this; |
383 | if (this.ruleForm.qlrList.length == 0) { | 294 | this.loading = true; |
384 | this.$message({ | 295 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
385 | showClose: true, | 296 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
386 | message: "请确认权利人信息", | 297 | formdata.append("djlx", this.propsParam.djlx); |
387 | type: "error", | 298 | formdata.append("isEdit", this.viewEdit); |
388 | }); | 299 | Init(formdata).then((res) => { |
389 | return false; | 300 | if (res.code === 200 && res.result) { |
390 | } | 301 | that.ruleForm = res.result; |
391 | 302 | this.czrOptions = this.ruleForm.qlrList; | |
392 | if (this.ruleForm.sldy.gyfs == "0") { | 303 | this.ruleForm.qlrList.forEach((item) => { |
393 | if (this.ruleForm.qlrList.length > 1) { | 304 | if (item.sfczr == 1) { |
394 | this.$message({ | 305 | this.czr = item.sqrmc; |
395 | showClose: true, | 306 | } |
396 | message: "共有方式:单独所有,权利人只能是一个人", | ||
397 | type: "error", | ||
398 | }); | 307 | }); |
399 | return false; | 308 | setTimeout(() => { |
309 | this.loading = false | ||
310 | }, 200) | ||
400 | } | 311 | } |
401 | this.ruleForm.qlrList[0].sfczr = "1"; | 312 | }) |
402 | } else { | 313 | }, |
403 | if (this.ruleForm.qlrList.length <= 1) { | 314 | components: { qlrCommonTable }, |
315 | computed: { | ||
316 | ...mapGetters(["dictData", "flag"]) | ||
317 | }, | ||
318 | data () { | ||
319 | return { | ||
320 | //表单是否可操作 | ||
321 | viewEdit: true, | ||
322 | loading: false, | ||
323 | disabled: true, | ||
324 | tdytOption: [], | ||
325 | czrOptions: [], | ||
326 | czr: "", | ||
327 | ruleForm: {}, | ||
328 | //传递参数 | ||
329 | propsParam: this.$attrs, | ||
330 | rules: {} | ||
331 | } | ||
332 | }, | ||
333 | methods: { | ||
334 | /** | ||
335 | * @description: 更新权利人信息 | ||
336 | * @param {*} val | ||
337 | * @author: renchao | ||
338 | */ | ||
339 | upDateQlrxxList (val) { | ||
340 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
341 | this.czrOptions = this.ruleForm.qlrList; | ||
342 | }, | ||
343 | /** | ||
344 | * @description: 义务人信息 | ||
345 | * @param {*} val | ||
346 | * @author: renchao | ||
347 | */ | ||
348 | upDateYwrxxList (val) { | ||
349 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
350 | }, | ||
351 | /** | ||
352 | * @description: 是否持证人变化 | ||
353 | * @param {*} val | ||
354 | * @author: renchao | ||
355 | */ | ||
356 | updaterow () { | ||
357 | this.czr = ""; | ||
358 | }, | ||
359 | /** | ||
360 | * @description: onSubmit | ||
361 | * @author: renchao | ||
362 | */ | ||
363 | onSubmit () { | ||
364 | let that = this; | ||
365 | if (this.ruleForm.qlrList.length == 0) { | ||
404 | this.$message({ | 366 | this.$message({ |
405 | showClose: true, | 367 | showClose: true, |
406 | message: | 368 | message: "请确认权利人信息", |
407 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
408 | type: "error", | 369 | type: "error", |
409 | }); | 370 | }); |
410 | return false; | 371 | return false; |
411 | } | 372 | } |
412 | //是否分别持证 | 373 | |
413 | if (this.ruleForm.sldy.sqfbcz == "1") { | 374 | if (this.ruleForm.sldy.gyfs == "0") { |
414 | //是 | 375 | if (this.ruleForm.qlrList.length > 1) { |
415 | this.ruleForm.qlrList.forEach((item, index) => { | 376 | this.$message({ |
416 | item.sfczr = "1"; | 377 | showClose: true, |
417 | }); | 378 | message: "共有方式:单独所有,权利人只能是一个人", |
379 | type: "error", | ||
380 | }); | ||
381 | return false; | ||
382 | } | ||
383 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
418 | } else { | 384 | } else { |
419 | if (!that.czr) { | 385 | if (this.ruleForm.qlrList.length <= 1) { |
420 | that.$message({ | 386 | this.$message({ |
421 | showClose: true, | 387 | showClose: true, |
422 | message: "请选择持证人", | 388 | message: |
389 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
423 | type: "error", | 390 | type: "error", |
424 | }); | 391 | }); |
425 | return false; | 392 | return false; |
426 | } | 393 | } |
427 | this.ruleForm.qlrList.forEach((item, index) => { | 394 | //是否分别持证 |
428 | if (item.zjh == this.czr) { | 395 | if (this.ruleForm.sldy.sqfbcz == "1") { |
396 | //是 | ||
397 | this.ruleForm.qlrList.forEach((item, index) => { | ||
429 | item.sfczr = "1"; | 398 | item.sfczr = "1"; |
430 | } else { | 399 | }); |
431 | item.sfczr = "0"; | 400 | } else { |
401 | if (!that.czr) { | ||
402 | that.$message({ | ||
403 | showClose: true, | ||
404 | message: "请选择持证人", | ||
405 | type: "error", | ||
406 | }); | ||
407 | return false; | ||
432 | } | 408 | } |
433 | }); | 409 | this.ruleForm.qlrList.forEach((item, index) => { |
410 | if (item.zjh == this.czr) { | ||
411 | item.sfczr = "1"; | ||
412 | } else { | ||
413 | item.sfczr = "0"; | ||
414 | } | ||
415 | }); | ||
416 | } | ||
434 | } | 417 | } |
418 | saveData(this.ruleForm).then((res) => { | ||
419 | if (res.code === 200) { | ||
420 | this.$message({ | ||
421 | showClose: true, | ||
422 | message: "保存成功!", | ||
423 | type: "success", | ||
424 | }); | ||
425 | this.$store.dispatch("user/refreshPage", true); | ||
426 | } else { | ||
427 | this.$message({ | ||
428 | showClose: true, | ||
429 | message: res.message, | ||
430 | type: "error" | ||
431 | }) | ||
432 | } | ||
433 | }) | ||
435 | } | 434 | } |
436 | saveData(this.ruleForm).then((res) => { | 435 | } |
437 | if (res.code === 200) { | 436 | } |
438 | this.$message({ | ||
439 | showClose: true, | ||
440 | message: "保存成功!", | ||
441 | type: "success", | ||
442 | }); | ||
443 | this.$store.dispatch("user/refreshPage", true); | ||
444 | } else { | ||
445 | this.$message({ | ||
446 | showClose: true, | ||
447 | message: res.message, | ||
448 | type: "error", | ||
449 | }); | ||
450 | } | ||
451 | }); | ||
452 | }, | ||
453 | }, | ||
454 | }; | ||
455 | </script> | 437 | </script> |
456 | <style scoped lang="scss"> | 438 | <style scoped lang="scss"> |
457 | @import "~@/styles/public.scss"; | 439 | @import "~@/styles/public.scss"; |
458 | @import "~@/styles/slxx/slxx.scss"; | 440 | @import "~@/styles/slxx/slxx.scss"; |
459 | </style> | 441 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-02 09:59:58 | 4 | * @LastEditTime: 2023-09-01 09:18:46 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
8 | <div class="from-clues"> | 8 | <div> |
9 | <!-- 表单部分 --> | 9 | <!-- 表单部分 --> |
10 | <div class="from-clues-header"> | 10 | <div class="from-clues-header"> |
11 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | 11 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> |
12 | <el-row> | 12 | <el-row> |
13 | <el-col :span="8"> | 13 | <el-col :span="8"> |
14 | <el-form-item label="自然幢号"> | 14 | <el-form-item label="自然幢号"> |
15 | <el-input placeholder="请输入自然幢号" maxlength="24" v-model="queryForm.zrzh" clearable class="width200px"> | 15 | <el-input placeholder="请输入自然幢号" maxlength="24" v-model="queryForm.zrzh" clearable class="width100"> |
16 | </el-input> | 16 | </el-input> |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="8"> | 19 | <el-col :span="8"> |
20 | <el-form-item label="不动产单元号"> | 20 | <el-form-item label="不动产单元号"> |
21 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width200px"> | 21 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> |
22 | </el-input> | 22 | </el-input> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-col> | 24 | </el-col> |
25 | <el-col :span="6"> | 25 | <el-col :span="6"> |
26 | <el-form-item label="项目名称"> | 26 | <el-form-item label="项目名称"> |
27 | <el-input placeholder="" v-model="queryForm.xmmc" clearable class="width200px"> | 27 | <el-input placeholder="" v-model="queryForm.xmmc" clearable class="width100"> |
28 | </el-input> | 28 | </el-input> |
29 | </el-form-item> | 29 | </el-form-item> |
30 | </el-col> | 30 | </el-col> |
31 | <el-col :span="2" class="btnColRight"> | 31 | <el-col :span="2" class="btnColRight"> |
32 | <el-form-item> | 32 | <el-form-item> |
33 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
34 | <el-button type="primary" @click="handleSearch">查询</el-button> | 33 | <el-button type="primary" @click="handleSearch">查询</el-button> |
35 | </el-form-item> | 34 | </el-form-item> |
36 | </el-col> | 35 | </el-col> |
... | @@ -38,14 +37,14 @@ | ... | @@ -38,14 +37,14 @@ |
38 | </el-form> | 37 | </el-form> |
39 | </div> | 38 | </div> |
40 | <!-- 表格 --> | 39 | <!-- 表格 --> |
41 | <div class="from-clues-content loadingtext"> | 40 | <div class="loadingtext"> |
42 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | 41 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="210" |
43 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | 42 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" |
44 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | 43 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
45 | :data="tableData.data"> | 44 | :data="tableData.data"> |
46 | </lb-table> | 45 | </lb-table> |
47 | </div> | 46 | </div> |
48 | <div class="submit_button"> | 47 | <div class="submit_button" style="text-align:center"> |
49 | <el-button @click="$popupCacel">取消</el-button> | 48 | <el-button @click="$popupCacel">取消</el-button> |
50 | <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button> | 49 | <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button> |
51 | </div> | 50 | </div> |
... | @@ -89,7 +88,7 @@ | ... | @@ -89,7 +88,7 @@ |
89 | */ | 88 | */ |
90 | queryClick () { | 89 | queryClick () { |
91 | this.$startLoading(); | 90 | this.$startLoading(); |
92 | this.queryForm.zrzbsm = this.sqywInfo.bsm; | 91 | this.queryForm.zrzbsm = this.sqywInfo.bsm; |
93 | // this.queryForm.zrzbsm = this.sqywInfo.zrzbsm; | 92 | // this.queryForm.zrzbsm = this.sqywInfo.zrzbsm; |
94 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { | 93 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { |
95 | this.$endLoading(); | 94 | this.$endLoading(); | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-10 14:05:49 | 4 | * @LastEditTime: 2023-09-01 09:04:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -104,11 +104,10 @@ | ... | @@ -104,11 +104,10 @@ |
104 | * @author: renchao | 104 | * @author: renchao |
105 | */ | 105 | */ |
106 | openDialog (item) { | 106 | openDialog (item) { |
107 | this.$startLoading() | ||
108 | bdcqzPreview(item).then(res => { | 107 | bdcqzPreview(item).then(res => { |
109 | this.$endLoading() | 108 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { |
110 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { | 109 | bsmSlsq: item.bsmSlsq, |
111 | bsmSlsq: item.bsmSlsq | 110 | bsmBdcqz: item.bsmBdcqz |
112 | }, '1210px', true) | 111 | }, '1210px', true) |
113 | }) | 112 | }) |
114 | } | 113 | } | ... | ... |
-
Please register or sign in to post a comment