26b1b056 by yangwei

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents 073aa122 bbdbc312
...@@ -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 }
......