Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
28 changed files
with
1531 additions
and
1629 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-08-30 16:14:24 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox | 7 | <dialogBox |
| ... | @@ -12,14 +12,15 @@ | ... | @@ -12,14 +12,15 @@ |
| 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 | > | ||
| 17 | <el-form | 16 | <el-form |
| 18 | :model="ruleForm" | 17 | :model="ruleForm" |
| 19 | :rules="rules" | 18 | :rules="rules" |
| 20 | ref="ruleForm" | 19 | ref="ruleForm" |
| 21 | label-width="120px" | 20 | label-width="120px"> |
| 22 | > | 21 | <el-form-item label="身份证读卡器"> |
| 22 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | ||
| 23 | </el-form-item> | ||
| 23 | <el-row> | 24 | <el-row> |
| 24 | <el-col :span="8"> | 25 | <el-col :span="8"> |
| 25 | <el-form-item label="权利人类型" prop="sqrlx"> | 26 | <el-form-item label="权利人类型" prop="sqrlx"> |
| ... | @@ -28,14 +29,12 @@ | ... | @@ -28,14 +29,12 @@ |
| 28 | v-model="ruleForm.sqrlx" | 29 | v-model="ruleForm.sqrlx" |
| 29 | class="width100" | 30 | class="width100" |
| 30 | :disabled="!showButton" | 31 | :disabled="!showButton" |
| 31 | placeholder="请选择" | 32 | placeholder="请选择"> |
| 32 | > | ||
| 33 | <el-option | 33 | <el-option |
| 34 | v-for="item in dictData['A36']" | 34 | v-for="item in dictData['A36']" |
| 35 | :key="item.dcode" | 35 | :key="item.dcode" |
| 36 | :label="item.dname" | 36 | :label="item.dname" |
| 37 | :value="item.dcode" | 37 | :value="item.dcode"> |
| 38 | > | ||
| 39 | </el-option> | 38 | </el-option> |
| 40 | </el-select> | 39 | </el-select> |
| 41 | </el-form-item> | 40 | </el-form-item> |
| ... | @@ -45,8 +44,7 @@ | ... | @@ -45,8 +44,7 @@ |
| 45 | <el-input | 44 | <el-input |
| 46 | v-model="ruleForm.sqrmc" | 45 | v-model="ruleForm.sqrmc" |
| 47 | maxlegth="15" | 46 | maxlegth="15" |
| 48 | :disabled="!showButton" | 47 | :disabled="!showButton"></el-input> |
| 49 | ></el-input> | ||
| 50 | </el-form-item> | 48 | </el-form-item> |
| 51 | </el-col> | 49 | </el-col> |
| 52 | <el-col :span="8"> | 50 | <el-col :span="8"> |
| ... | @@ -56,14 +54,12 @@ | ... | @@ -56,14 +54,12 @@ |
| 56 | v-model="ruleForm.zjzl" | 54 | v-model="ruleForm.zjzl" |
| 57 | :disabled="!showButton" | 55 | :disabled="!showButton" |
| 58 | class="width100" | 56 | class="width100" |
| 59 | placeholder="请选择" | 57 | placeholder="请选择"> |
| 60 | > | ||
| 61 | <el-option | 58 | <el-option |
| 62 | v-for="item in dictData['A30']" | 59 | v-for="item in dictData['A30']" |
| 63 | :key="item.dcode" | 60 | :key="item.dcode" |
| 64 | :label="item.dname" | 61 | :label="item.dname" |
| 65 | :value="item.dcode" | 62 | :value="item.dcode"> |
| 66 | > | ||
| 67 | </el-option> | 63 | </el-option> |
| 68 | </el-select> | 64 | </el-select> |
| 69 | </el-form-item> | 65 | </el-form-item> |
| ... | @@ -76,8 +72,7 @@ | ... | @@ -76,8 +72,7 @@ |
| 76 | v-model="ruleForm.zjh" | 72 | v-model="ruleForm.zjh" |
| 77 | :disabled="!showButton" | 73 | :disabled="!showButton" |
| 78 | maxlength="18" | 74 | maxlength="18" |
| 79 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 75 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
| 80 | ></el-input> | ||
| 81 | </el-form-item> | 76 | </el-form-item> |
| 82 | </el-col> | 77 | </el-col> |
| 83 | <el-col :span="8"> | 78 | <el-col :span="8"> |
| ... | @@ -86,37 +81,34 @@ | ... | @@ -86,37 +81,34 @@ |
| 86 | v-model="ruleForm.dh" | 81 | v-model="ruleForm.dh" |
| 87 | :disabled="!showButton" | 82 | :disabled="!showButton" |
| 88 | maxlength="11" | 83 | maxlength="11" |
| 89 | oninput="value=value.replace(/[^\d]/g,'')" | 84 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 90 | ></el-input> | ||
| 91 | </el-form-item> | 85 | </el-form-item> |
| 92 | </el-col> | 86 | </el-col> |
| 93 | <el-col :span="8"> | 87 | <el-col :span="8"> |
| 94 | <el-form-item label="权利比例" prop="qlbl"> | 88 | <el-form-item label="性别" prop="xb"> |
| 95 | <el-input | 89 | <el-select |
| 96 | v-model="ruleForm.qlbl" | 90 | clearable |
| 97 | maxlength="32" | 91 | v-model="ruleForm.xb" |
| 98 | :disabled="!showButton || this.ruleForm.gyfs == 1" | 92 | :disabled="!showButton" |
| 99 | ></el-input> | 93 | class="width100" |
| 94 | placeholder="请选择"> | ||
| 95 | <el-option | ||
| 96 | v-for="item in dictData['A43']" | ||
| 97 | :key="item.dcode" | ||
| 98 | :label="item.dname" | ||
| 99 | :value="item.dcode"> | ||
| 100 | </el-option> | ||
| 101 | </el-select> | ||
| 100 | </el-form-item> | 102 | </el-form-item> |
| 101 | </el-col> | 103 | </el-col> |
| 102 | </el-row> | 104 | </el-row> |
| 103 | <el-row> | 105 | <el-row> |
| 104 | <el-col :span="8"> | 106 | <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"> | 107 | <el-form-item label="国家/地区" prop="gj"> |
| 115 | <el-input | 108 | <el-input |
| 116 | v-model="ruleForm.gj" | 109 | v-model="ruleForm.gj" |
| 117 | maxlength="3" | 110 | maxlength="3" |
| 118 | :disabled="!showButton" | 111 | :disabled="!showButton"></el-input> |
| 119 | ></el-input> | ||
| 120 | </el-form-item> | 112 | </el-form-item> |
| 121 | </el-col> | 113 | </el-col> |
| 122 | <el-col :span="8"> | 114 | <el-col :span="8"> |
| ... | @@ -124,20 +116,34 @@ | ... | @@ -124,20 +116,34 @@ |
| 124 | <el-input | 116 | <el-input |
| 125 | v-model="ruleForm.hjszss" | 117 | v-model="ruleForm.hjszss" |
| 126 | maxlength="3" | 118 | maxlength="3" |
| 127 | :disabled="!showButton" | 119 | :disabled="!showButton"></el-input> |
| 128 | ></el-input> | 120 | </el-form-item> |
| 121 | </el-col> | ||
| 122 | <el-col :span="8"> | ||
| 123 | <el-form-item label="权利比例" prop="qlbl"> | ||
| 124 | <el-input | ||
| 125 | v-model="ruleForm.qlbl" | ||
| 126 | maxlength="32" | ||
| 127 | :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input> | ||
| 129 | </el-form-item> | 128 | </el-form-item> |
| 130 | </el-col> | 129 | </el-col> |
| 131 | </el-row> | 130 | </el-row> |
| 132 | 131 | ||
| 133 | <el-row> | 132 | <el-row> |
| 134 | <el-col :span="24"> | 133 | <el-col :span="8"> |
| 134 | <el-form-item label="法人名称" prop="frmc"> | ||
| 135 | <el-input | ||
| 136 | v-model="ruleForm.frmc" | ||
| 137 | maxlength="32" | ||
| 138 | :disabled="!showButton"></el-input> | ||
| 139 | </el-form-item> | ||
| 140 | </el-col> | ||
| 141 | <el-col :span="16"> | ||
| 135 | <el-form-item label="地址" prop="txdz"> | 142 | <el-form-item label="地址" prop="txdz"> |
| 136 | <el-input | 143 | <el-input |
| 137 | v-model="ruleForm.txdz" | 144 | v-model="ruleForm.txdz" |
| 138 | maxlength="100" | 145 | maxlength="100" |
| 139 | :disabled="!showButton" | 146 | :disabled="!showButton"></el-input> |
| 140 | ></el-input> | ||
| 141 | </el-form-item> | 147 | </el-form-item> |
| 142 | </el-col> | 148 | </el-col> |
| 143 | </el-row> | 149 | </el-row> |
| ... | @@ -148,8 +154,7 @@ | ... | @@ -148,8 +154,7 @@ |
| 148 | <el-input | 154 | <el-input |
| 149 | v-model="ruleForm.fzjg" | 155 | v-model="ruleForm.fzjg" |
| 150 | maxlength="10" | 156 | maxlength="10" |
| 151 | :disabled="!showButton" | 157 | :disabled="!showButton"></el-input> |
| 152 | ></el-input> | ||
| 153 | </el-form-item> | 158 | </el-form-item> |
| 154 | </el-col> | 159 | </el-col> |
| 155 | <el-col :span="8"> | 160 | <el-col :span="8"> |
| ... | @@ -157,8 +162,7 @@ | ... | @@ -157,8 +162,7 @@ |
| 157 | <el-input | 162 | <el-input |
| 158 | v-model="ruleForm.dzyj" | 163 | v-model="ruleForm.dzyj" |
| 159 | :disabled="!showButton" | 164 | :disabled="!showButton" |
| 160 | maxlength="25" | 165 | maxlength="25"></el-input> |
| 161 | ></el-input> | ||
| 162 | </el-form-item> | 166 | </el-form-item> |
| 163 | </el-col> | 167 | </el-col> |
| 164 | <el-col :span="8"> | 168 | <el-col :span="8"> |
| ... | @@ -167,8 +171,7 @@ | ... | @@ -167,8 +171,7 @@ |
| 167 | v-model.number="ruleForm.yb" | 171 | v-model.number="ruleForm.yb" |
| 168 | :disabled="!showButton" | 172 | :disabled="!showButton" |
| 169 | maxlength="6" | 173 | maxlength="6" |
| 170 | oninput="value=value.replace(/[^\d]/g,'')" | 174 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 171 | ></el-input> | ||
| 172 | </el-form-item> | 175 | </el-form-item> |
| 173 | </el-col> | 176 | </el-col> |
| 174 | </el-row> | 177 | </el-row> |
| ... | @@ -179,8 +182,7 @@ | ... | @@ -179,8 +182,7 @@ |
| 179 | <el-input | 182 | <el-input |
| 180 | v-model="ruleForm.gzdw" | 183 | v-model="ruleForm.gzdw" |
| 181 | maxlength="32" | 184 | maxlength="32" |
| 182 | :disabled="!showButton" | 185 | :disabled="!showButton"></el-input> |
| 183 | ></el-input> | ||
| 184 | </el-form-item> | 186 | </el-form-item> |
| 185 | </el-col> | 187 | </el-col> |
| 186 | <el-col :span="16"> | 188 | <el-col :span="16"> |
| ... | @@ -188,8 +190,7 @@ | ... | @@ -188,8 +190,7 @@ |
| 188 | <el-input | 190 | <el-input |
| 189 | v-model="ruleForm.dlrjg" | 191 | v-model="ruleForm.dlrjg" |
| 190 | maxlength="32" | 192 | maxlength="32" |
| 191 | :disabled="!showButton" | 193 | :disabled="!showButton"></el-input> |
| 192 | ></el-input> | ||
| 193 | </el-form-item> | 194 | </el-form-item> |
| 194 | </el-col> | 195 | </el-col> |
| 195 | </el-row> | 196 | </el-row> |
| ... | @@ -201,8 +202,7 @@ | ... | @@ -201,8 +202,7 @@ |
| 201 | v-model="ruleForm.dlrdh" | 202 | v-model="ruleForm.dlrdh" |
| 202 | :disabled="!showButton" | 203 | :disabled="!showButton" |
| 203 | maxlength="11" | 204 | maxlength="11" |
| 204 | oninput="value=value.replace(/[^\d]/g,'')" | 205 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 205 | ></el-input> | ||
| 206 | </el-form-item> | 206 | </el-form-item> |
| 207 | </el-col> | 207 | </el-col> |
| 208 | <el-col :span="8"> | 208 | <el-col :span="8"> |
| ... | @@ -210,8 +210,7 @@ | ... | @@ -210,8 +210,7 @@ |
| 210 | <el-input | 210 | <el-input |
| 211 | v-model="ruleForm.dlrmc" | 211 | v-model="ruleForm.dlrmc" |
| 212 | maxlength="15" | 212 | maxlength="15" |
| 213 | :disabled="!showButton" | 213 | :disabled="!showButton"></el-input> |
| 214 | ></el-input> | ||
| 215 | </el-form-item> | 214 | </el-form-item> |
| 216 | </el-col> | 215 | </el-col> |
| 217 | <el-col :span="8"> | 216 | <el-col :span="8"> |
| ... | @@ -221,47 +220,26 @@ | ... | @@ -221,47 +220,26 @@ |
| 221 | v-model="ruleForm.dlrzjlx" | 220 | v-model="ruleForm.dlrzjlx" |
| 222 | :disabled="!showButton" | 221 | :disabled="!showButton" |
| 223 | class="width100" | 222 | class="width100" |
| 224 | placeholder="请选择" | 223 | placeholder="请选择"> |
| 225 | > | ||
| 226 | <el-option | 224 | <el-option |
| 227 | v-for="item in dictData['A30']" | 225 | v-for="item in dictData['A30']" |
| 228 | :key="item.dcode" | 226 | :key="item.dcode" |
| 229 | :label="item.dname" | 227 | :label="item.dname" |
| 230 | :value="item.dcode" | 228 | :value="item.dcode"> |
| 231 | > | ||
| 232 | </el-option> | 229 | </el-option> |
| 233 | </el-select> | 230 | </el-select> |
| 234 | </el-form-item> | 231 | </el-form-item> |
| 235 | </el-col> | 232 | </el-col> |
| 236 | </el-row> | 233 | </el-row> |
| 237 | <el-row> | 234 | <el-row> |
| 238 | <el-col :span="8"> | 235 | |
| 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"> | 236 | <el-col :span="8"> |
| 258 | <el-form-item label="代理人证件号" prop="dlrzjh"> | 237 | <el-form-item label="代理人证件号" prop="dlrzjh"> |
| 259 | <el-input | 238 | <el-input |
| 260 | v-model="ruleForm.dlrzjh" | 239 | v-model="ruleForm.dlrzjh" |
| 261 | :disabled="!showButton" | 240 | :disabled="!showButton" |
| 262 | maxlength="18" | 241 | maxlength="18" |
| 263 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 242 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
| 264 | ></el-input> | ||
| 265 | </el-form-item> | 243 | </el-form-item> |
| 266 | </el-col> | 244 | </el-col> |
| 267 | </el-row> | 245 | </el-row> |
| ... | @@ -269,94 +247,122 @@ | ... | @@ -269,94 +247,122 @@ |
| 269 | </dialogBox> | 247 | </dialogBox> |
| 270 | </template> | 248 | </template> |
| 271 | <script> | 249 | <script> |
| 272 | import { mapGetters } from "vuex"; | 250 | import { mapGetters } from "vuex"; |
| 273 | export default { | 251 | import { getIdCardInfo } from '@/utils/operation.js' |
| 274 | props: { | 252 | export default { |
| 275 | value: { type: Boolean, default: false }, | 253 | props: { |
| 276 | details: { type: Object, default: {} }, | 254 | value: { type: Boolean, default: false }, |
| 277 | showButton: { type: Boolean, default: false }, | 255 | details: { type: Object, default: {} }, |
| 278 | }, | 256 | showButton: { type: Boolean, default: false }, |
| 279 | computed: { | ||
| 280 | ...mapGetters(["dictData"]), | ||
| 281 | }, | ||
| 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 | }, | 257 | }, |
| 320 | details: { | 258 | computed: { |
| 321 | handler: function (val, oldVal) { | 259 | ...mapGetters(["dictData"]), |
| 322 | this.ruleForm = val; | ||
| 323 | }, | ||
| 324 | deep: true, | ||
| 325 | }, | 260 | }, |
| 326 | }, | 261 | data () { |
| 327 | methods: { | 262 | return { |
| 328 | /** | 263 | myValue: this.value, |
| 329 | * @description: closeDialog | 264 | ruleForm: { |
| 330 | * @author: renchao | 265 | sqrlx: "", |
| 331 | */ | 266 | sqrmc: "", |
| 332 | closeDialog() { | 267 | zjzl: "", |
| 333 | this.$emit("input", false); | 268 | zjh: "", |
| 334 | this.$refs["ruleForm"].resetFields(); | 269 | dh: "", |
| 270 | xb: "", | ||
| 271 | fs: "", | ||
| 272 | frmc: "", | ||
| 273 | gj: "", | ||
| 274 | hjszss: "", | ||
| 275 | txdz: "", | ||
| 276 | yb: "", | ||
| 277 | fzjg: "", | ||
| 278 | dzyj: "", | ||
| 279 | qlbl: "", | ||
| 280 | gzdw: "", | ||
| 281 | dlrjg: "", | ||
| 282 | dlrmc: "", | ||
| 283 | dlrzjlx: "", | ||
| 284 | dlrzjh: "", | ||
| 285 | dlrdh: "", | ||
| 286 | }, | ||
| 287 | rules: { | ||
| 288 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ||
| 289 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
| 290 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
| 291 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
| 292 | }, | ||
| 293 | }; | ||
| 335 | }, | 294 | }, |
| 336 | /** | 295 | watch: { |
| 337 | * @description: submitForm | 296 | value (val) { |
| 338 | * @author: renchao | 297 | this.myValue = _.cloneDeep(val) |
| 339 | */ | 298 | }, |
| 340 | submitForm() { | 299 | details: { |
| 341 | this.$refs.ruleForm.validate((valid) => { | 300 | handler: function (val, oldVal) { |
| 342 | if (valid) { | 301 | this.ruleForm = val; |
| 343 | this.$emit("input", false); | 302 | }, |
| 344 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | 303 | deep: true |
| 345 | this.$refs["ruleForm"].resetFields(); | 304 | } |
| 346 | } else { | ||
| 347 | return false; | ||
| 348 | } | ||
| 349 | }); | ||
| 350 | }, | 305 | }, |
| 351 | }, | 306 | methods: { |
| 352 | }; | 307 | /** |
| 308 | * @description: 身份证打卡器 | ||
| 309 | * @param {*} row | ||
| 310 | * @author: renchao | ||
| 311 | */ | ||
| 312 | readClick () { | ||
| 313 | getIdCardInfo().then(res => { | ||
| 314 | if (res.data.code == 0) { | ||
| 315 | let data = res.data.IDCardInfo | ||
| 316 | this.ruleForm.sqrmc = data.name | ||
| 317 | this.ruleForm.zjzl = '1' | ||
| 318 | this.ruleForm.zjh = data.cardID | ||
| 319 | this.ruleForm.xb = data.sexCode | ||
| 320 | this.ruleForm.txdz = data.address | ||
| 321 | this.ruleForm.fzjg = data.issueOrgan | ||
| 322 | this.$message({ | ||
| 323 | message: '读取成功!', | ||
| 324 | type: 'success' | ||
| 325 | }) | ||
| 326 | } else { | ||
| 327 | this.$message({ | ||
| 328 | message: res.data.message, | ||
| 329 | type: 'warning' | ||
| 330 | }) | ||
| 331 | } | ||
| 332 | }) | ||
| 333 | }, | ||
| 334 | /** | ||
| 335 | * @description: closeDialog | ||
| 336 | * @author: renchao | ||
| 337 | */ | ||
| 338 | closeDialog () { | ||
| 339 | this.$emit("input", false); | ||
| 340 | this.$refs["ruleForm"].resetFields(); | ||
| 341 | }, | ||
| 342 | /** | ||
| 343 | * @description: submitForm | ||
| 344 | * @author: renchao | ||
| 345 | */ | ||
| 346 | submitForm () { | ||
| 347 | this.$refs.ruleForm.validate((valid) => { | ||
| 348 | if (valid) { | ||
| 349 | this.$emit("input", false); | ||
| 350 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 351 | this.$refs["ruleForm"].resetFields(); | ||
| 352 | } else { | ||
| 353 | return false; | ||
| 354 | } | ||
| 355 | }) | ||
| 356 | } | ||
| 357 | } | ||
| 358 | } | ||
| 353 | </script> | 359 | </script> |
| 354 | <style scoped lang="scss"> | 360 | <style scoped lang="scss"> |
| 355 | @import "~@/styles/dialogBoxheader.scss"; | 361 | @import "~@/styles/dialogBoxheader.scss"; |
| 356 | .submit-button { | 362 | .submit-button { |
| 357 | text-align: center; | 363 | text-align: center; |
| 358 | height: 52px; | 364 | height: 52px; |
| 359 | padding-top: 10px; | 365 | padding-top: 10px; |
| 360 | background-color: #fff; | 366 | background-color: #fff; |
| 361 | } | 367 | } |
| 362 | </style> | 368 | </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 | ... | ... |
| 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 | //默认加载第一个表单信息 | ... | ... |
| ... | @@ -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-09-01 09:20:35 | 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" |
| ... | @@ -167,7 +168,7 @@ | ... | @@ -167,7 +168,7 @@ |
| 167 | <el-input v-model="ruleForm.lq.xdm"></el-input> | 168 | <el-input v-model="ruleForm.lq.xdm"></el-input> |
| 168 | </el-form-item> | 169 | </el-form-item> |
| 169 | </el-col> | 170 | </el-col> |
| 170 | <el-col :span="8"> | 171 | <el-col :span="16"> |
| 171 | <el-form-item label="附记:"> | 172 | <el-form-item label="附记:"> |
| 172 | <el-input | 173 | <el-input |
| 173 | v-model="ruleForm.lq.fj" | 174 | v-model="ruleForm.lq.fj" |
| ... | @@ -285,6 +286,7 @@ | ... | @@ -285,6 +286,7 @@ |
| 285 | export default { | 286 | export default { |
| 286 | mixins: [ywmix], | 287 | mixins: [ywmix], |
| 287 | mounted () { | 288 | mounted () { |
| 289 | this.loading = true | ||
| 288 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 290 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 289 | this.propsParam = this.$attrs; | 291 | this.propsParam = this.$attrs; |
| 290 | var formdata = new FormData(); | 292 | var formdata = new FormData(); |
| ... | @@ -307,15 +309,19 @@ | ... | @@ -307,15 +309,19 @@ |
| 307 | ? (this.ruleForm.slsq.fzfs = "1") | 309 | ? (this.ruleForm.slsq.fzfs = "1") |
| 308 | : this.ruleForm.slsq.fzfs; | 310 | : this.ruleForm.slsq.fzfs; |
| 309 | this.czrOptions = this.ruleForm.qlrList; | 311 | this.czrOptions = this.ruleForm.qlrList; |
| 312 | setTimeout(() => { | ||
| 313 | this.loading = false | ||
| 314 | }, 200) | ||
| 310 | } | 315 | } |
| 311 | }); | 316 | }) |
| 312 | }, | 317 | }, |
| 313 | components: { qlrCommonTable, tdytTable }, | 318 | components: { qlrCommonTable, tdytTable }, |
| 314 | computed: { | 319 | computed: { |
| 315 | ...mapGetters(["dictData", "flag"]), | 320 | ...mapGetters(["dictData", "flag"]) |
| 316 | }, | 321 | }, |
| 317 | data () { | 322 | data () { |
| 318 | return { | 323 | return { |
| 324 | loading: false, | ||
| 319 | disabled: true, | 325 | disabled: true, |
| 320 | tdytOption: [], | 326 | tdytOption: [], |
| 321 | czrOptions: [], | 327 | czrOptions: [], | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-09-01 09:21:23 | 4 | * @LastEditTime: 2023-09-01 09:22:32 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -167,7 +167,7 @@ | ... | @@ -167,7 +167,7 @@ |
| 167 | <el-input v-model="ruleForm.lq.xdm"></el-input> | 167 | <el-input v-model="ruleForm.lq.xdm"></el-input> |
| 168 | </el-form-item> | 168 | </el-form-item> |
| 169 | </el-col> | 169 | </el-col> |
| 170 | <el-col :span="8"> | 170 | <el-col :span="16"> |
| 171 | <el-form-item label="附记:"> | 171 | <el-form-item label="附记:"> |
| 172 | <el-input | 172 | <el-input |
| 173 | v-model="ruleForm.lq.fj" | 173 | v-model="ruleForm.lq.fj" | ... | ... |
| ... | @@ -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