Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8f7d18cc by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents b2097061 26ff6321
Inline Side-by-side
Showing 44 changed files with 2604 additions and 1985 deletions
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
23 "node-sass": "^4.14.1", 23 "node-sass": "^4.14.1",
24 "normalize.css": "7.0.0", 24 "normalize.css": "7.0.0",
25 "nprogress": "0.2.0", 25 "nprogress": "0.2.0",
26 "print-js": "^1.6.0",
26 "qrcode": "^1.5.3", 27 "qrcode": "^1.5.3",
27 "vue": "2.6.10", 28 "vue": "2.6.10",
28 "vue-json-editor": "^1.4.3", 29 "vue-json-editor": "^1.4.3",
......
...@@ -16,6 +16,7 @@ import Loading from '@/components/Loading/index.js'; ...@@ -16,6 +16,7 @@ import Loading from '@/components/Loading/index.js';
16 import '@riophae/vue-treeselect/dist/vue-treeselect.css' 16 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
17 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' 17 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
18 import Print from 'vue-print-nb' 18 import Print from 'vue-print-nb'
19 import printJS from 'print-js'
19 Vue.use(Print); 20 Vue.use(Print);
20 Vue.mixin(mixin); 21 Vue.mixin(mixin);
21 Vue.use(Loading.directive); 22 Vue.use(Loading.directive);
...@@ -27,7 +28,6 @@ Vue.prototype.$x2js = new x2js() ...@@ -27,7 +28,6 @@ Vue.prototype.$x2js = new x2js()
27 // 全局加载 28 // 全局加载
28 Vue.prototype.$startLoading = startLoadingAddCount 29 Vue.prototype.$startLoading = startLoadingAddCount
29 Vue.prototype.$endLoading = endLoadingSubCount 30 Vue.prototype.$endLoading = endLoadingSubCount
30
31 // 弹框 31 // 弹框
32 import { popupDialog, popupCacel } from "./utils/popup.js"; 32 import { popupDialog, popupCacel } from "./utils/popup.js";
33 // 全局加载 33 // 全局加载
......
...@@ -41,4 +41,4 @@ export function getDictLeabel (level, code) { ...@@ -41,4 +41,4 @@ export function getDictLeabel (level, code) {
41 return node.dcode === level 41 return node.dcode === level
42 }) 42 })
43 return data.dname 43 return data.dname
44 }
...\ No newline at end of file ...\ No newline at end of file
44 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-07 16:09:13 4 * @LastEditTime: 2023-09-12 13:58:04
5 --> 5 -->
6 <template> 6 <template>
7 <div class="rlPopup"> 7 <div class="rlPopup">
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 <div class="next handle-btn" v-if="!isScan" @click="next()"> 11 <div class="next handle-btn" v-if="!isScan" @click="next()">
12 <i class="el-icon-arrow-right"></i> 12 <i class="el-icon-arrow-right"></i>
13 </div> 13 </div>
14 <div class="img-list-wrap"> 14 <div class="img-list-wrap" v-Loading="loading">
15 <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> 15 <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪">
16 <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> 16 <div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
17 <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" 17 <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" 34 <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
35 v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> 35 v-if="thumbnailImages.length>0 && ableOperation">删除</el-button>
36 <div v-if="ableOperation" class="pl-5"> 36 <div v-if="ableOperation" class="pl-5">
37 <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> 37 <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button>
38 <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> 38 <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button>
39 </div> 39 </div>
40 </div> 40 </div>
...@@ -73,6 +73,7 @@ ...@@ -73,6 +73,7 @@
73 }, 73 },
74 data () { 74 data () {
75 return { 75 return {
76 loading: false,
76 key: 0, 77 key: 0,
77 isScan: false, 78 isScan: false,
78 // 打开高拍仪 79 // 打开高拍仪
...@@ -125,20 +126,22 @@ ...@@ -125,20 +126,22 @@
125 handleOpenScan () { 126 handleOpenScan () {
126 this.isScan = !this.isScan 127 this.isScan = !this.isScan
127 if (this.isScan) { 128 if (this.isScan) {
129 this.loading = true
128 this.$message({ 130 this.$message({
129 message: '正在启动程序请稍等', 131 message: '正在启动程序请稍等',
130 type: 'success' 132 type: 'success'
131 }) 133 })
132 setTimeout(() => { 134 setTimeout(() => {
133 this.scanTitle = '关闭高拍仪' 135 this.scanTitle = '关闭高拍仪'
136 this.loading = false
134 }, 4000) 137 }, 4000)
135 } else { 138 } else {
136 this.scanTitle = '打开高拍仪' 139 this.scanTitle = '打开高拍仪'
137 } 140 }
138 }, 141 },
139 // 左右移动 142 // 左右移动
140 handleMove(direction) { 143 handleMove (direction) {
141 144
142 }, 145 },
143 /** 146 /**
144 * @description: 拍照 147 * @description: 拍照
......
...@@ -6,12 +6,14 @@ ...@@ -6,12 +6,14 @@
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate id="boxcfdj" :propsParam="propsParam" :tableData="tableData" :render="render"/>
10 </div> 10 </div>
11 <div class="tableBox"> 11 <div class="tableBox">
12 <div class="title"> 12 <div class="title">
13 {{ title }} 13 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 14 <el-button class="print" v-show="shows" @click="openPrint()"
15 >打印</el-button
16 >
15 <div class="checkbox"> 17 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 18 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox 19 <el-checkbox
...@@ -125,12 +127,42 @@ export default { ...@@ -125,12 +127,42 @@ export default {
125 emptycolNum: datas.columns().emptycolNum, 127 emptycolNum: datas.columns().emptycolNum,
126 //列名称对象 128 //列名称对象
127 columns: datas.columns().CFDJ, 129 columns: datas.columns().CFDJ,
130 render: false,
128 }; 131 };
129 }, 132 },
130 created() { 133 created() {
131 this.loadData(); 134 this.loadData();
132 }, 135 },
133 methods: { 136 methods: {
137 /**
138 * @description: openPrint
139 * @author: miaofang
140 */
141 openPrint() {
142 this.render = true;
143 setTimeout(() => {
144 this.prinsss();
145 }, 100);
146 },
147 /**
148 * @description: prinsss
149 * @author: miaofang
150 */
151 prinsss() {
152 printJS({
153 printable: "boxcfdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
154 type: "html",
155 maxWidth: 800, // 最大宽度
156 font_size: "", // 不设置则使用默认字体大小
157 style: `@font-face {
158 font-family: "STZHONGS";
159 src: url(${window.ttf}) format("truetype");
160 }`,
161 // 继承原来的所有样式
162 targetStyles: ["*"],
163 });
164 this.render=false
165 },
134 /** 166 /**
135 * @description: loadData 167 * @description: loadData
136 * @author: renchao 168 * @author: renchao
......
...@@ -5,18 +5,27 @@ ...@@ -5,18 +5,27 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div id="box"> 7 <div id="box">
8 <div class="tbalede" v-for="(el, indexx) in datass" :key="indexx" style="page-break-after: always"> 8 <div
9 class="tbalede"
10 v-for="(el, indexx) in datass"
11 :key="indexx"
12 style="page-break-after: always"
13 >
9 <div class="title">{{ title }}</div> 14 <div class="title">{{ title }}</div>
10 <table class="xxTable"> 15 <table class="xxTable">
11 <tr v-for="(item) in columns" :key="item.name"> 16 <tr v-for="item in columns" :key="item.name">
12 <td> 17 <td>
13 {{ item.despriction }} 18 {{ item.despriction }}
14 </td> 19 </td>
15 <td v-for="(row, index) in el" :key="index+'2'"> 20 <td v-for="(row, index) in el" :key="index + '2'">
16 {{ row[item.name] }} 21 {{ row[item.name] }}
17 </td> 22 </td>
18 23
19 <td v-show="el.emptycolNum" v-for="count in emptycolNum" :key="count"></td> 24 <td
25 v-show="el.emptycolNum"
26 v-for="count in emptycolNum"
27 :key="count"
28 ></td>
20 </tr> 29 </tr>
21 </table> 30 </table>
22 </div> 31 </div>
...@@ -32,13 +41,12 @@ export default { ...@@ -32,13 +41,12 @@ export default {
32 data() { 41 data() {
33 return { 42 return {
34 title: this.$parent.title, 43 title: this.$parent.title,
35 checkList: datas.columns().checkList,
36 //列表数据 44 //列表数据
37 //空列值个数 45 //空列值个数
38 emptycolNum:3, 46 emptycolNum: 4,
39 //列名称对象 47 //列名称对象
40 columns: [], 48 columns: [],
41 datass:[], 49 datass: [],
42 }; 50 };
43 }, 51 },
44 props: { 52 props: {
...@@ -46,50 +54,55 @@ export default { ...@@ -46,50 +54,55 @@ export default {
46 type: Object, 54 type: Object,
47 default: () => {}, 55 default: () => {},
48 }, 56 },
49 tableData: { 57 tableData: {
50 type: Array, 58 type: Array,
51 default: () => [], 59 default: () => [],
52 }, 60 },
61 render:{
62 type: Boolean,
63 default: false,
64 }
53 }, 65 },
54 created() { 66 created() {},
55 },
56 watch: { 67 watch: {
57 tableData: { 68 tableData: {
58 handler (newValue, oldValue) { 69 handler(newValue, oldValue) {
59 this.tableData=newValue 70 this.tableData = newValue;
60 this.loadData() 71 },
61 }, 72 },
62 } 73 render: {
74 handler(newValue, oldValue) {
75 this.loadData();
76 },
77 },
78 immediate: true,
79 deep: true,
63 }, 80 },
64 methods: { 81 methods: {
65 /** 82 /**
66 * @description: loadData 83 * @description: loadData
67 * @author: renchao 84 * @author: miaofang
68 */ 85 */
69 loadData() { 86 loadData() {
70 getFieldListByQlxx({ 87 getFieldListByQlxx({
71 qllx: this.propsParam.qllx 88 qllx: this.propsParam.qllx,
72 }).then((res) => { 89 }).then((res) => {
73 if (res.code === 200) { 90 if (res.code === 200) {
74 this.columns = res.result; 91 this.columns = res.result;
75
76 } 92 }
77 }); 93 });
78 94 if (this.tableData.length&&this.datass.length==0) {
79 this.tableData.forEach((item) => { 95 for (let i = 0; i < this.tableData.length; i += 4) {
80 item.sjlx = getSjlx(item.sjlx); 96 this.datass.push(this.tableData.slice(i, i + 4));
81 }) 97 }
82 for (let i = 0; i < this.tableData.length; i+=3) { 98 let num = this.datass[this.datass.length - 1].length;
83 this.datass.push(this.tableData.slice(i,i+3)) 99 if (num < 4) {
84 } 100 this.emptycolNum = 4 - num;
85 let num=this.datass[this.datass.length-1].length 101 this.datass[this.datass.length - 1].emptycolNum = true;
86 if (num < 3) { 102 } else {
87 this.emptycolNum = 103 this.emptycolNum = 0;
88 3 - num; 104 }
89 this.datass[this.datass.length-1].emptycolNum=true 105 }
90 } else {
91 this.emptycolNum = 0;
92 }
93 }, 106 },
94 }, 107 },
95 }; 108 };
...@@ -97,7 +110,7 @@ export default { ...@@ -97,7 +110,7 @@ export default {
97 110
98 <style lang="scss" scoped> 111 <style lang="scss" scoped>
99 .tbalede { 112 .tbalede {
100 width: 794px; 113 width: 100%;
101 // height: 1123px; 114 // height: 1123px;
102 margin: auto; 115 margin: auto;
103 .title { 116 .title {
...@@ -124,6 +137,17 @@ export default { ...@@ -124,6 +137,17 @@ export default {
124 min-width: 80px; 137 min-width: 80px;
125 padding: 5px; 138 padding: 5px;
126 } 139 }
140 td {
141 width: 20px!important;
142 word-break: break-all;
143 // /* 方法一：使用 word-break */
144 // word-break: break-all;
145 // // /* 方法二：使用 white-space */
146 // // white-space: pre-wrap;
147 // // /* 方法三：使用 overflow-wrap */
148 // // overflow-wrap: break-word;
149 }
150
127 } 151 }
128 } 152 }
129 </style> 153 </style>
......
...@@ -6,12 +6,14 @@ ...@@ -6,12 +6,14 @@
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate id="boxdiyaq" :propsParam="propsParam" :tableData="tableData" :render="render"/>
10 </div> 10 </div>
11 <div class="tableBox"> 11 <div class="tableBox">
12 <div class="title"> 12 <div class="title">
13 {{ title }} 13 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 14 <el-button class="print" v-show="shows" @click="openPrint()"
15 >打印</el-button
16 >
15 <div class="checkbox"> 17 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 18 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox 19 <el-checkbox
...@@ -127,12 +129,42 @@ export default { ...@@ -127,12 +129,42 @@ export default {
127 emptycolNum: datas.columns().emptycolNum, 129 emptycolNum: datas.columns().emptycolNum,
128 //列名称对象 130 //列名称对象
129 columns: datas.columns().DYAQ, 131 columns: datas.columns().DYAQ,
132 render: false,
130 }; 133 };
131 }, 134 },
132 created() { 135 created() {
133 this.loadData(); 136 this.loadData();
134 }, 137 },
135 methods: { 138 methods: {
139 /**
140 * @description: openPrint
141 * @author: miaofang
142 */
143 openPrint() {
144 this.render = true;
145 setTimeout(() => {
146 this.prinsss();
147 }, 100);
148 },
149 /**
150 * @description: prinsss
151 * @author: miaofang
152 */
153 prinsss() {
154 printJS({
155 printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
156 type: "html",
157 maxWidth: 800, // 最大宽度
158 font_size: "", // 不设置则使用默认字体大小
159 style: `@font-face {
160 font-family: "STZHONGS";
161 src: url(${window.ttf}) format("truetype");
162 }`,
163 // 继承原来的所有样式
164 targetStyles: ["*"],
165 });
166 this.render=false
167 },
136 /** 168 /**
137 * @description: loadData 169 * @description: loadData
138 * @author: renchao 170 * @author: renchao
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate id="boxdiyiq" :propsParam="propsParam" :tableData="tableData" :render="render"/>
10 </div> 10 </div>
11 <div class="tableBox"> 11 <div class="tableBox">
12 <div class="title"> 12 <div class="title">
13 {{ title }} 13 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 14 <el-button class="print" v-show="shows" @click="openPrint()"
15 >打印</el-button
16 >
15 <div class="checkbox"> 17 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 18 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox 19 <el-checkbox
...@@ -127,15 +129,44 @@ export default { ...@@ -127,15 +129,44 @@ export default {
127 emptycolNum: datas.columns().emptycolNum, 129 emptycolNum: datas.columns().emptycolNum,
128 //列名称对象 130 //列名称对象
129 columns: datas.columns().DYIQ, 131 columns: datas.columns().DYIQ,
132 render: false,
130 }; 133 };
131 }, 134 },
132 created() { 135 created() {
133 this.loadData(); 136 this.loadData();
134 }, 137 },
135 methods: { 138 methods: { /**
139 * @description: openPrint
140 * @author: miaofang
141 */
142 openPrint() {
143 this.render = true;
144 setTimeout(() => {
145 this.prinsss();
146 }, 100);
147 },
148 /**
149 * @description: prinsss
150 * @author: miaofang
151 */
152 prinsss() {
153 printJS({
154 printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
155 type: "html",
156 maxWidth: 800, // 最大宽度
157 font_size: "", // 不设置则使用默认字体大小
158 style: `@font-face {
159 font-family: "STZHONGS";
160 src: url(${window.ttf}) format("truetype");
161 }`,
162 // 继承原来的所有样式
163 targetStyles: ["*"],
164 });
165 this.render=false
166 },
136 /** 167 /**
137 * @description: loadData 168 * @description: loadData
138 * @author: renchao 169 * @author: miaofang
139 */ 170 */
140 loadData() { 171 loadData() {
141 if (this.$parent.addRepairRecord) { 172 if (this.$parent.addRepairRecord) {
...@@ -164,7 +195,7 @@ export default { ...@@ -164,7 +195,7 @@ export default {
164 }, 195 },
165 /** 196 /**
166 * @description: checkChange 197 * @description: checkChange
167 * @author: renchao 198 * @author: miaofang
168 */ 199 */
169 checkChange() { 200 checkChange() {
170 if (this.checkList.length === 0) { 201 if (this.checkList.length === 0) {
...@@ -177,7 +208,7 @@ export default { ...@@ -177,7 +208,7 @@ export default {
177 /** 208 /**
178 * @description: getQsztName 209 * @description: getQsztName
179 * @param {*} code 210 * @param {*} code
180 * @author: renchao 211 * @author: miaofang
181 */ 212 */
182 getQsztName(code) { 213 getQsztName(code) {
183 let name = ""; 214 let name = "";
...@@ -194,7 +225,7 @@ export default { ...@@ -194,7 +225,7 @@ export default {
194 * @description: 新增一条补录信息 225 * @description: 新增一条补录信息
195 * @param {*} row 226 * @param {*} row
196 * @param {*} del 227 * @param {*} del
197 * @author: renchao 228 * @author: miaofang
198 */ 229 */
199 editDialog(row, del) { 230 editDialog(row, del) {
200 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 231 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate
10 id="boxfdcq"
11 :propsParam="propsParam" :tableData="tableData" :render="render"/>
10 </div> 12 </div>
11 <div class="tableBox"> 13 <div class="tableBox">
12 <div class="title"> 14 <div class="title">
13 {{ title }} 15 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 16 <el-button class="print" v-show="shows" @click="openPrint()"
17 >打印</el-button
18 >
15 <div class="checkbox"> 19 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 20 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox 21 <el-checkbox
...@@ -121,7 +125,7 @@ ...@@ -121,7 +125,7 @@
121 </template> 125 </template>
122 126
123 <script> 127 <script>
124 128 import printJS from "print-js";
125 import { datas } from "./qlxxFormData.js"; 129 import { datas } from "./qlxxFormData.js";
126 import { getSjlx } from "@/utils/dictionary.js"; 130 import { getSjlx } from "@/utils/dictionary.js";
127 import { getFdcq1List } from "@/api/djbDetail.js"; 131 import { getFdcq1List } from "@/api/djbDetail.js";
...@@ -136,7 +140,7 @@ export default { ...@@ -136,7 +140,7 @@ export default {
136 id: "box", 140 id: "box",
137 //其他配置项， 141 //其他配置项，
138 }, 142 },
139 shows:false, 143 shows: false,
140 title: "房地产权登记信息（多幢）", 144 title: "房地产权登记信息（多幢）",
141 qsztList: datas.columns().qsztList, 145 qsztList: datas.columns().qsztList,
142 checkList: datas.columns().checkList, 146 checkList: datas.columns().checkList,
...@@ -144,22 +148,54 @@ export default { ...@@ -144,22 +148,54 @@ export default {
144 propsParam: this.$attrs, 148 propsParam: this.$attrs,
145 //列表数据 149 //列表数据
146 tableData: [], 150 tableData: [],
151 // 异步传值
152 datalist: [],
147 //空列值个数 153 //空列值个数
148 emptycolNum: datas.columns().emptycolNum, 154 emptycolNum: datas.columns().emptycolNum,
149 //列名称对象 155 //列名称对象
150 columns: datas.columns().FDCQ1, 156 columns: datas.columns().FDCQ1,
157 render: false,
151 }; 158 };
152 }, 159 },
153 created() { 160 created() {
154 this.loadData(); 161 this.loadData();
155 }, 162 },
156 methods: { 163 methods: {
164 /**
165 * @description: openPrint
166 * @author: miaofang
167 */
168 openPrint() {
169 this.render = true;
170 setTimeout(() => {
171 this.prinsss();
172 }, 100);
173 },
174 /**
175 * @description: prinsss
176 * @author: miaofang
177 */
178 prinsss() {
179 printJS({
180 printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
181 type: "html",
182 maxWidth: 800, // 最大宽度
183 font_size: "", // 不设置则使用默认字体大小
184 style: `@font-face {
185 font-family: "STZHONGS";
186 src: url(${window.ttf}) format("truetype");
187 }`,
188 // 继承原来的所有样式
189 targetStyles: ["*"],
190 });
191 this.render=false
192 },
157 /** 193 /**
158 * @description: loadData 194 * @description: loadData
159 * @author: renchao 195 * @author: miaofang
160 */ 196 */
161 loadData() { 197 loadData() {
162 if (this.$parent.addRepairRecord) { 198 if (this.$parent.addRepairRecord) {
163 this.columns.unshift({ prop: "cz", label: "操作" }); 199 this.columns.unshift({ prop: "cz", label: "操作" });
164 } 200 }
165 getFdcq1List({ 201 getFdcq1List({
...@@ -169,7 +205,7 @@ export default { ...@@ -169,7 +205,7 @@ export default {
169 }).then((res) => { 205 }).then((res) => {
170 if (res.code === 200) { 206 if (res.code === 200) {
171 this.tableData = res.result; 207 this.tableData = res.result;
172 this.shows=this.tableData.length>0 208 this.shows = this.tableData.length > 0;
173 this.tableData.forEach((item) => { 209 this.tableData.forEach((item) => {
174 item.sjlx = getSjlx(item.sjlx); 210 item.sjlx = getSjlx(item.sjlx);
175 }); 211 });
...@@ -184,7 +220,7 @@ export default { ...@@ -184,7 +220,7 @@ export default {
184 }, 220 },
185 /** 221 /**
186 * @description: checkChange 222 * @description: checkChange
187 * @author: renchao 223 * @author: miaofang
188 */ 224 */
189 checkChange() { 225 checkChange() {
190 if (this.checkList.length === 0) { 226 if (this.checkList.length === 0) {
...@@ -197,7 +233,7 @@ export default { ...@@ -197,7 +233,7 @@ export default {
197 /** 233 /**
198 * @description: getQsztName 234 * @description: getQsztName
199 * @param {*} code 235 * @param {*} code
200 * @author: renchao 236 * @author: miaofang
201 */ 237 */
202 getQsztName(code) { 238 getQsztName(code) {
203 let name = ""; 239 let name = "";
...@@ -212,7 +248,7 @@ export default { ...@@ -212,7 +248,7 @@ export default {
212 /** 248 /**
213 * @description: judge 249 * @description: judge
214 * @param {*} lable 250 * @param {*} lable
215 * @author: renchao 251 * @author: miaofang
216 */ 252 */
217 judge(label) { 253 judge(label) {
218 if ( 254 if (
...@@ -230,7 +266,7 @@ export default { ...@@ -230,7 +266,7 @@ export default {
230 * @description: 新增一条补录信息 266 * @description: 新增一条补录信息
231 * @param {*} row 267 * @param {*} row
232 * @param {*} del 268 * @param {*} del
233 * @author: renchao 269 * @author: miaofang
234 */ 270 */
235 editDialog(row, del) { 271 editDialog(row, del) {
236 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 272 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div>
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate
10 id="boxfdcq"
11 :propsParam="propsParam"
12 :tableData="tableData"
13 :render="render"
14 />
10 </div> 15 </div>
11 <div class="tableBox"> 16 <div class="tableBox">
12 <div class="title"> 17 <div class="title">
13 {{ title }} 18 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 19 <el-button class="print" v-show="shows" @click="openPrint()"
20 >打印</el-button
21 >
15 <div class="checkbox"> 22 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 23 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox 24 <el-checkbox
...@@ -106,16 +113,13 @@ import { datas } from "./qlxxFormData.js"; ...@@ -106,16 +113,13 @@ import { datas } from "./qlxxFormData.js";
106 import { getSjlx } from "@/utils/dictionary.js"; 113 import { getSjlx } from "@/utils/dictionary.js";
107 import { getFdcq2List } from "@/api/djbDetail.js"; 114 import { getFdcq2List } from "@/api/djbDetail.js";
108 export default { 115 export default {
109 components: { 116 components: {
110 printTemplate, 117 printTemplate,
111 }, 118 },
112 data() { 119 data() {
113 return { 120 return {
114 printObj: { 121
115 id: "box", 122 shows: false,
116 //其他配置项，
117 },
118 shows:false,
119 title: "房地产权登记信息（独幢、层、套、间房屋）", 123 title: "房地产权登记信息（独幢、层、套、间房屋）",
120 qsztList: datas.columns().qsztList, 124 qsztList: datas.columns().qsztList,
121 checkList: datas.columns().checkList, 125 checkList: datas.columns().checkList,
...@@ -127,6 +131,7 @@ export default { ...@@ -127,6 +131,7 @@ export default {
127 emptycolNum: datas.columns().emptycolNum, 131 emptycolNum: datas.columns().emptycolNum,
128 //列名称对象 132 //列名称对象
129 columns: datas.columns().FDCQ2, 133 columns: datas.columns().FDCQ2,
134 render: false,
130 }; 135 };
131 }, 136 },
132 created() { 137 created() {
...@@ -134,8 +139,37 @@ export default { ...@@ -134,8 +139,37 @@ export default {
134 }, 139 },
135 methods: { 140 methods: {
136 /** 141 /**
142 * @description: openPrint
143 * @author: miaofang
144 */
145 openPrint() {
146 this.render = true;
147 setTimeout(() => {
148 this.prinsss();
149 }, 100);
150 },
151 /**
152 * @description: prinsss
153 * @author: miaofang
154 */
155 prinsss() {
156 printJS({
157 printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
158 type: "html",
159 maxWidth: 800, // 最大宽度
160 font_size: "", // 不设置则使用默认字体大小
161 style: `@font-face {
162 font-family: "STZHONGS";
163 src: url(${window.ttf}) format("truetype");
164 }`,
165 // 继承原来的所有样式
166 targetStyles: ["*"],
167 });
168 this.render = false
169 },
170 /**
137 * @description: loadData 171 * @description: loadData
138 * @author: renchao 172 * @author: miaofang
139 */ 173 */
140 loadData() { 174 loadData() {
141 if (this.$parent.addRepairRecord) { 175 if (this.$parent.addRepairRecord) {
...@@ -148,8 +182,7 @@ export default { ...@@ -148,8 +182,7 @@ export default {
148 }).then((res) => { 182 }).then((res) => {
149 if (res.code === 200) { 183 if (res.code === 200) {
150 this.tableData = res.result; 184 this.tableData = res.result;
151 this.shows=this.tableData.length>0 185 this.shows = this.tableData.length > 0;
152 console.log("this.tableData111",this.tableData);
153 this.tableData.forEach((item) => { 186 this.tableData.forEach((item) => {
154 item.sjlx = getSjlx(item.sjlx); 187 item.sjlx = getSjlx(item.sjlx);
155 }); 188 });
...@@ -164,7 +197,7 @@ export default { ...@@ -164,7 +197,7 @@ export default {
164 }, 197 },
165 /** 198 /**
166 * @description: checkChange 199 * @description: checkChange
167 * @author: renchao 200 * @author: miaofang
168 */ 201 */
169 checkChange() { 202 checkChange() {
170 if (this.checkList.length === 0) { 203 if (this.checkList.length === 0) {
...@@ -177,7 +210,7 @@ export default { ...@@ -177,7 +210,7 @@ export default {
177 /** 210 /**
178 * @description: getQsztName 211 * @description: getQsztName
179 * @param {*} code 212 * @param {*} code
180 * @author: renchao 213 * @author: miaofang
181 */ 214 */
182 getQsztName(code) { 215 getQsztName(code) {
183 let name = ""; 216 let name = "";
...@@ -194,7 +227,7 @@ export default { ...@@ -194,7 +227,7 @@ export default {
194 * @description: 新增一条补录信息 227 * @description: 新增一条补录信息
195 * @param {*} row 228 * @param {*} row
196 * @param {*} del 229 * @param {*} del
197 * @author: renchao 230 * @author: miaofang
198 */ 231 */
199 editDialog(row, del) { 232 editDialog(row, del) {
200 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 233 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate
10 id="boxjsydsyq"
11 :propsParam="propsParam"
12 :tableData="tableData"
13 :render="render"
14 />
10 </div> 15 </div>
11 <div class="tableBox"> 16 <div class="tableBox">
12 <div class="title"> 17 <div class="title">
13 {{ title }} 18 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 19 <el-button class="print" v-show="shows" @click="openPrint()"
20 >打印</el-button
21 >
15 <div class="checkbox"> 22 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 23 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox 24 <el-checkbox
...@@ -115,7 +122,7 @@ export default { ...@@ -115,7 +122,7 @@ export default {
115 id: "box", 122 id: "box",
116 //其他配置项， 123 //其他配置项，
117 }, 124 },
118 shows:false, 125 shows: false,
119 title: "建设用地使用权、宅基地使用权登记信息", 126 title: "建设用地使用权、宅基地使用权登记信息",
120 qsztList: datas.columns().qsztList, 127 qsztList: datas.columns().qsztList,
121 checkList: datas.columns().checkList, 128 checkList: datas.columns().checkList,
...@@ -127,18 +134,47 @@ export default { ...@@ -127,18 +134,47 @@ export default {
127 emptycolNum: datas.columns().emptycolNum, 134 emptycolNum: datas.columns().emptycolNum,
128 //列名称对象 135 //列名称对象
129 columns: datas.columns().JSYDSYQ, 136 columns: datas.columns().JSYDSYQ,
137 render: false,
130 }; 138 };
131 }, 139 },
132 created() { 140 created() {
133 this.loadData(); 141 this.loadData();
134 }, 142 },
135 methods: { 143 methods: {
144 /**
145 * @description: openPrint
146 * @author: miaofang
147 */
148 openPrint() {
149 this.render = true;
150 setTimeout(() => {
151 this.prinsss();
152 }, 100);
153 },
154 /**
155 * @description: prinsss
156 * @author: miaofang
157 */
158 prinsss() {
159 printJS({
160 printable: "boxjsydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
161 type: "html",
162 maxWidth: 800, // 最大宽度
163 font_size: "", // 不设置则使用默认字体大小
164 style: `@font-face {
165 font-family: "STZHONGS";
166 src: url(${window.ttf}) format("truetype");
167 }`,
168 // 继承原来的所有样式
169 targetStyles: ["*"],
170 });
171 this.render=false
172 },
136 /** 173 /**
137 * @description: loadData 174 * @description: loadData
138 * @author: renchao 175 * @author: miaofang
139 */ 176 */
140 loadData() { 177 loadData() {
141
142 getJsydsyqList({ 178 getJsydsyqList({
143 bdcdyid: this.propsParam.bdcdyid, 179 bdcdyid: this.propsParam.bdcdyid,
144 qllx: this.propsParam.qllx, 180 qllx: this.propsParam.qllx,
...@@ -146,7 +182,7 @@ export default { ...@@ -146,7 +182,7 @@ export default {
146 }).then((res) => { 182 }).then((res) => {
147 if (res.code === 200) { 183 if (res.code === 200) {
148 this.tableData = res.result; 184 this.tableData = res.result;
149 this.shows=this.tableData.length>0 185 this.shows = this.tableData.length > 0;
150 this.tableData.forEach((item) => { 186 this.tableData.forEach((item) => {
151 item.sjlx = getSjlx(item.sjlx); 187 item.sjlx = getSjlx(item.sjlx);
152 }); 188 });
...@@ -161,7 +197,7 @@ export default { ...@@ -161,7 +197,7 @@ export default {
161 }, 197 },
162 /** 198 /**
163 * @description: checkChange 199 * @description: checkChange
164 * @author: renchao 200 * @author: miaofang
165 */ 201 */
166 checkChange() { 202 checkChange() {
167 if (this.checkList.length === 0) { 203 if (this.checkList.length === 0) {
...@@ -174,7 +210,7 @@ export default { ...@@ -174,7 +210,7 @@ export default {
174 /** 210 /**
175 * @description: getQsztName 211 * @description: getQsztName
176 * @param {*} code 212 * @param {*} code
177 * @author: renchao 213 * @author: miaofang
178 */ 214 */
179 getQsztName(code) { 215 getQsztName(code) {
180 let name = ""; 216 let name = "";
...@@ -191,7 +227,7 @@ export default { ...@@ -191,7 +227,7 @@ export default {
191 * @description: 新增一条补录信息 227 * @description: 新增一条补录信息
192 * @param {*} row 228 * @param {*} row
193 * @param {*} del 229 * @param {*} del
194 * @author: renchao 230 * @author: miaofang
195 */ 231 */
196 editDialog(row, del) { 232 editDialog(row, del) {
197 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 233 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
...@@ -220,14 +256,14 @@ export default { ...@@ -220,14 +256,14 @@ export default {
220 256
221 <style lang="scss" scoped> 257 <style lang="scss" scoped>
222 @import "./qlxxCommon.scss"; 258 @import "./qlxxCommon.scss";
223 .title { 259 .title {
224 position: relative; 260 position: relative;
225 .print { 261 .print {
226 // background-color: #0079fe; 262 // background-color: #0079fe;
227 z-index: 10; 263 z-index: 10;
228 position: absolute; 264 position: absolute;
229 left: 11px; 265 left: 11px;
230 top: 5px; 266 top: 5px;
231 } 267 }
232 } 268 }
233 </style> 269 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate
10 id="boxldsyq"
11 :propsParam="propsParam"
12 :tableData="tableData"
13 :render="render"
14 />
10 </div> 15 </div>
11 <div class="tableBox"> 16 <div class="tableBox">
12 <div class="title"> 17 <div class="title">
13 {{ title }} 18 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 19 <el-button class="print" v-show="shows" @click="openPrint()"
20 >打印</el-button
21 >
15 <div class="checkbox"> 22 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 23 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox 24 <el-checkbox
...@@ -113,7 +120,7 @@ export default { ...@@ -113,7 +120,7 @@ export default {
113 id: "box", 120 id: "box",
114 //其他配置项， 121 //其他配置项，
115 }, 122 },
116 shows:false, 123 shows: false,
117 title: "林权登记信息", 124 title: "林权登记信息",
118 qsztList: datas.columns().qsztList, 125 qsztList: datas.columns().qsztList,
119 checkList: datas.columns().checkList, 126 checkList: datas.columns().checkList,
...@@ -125,6 +132,7 @@ export default { ...@@ -125,6 +132,7 @@ export default {
125 emptycolNum: datas.columns().emptycolNum, 132 emptycolNum: datas.columns().emptycolNum,
126 //列名称对象 133 //列名称对象
127 columns: datas.columns().LDSYQ, 134 columns: datas.columns().LDSYQ,
135 render: false,
128 }; 136 };
129 }, 137 },
130 created() { 138 created() {
...@@ -132,8 +140,37 @@ export default { ...@@ -132,8 +140,37 @@ export default {
132 }, 140 },
133 methods: { 141 methods: {
134 /** 142 /**
143 * @description: openPrint
144 * @author: miaofang
145 */
146 openPrint() {
147 this.render = true;
148 setTimeout(() => {
149 this.prinsss();
150 }, 100);
151 },
152 /**
153 * @description: prinsss
154 * @author: miaofang
155 */
156 prinsss() {
157 printJS({
158 printable: "boxldsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
159 type: "html",
160 maxWidth: 800, // 最大宽度
161 font_size: "", // 不设置则使用默认字体大小
162 style: `@font-face {
163 font-family: "STZHONGS";
164 src: url(${window.ttf}) format("truetype");
165 }`,
166 // 继承原来的所有样式
167 targetStyles: ["*"],
168 });
169 this.render=false
170 },
171 /**
135 * @description: loadData 172 * @description: loadData
136 * @author: renchao 173 * @author: miaofang
137 */ 174 */
138 loadData() { 175 loadData() {
139 if (this.$parent.addRepairRecord) { 176 if (this.$parent.addRepairRecord) {
...@@ -149,7 +186,7 @@ export default { ...@@ -149,7 +186,7 @@ export default {
149 }).then((res) => { 186 }).then((res) => {
150 if (res.code === 200) { 187 if (res.code === 200) {
151 this.tableData = res.result; 188 this.tableData = res.result;
152 this.shows=this.tableData.length>0 189 this.shows = this.tableData.length > 0;
153 this.tableData.forEach((item) => { 190 this.tableData.forEach((item) => {
154 item.sjlx = getSjlx(item.sjlx); 191 item.sjlx = getSjlx(item.sjlx);
155 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45"); 192 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
...@@ -167,7 +204,7 @@ export default { ...@@ -167,7 +204,7 @@ export default {
167 }, 204 },
168 /** 205 /**
169 * @description: checkChange 206 * @description: checkChange
170 * @author: renchao 207 * @author: miaofang
171 */ 208 */
172 checkChange() { 209 checkChange() {
173 if (this.checkList.length === 0) { 210 if (this.checkList.length === 0) {
...@@ -180,7 +217,7 @@ export default { ...@@ -180,7 +217,7 @@ export default {
180 /** 217 /**
181 * @description: getQsztName 218 * @description: getQsztName
182 * @param {*} code 219 * @param {*} code
183 * @author: renchao 220 * @author: miaofang
184 */ 221 */
185 getQsztName(code) { 222 getQsztName(code) {
186 let name = ""; 223 let name = "";
...@@ -197,7 +234,7 @@ export default { ...@@ -197,7 +234,7 @@ export default {
197 * @description: 新增一条补录信息 234 * @description: 新增一条补录信息
198 * @param {*} row 235 * @param {*} row
199 * @param {*} del 236 * @param {*} del
200 * @author: renchao 237 * @author: miaofang
201 */ 238 */
202 editDialog(row, del) { 239 editDialog(row, del) {
203 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 240 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate
10 id="boxnydsyq"
11 :propsParam="propsParam"
12 :tableData="tableData"
13 :render="render"
14 />
10 </div> 15 </div>
11 <div class="tableBox"> 16 <div class="tableBox">
12 <div class="title"> 17 <div class="title">
13 {{ title }} 18 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 19 <el-button class="print" v-show="shows" @click="openPrint()"
20 >打印</el-button
21 >
15 <div class="checkbox"> 22 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 23 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox 24 <el-checkbox
...@@ -162,7 +169,7 @@ export default { ...@@ -162,7 +169,7 @@ export default {
162 id: "box", 169 id: "box",
163 //其他配置项， 170 //其他配置项，
164 }, 171 },
165 shows:false, 172 shows: false,
166 title: "农用地使用权登记信息", 173 title: "农用地使用权登记信息",
167 qsztList: datas.columns().qsztList, 174 qsztList: datas.columns().qsztList,
168 checkList: datas.columns().checkList, 175 checkList: datas.columns().checkList,
...@@ -174,6 +181,7 @@ export default { ...@@ -174,6 +181,7 @@ export default {
174 emptycolNum: datas.columns().emptycolNum, 181 emptycolNum: datas.columns().emptycolNum,
175 //列名称对象 182 //列名称对象
176 columns: datas.columns().NYDSYQ, 183 columns: datas.columns().NYDSYQ,
184 render: false,
177 }; 185 };
178 }, 186 },
179 created() { 187 created() {
...@@ -187,8 +195,37 @@ export default { ...@@ -187,8 +195,37 @@ export default {
187 }, 195 },
188 methods: { 196 methods: {
189 /** 197 /**
198 * @description: openPrint
199 * @author: miaofang
200 */
201 openPrint() {
202 this.render = true;
203 setTimeout(() => {
204 this.prinsss();
205 }, 100);
206 },
207 /**
208 * @description: prinsss
209 * @author: miaofang
210 */
211 prinsss() {
212 printJS({
213 printable: "boxnydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
214 type: "html",
215 maxWidth: 800, // 最大宽度
216 font_size: "", // 不设置则使用默认字体大小
217 style: `@font-face {
218 font-family: "STZHONGS";
219 src: url(${window.ttf}) format("truetype");
220 }`,
221 // 继承原来的所有样式
222 targetStyles: ["*"],
223 });
224 this.render=false
225 },
226 /**
190 * @description: loadData 227 * @description: loadData
191 * @author: renchao 228 * @author: miaofang
192 */ 229 */
193 loadData() { 230 loadData() {
194 if (this.$parent.addRepairRecord) { 231 if (this.$parent.addRepairRecord) {
...@@ -204,7 +241,7 @@ export default { ...@@ -204,7 +241,7 @@ export default {
204 }).then((res) => { 241 }).then((res) => {
205 if (res.code === 200) { 242 if (res.code === 200) {
206 this.tableData = res.result; 243 this.tableData = res.result;
207 this.shows=this.tableData.length>0 244 this.shows = this.tableData.length > 0;
208 this.tableData.forEach((item) => { 245 this.tableData.forEach((item) => {
209 item.sjlx = getSjlx(item.sjlx); 246 item.sjlx = getSjlx(item.sjlx);
210 }); 247 });
...@@ -219,7 +256,7 @@ export default { ...@@ -219,7 +256,7 @@ export default {
219 }, 256 },
220 /** 257 /**
221 * @description: checkChange 258 * @description: checkChange
222 * @author: renchao 259 * @author: miaofang
223 */ 260 */
224 checkChange() { 261 checkChange() {
225 if (this.checkList.length === 0) { 262 if (this.checkList.length === 0) {
...@@ -231,7 +268,7 @@ export default { ...@@ -231,7 +268,7 @@ export default {
231 }, 268 },
232 /** 269 /**
233 * @description: getQsztName 270 * @description: getQsztName
234 * @author: renchao 271 * @author: miaofang
235 */ 272 */
236 getQsztName(code) { 273 getQsztName(code) {
237 let name = ""; 274 let name = "";
...@@ -248,7 +285,7 @@ export default { ...@@ -248,7 +285,7 @@ export default {
248 * @description: 新增一条补录信息 285 * @description: 新增一条补录信息
249 * @param {*} row 286 * @param {*} row
250 * @param {*} del 287 * @param {*} del
251 * @author: renchao 288 * @author: miaofang
252 */ 289 */
253 editDialog(row, del) { 290 editDialog(row, del) {
254 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 291 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
...@@ -10,24 +10,33 @@ ...@@ -10,24 +10,33 @@
10 --> 10 -->
11 <!-- 11 <!--
12 * @Description: 12 * @Description:
13 * @Autor: renchao 13 * @Autor: miaofang
14 * @LastEditTime: 2023-08-11 15:33:53 14 * @LastEditTime: 2023-08-11 15:33:53
15 --> 15 -->
16 <template> 16 <template>
17 <div class="djxxTable"> 17 <div class="djxxTable">
18 <div v-show="false"> 18 <div v-show="false">
19 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 19 <printTemplate
20 id="boxsllmsyq"
21 :propsParam="propsParam"
22 :tableData="tableData"
23 :render="render"
24 />
20 </div> 25 </div>
21 <div class="tableBox"> 26 <div class="tableBox">
22 <div class="title"> 27 <div class="title">
23 {{ title }} 28 {{ title }}
24 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 29 <el-button class="print" v-show="shows" @click="openPrint()"
30 >打印</el-button
31 >
25 <div class="checkbox"> 32 <div class="checkbox">
26 <el-checkbox-group v-model="checkList" @change="checkChange"> 33 <el-checkbox-group v-model="checkList" @change="checkChange">
27 <el-checkbox 34 <el-checkbox
28 v-for="item in qsztList" 35 v-for="item in qsztList"
29 :key="item.value" 36 :key="item.value"
30 :label="item.value">{{ item.label }}</el-checkbox> 37 :label="item.value"
38 >{{ item.label }}</el-checkbox
39 >
31 </el-checkbox-group> 40 </el-checkbox-group>
32 </div> 41 </div>
33 </div> 42 </div>
...@@ -47,33 +56,60 @@ ...@@ -47,33 +56,60 @@
47 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 56 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
48 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 57 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
49 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 58 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
50 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 59 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
51 ]"> 60 ]"
52 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 61 >
53 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 62 <div
54 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 63 class="setbut"
64 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
65 >
66 <el-button
67 type="text"
68 icon="el-icon-edit-outline"
69 @click="editDialog(row)"
70 >编辑</el-button
71 >
72 <el-button
73 type="text"
74 icon="el-icon-edit-outline"
75 @click="editDialog(row, 'D')"
76 >删除</el-button
77 >
78 </div>
79 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
80 有效
81 </div>
82 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
83 正在补录
84 </div>
85 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
86 正在申请
87 </div>
88 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
89 正在注销
55 </div> 90 </div>
56 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div>
57 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div>
58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div>
59 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div>
60 91
61 <!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> 92 <!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
62 <span v-else>{{ row[item.prop] }}</span> --> 93 <span v-else>{{ row[item.prop] }}</span> -->
63 94
64 <p v-if="!['djyy','fj'].includes(item.prop)"> 95 <p v-if="!['djyy', 'fj'].includes(item.prop)">
65 <span v-if="item.prop == 'qszt'"> 96 <span v-if="item.prop == 'qszt'">
66 {{ getQsztName(row[item.prop]) }} 97 {{ getQsztName(row[item.prop]) }}
67 </span> 98 </span>
68 <span v-else>{{ row[item.prop] }}</span> 99 <span v-else>{{ row[item.prop] }}</span>
69 </p> 100 </p>
70 101
71 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 102 <el-tooltip
103 v-else
104 effect="dark"
105 :content="row[item.prop]"
106 placement="top"
107 popper-class="tooltip-width"
108 >
72 <span class="ellipsis-line"> 109 <span class="ellipsis-line">
73 {{ row[item.prop] }} 110 {{ row[item.prop] }}
74 </span> 111 </span>
75 </el-tooltip> 112 </el-tooltip>
76
77 </td> 113 </td>
78 <td v-for="count in emptycolNum" :key="~count"></td> 114 <td v-for="count in emptycolNum" :key="~count"></td>
79 </tr> 115 </tr>
...@@ -84,9 +120,9 @@ ...@@ -84,9 +120,9 @@
84 </template> 120 </template>
85 121
86 <script> 122 <script>
87 import { datas } from "./qlxxFormData.js"; 123 import { datas } from "./qlxxFormData.js";
88 import { getSjlx } from "@/utils/dictionary.js"; 124 import { getSjlx } from "@/utils/dictionary.js";
89 import { getLqList } from "@/api/djbDetail.js"; 125 import { getLqList } from "@/api/djbDetail.js";
90 import printTemplate from "./components/printTemplate.vue"; 126 import printTemplate from "./components/printTemplate.vue";
91 export default { 127 export default {
92 components: { 128 components: {
...@@ -98,117 +134,147 @@ export default { ...@@ -98,117 +134,147 @@ export default {
98 id: "box", 134 id: "box",
99 //其他配置项， 135 //其他配置项，
100 }, 136 },
101 shows:false, 137 shows: false,
102 title: "林权登记信息", 138 title: "林权登记信息",
103 qsztList: datas.columns().qsztList, 139 qsztList: datas.columns().qsztList,
104 checkList: datas.columns().checkList, 140 checkList: datas.columns().checkList,
105 //传递参数 141 //传递参数
106 propsParam: this.$attrs, 142 propsParam: this.$attrs,
107 //列表数据 143 //列表数据
108 tableData: [], 144 tableData: [],
109 //空列值个数 145 //空列值个数
110 emptycolNum: datas.columns().emptycolNum, 146 emptycolNum: datas.columns().emptycolNum,
111 //列名称对象 147 //列名称对象
112 columns: datas.columns().LDSYQ, 148 columns: datas.columns().LDSYQ,
113 }; 149 render: false,
150 };
151 },
152 created() {
153 this.loadData();
154 },
155 methods: {
156 /**
157 * @description: openPrint
158 * @author: miaofang
159 */
160 openPrint() {
161 this.render = true;
162 setTimeout(() => {
163 this.prinsss();
164 }, 100);
114 }, 165 },
115 created () { 166 /**
116 this.loadData(); 167 * @description: prinsss
168 * @author: miaofang
169 */
170 prinsss() {
171 printJS({
172 printable: "boxsllmsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
173 type: "html",
174 maxWidth: 800, // 最大宽度
175 font_size: "", // 不设置则使用默认字体大小
176 style: `@font-face {
177 font-family: "STZHONGS";
178 src: url(${window.ttf}) format("truetype");
179 }`,
180 // 继承原来的所有样式
181 targetStyles: ["*"],
182 });
183 this.render=false
117 }, 184 },
118 methods: { 185 /**
119 /** 186 * @description: loadData
120 * @description: loadData 187 * @author: miaofang
121 * @author: renchao 188 */
122 */ 189 loadData() {
123 loadData () { 190 if (this.$parent.addRepairRecord) {
124 if (this.$parent.addRepairRecord) { 191 this.columns.unshift({
125 this.columns.unshift({ 192 prop: "cz",
126 prop: "cz", 193 label: "操作",
127 label: "操作", 194 });
195 }
196 getLqList({
197 bdcdyid: this.propsParam.bdcdyid,
198 qllx: this.propsParam.qllx,
199 qszt: this.checkList,
200 }).then((res) => {
201 if (res.code === 200) {
202 this.tableData = res.result;
203 this.shows = this.tableData.length > 0;
204 this.tableData.forEach((item) => {
205 item.sjlx = getSjlx(item.sjlx);
128 }); 206 });
129 } 207 if (this.tableData.length < datas.columns().emptycolNum) {
130 getLqList({ 208 this.emptycolNum =
131 bdcdyid: this.propsParam.bdcdyid, 209 datas.columns().emptycolNum - this.tableData.length;
132 qllx: this.propsParam.qllx, 210 } else {
133 qszt: this.checkList, 211 this.emptycolNum = 0;
134 }).then((res) => {
135 if (res.code === 200) {
136 this.tableData = res.result;
137 this.shows=this.tableData.length>0
138 this.tableData.forEach((item) => {
139 item.sjlx = getSjlx(item.sjlx);
140 });
141 if (this.tableData.length < datas.columns().emptycolNum) {
142 this.emptycolNum =
143 datas.columns().emptycolNum - this.tableData.length;
144 } else {
145 this.emptycolNum = 0;
146 }
147 } 212 }
148 });
149 },
150 /**
151 * @description: checkChange
152 * @author: renchao
153 */
154 checkChange () {
155 if (this.checkList.length === 0) {
156 this.tableData = [];
157 this.emptycolNum = datas.columns().emptycolNum;
158 } else {
159 this.loadData();
160 } 213 }
161 }, 214 });
162 /** 215 },
163 * @description: getQsztName 216 /**
164 * @param {*} code 217 * @description: checkChange
165 * @author: renchao 218 * @author: miaofang
166 */ 219 */
167 getQsztName (code) { 220 checkChange() {
168 let name = ""; 221 if (this.checkList.length === 0) {
169 for (let item of this.qsztList) { 222 this.tableData = [];
170 if (item.value == code) { 223 this.emptycolNum = datas.columns().emptycolNum;
171 name = item.label; 224 } else {
172 break; 225 this.loadData();
173 } 226 }
227 },
228 /**
229 * @description: getQsztName
230 * @param {*} code
231 * @author: miaofang
232 */
233 getQsztName(code) {
234 let name = "";
235 for (let item of this.qsztList) {
236 if (item.value == code) {
237 name = item.label;
238 break;
174 } 239 }
175 return name; 240 }
176 }, 241 return name;
177 // 新增一条补录信息 242 },
178 /** 243 // 新增一条补录信息
179 * @description: 新增一条补录信息 244 /**
180 * @param {*} row 245 * @description: 新增一条补录信息
181 * @param {*} del 246 * @param {*} row
182 * @author: renchao 247 * @param {*} del
183 */ 248 * @author: miaofang
184 editDialog (row, del) { 249 */
185 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 250 editDialog(row, del) {
186 confirmButtonText: "确定", 251 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
187 cancelButtonText: "取消", 252 confirmButtonText: "确定",
188 type: "warning", 253 cancelButtonText: "取消",
189 }) 254 type: "warning",
190 .then(() => { 255 })
191 this.$parent.addRepairRecord(row, del); 256 .then(() => {
257 this.$parent.addRepairRecord(row, del);
192 258
193 this.$message({ 259 this.$message({
194 type: "success", 260 type: "success",
195 message: "补录成功!", 261 message: "补录成功!",
196 });
197 })
198 .catch(() => {
199 this.$message({
200 type: "info",
201 message: "取消编辑",
202 });
203 }); 262 });
204 }, 263 })
264 .catch(() => {
265 this.$message({
266 type: "info",
267 message: "取消编辑",
268 });
269 });
205 }, 270 },
206 }; 271 },
272 };
207 </script> 273 </script>
208 274
209 <style lang="scss" scoped> 275 <style lang="scss" scoped>
210 @import "./qlxxCommon.scss"; 276 @import "./qlxxCommon.scss";
211 .title { 277 .title {
212 position: relative; 278 position: relative;
213 .print { 279 .print {
214 // background-color: #0079fe; 280 // background-color: #0079fe;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate id="boxtdsyq" :propsParam="propsParam" :tableData="tableData" :render="render"/>
10 </div> 10 </div>
11 <div class="tableBox"> 11 <div class="tableBox">
12 <div class="title"> 12 <div class="title">
13 {{ title }} 13 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 14 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
15 <div class="checkbox"> 15 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 17 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -100,15 +100,37 @@ export default { ...@@ -100,15 +100,37 @@ export default {
100 emptycolNum: datas.columns().emptycolNum, 100 emptycolNum: datas.columns().emptycolNum,
101 //列名称对象 101 //列名称对象
102 columns: datas.columns().TDSYQ, 102 columns: datas.columns().TDSYQ,
103 render:false
103 }; 104 };
104 }, 105 },
105 created () { 106 created () {
106 this.loadData(); 107 this.loadData();
107 }, 108 },
108 methods: { 109 methods: {
110 openPrint(){
111 this.render=true
112 setTimeout(() => {
113 this.prinsss()
114 }, 100)
115 },
116 prinsss(){
117 printJS({
118 printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
119 type: "html",
120 maxWidth: 800, // 最大宽度
121 font_size: "", // 不设置则使用默认字体大小
122 style: `@font-face {
123 font-family: "STZHONGS";
124 src: url(${window.ttf}) format("truetype");
125 }`,
126 // 继承原来的所有样式
127 targetStyles: ["*"]
128 });
129 this.render=false
130 },
109 /** 131 /**
110 * @description: loadData 132 * @description: loadData
111 * @author: renchao 133 * @author: miaofang
112 */ 134 */
113 loadData () { 135 loadData () {
114 136
...@@ -140,7 +162,7 @@ export default { ...@@ -140,7 +162,7 @@ export default {
140 }, 162 },
141 /** 163 /**
142 * @description: checkChange 164 * @description: checkChange
143 * @author: renchao 165 * @author: miaofang
144 */ 166 */
145 checkChange () { 167 checkChange () {
146 if (this.checkList.length === 0) { 168 if (this.checkList.length === 0) {
...@@ -153,7 +175,7 @@ export default { ...@@ -153,7 +175,7 @@ export default {
153 /** 175 /**
154 * @description: getQsztName 176 * @description: getQsztName
155 * @param {*} code 177 * @param {*} code
156 * @author: renchao 178 * @author: miaofang
157 */ 179 */
158 getQsztName (code) { 180 getQsztName (code) {
159 let name = ""; 181 let name = "";
...@@ -170,7 +192,7 @@ export default { ...@@ -170,7 +192,7 @@ export default {
170 * @description: 新增一条补录信息 192 * @description: 新增一条补录信息
171 * @param {*} row 193 * @param {*} row
172 * @param {*} del 194 * @param {*} del
173 * @author: renchao 195 * @author: miaofang
174 */ 196 */
175 editDialog (row, del) { 197 editDialog (row, del) {
176 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 198 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate id="boxygdj" :propsParam="propsParam" :tableData="tableData" :render="render"/>
10 </div> 10 </div>
11 <div class="tableBox"> 11 <div class="tableBox">
12 <div class="title"> 12 <div class="title">
13 {{ title }} 13 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 14 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
15 <div class="checkbox"> 15 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox 17 <el-checkbox
...@@ -108,10 +108,10 @@ export default { ...@@ -108,10 +108,10 @@ export default {
108 }, 108 },
109 data() { 109 data() {
110 return { 110 return {
111 printObj: { 111 // printObj: {
112 id: "box", 112 // id: "box",
113 //其他配置项， 113 // //其他配置项，
114 }, 114 // },
115 shows:false, 115 shows:false,
116 title: "预告登记信息", 116 title: "预告登记信息",
117 qsztList: datas.columns().qsztList, 117 qsztList: datas.columns().qsztList,
...@@ -124,15 +124,37 @@ export default { ...@@ -124,15 +124,37 @@ export default {
124 emptycolNum: datas.columns().emptycolNum, 124 emptycolNum: datas.columns().emptycolNum,
125 //列名称对象 125 //列名称对象
126 columns: datas.columns().YGDJ, 126 columns: datas.columns().YGDJ,
127 render:false
127 }; 128 };
128 }, 129 },
129 created() { 130 created() {
130 this.loadData(); 131 this.loadData();
131 }, 132 },
132 methods: { 133 methods: {
134 openPrint(){
135 this.render=true
136 setTimeout(() => {
137 this.prinsss()
138 }, 100)
139 },
140 prinsss(){
141 printJS({
142 printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
143 type: "html",
144 maxWidth: 800, // 最大宽度
145 font_size: "", // 不设置则使用默认字体大小
146 style: `@font-face {
147 font-family: "STZHONGS";
148 src: url(${window.ttf}) format("truetype");
149 }`,
150 // 继承原来的所有样式
151 targetStyles: ["*"]
152 });
153 this.render=false
154 },
133 /** 155 /**
134 * @description: loadData 156 * @description: loadData
135 * @author: renchao 157 * @author: miaofang
136 */ 158 */
137 loadData() { 159 loadData() {
138 // 判断是否在登记簿补录调的子页面 160 // 判断是否在登记簿补录调的子页面
...@@ -165,7 +187,7 @@ export default { ...@@ -165,7 +187,7 @@ export default {
165 }, 187 },
166 /** 188 /**
167 * @description: checkChange 189 * @description: checkChange
168 * @author: renchao 190 * @author: miaofang
169 */ 191 */
170 checkChange() { 192 checkChange() {
171 if (this.checkList.length === 0) { 193 if (this.checkList.length === 0) {
...@@ -178,7 +200,7 @@ export default { ...@@ -178,7 +200,7 @@ export default {
178 /** 200 /**
179 * @description: getQsztName 201 * @description: getQsztName
180 * @param {*} code 202 * @param {*} code
181 * @author: renchao 203 * @author: miaofang
182 */ 204 */
183 getQsztName(code) { 205 getQsztName(code) {
184 let name = ""; 206 let name = "";
...@@ -195,7 +217,7 @@ export default { ...@@ -195,7 +217,7 @@ export default {
195 * @description: 新增一条补录信息 217 * @description: 新增一条补录信息
196 * @param {*} row 218 * @param {*} row
197 * @param {*} del 219 * @param {*} del
198 * @author: renchao 220 * @author: miaofang
199 */ 221 */
200 editDialog(row, del) { 222 editDialog(row, del) {
201 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 223 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-08-23 15:54:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> 9 <printTemplate
10 id="boxyydj"
11 :propsParam="propsParam"
12 :tableData="tableData"
13 :render="render"
14 />
10 </div> 15 </div>
11 <div class="tableBox"> 16 <div class="tableBox">
12 <div class="title"> 17 <div class="title">
13 {{ title }} 18 {{ title }}
14 <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> 19 <el-button class="print" v-show="shows" @click="openPrint()"
20 >打印</el-button
21 >
15 <div class="checkbox"> 22 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange"> 23 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 24 <el-checkbox
25 v-for="item in qsztList"
26 :key="item.value"
27 :label="item.value"
28 >{{ item.label }}</el-checkbox
29 >
18 </el-checkbox-group> 30 </el-checkbox-group>
19 </div> 31 </div>
20 </div> 32 </div>
...@@ -24,21 +36,35 @@ ...@@ -24,21 +36,35 @@
24 <td> 36 <td>
25 {{ item.label }} 37 {{ item.label }}
26 </td> 38 </td>
27 <td v-for="(row, index) in tableData" :key="index" :class="[ 39 <td
28 row.qszt == '2' ? 'lishi' : '', 40 v-for="(row, index) in tableData"
29 row.qszt == '0' ? 'linshi' : '', 41 :key="index"
30 row.qlzt == '4' ? 'linshi' : '', 42 :class="[
43 row.qszt == '2' ? 'lishi' : '',
44 row.qszt == '0' ? 'linshi' : '',
45 row.qlzt == '4' ? 'linshi' : '',
31 46
32 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 47 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
33 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 48 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 49 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 50 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
36 ]"> 51 ]"
52 >
37 <div class="setbut" v-if="item.prop == 'cz'"> 53 <div class="setbut" v-if="item.prop == 'cz'">
38 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 54 <el-button
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 55 type="text"
56 icon="el-icon-edit-outline"
57 @click="editDialog(row)"
58 >编辑</el-button
59 >
60 <el-button
61 type="text"
62 icon="el-icon-edit-outline"
63 @click="editDialog(row, 'D')"
64 >删除</el-button
65 >
40 </div> 66 </div>
41 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 67 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
42 有效 68 有效
43 </div> 69 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 70 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -51,14 +77,20 @@ ...@@ -51,14 +77,20 @@
51 正在注销 77 正在注销
52 </div> 78 </div>
53 79
54 <p v-if="!['djyy','fj'].includes(item.prop)"> 80 <p v-if="!['djyy', 'fj'].includes(item.prop)">
55 <span v-if="item.prop == 'qszt'"> 81 <span v-if="item.prop == 'qszt'">
56 {{ getQsztName(row[item.prop]) }} 82 {{ getQsztName(row[item.prop]) }}
57 </span> 83 </span>
58 <span v-else>{{ row[item.prop] }}</span> 84 <span v-else>{{ row[item.prop] }}</span>
59 </p> 85 </p>
60 86
61 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 87 <el-tooltip
88 v-else
89 effect="dark"
90 :content="row[item.prop]"
91 placement="top"
92 popper-class="tooltip-width"
93 >
62 <span class="ellipsis-line"> 94 <span class="ellipsis-line">
63 {{ row[item.prop] }} 95 {{ row[item.prop] }}
64 </span> 96 </span>
...@@ -73,9 +105,9 @@ ...@@ -73,9 +105,9 @@
73 </template> 105 </template>
74 106
75 <script> 107 <script>
76 import { datas } from "./qlxxFormData.js"; 108 import { datas } from "./qlxxFormData.js";
77 import { getYydjList } from "@/api/djbDetail.js"; 109 import { getYydjList } from "@/api/djbDetail.js";
78 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 110 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
79 import printTemplate from "./components/printTemplate.vue"; 111 import printTemplate from "./components/printTemplate.vue";
80 export default { 112 export default {
81 components: { 113 components: {
...@@ -87,117 +119,140 @@ export default { ...@@ -87,117 +119,140 @@ export default {
87 id: "box", 119 id: "box",
88 //其他配置项， 120 //其他配置项，
89 }, 121 },
90 shows:false, 122 shows: false,
91 title: "异议登记信息", 123 title: "异议登记信息",
92 qsztList: datas.columns().qsztList, 124 qsztList: datas.columns().qsztList,
93 checkList: datas.columns().checkList, 125 checkList: datas.columns().checkList,
94 //传递参数 126 //传递参数
95 propsParam: this.$attrs, 127 propsParam: this.$attrs,
96 //列表数据 128 //列表数据
97 tableData: [], 129 tableData: [],
98 //空列值个数 130 //空列值个数
99 emptycolNum: datas.columns().emptycolNum, 131 emptycolNum: datas.columns().emptycolNum,
100 //列名称对象 132 //列名称对象
101 columns: datas.columns().YYDJ, 133 columns: datas.columns().YYDJ,
102 }; 134 render: false,
135 };
136 },
137 created() {
138 this.loadData();
139 },
140 methods: {
141 openPrint() {
142 this.render = true;
143 setTimeout(() => {
144 this.prinsss();
145 }, 100);
103 }, 146 },
104 created () { 147 prinsss() {
105 this.loadData(); 148 printJS({
149 printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
150 type: "html",
151 maxWidth: 800, // 最大宽度
152 font_size: "", // 不设置则使用默认字体大小
153 style: `@font-face {
154 font-family: "STZHONGS";
155 src: url(${window.ttf}) format("truetype");
156 }`,
157 // 继承原来的所有样式
158 targetStyles: ["*"],
159 });
160 this.render=false
106 }, 161 },
107 methods: { 162 /**
108 /** 163 * @description: loadData
109 * @description: loadData 164 * @author: miaofang
110 * @author: renchao 165 */
111 */ 166 loadData() {
112 loadData () { 167 if (this.$parent.addRepairRecord) {
113 if (this.$parent.addRepairRecord) { 168 this.columns.unshift({
114 this.columns.unshift({ 169 prop: "cz",
115 prop: "cz", 170 label: "操作",
116 label: "操作"
117 })
118 }
119 getYydjList({
120 bdcdyid: this.propsParam.bdcdyid,
121 qllx: this.propsParam.qllx,
122 qszt: this.checkList,
123 }).then((res) => {
124 if (res.code === 200) {
125 this.tableData = res.result;
126 this.shows=this.tableData.length>0
127 this.tableData.forEach((item) => {
128 item.sjlx = getSjlx(item.sjlx);
129 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
130 });
131 if (this.tableData.length < datas.columns().emptycolNum) {
132 this.emptycolNum =
133 datas.columns().emptycolNum - this.tableData.length;
134 } else {
135 this.emptycolNum = 0;
136 }
137 }
138 }); 171 });
139 }, 172 }
140 /** 173 getYydjList({
141 * @description: checkChange 174 bdcdyid: this.propsParam.bdcdyid,
142 * @author: renchao 175 qllx: this.propsParam.qllx,
143 */ 176 qszt: this.checkList,
144 checkChange () { 177 }).then((res) => {
145 if (this.checkList.length === 0) { 178 if (res.code === 200) {
146 this.tableData = []; 179 this.tableData = res.result;
147 this.emptycolNum = datas.columns().emptycolNum; 180 this.shows = this.tableData.length > 0;
148 } else { 181 this.tableData.forEach((item) => {
149 this.loadData(); 182 item.sjlx = getSjlx(item.sjlx);
150 } 183 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
151 }, 184 });
152 /** 185 if (this.tableData.length < datas.columns().emptycolNum) {
153 * @description: getQsztName 186 this.emptycolNum =
154 * @param {*} code 187 datas.columns().emptycolNum - this.tableData.length;
155 * @author: renchao 188 } else {
156 */ 189 this.emptycolNum = 0;
157 getQsztName (code) {
158 let name = "";
159 for (let item of this.qsztList) {
160 if (item.value == code) {
161 name = item.label;
162 break;
163 } 190 }
164 } 191 }
165 return name; 192 });
166 }, 193 },
167 // 新增一条补录信息 194 /**
168 /** 195 * @description: checkChange
169 * @description: 新增一条补录信息 196 * @author: miaofang
170 * @param {*} row 197 */
171 * @param {*} del 198 checkChange() {
172 * @author: renchao 199 if (this.checkList.length === 0) {
173 */ 200 this.tableData = [];
174 editDialog (row, del) { 201 this.emptycolNum = datas.columns().emptycolNum;
175 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 202 } else {
176 confirmButtonText: '确定', 203 this.loadData();
177 cancelButtonText: '取消', 204 }
178 type: 'warning' 205 },
179 }).then(() => { 206 /**
180 this.$parent.addRepairRecord(row, del) 207 * @description: getQsztName
208 * @param {*} code
209 * @author: miaofang
210 */
211 getQsztName(code) {
212 let name = "";
213 for (let item of this.qsztList) {
214 if (item.value == code) {
215 name = item.label;
216 break;
217 }
218 }
219 return name;
220 },
221 // 新增一条补录信息
222 /**
223 * @description: 新增一条补录信息
224 * @param {*} row
225 * @param {*} del
226 * @author: miaofang
227 */
228 editDialog(row, del) {
229 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
230 confirmButtonText: "确定",
231 cancelButtonText: "取消",
232 type: "warning",
233 })
234 .then(() => {
235 this.$parent.addRepairRecord(row, del);
181 236
182 this.$message({ 237 this.$message({
183 type: 'success', 238 type: "success",
184 message: '补录成功!' 239 message: "补录成功!",
185 }); 240 });
186 }).catch(() => { 241 })
242 .catch(() => {
187 this.$message({ 243 this.$message({
188 type: 'info', 244 type: "info",
189 message: '取消编辑' 245 message: "取消编辑",
190 }); 246 });
191 }); 247 });
192
193 },
194 }, 248 },
195 }; 249 },
250 };
196 </script> 251 </script>
197 252
198 <style lang="scss" scoped> 253 <style lang="scss" scoped>
199 @import "./qlxxCommon.scss"; 254 @import "./qlxxCommon.scss";
200 .title { 255 .title {
201 position: relative; 256 position: relative;
202 .print { 257 .print {
203 // background-color: #0079fe; 258 // background-color: #0079fe;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-07 16:01:19 4 * @LastEditTime: 2023-09-12 14:48:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clmlmx-box"> 7 <div class="clmlmx-box">
...@@ -334,7 +334,6 @@ ...@@ -334,7 +334,6 @@
334 }) 334 })
335 }) 335 })
336 }, 336 },
337 // 字典
338 /** 337 /**
339 * @description: 字典 338 * @description: 字典
340 * @param {*} val 339 * @param {*} val
......
1 <!--
2 * @Description:
3 * @Autor: miaofang
4 * @LastEditTime: 2023-07-19 09:52:42
5 -->
6 <template>
7 <div class="fm" id="boxaaa">
8 <div class="title">不动产登记簿</div>
9 <div class="title">(回执)</div>
10 <p class="bian">
11 编号: <span>{{ Receiptdata.sldyList[0].ybdcqzsh||"" }}</span>
12 </p>
13 <div class="texts">
14 <p class="jsjg">{{ Receiptdata.cfdjList[0].cfjg }}:</p>
15 <p class="concent">
16 <span>{{ sj }}</span> ，你院协助执行通知书订单号为:<font>{{
17 Receiptdata.qlxxList[0].ywh||""
18 }}</font
19 >收悉，具体执行情况如下。
20 </p>
21 </div>
22
23 <p class="bian">{{ Receiptdata.user.organizationName }}</p>
24 <p class="bian">{{ sj }}（盖章）</p>
25 <table class="xxTable">
26 <tr>
27 <td>序号</td>
28 <td>坐落</td>
29 <td>控制反馈</td>
30 <td>控制措施</td>
31 </tr>
32 <tr v-for="(item, index) in Receiptdata.sldyList" :key="index">
33 <td>{{ index + 1 }}</td>
34 <td>{{ item.zl }}</td>
35 <td>已控</td>
36 <td>{{ item.djlxmc }}</td>
37 </tr>
38 </table>
39 </div>
40 </template>
41
42 <script>
43 export default {
44 props: {
45 Receiptdata: {
46 type: Object,
47 default: {},
48 },
49 },
50 data() {
51 return {
52 sj: "",
53 data:false
54 };
55 },
56 mounted() {
57 this.loadData();
58 },
59 watch: {
60 Receiptdata: {
61 handler(newValue, oldValue) {
62 this.$nextTick(() => {
63 this.Receiptdata = newValue;
64 this.loadData();
65 });
66 },
67 },
68 },
69 methods: {
70 /**
71 * @description: loadData
72 * @author: miaofang
73 */
74 loadData() {
75 let dateTime = new Date(this.Receiptdata.slsq.slsj);
76 let y = dateTime.getFullYear();
77 let m = dateTime.getMonth() + 1;
78 m = m < 10 ? "0" + m : m;
79 let d = dateTime.getDate();
80 d = d < 10 ? "0" + d : d;
81 let h = dateTime.getHours();
82 h = h < 10 ? "0" + h : h;
83 let M = dateTime.getMinutes();
84 M = M < 10 ? "0" + M : M;
85 let s = dateTime.getSeconds();
86 s = s < 10 ? "0" + s : s;
87 this.sj = y + "年" + m + "月" + d + "日";
88 },
89 },
90 };
91 </script>
92
93 <style lang="scss" scoped>
94 #boxaaa{
95 font {
96 border-bottom: 1px solid #000;
97 display: inline-block;
98 padding: 0 15px;
99 line-height: 16px;
100 }
101
102 .title {
103 height: 60px;
104 display: flex;
105 font-size: 32px;
106 color: #000;
107 justify-content: center;
108 align-items: center;
109 }
110 .bian {
111 text-align: right;
112 }
113 .texts{
114 margin-top: 40px;
115 margin-bottom: 40px;
116
117 }
118 .jsjg {
119 text-align: left;
120 }
121 .concent {
122 width: 100%;
123
124 line-height: 40px;
125 text-align: left;
126 text-indent: 2em;
127 }
128 p {
129 font-family: serif;
130 }
131 .xxTable {
132
133 width: 100%;
134 border-collapse: collapse;
135 font-family: serif;
136 margin-top: 20px;
137
138 tr td {
139 border: 1px solid #000;
140 text-align: center;
141 height: 40px;
142 line-height: 17px;
143 font-size: 13px;
144 min-width: 80px;
145 z-index: 1;
146 min-width: 80px;
147 padding: 5px;
148 }
149 }
150 }
151 .fm {
152 background: #fff;
153 font-size: 18px;
154 margin: auto;
155 }
156
157 </style>
...@@ -17,8 +17,10 @@ import { ...@@ -17,8 +17,10 @@ import {
17 unClaimTask, 17 unClaimTask,
18 getZdInfo 18 getZdInfo
19 } from "@/api/workFlow.js"; 19 } from "@/api/workFlow.js";
20
20 import { getZrzbsmList } from "@/api/search.js"; 21 import { getZrzbsmList } from "@/api/search.js";
21 import { ywPopupDialog } from "@/utils/popup.js"; 22 import { ywPopupDialog } from "@/utils/popup.js";
23
22 export default { 24 export default {
23 data () { 25 data () {
24 return { 26 return {
...@@ -73,7 +75,7 @@ export default { ...@@ -73,7 +75,7 @@ export default {
73 * @author: renchao 75 * @author: renchao
74 */ 76 */
75 operation (item) { 77 operation (item) {
76 //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 78 //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿,B10:打印回执
77 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout 79 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
78 let that = this; 80 let that = this;
79 switch (item.value) { 81 switch (item.value) {
...@@ -237,6 +239,8 @@ export default { ...@@ -237,6 +239,8 @@ export default {
237 }) 239 })
238 }) 240 })
239 break; 241 break;
242 case "B10":
243 break;
240 case "rm": 244 case "rm":
241 this.del() 245 this.del()
242 break; 246 break;
......
...@@ -210,7 +210,15 @@ ...@@ -210,7 +210,15 @@
210 box-sizing: border-box; 210 box-sizing: border-box;
211 width: 70px; 211 width: 70px;
212 margin: 0 5px; 212 margin: 0 5px;
213 213 div{
214 @include flex-center;
215 cursor: pointer;
216 flex-direction: column;
217 margin-right: 15px;
218 box-sizing: border-box;
219 width: 70px;
220 margin: 0 5px;
221 }
214 .icon { 222 .icon {
215 font-size: 10px; 223 font-size: 10px;
216 } 224 }
...@@ -231,4 +239,4 @@ ...@@ -231,4 +239,4 @@
231 position: absolute; 239 position: absolute;
232 left: 0; 240 left: 0;
233 bottom: 0; 241 bottom: 0;
234 }
...\ No newline at end of file ...\ No newline at end of file
242 }
......
...@@ -9,24 +9,41 @@ ...@@ -9,24 +9,41 @@
9 <div class="topButton"> 9 <div class="topButton">
10 <!-- 左侧业务功能按钮 --> 10 <!-- 左侧业务功能按钮 -->
11 <ul> 11 <ul>
12 <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> 12 <li v-for="(item, index) in leftButtonList" :key="index">
13 <svg-icon class="icon" :icon-class="item.icon" /> 13 <div v-if="item.value == 'B10'" @click="openPrint()">
14 <span class="iconName">{{ item.name }}</span> 14 <svg-icon class="icon" :icon-class="item.icon" />
15 <span class="iconName">{{ item.name }}</span>
16 </div>
17 <div v-else @click="operation(item)">
18 <svg-icon class="icon" :icon-class="item.icon" />
19 <span class="iconName">{{ item.name }}</span>
20 </div>
15 </li> 21 </li>
16 </ul> 22 </ul>
17 <!-- 右侧流程按钮 --> 23 <!-- 右侧流程按钮 -->
18 <ul> 24 <ul>
19 <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> 25 <li
26 @click="operation(item)"
27 v-for="(item, index) in rightButtonList"
28 :key="index"
29 >
20 <svg-icon class="icon" :icon-class="item.icon" /> 30 <svg-icon class="icon" :icon-class="item.icon" />
21 <span class="iconName">{{ item.name }}</span> 31 <span class="iconName">{{ item.name }}</span>
22 </li> 32 </li>
23 </ul> 33 </ul>
24 <NoticeBar class="NoticeBar" :noticeList="noticeList" v-if="noticeList.length > 0" /> 34 <NoticeBar
35 class="NoticeBar"
36 :noticeList="noticeList"
37 v-if="noticeList.length > 0"
38 />
25 </div> 39 </div>
26 <!-- 内容框架 --> 40 <!-- 内容框架 -->
27 <div class="containerFrame"> 41 <div class="containerFrame">
28 <!-- 左侧菜单栏 区分业务--> 42 <!-- 左侧菜单栏 区分业务-->
29 <segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> 43 <segmentMenu
44 v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
45 @getCurrentSelectProps="getCurrentSelectProps"
46 />
30 <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> 47 <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
31 <div class="leftCon"> 48 <div class="leftCon">
32 <!-- 分屏左侧预览 --> 49 <!-- 分屏左侧预览 -->
...@@ -39,204 +56,305 @@ ...@@ -39,204 +56,305 @@
39 当前流程所在环节: 56 当前流程所在环节:
40 <span>{{ this.zbhj }}</span> 57 <span>{{ this.zbhj }}</span>
41 </div> 58 </div>
42 <el-tabs v-model="tabName" :before-leave="beforeLeave" @tab-click="handleClick"> 59 <el-tabs
43 <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> 60 v-model="tabName"
61 :before-leave="beforeLeave"
62 @tab-click="handleClick"
63 >
64 <el-tab-pane
65 :label="item.name"
66 :name="item.value"
67 v-for="item in tabList"
68 :key="item.value"
69 >
44 </el-tab-pane> 70 </el-tab-pane>
45 </el-tabs> 71 </el-tabs>
46 <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> 72 <div v-show="false">
73 <div v-if="shows">
74 <receipt :Receiptdata="Receiptdata" id="boxaaa"/>
75 </div>
76
77 </div>
78 <component
79 :key="fresh"
80 :is="componentTag"
81 v-bind="currentSelectProps"
82 />
47 </div> 83 </div>
48 </div> 84 </div>
49 </div> 85 </div>
50 <!-- 打印模板需要此模块 --> 86 <!-- 打印模板需要此模块 -->
51 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> 87 <object
52 <embed id="LODOP_EM" type="application/x-print-lodop" width="820" height="450" pluginspage="install_lodop32.exe" /> 88 id="LODOP_OB"
89 classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA"
90 v-show="false"
91 >
92 <embed
93 id="LODOP_EM"
94 type="application/x-print-lodop"
95 width="820"
96 height="450"
97 pluginspage="install_lodop32.exe"
98 />
53 </object> 99 </object>
54 <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" 100 <el-upload
55 :on-change="handleChange" :before-upload="beforeUpload"> 101 class="fileUpdate"
56 <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> 102 action=""
103 :show-file-list="false"
104 multiple
105 :auto-upload="false"
106 :on-change="handleChange"
107 :before-upload="beforeUpload"
108 >
109 <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false"
110 >上传</el-button
111 >
57 </el-upload> 112 </el-upload>
58 </div> 113 </div>
59 </template> 114 </template>
60 <style scoped lang="scss"> 115 <style scoped lang="scss">
61 @import "~@/styles/mixin.scss"; 116 @import "~@/styles/mixin.scss";
62 @import "./workFrame.scss"; 117 @import "./workFrame.scss";
63 </style> 118 </style>
64 <script> 119 <script>
65 import WorkFlow from "./mixin/index" 120 import printJS from 'print-js'
66 import publicFlow from "./mixin/public.js" 121 import WorkFlow from "./mixin/index";
67 import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js" 122 import publicFlow from "./mixin/public.js";
68 import { getForm } from "./flowform" 123 import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js";
69 import NoticeBar from "@/components/NoticeBar/index" 124 import { getForm } from "./flowform";
70 // import ProcessViewer from "./components/processViewer.vue" 125 import NoticeBar from "@/components/NoticeBar/index";
71 // 引入左侧菜单 126 // import ProcessViewer from "./components/processViewer.vue"
72 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" 127 // 引入左侧菜单
73 // 引入左侧菜单 128 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
74 import segmentMenu from "./components/leftmenu/segmentMenu.vue" 129 // 引入左侧菜单
75 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue" 130 import segmentMenu from "./components/leftmenu/segmentMenu.vue";
76 export default { 131 // 回执单
77 components: { 132 import receipt from "./components/receipt.vue";
78 selectBdc, 133 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
79 NoticeBar, 134 import { BatchInit } from "@/api/workflow/cfdjFlow.js";
80 ordinaryMenu, 135 export default {
81 segmentMenu 136 components: {
137 selectBdc,
138 NoticeBar,
139 ordinaryMenu,
140 segmentMenu,
141 receipt,
142 },
143 mixins: [WorkFlow, publicFlow],
144 data() {
145 return {
146 // printObj: {
147 // id: "box",
148 // preview: true,
149 // },
150 isDialog: false,
151 //受理申请标识码
152 bsmSlsq: this.$route.query.bsmSlsq,
153 //当前流程所在环节
154 bestepid: this.$route.query.bestepid,
155 //当前流程所在环节
156 zbhj: this.$route.query.zbhj,
157 //设置那个表单选中
158 tabName: "",
159 //设置那个表单选择
160 currentSelectTab: {},
161 //表单集合
162 tabList: [],
163 //选择加载哪一个组件
164 componentTag: "",
165 //设置表单传递数据
166 currentSelectProps: {},
167 //材料分屏表单
168 clxxForm: "",
169 //材料信息选择卡索引
170 clxxIndex: "",
171 //材料信息选项卡对象
172 clxxTab: {},
173 ableOperation: false,
174 //页面监听时间
175 _beforeUnload_time: "",
176 // 宗地id
177 bsmZd: "",
178 Receiptdata: {},
179 shows:false
180 };
181 },
182 mounted() {
183 this.$store.dispatch("user/refreshPage", false);
184 //添加页面监听事件
185 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
186 window.addEventListener("unload", (e) => this.unloadHandler(e));
187 },
188 destroyed() {
189 window.removeEventListener("beforeunload", (e) =>
190 this.beforeunloadHandler(e)
191 );
192 window.removeEventListener("unload", (e) => this.unloadHandler(e));
193 },
194 methods: {
195 /**
196 * @description: openPrint
197 * @author:miaofang
198 */
199 openPrint() {
200
201 // 获取打印回执数据
202 var formdata = new FormData();
203 formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
204 formdata.append("bsmSlsq", this.bsmSlsq);
205 formdata.append("djlx", this.currentSelectProps.djlx);
206 BatchInit(formdata).then((res) => {
207 if (res.code === 200 && res.result) {
208 this.Receiptdata = res.result
209 this.shows=true
210 setTimeout(() => {
211 this.prinsss()
212 }, 100)
213
214 }
215 })
216
82 }, 217 },
83 mixins: [WorkFlow, publicFlow], 218 /**
84 data () { 219 * @description: prinsss
85 return { 220 * @author: miaofang
86 isDialog: false, 221 */
87 //受理申请标识码 222 prinsss(){
88 bsmSlsq: this.$route.query.bsmSlsq, 223 printJS({
89 //当前流程所在环节 224 printable: "boxaaa", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
90 bestepid: this.$route.query.bestepid, 225 type: "html",
91 //当前流程所在环节 226 maxWidth: 800, // 最大宽度
92 zbhj: this.$route.query.zbhj, 227 font_size: "", // 不设置则使用默认字体大小
93 //设置那个表单选中 228 style: `@font-face {
94 tabName: "", 229 font-family: "STZHONGS";
95 //设置那个表单选择 230 src: url(${window.ttf}) format("truetype");
96 currentSelectTab: {}, 231 }`,
97 //表单集合 232 // 继承原来的所有样式
98 tabList: [], 233 targetStyles: ["*"]
99 //选择加载哪一个组件 234 });
100 componentTag: "",
101 //设置表单传递数据
102 currentSelectProps: {},
103 //材料分屏表单
104 clxxForm: "",
105 //材料信息选择卡索引
106 clxxIndex: "",
107 //材料信息选项卡对象
108 clxxTab: {},
109 ableOperation: false,
110 //页面监听时间
111 _beforeUnload_time: "",
112 // 宗地id
113 bsmZd: ''
114 }
115 }, 235 },
116 mounted () { 236 /**
117 this.$store.dispatch('user/refreshPage', false); 237 * @description: getCurrentSelectProps
118 //添加页面监听事件 238 * @param {*} val
119 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); 239 * @author: renchao
120 window.addEventListener("unload", (e) => this.unloadHandler(e)); 240 */
241 getCurrentSelectProps(val) {
242 this.currentSelectProps = val;
121 }, 243 },
122 destroyed () { 244 /**
123 window.removeEventListener("beforeunload", (e) => 245 * @description: beforeunloadHandler
124 this.beforeunloadHandler(e) 246 * @author: renchao
125 ); 247 */
126 window.removeEventListener("unload", (e) => this.unloadHandler(e)); 248 beforeunloadHandler() {
249 this._beforeUnload_time = new Date().getTime();
127 }, 250 },
128 methods: { 251 /**
129 /** 252 * @description: unloadHandler
130 * @description: getCurrentSelectProps 253 * @param {*} e
131 * @param {*} val 254 * @author: renchao
132 * @author: renchao 255 */
133 */ 256 unloadHandler(e) {
134 getCurrentSelectProps (val) { 257 this._gap_time = new Date().getTime() - this._beforeUnload_time;
135 this.currentSelectProps = val 258 //判断是窗口关闭还是刷新
136 }, 259 if (this._gap_time <= 10) {
137 /** 260 //取消认领
138 * @description: beforeunloadHandler 261 unClaimTask(this.bsmSlsq, this.bestepid);
139 * @author: renchao 262 }
140 */ 263 },
141 beforeunloadHandler () { 264 /**
142 this._beforeUnload_time = new Date().getTime(); 265 * @description: 申请单元点击事件
143 }, 266 * @param {*} index
144 /** 267 * @author: renchao
145 * @description: unloadHandler 268 */
146 * @param {*} e 269 stepForm(index) {
147 * @author: renchao 270 getStepFormInfo(this.currentSelectProps).then((res) => {
148 */ 271 if (res.code === 200) {
149 unloadHandler (e) { 272 // this.fresh++;
150 this._gap_time = new Date().getTime() - this._beforeUnload_time; 273 //获取单元对应的所有表单信息
151 //判断是窗口关闭还是刷新 274 this.tabList = res.result;
152 if (this._gap_time <= 10) { 275 //默认加载第一个表单信息
153 //取消认领 276 let arr = res.result.filter((item) => item.defaultForm);
154 unClaimTask(this.bsmSlsq, this.bestepid); 277 if (arr.length > 0) {
155 } 278 this.tabName = arr[0].value;
156 }, 279 } else {
157 /** 280 this.tabName = res.result[0].value;
158 * @description: 申请单元点击事件 281 }
159 * @param {*} index 282 this.ableOperation = this.tabList[0].ableOperation;
160 * @author: renchao 283 //批量操作无分屏按钮
161 */ 284 if (index != null) {
162 stepForm (index) { 285 //处理分屏材料信息
163 getStepFormInfo(this.currentSelectProps).then((res) => { 286 let that = this;
164 if (res.code === 200) {
165 //获取单元对应的所有表单信息
166 this.tabList = res.result;
167 //默认加载第一个表单信息
168 let arr = res.result.filter(item => item.defaultForm)
169 if (arr.length > 0) {
170 this.tabName = arr[0].value;
171 } else {
172 this.tabName = res.result[0].value;
173 }
174 if (sessionStorage.getItem('activeName') == this.tabName) {
175 this.fresh++;
176 }
177 this.ableOperation = this.tabList[0].ableOperation
178 //批量操作无分屏按钮
179 if (index != null) {
180 //处理分屏材料信息
181 let that = this;
182 287
183 this.tabList.forEach(function (item, index) { 288 this.tabList.forEach(function (item, index) {
184 if (item.value == "clxx") { 289 if (item.value == "clxx") {
185 that.clxxIndex = index; 290 that.clxxIndex = index;
186 that.clxxForm = getForm(item.value, that.$route.query.sqywbm); 291 that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
187 that.clxxTab = item; 292 that.clxxTab = item;
188 } 293 }
189 }) 294 });
190 }
191 } 295 }
192 })
193 },
194 /**
195 * @description: openDialog
196 * @author: renchao
197 */
198 openDialog () {
199 this.$store.dispatch('user/refreshPage', false)
200 let data = JSON.parse(localStorage.getItem('ywbl'))
201 let title
202 if (data?.sqywmc) {
203 title = "申请业务：" + data?.sqywmc
204 } else {
205 title = "申请业务：" + data?.djywmc
206 } 296 }
297 });
298 },
207 299
208 this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) 300 /**
209 }, 301 * @description: openDialog
210 //选项卡切换事件 302 * @author: renchao
211 /** 303 */
212 * @description: 右侧表单选项卡事件 304 openDialog() {
213 * @param {*} handleClick 305 this.$store.dispatch("user/refreshPage", false);
214 * @author: renchao 306 let data = JSON.parse(localStorage.getItem("ywbl"));
215 */ 307 let title;
216 handleClick (a) { 308 if (data?.sqywmc) {
217 let p = Object.keys(this.tabList[0]).filter( 309 title = "申请业务：" + data?.sqywmc;
218 (item) => item == "ableOperation" 310 } else {
219 ); 311 title = "申请业务：" + data?.djywmc;
220 if (p) { 312 }
221 this.ableOperation = this.tabList[a.index].ableOperation; 313
222 } 314 this.$popupDialog(
223 }, 315 title,
224 } 316 "ywbl/ywsq/selectBdc",
225 } 317 { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data },
318 "80%",
319 true
320 );
321 },
322 //选项卡切换事件
323 /**
324 * @description: 右侧表单选项卡事件
325 * @param {*} handleClick
326 * @author: renchao
327 */
328 handleClick(a) {
329 let p = Object.keys(this.tabList[0]).filter(
330 (item) => item == "ableOperation"
331 );
332 if (p) {
333 this.ableOperation = this.tabList[a.index].ableOperation;
334 }
335 },
336 },
337 };
226 </script> 338 </script>
227 <style scoped lang="scss"> 339 <style scoped lang="scss">
228 .rightContainer { 340 @page {
229 position: relative; 341 size: auto;
230 } 342 margin: 0mm;
231 .count { 343 }
232 font-size: 14px; 344 .rightContainer {
233 position: absolute; 345 position: relative;
234 right: 25px; 346 }
235 top: 12px; 347
236 height: 30px; 348 .count {
237 span { 349 font-size: 14px;
238 font-weight: 600; 350 position: absolute;
239 color: #3498db; 351 right: 25px;
240 } 352 top: 12px;
353 height: 30px;
354 span {
355 font-weight: 600;
356 color: #3498db;
241 } 357 }
358
359 }
242 </style> 360 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-11 13:35:33 4 * @LastEditTime: 2023-09-12 15:18:52
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clmlmx-box"> 7 <div class="clmlmx-box">
8 <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="600" :pagination="false" :data="tableData"> 8 <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="500" :pagination="false" :data="tableData">
9 </lb-table> 9 </lb-table>
10 <div class="text-center"> 10 <div class="text-center">
11 <el-button @click="handleCancel">取消</el-button> 11 <el-button @click="handleCancel">取消</el-button>
12 <el-button type="primary" @click="handleSubmit" :loading="loading" v-if="formData.ableOperation && tableData.length>0">保存</el-button> 12 <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button>
13 </div> 13 </div>
14 </div> 14 </div>
15 </template> 15 </template>
...@@ -32,37 +32,28 @@ ...@@ -32,37 +32,28 @@
32 loading: false, 32 loading: false,
33 column: [ 33 column: [
34 { 34 {
35 width: "50", 35 width: '50',
36 label: '序号', 36 renderHeader: (h, scope) => {
37 type: 'index' 37 return <div> {
38 }, 38 <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i>
39 {
40 prop: "isrequired",
41 label: "是否必选",
42 width: "80",
43 render: (h, scope) => {
44 if (scope.row.isrequired === "1") {
45 return (
46 <div>
47 <span>必选</span>
48 </div>
49 );
50 }
51 else {
52 return (
53 <div>
54 <span>可选</span>
55 </div>
56 )
57 } 39 }
40 </div>
41 },
42 render: (h, scope) => {
43 return (
44 <div>
45 {
46 <i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i>
47 }
48 </div>
49 )
58 } 50 }
59 }, 51 },
60 { 52 {
61 label: "材料名称", 53 label: "材料名称",
62 render: (h, scope) => { 54 render: (h, scope) => {
63 return ( 55 return (
64 (this.formData.ableOperation && scope.row.isrequired != '1') ? 56 <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input>
65 <el-input value={scope.row.sjmc} onInput={(val) => { scope.row.sjmc = val }}></el-input> : <span>{scope.row.sjmc}</span>
66 ) 57 )
67 } 58 }
68 }, 59 },
...@@ -71,32 +62,25 @@ ...@@ -71,32 +62,25 @@
71 width: "110", 62 width: "110",
72 render: (h, scope) => { 63 render: (h, scope) => {
73 return ( 64 return (
74 this.formData.ableOperation ? 65 <el-select value={scope.row.cllx}
75 <el-select value={scope.row.sjlx} 66 onChange={(val) => { scope.row.cllx = val }}>
76 onChange={(val) => { scope.row.sjlx = val }}> 67 {
77 { 68 store.getters.dictData['A40'].map(option => {
78 store.getters.dictData['A40'].map(option => { 69 return (
79 return ( 70 <el-option label={option.dname} value={option.dcode}></el-option>
80 <el-option label={option.dname} value={option.dcode}></el-option> 71 )
81 ) 72 })
82 }) 73 }
83 } 74 </el-select>
84 </el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
85 ) 75 )
86 } 76 }
87 }, 77 },
88 { 78 {
89 prop: "sjsl",
90 label: "份数", 79 label: "份数",
91 width: "50", 80 width: "50",
92 render: (h, scope) => { 81 render: (h, scope) => {
93 return ( 82 return (
94 <div> 83 <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input>
95 {
96 scope.row.sjsl ?
97 <span>{scope.row.sjsl}</span> : 1
98 }
99 </div>
100 ) 84 )
101 } 85 }
102 }, 86 },
...@@ -147,7 +131,7 @@ ...@@ -147,7 +131,7 @@
147 <div> 131 <div>
148 <el-button 132 <el-button
149 type="text" 133 type="text"
150 disabled={scope.$index == 0 || !this.formData.ableOperation} 134 disabled={scope.$index == 0}
151 onClick={() => { 135 onClick={() => {
152 this.moveUpward(scope.$index, scope.row); 136 this.moveUpward(scope.$index, scope.row);
153 }} 137 }}
...@@ -156,16 +140,13 @@ ...@@ -156,16 +140,13 @@
156 </el-button> 140 </el-button>
157 <el-button 141 <el-button
158 type="text" 142 type="text"
159 disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation} 143 disabled={scope.$index + 1 == this.tableData.length}
160 onClick={() => { 144 onClick={() => {
161 this.moveDown(scope.$index, scope.row); 145 this.moveDown(scope.$index, scope.row);
162 }} 146 }}
163 > 147 >
164 下移 148 下移
165 </el-button> 149 </el-button>
166 <i v-show={scope.row.isrequired != '1' && this.formData.ableOperation} onClick={() => {
167 this.handleDelete(scope.$index, scope.row);
168 }} class="el-icon-delete pointer" style="color:#409EFF;margin-left:5px;position: relative;top: 1px;"></i>
169 </div > 150 </div >
170 ) 151 )
171 } 152 }
...@@ -188,6 +169,15 @@ ...@@ -188,6 +169,15 @@
188 handleCancel () { 169 handleCancel () {
189 ywPopupCacel() 170 ywPopupCacel()
190 }, 171 },
172 handleAdd () {
173 this.tableData.push({
174 clmc: '',
175 cllx: '1',
176 sjsl: '',
177 smzt: '',
178 count: 0
179 })
180 },
191 handleSubmit () { 181 handleSubmit () {
192 this.loading = true 182 this.loading = true
193 updateClml(this.tableData).then(res => { 183 updateClml(this.tableData).then(res => {
...@@ -311,25 +301,6 @@ ...@@ -311,25 +301,6 @@
311 message: '已取消删除' 301 message: '已取消删除'
312 }) 302 })
313 }) 303 })
314 },
315 // 字典
316 /**
317 * @description: 字典
318 * @param {*} val
319 * @param {*} code
320 * @author: renchao
321 */
322 dicStatus (val, code) {
323 let data = store.getters.dictData[code],
324 name = "暂无";
325 if (data) {
326 data.map((item) => {
327 if (item.dcode == val) {
328 name = item.dname;
329 }
330 });
331 return name;
332 }
333 } 304 }
334 } 305 }
335 } 306 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 08:51:36 4 * @LastEditTime: 2023-09-12 13:46:29
5 --> 5 -->
6 <template> 6 <template>
7 <div class="rlPopup"> 7 <div class="rlPopup">
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 <div class="next handle-btn" v-if="!isScan" @click="next()"> 11 <div class="next handle-btn" v-if="!isScan" @click="next()">
12 <i class="el-icon-arrow-right"></i> 12 <i class="el-icon-arrow-right"></i>
13 </div> 13 </div>
14 <div class="img-list-wrap"> 14 <div class="img-list-wrap" v-Loading="loading">
15 <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> 15 <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪">
16 <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> 16 <div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
17 <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" 17 <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" 34 <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
35 v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> 35 v-if="thumbnailImages.length>0 && ableOperation">删除</el-button>
36 <div v-if="ableOperation" class="pl-5"> 36 <div v-if="ableOperation" class="pl-5">
37 <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> 37 <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button>
38 <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> 38 <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button>
39 </div> 39 </div>
40 </div> 40 </div>
...@@ -73,6 +73,7 @@ ...@@ -73,6 +73,7 @@
73 }, 73 },
74 data () { 74 data () {
75 return { 75 return {
76 loading: false,
76 key: 0, 77 key: 0,
77 isScan: false, 78 isScan: false,
78 // 打开高拍仪 79 // 打开高拍仪
...@@ -125,18 +126,19 @@ ...@@ -125,18 +126,19 @@
125 handleOpenScan () { 126 handleOpenScan () {
126 this.isScan = !this.isScan 127 this.isScan = !this.isScan
127 if (this.isScan) { 128 if (this.isScan) {
129 this.loading = true
128 this.$message({ 130 this.$message({
129 message: '正在启动程序请稍等', 131 message: '正在启动程序请稍等',
130 type: 'success' 132 type: 'success'
131 }) 133 })
132 setTimeout(() => { 134 setTimeout(() => {
133 this.scanTitle = '关闭高拍仪' 135 this.scanTitle = '关闭高拍仪'
134 }, 4000) 136 this.loading = false
137 }, 3000)
135 } else { 138 } else {
136 this.scanTitle = '打开高拍仪' 139 this.scanTitle = '打开高拍仪'
137 } 140 }
138 }, 141 },
139 // 左右移动
140 /** 142 /**
141 * @description: 左右移动 143 * @description: 左右移动
142 * @param {*} direction 144 * @param {*} direction
...@@ -144,11 +146,20 @@ ...@@ -144,11 +146,20 @@
144 */ 146 */
145 handleMove (direction) { 147 handleMove (direction) {
146 move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => { 148 move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => {
147 this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) 149 if (res.code == 200) {
148 this.$message({ 150 if (direction == 'left') {
149 message: '移动成功!', 151 this.previewImg.index = this.previewImg.index - 1
150 type: 'success' 152 } else {
151 }) 153 this.previewImg.index = this.previewImg.index + 1
154 }
155 this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
156 this.$message({
157 message: '移动成功!',
158 type: 'success'
159 })
160 } else {
161 this.$message.error(res.message);
162 }
152 }) 163 })
153 }, 164 },
154 /** 165 /**
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 11:26:18 4 * @LastEditTime: 2023-09-12 13:39:20
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -293,7 +293,6 @@ ...@@ -293,7 +293,6 @@
293 * @author: renchao 293 * @author: renchao
294 */ 294 */
295 ywhClick (item) { 295 ywhClick (item) {
296 sessionStorage.removeItem('keyPath')
297 //判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面 296 //判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面
298 judgeUserTaskPermission({ 297 judgeUserTaskPermission({
299 bsmSlsq: item.bsmSlsq, 298 bsmSlsq: item.bsmSlsq,
......
...@@ -386,7 +386,7 @@ ...@@ -386,7 +386,7 @@
386 } 386 }
387 this.ruleForm.qlrList.forEach((item) => { 387 this.ruleForm.qlrList.forEach((item) => {
388 if (item.sfczr == 1) { 388 if (item.sfczr == 1) {
389 this.czr = item.sqrmc; 389 this.czr = item.zjh
390 } 390 }
391 }); 391 });
392 }).catch(() => { 392 }).catch(() => {
...@@ -506,7 +506,7 @@ ...@@ -506,7 +506,7 @@
506 } 506 }
507 this.num = 0 507 this.num = 0
508 this.ruleForm.qlrList.forEach(item => { 508 this.ruleForm.qlrList.forEach(item => {
509 if (item.sqrmc == this.czr) { 509 if (item.zjh == this.czr) {
510 this.num++ 510 this.num++
511 } 511 }
512 }) 512 })
......
...@@ -281,7 +281,7 @@ ...@@ -281,7 +281,7 @@
281 }; 281 };
282 this.ruleForm.qlrList.forEach((item) => { 282 this.ruleForm.qlrList.forEach((item) => {
283 if (item.sfczr == 1) { 283 if (item.sfczr == 1) {
284 this.czr = item.sqrmc; 284 this.czr = item.zjh
285 } 285 }
286 }); 286 });
287 this.czrOptions = this.ruleForm.qlrList; 287 this.czrOptions = this.ruleForm.qlrList;
...@@ -355,7 +355,7 @@ ...@@ -355,7 +355,7 @@
355 } 355 }
356 this.num = 0 356 this.num = 0
357 this.ruleForm.qlrList.forEach(item => { 357 this.ruleForm.qlrList.forEach(item => {
358 if (item.sqrmc == this.czr) { 358 if (item.zjh == this.czr) {
359 this.num++ 359 this.num++
360 } 360 }
361 }) 361 })
......
...@@ -436,7 +436,7 @@ ...@@ -436,7 +436,7 @@
436 }; 436 };
437 this.ruleForm.qlrList.forEach((item) => { 437 this.ruleForm.qlrList.forEach((item) => {
438 if (item.sfczr == 1) { 438 if (item.sfczr == 1) {
439 this.czr = item.sqrmc; 439 this.czr = item.zjh
440 } 440 }
441 }); 441 });
442 this.czrOptions = this.ruleForm.qlrList; 442 this.czrOptions = this.ruleForm.qlrList;
...@@ -513,7 +513,7 @@ ...@@ -513,7 +513,7 @@
513 this.czrOptions = this.ruleForm.qlrList; 513 this.czrOptions = this.ruleForm.qlrList;
514 this.num = 0 514 this.num = 0
515 this.ruleForm.qlrList.forEach(item => { 515 this.ruleForm.qlrList.forEach(item => {
516 if (item.sqrmc == this.czr) { 516 if (item.zjh == this.czr) {
517 this.num++ 517 this.num++
518 } 518 }
519 }) 519 })
......
...@@ -295,7 +295,7 @@ ...@@ -295,7 +295,7 @@
295 }; 295 };
296 this.ruleForm.qlrList.forEach((item) => { 296 this.ruleForm.qlrList.forEach((item) => {
297 if (item.sfczr == 1) { 297 if (item.sfczr == 1) {
298 this.czr = item.sqrmc; 298 this.czr = item.zjh
299 } 299 }
300 }); 300 });
301 this.czrOptions = this.ruleForm.qlrList; 301 this.czrOptions = this.ruleForm.qlrList;
......
...@@ -11,8 +11,7 @@ ...@@ -11,8 +11,7 @@
11 ref="ruleForm" 11 ref="ruleForm"
12 :label-position="flag ? 'top' : ''" 12 :label-position="flag ? 'top' : ''"
13 :inline="flag" 13 :inline="flag"
14 label-width="130px" 14 label-width="130px">
15 >
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 15 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block"> 16 <div class="slxx_title title-block">
18 申请业务信息 17 申请业务信息
...@@ -40,16 +39,14 @@ ...@@ -40,16 +39,14 @@
40 <el-form-item label="权利类型："> 39 <el-form-item label="权利类型：">
41 <el-input 40 <el-input
42 disabled 41 disabled
43 v-model="ruleForm.sldyList[0].qllxmc" 42 v-model="ruleForm.sldyList[0].qllxmc"></el-input>
44 ></el-input>
45 </el-form-item> 43 </el-form-item>
46 </el-col> 44 </el-col>
47 <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> 45 <el-col :span="8" v-if="ruleForm.sldyList.length > 0">
48 <el-form-item label="登记类型："> 46 <el-form-item label="登记类型：">
49 <el-input 47 <el-input
50 disabled 48 disabled
51 v-model="ruleForm.sldyList[0].djlxmc" 49 v-model="ruleForm.sldyList[0].djlxmc"></el-input>
52 ></el-input>
53 </el-form-item> 50 </el-form-item>
54 </el-col> 51 </el-col>
55 <el-col :span="8"> 52 <el-col :span="8">
...@@ -70,14 +67,12 @@ ...@@ -70,14 +67,12 @@
70 <el-select 67 <el-select
71 disabled 68 disabled
72 v-model="ruleForm.zdjbxx.mjdw" 69 v-model="ruleForm.zdjbxx.mjdw"
73 style="width: 68px" 70 style="width: 68px">
74 >
75 <el-option 71 <el-option
76 v-for="item in dictData['A7']" 72 v-for="item in dictData['A7']"
77 :key="item.dcode" 73 :key="item.dcode"
78 :label="item.dname" 74 :label="item.dname"
79 :value="item.dcode" 75 :value="item.dcode"></el-option>
80 ></el-option>
81 </el-select> 76 </el-select>
82 </div> 77 </div>
83 </el-form-item> 78 </el-form-item>
...@@ -151,8 +146,7 @@ ...@@ -151,8 +146,7 @@
151 <el-form-item label="共有方式："> 146 <el-form-item label="共有方式：">
152 <el-radio-group 147 <el-radio-group
153 :disabled="!viewEdit" 148 :disabled="!viewEdit"
154 v-model="ruleForm.sldyList[0].gyfs" 149 v-model="ruleForm.sldyList[0].gyfs">
155 >
156 <el-radio label="0">单独所有</el-radio> 150 <el-radio label="0">单独所有</el-radio>
157 <el-radio label="1">共同共有</el-radio> 151 <el-radio label="1">共同共有</el-radio>
158 <el-radio label="2">按份所有</el-radio> 152 <el-radio label="2">按份所有</el-radio>
...@@ -166,8 +160,7 @@ ...@@ -166,8 +160,7 @@
166 <el-radio-group 160 <el-radio-group
167 v-model="ruleForm.sldyList[0].sqfbcz" 161 v-model="ruleForm.sldyList[0].sqfbcz"
168 :disabled="!viewEdit" 162 :disabled="!viewEdit"
169 @input="updaterow()" 163 @input="updaterow()">
170 >
171 <el-radio :label="1">是</el-radio> 164 <el-radio :label="1">是</el-radio>
172 <el-radio :label="0">否</el-radio> 165 <el-radio :label="0">否</el-radio>
173 </el-radio-group> 166 </el-radio-group>
...@@ -178,20 +171,17 @@ ...@@ -178,20 +171,17 @@
178 v-if=" 171 v-if="
179 ruleForm.sldyList[0].gyfs != 0 && 172 ruleForm.sldyList[0].gyfs != 0 &&
180 ruleForm.sldyList[0].sqfbcz == '0' 173 ruleForm.sldyList[0].sqfbcz == '0'
181 " 174 ">
182 >
183 <el-form-item label="持证人："> 175 <el-form-item label="持证人：">
184 <el-select 176 <el-select
185 v-model="czr" 177 v-model="czr"
186 placeholder="持证人" 178 placeholder="持证人"
187 :disabled="!viewEdit" 179 :disabled="!viewEdit">
188 >
189 <el-option 180 <el-option
190 v-for="item in czrOptions" 181 v-for="item in czrOptions"
191 :key="item.zjh" 182 :key="item.zjh"
192 :label="item.sqrmc" 183 :label="item.sqrmc"
193 :value="item.zjh" 184 :value="item.zjh"></el-option>
194 ></el-option>
195 </el-select> 185 </el-select>
196 </el-form-item> 186 </el-form-item>
197 </el-col> 187 </el-col>
...@@ -200,8 +190,7 @@ ...@@ -200,8 +190,7 @@
200 :disabled="viewEdit" 190 :disabled="viewEdit"
201 @upDateQlrxxList="upDateQlrxxList" 191 @upDateQlrxxList="upDateQlrxxList"
202 :tableData="ruleForm.qlrList" 192 :tableData="ruleForm.qlrList"
203 :gyfs="ruleForm.sldyList[0].gyfs" 193 :gyfs="ruleForm.sldyList[0].gyfs" />
204 />
205 <div class="slxx_title title-block"> 194 <div class="slxx_title title-block">
206 登记原因 195 登记原因
207 <div class="triangle"></div> 196 <div class="triangle"></div>
...@@ -215,8 +204,7 @@ ...@@ -215,8 +204,7 @@
215 maxlength="500" 204 maxlength="500"
216 show-word-limit 205 show-word-limit
217 :disabled="!viewEdit" 206 :disabled="!viewEdit"
218 v-model="ruleForm.fdcq2List[0].djyy" 207 v-model="ruleForm.fdcq2List[0].djyy">
219 >
220 </el-input> 208 </el-input>
221 </el-form-item> 209 </el-form-item>
222 </el-col> 210 </el-col>
...@@ -231,296 +219,296 @@ ...@@ -231,296 +219,296 @@
231 </div> 219 </div>
232 </template> 220 </template>
233 <script> 221 <script>
234 import ywmix from "@/views/ywbl/mixin/index"; 222 import ywmix from "@/views/ywbl/mixin/index";
235 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 223 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
236 import { 224 import {
237 BatchInit, 225 BatchInit,
238 Init, 226 Init,
239 saveBatchData, 227 saveBatchData,
240 saveData, 228 saveData,
241 } from "@/api/workflow/fwsyqFlow.js"; 229 } from "@/api/workflow/fwsyqFlow.js";
242 import { mapGetters } from "vuex"; 230 import { mapGetters } from "vuex";
243 export default { 231 export default {
244 mixins: [ywmix], 232 mixins: [ywmix],
245 computed: { 233 computed: {
246 ...mapGetters(["dictData", "flag"]), 234 ...mapGetters(["dictData", "flag"]),
247 },
248 components: { qlrCommonTable },
249
250 // 更新义务人信息
251 /**
252 * @description: 更新义务人信息
253 * @param {*} val
254 * @author: renchao
255 */
256 upDateYwrxxList(val) {
257 this.ruleForm.ywrList = _.cloneDeep(val);
258 },
259 data() {
260 return {
261 disabled: true,
262 tdytOption: [],
263 ruleForm: {
264 cfdjList: [], //查封登记
265 diyaqList: [], //抵押权
266 fdcq2List: [], //房屋信息集合
267 qlrList: [], //权利人
268 ywrList: [], //义务人
269 qlxxList: [], //权利信息集合
270 sldyList: [], //受理不动产单元集合
271 slsq: {}, //受理申请流程明细
272 flow: {}, //受理申请流程明细
273 sqrList: [], //申请人
274 ssQlxxList: [], //上手权利信息
275 user: {}, //用户
276 zdjbxx: {}, //宗地基本信息
277 },
278 czrOptions: [],
279 czr: "",
280 //传递参数
281 propsParam: this.$attrs,
282 //表单是否可操作
283 viewEdit: true,
284 rules: {},
285 gyfs: "",
286 bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
287 splicingFdcq2: {
288 //前端根据后台数组组装展示内容
289 tdxz: "", //土地性质
290 fwxz: "", //房屋性质
291 fwjg: "", //房屋结构
292 jzmj: "", //建筑面积
293 zts: "", //房屋总套数
294 },
295 };
296 },
297 mounted(callbackfn, thisArg) {
298 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
299 this.propsParam = this.$attrs;
300 var formdata = new FormData();
301 formdata.append("bsmSldy", this.propsParam.bsmSldy);
302 formdata.append("djlx", this.propsParam.djlx);
303 formdata.append("bsmSlsq", this.bsmSlsq);
304 formdata.append("isEdit", this.viewEdit);
305 BatchInit(formdata).then((res) => {
306 if (res.code == 200) {
307 this.ruleForm = res.result;
308 this.czrOptions = this.ruleForm.qlrList;
309 this.gyfs = this.ruleForm.sldyList[0].gyfs;
310 this.splicingFdcq2Info();
311 }
312 this.ruleForm.qlrList.forEach((item) => {
313 if (item.sfczr == 1) {
314 this.czr = item.sqrmc;
315 }
316 });
317 });
318 },
319 methods: {
320 //组装房地产权通用信息
321 /**
322 * @description: 组装房地产权通用信息
323 * @author: renchao
324 */
325 splicingFdcq2Info() {
326 let fdcq2List = this.ruleForm.fdcq2List;
327 let fwxzArr = [];
328 let fwjgArr = [];
329 let jzmj = 0;
330 fdcq2List.forEach((fdcq2) => {
331 fwxzArr.push(fdcq2.fwxzmc);
332 fwjgArr.push(fdcq2.fwjgmc);
333 jzmj += parseFloat(fdcq2.jzmj);
334 });
335 //将数据转为字符串
336 //房屋性质
337 let fwxz = Array.from(new Set(fwxzArr)).join(",");
338 //房屋结构
339 let fwjg = Array.from(new Set(fwjgArr)).join(",");
340 this.splicingFdcq2.fwxz = fwxz;
341 this.splicingFdcq2.fwjg = fwjg;
342 this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
343 this.splicingFdcq2.zts = fdcq2List.length;
344 },
345 /**
346 * @description: 更新权利人信息
347 * @param {*} val
348 * @author: renchao
349 */
350 upDateQlrxxList(val) {
351 this.ruleForm.qlrList = _.cloneDeep(val);
352 this.czrOptions = this.ruleForm.qlrList;
353 }, 235 },
236 components: { qlrCommonTable },
354 237
355
356 // 是否持证人变化
357 /**
358 * @description: 是否持证人变化
359 * @param {*} val
360 * @author: renchao
361 */
362 updaterow() {
363 this.czr = "";
364 },
365 // 更新义务人信息 238 // 更新义务人信息
366 /** 239 /**
367 * @description: 更新义务人信息 240 * @description: 更新义务人信息
368 * @param {*} val 241 * @param {*} val
369 * @author: renchao 242 * @author: renchao
370 */ 243 */
371 upDateYwrxxList(val) { 244 upDateYwrxxList (val) {
372 this.ruleForm.ywrList = _.cloneDeep(val); 245 this.ruleForm.ywrList = _.cloneDeep(val);
373 }, 246 },
374 /** 247 data () {
375 * @description: onSubmit 248 return {
376 * @author: renchao 249 disabled: true,
377 */ 250 tdytOption: [],
378 onSubmit() { 251 ruleForm: {
379 let that = this; 252 cfdjList: [], //查封登记
380 if (this.ruleForm.qlrList.length == 0) { 253 diyaqList: [], //抵押权
381 this.$message({ 254 fdcq2List: [], //房屋信息集合
382 showClose: true, 255 qlrList: [], //权利人
383 message: "请确认权利人信息", 256 ywrList: [], //义务人
384 type: "error", 257 qlxxList: [], //权利信息集合
385 }); 258 sldyList: [], //受理不动产单元集合
386 return false; 259 slsq: {}, //受理申请流程明细
387 } 260 flow: {}, //受理申请流程明细
388 if (this.ruleForm.sldyList[0].gyfs == "0") { 261 sqrList: [], //申请人
389 if (this.ruleForm.qlrList.length > 1) { 262 ssQlxxList: [], //上手权利信息
390 this.$message({ 263 user: {}, //用户
391 showClose: true, 264 zdjbxx: {}, //宗地基本信息
392 message: "共有方式：单独所有，权利人只能是一个人", 265 },
393 type: "error", 266 czrOptions: [],
394 }); 267 czr: "",
395 return false; 268 //传递参数
269 propsParam: this.$attrs,
270 //表单是否可操作
271 viewEdit: true,
272 rules: {},
273 gyfs: "",
274 bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
275 splicingFdcq2: {
276 //前端根据后台数组组装展示内容
277 tdxz: "", //土地性质
278 fwxz: "", //房屋性质
279 fwjg: "", //房屋结构
280 jzmj: "", //建筑面积
281 zts: "", //房屋总套数
282 },
283 };
284 },
285 mounted (callbackfn, thisArg) {
286 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
287 this.propsParam = this.$attrs;
288 var formdata = new FormData();
289 formdata.append("bsmSldy", this.propsParam.bsmSldy);
290 formdata.append("djlx", this.propsParam.djlx);
291 formdata.append("bsmSlsq", this.bsmSlsq);
292 formdata.append("isEdit", this.viewEdit);
293 BatchInit(formdata).then((res) => {
294 if (res.code == 200) {
295 this.ruleForm = res.result;
296 this.czrOptions = this.ruleForm.qlrList;
297 this.gyfs = this.ruleForm.sldyList[0].gyfs;
298 this.splicingFdcq2Info();
396 } 299 }
397 this.ruleForm.qlrList[0].sfczr = "1"; 300 this.ruleForm.qlrList.forEach((item) => {
398 } else { 301 if (item.sfczr == 1) {
399 if (this.ruleForm.qlrList.length <= 1) { 302 this.czr = item.zjh
303 }
304 });
305 });
306 },
307 methods: {
308 //组装房地产权通用信息
309 /**
310 * @description: 组装房地产权通用信息
311 * @author: renchao
312 */
313 splicingFdcq2Info () {
314 let fdcq2List = this.ruleForm.fdcq2List;
315 let fwxzArr = [];
316 let fwjgArr = [];
317 let jzmj = 0;
318 fdcq2List.forEach((fdcq2) => {
319 fwxzArr.push(fdcq2.fwxzmc);
320 fwjgArr.push(fdcq2.fwjgmc);
321 jzmj += parseFloat(fdcq2.jzmj);
322 });
323 //将数据转为字符串
324 //房屋性质
325 let fwxz = Array.from(new Set(fwxzArr)).join(",");
326 //房屋结构
327 let fwjg = Array.from(new Set(fwjgArr)).join(",");
328 this.splicingFdcq2.fwxz = fwxz;
329 this.splicingFdcq2.fwjg = fwjg;
330 this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
331 this.splicingFdcq2.zts = fdcq2List.length;
332 },
333 /**
334 * @description: 更新权利人信息
335 * @param {*} val
336 * @author: renchao
337 */
338 upDateQlrxxList (val) {
339 this.ruleForm.qlrList = _.cloneDeep(val);
340 this.czrOptions = this.ruleForm.qlrList;
341 },
342
343
344 // 是否持证人变化
345 /**
346 * @description: 是否持证人变化
347 * @param {*} val
348 * @author: renchao
349 */
350 updaterow () {
351 this.czr = "";
352 },
353 // 更新义务人信息
354 /**
355 * @description: 更新义务人信息
356 * @param {*} val
357 * @author: renchao
358 */
359 upDateYwrxxList (val) {
360 this.ruleForm.ywrList = _.cloneDeep(val);
361 },
362 /**
363 * @description: onSubmit
364 * @author: renchao
365 */
366 onSubmit () {
367 let that = this;
368 if (this.ruleForm.qlrList.length == 0) {
400 this.$message({ 369 this.$message({
401 showClose: true, 370 showClose: true,
402 message: 371 message: "请确认权利人信息",
403 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
404 type: "error", 372 type: "error",
405 }); 373 });
406 return false; 374 return false;
407 } 375 }
408 //是否分别持证 376 if (this.ruleForm.sldyList[0].gyfs == "0") {
409 if (this.ruleForm.sldyList[0].sqfbcz == "1") { 377 if (this.ruleForm.qlrList.length > 1) {
410 //是 378 this.$message({
411 this.ruleForm.qlrList.forEach((item, index) => { 379 showClose: true,
412 item.sfczr = "1"; 380 message: "共有方式：单独所有，权利人只能是一个人",
413 }); 381 type: "error",
382 });
383 return false;
384 }
385 this.ruleForm.qlrList[0].sfczr = "1";
414 } else { 386 } else {
415 if (!that.czr) { 387 if (this.ruleForm.qlrList.length <= 1) {
416 that.$message({ 388 this.$message({
417 showClose: true, 389 showClose: true,
418 message: "请选择持证人", 390 message:
391 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
419 type: "error", 392 type: "error",
420 }); 393 });
421 return false; 394 return false;
422 } 395 }
423 this.ruleForm.qlrList.forEach((item, index) => { 396 //是否分别持证
424 if (item.zjh == that.czr) { 397 if (this.ruleForm.sldyList[0].sqfbcz == "1") {
398 //是
399 this.ruleForm.qlrList.forEach((item, index) => {
425 item.sfczr = "1"; 400 item.sfczr = "1";
426 } else { 401 });
427 item.sfczr = "0"; 402 } else {
403 if (!that.czr) {
404 that.$message({
405 showClose: true,
406 message: "请选择持证人",
407 type: "error",
408 });
409 return false;
428 } 410 }
429 }); 411 this.ruleForm.qlrList.forEach((item, index) => {
430 } 412 if (item.zjh == that.czr) {
431 } 413 item.sfczr = "1";
432 saveBatchData(this.ruleForm).then((res) => { 414 } else {
433 if (res.code === 200) { 415 item.sfczr = "0";
434 this.$message({ 416 }
435 showClose: true, 417 });
436 message: "保存成功！", 418 }
437 type: "success",
438 });
439 this.$store.dispatch("user/refreshPage", true);
440 } else {
441 this.$message({
442 showClose: true,
443 message: res.message,
444 type: "error",
445 });
446 } 419 }
447 }); 420 saveBatchData(this.ruleForm).then((res) => {
421 if (res.code === 200) {
422 this.$message({
423 showClose: true,
424 message: "保存成功！",
425 type: "success",
426 });
427 this.$store.dispatch("user/refreshPage", true);
428 } else {
429 this.$message({
430 showClose: true,
431 message: res.message,
432 type: "error",
433 });
434 }
435 });
436 },
448 }, 437 },
449 }, 438 };
450 };
451 </script> 439 </script>
452 <style scoped lang="scss"> 440 <style scoped lang="scss">
453 @import "~@/styles/public.scss"; 441 @import "~@/styles/public.scss";
454 442
455 /deep/.el-form { 443 /deep/.el-form {
456 display: flex; 444 display: flex;
457 flex-direction: column; 445 flex-direction: column;
458 height: calc(100vh - 130px); 446 height: calc(100vh - 130px);
459 } 447 }
460 448
461 /deep/.el-form-item__label { 449 /deep/.el-form-item__label {
462 padding: 0; 450 padding: 0;
463 } 451 }
464 452
465 /deep/.el-radio { 453 /deep/.el-radio {
466 margin-right: 10px; 454 margin-right: 10px;
467 } 455 }
468 456
469 /deep/.el-select { 457 /deep/.el-select {
470 width: 100%; 458 width: 100%;
471 } 459 }
472 460
473 /deep/.el-form-item { 461 /deep/.el-form-item {
474 margin-bottom: 8px; 462 margin-bottom: 8px;
475 } 463 }
476 464
477 .marginBot0 { 465 .marginBot0 {
478 margin-bottom: 0 !important; 466 margin-bottom: 0 !important;
479 } 467 }
480 468
481 .slxx { 469 .slxx {
482 box-sizing: border-box; 470 box-sizing: border-box;
483 } 471 }
484 472
485 .slxx_con { 473 .slxx_con {
486 flex: 1; 474 flex: 1;
487 height: 100%; 475 height: 100%;
488 background-color: #ffffff; 476 background-color: #ffffff;
489 overflow-y: auto; 477 overflow-y: auto;
490 padding-right: 3px; 478 padding-right: 3px;
491 overflow-x: hidden; 479 overflow-x: hidden;
492 } 480 }
493 481
494 .submit_btn { 482 .submit_btn {
495 height: 50px; 483 height: 50px;
496 } 484 }
497 485
498 .slxx_title { 486 .slxx_title {
499 border-bottom: 1px solid $borderColor; 487 border-bottom: 1px solid $borderColor;
500 padding-left: 10px; 488 padding-left: 10px;
501 padding-bottom: 5px; 489 padding-bottom: 5px;
502 margin-bottom: 10px; 490 margin-bottom: 10px;
503 margin-top: 5px; 491 margin-top: 5px;
504 font-size: 16px; 492 font-size: 16px;
505 font-weight: 500; 493 font-weight: 500;
506 color: #4a4a4a; 494 color: #4a4a4a;
507 } 495 }
508 496
509 .btn { 497 .btn {
510 text-align: center; 498 text-align: center;
511 padding-top: 10px; 499 padding-top: 10px;
512 height: 36px; 500 height: 36px;
513 background-color: #ffffff; 501 background-color: #ffffff;
514 padding: 5px 0; 502 padding: 5px 0;
515 } 503 }
516 504
517 .textArea { 505 .textArea {
518 /deep/.el-textarea__inner { 506 /deep/.el-textarea__inner {
519 min-height: 90px !important; 507 min-height: 90px !important;
508 }
520 } 509 }
521 }
522 510
523 /deep/.el-form-item__label { 511 /deep/.el-form-item__label {
524 padding-bottom: 0px; 512 padding-bottom: 0px;
525 } 513 }
526 </style> 514 </style>
......
...@@ -12,8 +12,7 @@ ...@@ -12,8 +12,7 @@
12 ref="ruleForm" 12 ref="ruleForm"
13 :label-position="flag ? 'top' : ''" 13 :label-position="flag ? 'top' : ''"
14 :inline="flag" 14 :inline="flag"
15 label-width="120px" 15 label-width="120px">
16 >
17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
19 申请业务信息 18 申请业务信息
...@@ -44,14 +43,12 @@ ...@@ -44,14 +43,12 @@
44 v-model="ruleForm.qllx" 43 v-model="ruleForm.qllx"
45 filterable 44 filterable
46 clearable 45 clearable
47 placeholder="请选择权利类型" 46 placeholder="请选择权利类型">
48 >
49 <el-option 47 <el-option
50 v-for="item in dictData['A8']" 48 v-for="item in dictData['A8']"
51 :key="item.dcode" 49 :key="item.dcode"
52 :label="item.dname" 50 :label="item.dname"
53 :value="item.dcode" 51 :value="item.dcode">
54 >
55 </el-option> 52 </el-option>
56 </el-select> 53 </el-select>
57 </el-form-item> 54 </el-form-item>
...@@ -63,14 +60,12 @@ ...@@ -63,14 +60,12 @@
63 v-model="ruleForm.djlx" 60 v-model="ruleForm.djlx"
64 filterable 61 filterable
65 clearable 62 clearable
66 placeholder="请选择登记类型" 63 placeholder="请选择登记类型">
67 >
68 <el-option 64 <el-option
69 v-for="item in dictData['A21']" 65 v-for="item in dictData['A21']"
70 :key="item.dcode" 66 :key="item.dcode"
71 :label="item.dname" 67 :label="item.dname"
72 :value="item.dcode" 68 :value="item.dcode">
73 >
74 </el-option> 69 </el-option>
75 </el-select> 70 </el-select>
76 </el-form-item> 71 </el-form-item>
...@@ -120,8 +115,7 @@ ...@@ -120,8 +115,7 @@
120 v-for="item in djztList" 115 v-for="item in djztList"
121 :key="item.value" 116 :key="item.value"
122 :label="item.label" 117 :label="item.label"
123 :value="item.value" 118 :value="item.value">
124 >
125 </el-option> 119 </el-option>
126 </el-select> 120 </el-select>
127 </el-form-item> 121 </el-form-item>
...@@ -164,8 +158,7 @@ ...@@ -164,8 +158,7 @@
164 <tdytTable 158 <tdytTable
165 :ableOperation="viewEdit" 159 :ableOperation="viewEdit"
166 :tableData="ruleForm.tdytqxList" 160 :tableData="ruleForm.tdytqxList"
167 @upDateTdytxxList="upDateTdytxxList" 161 @upDateTdytxxList="upDateTdytxxList" />
168 />
169 <div class="slxx_title title-block"> 162 <div class="slxx_title title-block">
170 权利人信息 163 权利人信息
171 <div class="triangle"></div> 164 <div class="triangle"></div>
...@@ -186,8 +179,7 @@ ...@@ -186,8 +179,7 @@
186 <el-radio-group 179 <el-radio-group
187 v-model="ruleForm.sffbcz" 180 v-model="ruleForm.sffbcz"
188 :disabled="!viewEdit" 181 :disabled="!viewEdit"
189 @input="updaterow()" 182 @input="updaterow()">
190 >
191 <el-radio label="1">是</el-radio> 183 <el-radio label="1">是</el-radio>
192 <el-radio label="0">否</el-radio> 184 <el-radio label="0">否</el-radio>
193 </el-radio-group> 185 </el-radio-group>
...@@ -195,20 +187,17 @@ ...@@ -195,20 +187,17 @@
195 </el-col> 187 </el-col>
196 <el-col 188 <el-col
197 :span="5" 189 :span="5"
198 v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'" 190 v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'">
199 >
200 <el-form-item label="持证人："> 191 <el-form-item label="持证人：">
201 <el-select 192 <el-select
202 v-model="czr" 193 v-model="czr"
203 placeholder="持证人" 194 placeholder="持证人"
204 :disabled="!viewEdit" 195 :disabled="!viewEdit">
205 >
206 <el-option 196 <el-option
207 v-for="item in czrOptions" 197 v-for="item in czrOptions"
208 :key="item.value" 198 :key="item.value"
209 :label="item.label" 199 :label="item.label"
210 :value="item.value" 200 :value="item.value">
211 >
212 </el-option> 201 </el-option>
213 </el-select> 202 </el-select>
214 </el-form-item> 203 </el-form-item>
...@@ -217,8 +206,7 @@ ...@@ -217,8 +206,7 @@
217 <qlrCommonTable 206 <qlrCommonTable
218 :tableData="ruleForm.qlrList" 207 :tableData="ruleForm.qlrList"
219 :gyfs="ruleForm.gyfs" 208 :gyfs="ruleForm.gyfs"
220 :disabled="viewEdit" 209 :disabled="viewEdit" />
221 />
222 <div class="slxx_title title-block"> 210 <div class="slxx_title title-block">
223 登记原因 211 登记原因
224 <div class="triangle"></div> 212 <div class="triangle"></div>
...@@ -232,8 +220,7 @@ ...@@ -232,8 +220,7 @@
232 maxlength="500" 220 maxlength="500"
233 show-word-limit 221 show-word-limit
234 :disabled="!viewEdit" 222 :disabled="!viewEdit"
235 v-model="ruleForm.djyy" 223 v-model="ruleForm.djyy">
236 >
237 </el-input> 224 </el-input>
238 </el-form-item> 225 </el-form-item>
239 </el-col> 226 </el-col>
...@@ -248,114 +235,18 @@ ...@@ -248,114 +235,18 @@
248 </div> 235 </div>
249 </template> 236 </template>
250 <script> 237 <script>
251 import ywmix from "@/views/ywbl/mixin/index"; 238 import ywmix from "@/views/ywbl/mixin/index";
252 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 239 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
253 import tdytTable from "@/views/workflow/components/tdytTable"; 240 import tdytTable from "@/views/workflow/components/tdytTable";
254 import { Init } from "@/api/workflow/fwsyqFlow.js"; 241 import { Init } from "@/api/workflow/fwsyqFlow.js";
255 import { mapGetters } from "vuex"; 242 import { mapGetters } from "vuex";
256 export default { 243 export default {
257 mixins: [ywmix], 244 mixins: [ywmix],
258 mounted() { 245 mounted () {
259 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 246 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
260 this.propsParam = this.$attrs; 247 this.propsParam = this.$attrs;
261 var formdata = new FormData();
262 formdata.append("bsmSldy", this.propsParam.bsmSldy);
263 Init(formdata).then((res) => {
264 if (res.code === 200 && res.result) {
265 this.ruleForm = {
266 ...res.result,
267 ...res.result.zdjbxxdatas,
268 ...res.result.qlxxdatas,
269 ...res.result.jsydsyqdatas,
270 };
271 this.ruleForm.qlrList.forEach((item) => {
272 if (item.sfczr == 1) {
273 this.czr = item.sqrmc;
274 }
275 });
276 this.czrOptions = this.ruleForm.qlrList;
277 }
278 });
279 },
280 components: { qlrCommonTable, tdytTable },
281 computed: {
282 ...mapGetters(["dictData", "flag"]),
283 },
284 data() {
285 return {
286 //表单是否可操作
287 viewEdit: false,
288 disabled: true,
289 tdytOption: [],
290 czrOptions: [],
291 czr: "",
292 ruleForm: {
293 ywh: "",
294 slry: "",
295 slsj: "",
296 qllx: "",
297 djlx: "",
298 djqx: "",
299 // 宗地代码
300 zddm: "",
301 bdcdyh: "",
302 qlxzmc: "",
303 qlrxx: [],
304 // 自然幢号
305 zrzh: "",
306 // 户不动产单元号
307 ghytmc: "",
308 djzt: "",
309 // 图幅丘幢号
310 tfqzh: "",
311 zl: "",
312 // 房屋用途
313 fwyt: "",
314 fwxz: "",
315 fwjg: "",
316 // 权利人信息
317 gyfs: "1",
318 // 是否分别持证
319 sffbcz: "",
320 // 持证人
321 czr: "",
322 djyy: "",
323 },
324 //传递参数
325 propsParam: {},
326 rules: {},
327 };
328 },
329 methods: {
330 // 更新土地用途信息
331 /**
332 * @description: 更新土地用途信息
333 * @param {*} val
334 * @author: renchao
335 */
336 upDateTdytxxList(val) {
337 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
338 this.czrOptions = this.ruleForm.qlrData;
339 this.key++;
340 },
341 // 是否持证人变化
342 /**
343 * @description: 是否持证人变化
344 * @param {*} val
345 * @author: renchao
346 */
347 updaterow() {
348 this.czr = "";
349 },
350 /**
351 * @description: list
352 * @param {*} bsmSldy
353 * @author: renchao
354 */
355 list(bsmSldy) {
356 var formdata = new FormData(); 248 var formdata = new FormData();
357 formdata.append("bsmSldy", bsmSldy); 249 formdata.append("bsmSldy", this.propsParam.bsmSldy);
358 formdata.append("isEdit", this.viewEdit);
359 Init(formdata).then((res) => { 250 Init(formdata).then((res) => {
360 if (res.code === 200 && res.result) { 251 if (res.code === 200 && res.result) {
361 this.ruleForm = { 252 this.ruleForm = {
...@@ -364,159 +255,255 @@ export default { ...@@ -364,159 +255,255 @@ export default {
364 ...res.result.qlxxdatas, 255 ...res.result.qlxxdatas,
365 ...res.result.jsydsyqdatas, 256 ...res.result.jsydsyqdatas,
366 }; 257 };
258 this.ruleForm.qlrList.forEach((item) => {
259 if (item.sfczr == 1) {
260 this.czr = item.zjh
261 }
262 });
263 this.czrOptions = this.ruleForm.qlrList;
367 } 264 }
368 }); 265 });
369 }, 266 },
370 /** 267 components: { qlrCommonTable, tdytTable },
371 * @description: onSubmit 268 computed: {
372 * @author: renchao 269 ...mapGetters(["dictData", "flag"]),
373 */ 270 },
374 onSubmit() { 271 data () {
375 let that = this; 272 return {
376 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 273 //表单是否可操作
377 if (arr.length > 0) { 274 viewEdit: false,
378 this.$message({ 275 disabled: true,
379 showClose: true, 276 tdytOption: [],
380 message: "土地用途不能为空", 277 czrOptions: [],
381 type: "error", 278 czr: "",
382 }); 279 ruleForm: {
383 return false; 280 ywh: "",
384 } 281 slry: "",
385 if (this.ruleForm.qlrList.length == 0) { 282 slsj: "",
386 this.$message({ 283 qllx: "",
387 showClose: true, 284 djlx: "",
388 message: "请确认权利人信息", 285 djqx: "",
389 type: "error", 286 // 宗地代码
287 zddm: "",
288 bdcdyh: "",
289 qlxzmc: "",
290 qlrxx: [],
291 // 自然幢号
292 zrzh: "",
293 // 户不动产单元号
294 ghytmc: "",
295 djzt: "",
296 // 图幅丘幢号
297 tfqzh: "",
298 zl: "",
299 // 房屋用途
300 fwyt: "",
301 fwxz: "",
302 fwjg: "",
303 // 权利人信息
304 gyfs: "1",
305 // 是否分别持证
306 sffbcz: "",
307 // 持证人
308 czr: "",
309 djyy: "",
310 },
311 //传递参数
312 propsParam: {},
313 rules: {},
314 };
315 },
316 methods: {
317 // 更新土地用途信息
318 /**
319 * @description: 更新土地用途信息
320 * @param {*} val
321 * @author: renchao
322 */
323 upDateTdytxxList (val) {
324 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
325 this.czrOptions = this.ruleForm.qlrData;
326 this.key++;
327 },
328 // 是否持证人变化
329 /**
330 * @description: 是否持证人变化
331 * @param {*} val
332 * @author: renchao
333 */
334 updaterow () {
335 this.czr = "";
336 },
337 /**
338 * @description: list
339 * @param {*} bsmSldy
340 * @author: renchao
341 */
342 list (bsmSldy) {
343 var formdata = new FormData();
344 formdata.append("bsmSldy", bsmSldy);
345 formdata.append("isEdit", this.viewEdit);
346 Init(formdata).then((res) => {
347 if (res.code === 200 && res.result) {
348 this.ruleForm = {
349 ...res.result,
350 ...res.result.zdjbxxdatas,
351 ...res.result.qlxxdatas,
352 ...res.result.jsydsyqdatas,
353 };
354 }
390 }); 355 });
391 return false; 356 },
392 } 357 /**
393 358 * @description: onSubmit
394 if (this.ruleForm.gyfs == "0") { 359 * @author: renchao
395 if (this.ruleForm.qlrList.length > 1) { 360 */
361 onSubmit () {
362 let that = this;
363 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
364 if (arr.length > 0) {
396 this.$message({ 365 this.$message({
397 showClose: true, 366 showClose: true,
398 message: "共有方式：单独所有，权利人只能是一个人", 367 message: "土地用途不能为空",
399 type: "error", 368 type: "error",
400 }); 369 });
401 return false; 370 return false;
402 } 371 }
403 this.ruleForm.qlrList[0].sfczr = "1"; 372 if (this.ruleForm.qlrList.length == 0) {
404 } else {
405 if (this.ruleForm.qlrList.length <= 1) {
406 this.$message({ 373 this.$message({
407 showClose: true, 374 showClose: true,
408 message: 375 message: "请确认权利人信息",
409 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
410 type: "error", 376 type: "error",
411 }); 377 });
412 return false; 378 return false;
413 } 379 }
414 //是否分别持证 380
415 if (this.ruleForm.sqfbcz == "1") { 381 if (this.ruleForm.gyfs == "0") {
416 //是 382 if (this.ruleForm.qlrList.length > 1) {
417 this.ruleForm.qlrList.forEach((item, index) => { 383 this.$message({
418 item.sfczr = "1"; 384 showClose: true,
419 }); 385 message: "共有方式：单独所有，权利人只能是一个人",
386 type: "error",
387 });
388 return false;
389 }
390 this.ruleForm.qlrList[0].sfczr = "1";
420 } else { 391 } else {
421 if (!that.czr) { 392 if (this.ruleForm.qlrList.length <= 1) {
422 that.$message({ 393 this.$message({
423 showClose: true, 394 showClose: true,
424 message: "请选择持证人", 395 message:
396 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
425 type: "error", 397 type: "error",
426 }); 398 });
427 return false; 399 return false;
428 } 400 }
429 this.ruleForm.qlrList.forEach((item, index) => { 401 //是否分别持证
430 if (item.zjh == that.czr) { 402 if (this.ruleForm.sqfbcz == "1") {
403 //是
404 this.ruleForm.qlrList.forEach((item, index) => {
431 item.sfczr = "1"; 405 item.sfczr = "1";
432 } else { 406 });
433 item.sfczr = "0"; 407 } else {
408 if (!that.czr) {
409 that.$message({
410 showClose: true,
411 message: "请选择持证人",
412 type: "error",
413 });
414 return false;
434 } 415 }
435 }); 416 this.ruleForm.qlrList.forEach((item, index) => {
436 } 417 if (item.zjh == that.czr) {
437 } 418 item.sfczr = "1";
438 fristReg(this.ruleForm).then((res) => { 419 } else {
439 if (res.code === 200 && res.result) { 420 item.sfczr = "0";
440 console.log(res); 421 }
441 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } 422 });
423 }
442 } 424 }
443 }); 425 fristReg(this.ruleForm).then((res) => {
426 if (res.code === 200 && res.result) {
427 console.log(res);
428 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
429 }
430 });
431 },
444 }, 432 },
445 }, 433 };
446 };
447 </script> 434 </script>
448 <style scoped lang="scss"> 435 <style scoped lang="scss">
449 @import "~@/styles/public.scss"; 436 @import "~@/styles/public.scss";
450 437
451 /deep/.el-form { 438 /deep/.el-form {
452 display: flex; 439 display: flex;
453 flex-direction: column; 440 flex-direction: column;
454 height: calc(100vh - 130px); 441 height: calc(100vh - 130px);
455 } 442 }
456 443
457 /deep/.el-form-item__label { 444 /deep/.el-form-item__label {
458 padding: 0; 445 padding: 0;
459 } 446 }
460 447
461 /deep/.el-radio { 448 /deep/.el-radio {
462 margin-right: 10px; 449 margin-right: 10px;
463 } 450 }
464 451
465 /deep/.el-select { 452 /deep/.el-select {
466 width: 100%; 453 width: 100%;
467 } 454 }
468 455
469 /deep/.el-form-item { 456 /deep/.el-form-item {
470 margin-bottom: 8px; 457 margin-bottom: 8px;
471 } 458 }
472 459
473 .marginBot0 { 460 .marginBot0 {
474 margin-bottom: 0 !important; 461 margin-bottom: 0 !important;
475 } 462 }
476 463
477 .slxx { 464 .slxx {
478 box-sizing: border-box; 465 box-sizing: border-box;
479 } 466 }
480 467
481 .slxx_con { 468 .slxx_con {
482 flex: 1; 469 flex: 1;
483 height: 100%; 470 height: 100%;
484 background-color: #ffffff; 471 background-color: #ffffff;
485 overflow-y: auto; 472 overflow-y: auto;
486 padding-right: 3px; 473 padding-right: 3px;
487 overflow-x: hidden; 474 overflow-x: hidden;
488 } 475 }
489 476
490 .submit_btn { 477 .submit_btn {
491 height: 50px; 478 height: 50px;
492 } 479 }
493 480
494 .slxx_title { 481 .slxx_title {
495 border-bottom: 1px solid $borderColor; 482 border-bottom: 1px solid $borderColor;
496 padding-left: 10px; 483 padding-left: 10px;
497 padding-bottom: 5px; 484 padding-bottom: 5px;
498 margin-bottom: 10px; 485 margin-bottom: 10px;
499 margin-top: 5px; 486 margin-top: 5px;
500 font-size: 16px; 487 font-size: 16px;
501 font-weight: 500; 488 font-weight: 500;
502 color: #4a4a4a; 489 color: #4a4a4a;
503 } 490 }
504 491
505 .btn { 492 .btn {
506 text-align: center; 493 text-align: center;
507 padding-top: 10px; 494 padding-top: 10px;
508 height: 36px; 495 height: 36px;
509 background-color: #ffffff; 496 background-color: #ffffff;
510 padding: 5px 0; 497 padding: 5px 0;
511 } 498 }
512 499
513 .textArea { 500 .textArea {
514 /deep/.el-textarea__inner { 501 /deep/.el-textarea__inner {
515 min-height: 90px !important; 502 min-height: 90px !important;
503 }
516 } 504 }
517 }
518 505
519 /deep/.el-form-item__label { 506 /deep/.el-form-item__label {
520 padding-bottom: 0px; 507 padding-bottom: 0px;
521 } 508 }
522 </style> 509 </style>
......
...@@ -264,7 +264,7 @@ ...@@ -264,7 +264,7 @@
264 this.czrOptions = this.ruleForm.qlrList; 264 this.czrOptions = this.ruleForm.qlrList;
265 this.ruleForm.qlrList.forEach((item) => { 265 this.ruleForm.qlrList.forEach((item) => {
266 if (item.sfczr == 1) { 266 if (item.sfczr == 1) {
267 this.czr = item.sqrmc; 267 this.czr = item.zjh
268 console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr); 268 console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr);
269 } 269 }
270 }); 270 });
...@@ -321,7 +321,7 @@ ...@@ -321,7 +321,7 @@
321 this.key++; 321 this.key++;
322 this.num = 0 322 this.num = 0
323 this.ruleForm.qlrList.forEach(item => { 323 this.ruleForm.qlrList.forEach(item => {
324 if (item.sqrmc == this.czr) { 324 if (item.zjh == this.czr) {
325 this.num++ 325 this.num++
326 } 326 }
327 }) 327 })
......
...@@ -13,8 +13,7 @@ ...@@ -13,8 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px" 16 label-width="120px">
17 >
18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
20 申请业务信息 19 申请业务信息
...@@ -56,8 +55,7 @@ ...@@ -56,8 +55,7 @@
56 </el-row> 55 </el-row>
57 <div 56 <div
58 class="slxx_title title-block flex" 57 class="slxx_title title-block flex"
59 style="justify-content: space-between" 58 style="justify-content: space-between">
60 >
61 不动产单元情况 59 不动产单元情况
62 <el-button @click="compare">变化情况对比+</el-button> 60 <el-button @click="compare">变化情况对比+</el-button>
63 </div> 61 </div>
...@@ -104,15 +102,13 @@ ...@@ -104,15 +102,13 @@
104 v-model="ruleForm.jsydsyq.qdjg" 102 v-model="ruleForm.jsydsyq.qdjg"
105 style="width: 500%" 103 style="width: 500%"
106 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 104 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
107 disabled 105 disabled></el-input>
108 ></el-input>
109 <el-select v-model="ruleForm.jsydsyq.jedw" disabled> 106 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
110 <el-option 107 <el-option
111 v-for="item in dictData['A57']" 108 v-for="item in dictData['A57']"
112 :key="item.dcode" 109 :key="item.dcode"
113 :label="item.dname" 110 :label="item.dname"
114 :value="item.dcode" 111 :value="item.dcode">
115 >
116 </el-option> 112 </el-option>
117 </el-select> 113 </el-select>
118 </div> 114 </div>
...@@ -133,8 +129,7 @@ ...@@ -133,8 +129,7 @@
133 maxlength="500" 129 maxlength="500"
134 show-word-limit 130 show-word-limit
135 v-model="ruleForm.jsydsyq.fj" 131 v-model="ruleForm.jsydsyq.fj"
136 :disabled="!viewEdit" 132 :disabled="!viewEdit"></el-input>
137 ></el-input>
138 </el-form-item> 133 </el-form-item>
139 </el-col> 134 </el-col>
140 </el-row> 135 </el-row>
...@@ -145,8 +140,7 @@ ...@@ -145,8 +140,7 @@
145 <tdytTable 140 <tdytTable
146 :tableData="ruleForm.tdytqxList" 141 :tableData="ruleForm.tdytqxList"
147 :ableOperation="viewEdit" 142 :ableOperation="viewEdit"
148 @upDateTdytxxList="upDateTdytxxList" 143 @upDateTdytxxList="upDateTdytxxList" />
149 />
150 <div class="slxx_title title-block"> 144 <div class="slxx_title title-block">
151 权利人信息 145 权利人信息
152 <div class="triangle"></div> 146 <div class="triangle"></div>
...@@ -156,8 +150,7 @@ ...@@ -156,8 +150,7 @@
156 <el-form-item label="共有方式："> 150 <el-form-item label="共有方式：">
157 <el-radio-group 151 <el-radio-group
158 :disabled="!viewEdit" 152 :disabled="!viewEdit"
159 v-model="ruleForm.sldy.gyfs" 153 v-model="ruleForm.sldy.gyfs">
160 >
161 <el-radio label="0">单独所有</el-radio> 154 <el-radio label="0">单独所有</el-radio>
162 <el-radio label="1">共同共有</el-radio> 155 <el-radio label="1">共同共有</el-radio>
163 <el-radio label="2">按份所有</el-radio> 156 <el-radio label="2">按份所有</el-radio>
...@@ -170,8 +163,7 @@ ...@@ -170,8 +163,7 @@
170 <el-radio-group 163 <el-radio-group
171 v-model="ruleForm.sldy.sqfbcz" 164 v-model="ruleForm.sldy.sqfbcz"
172 :disabled="!viewEdit" 165 :disabled="!viewEdit"
173 @input="updaterow()" 166 @input="updaterow()">
174 >
175 <el-radio :label="1">是</el-radio> 167 <el-radio :label="1">是</el-radio>
176 <el-radio :label="0">否</el-radio> 168 <el-radio :label="0">否</el-radio>
177 </el-radio-group> 169 </el-radio-group>
...@@ -179,20 +171,17 @@ ...@@ -179,20 +171,17 @@
179 </el-col> 171 </el-col>
180 <el-col 172 <el-col
181 :span="6" 173 :span="6"
182 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 174 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
183 >
184 <el-form-item label="持证人："> 175 <el-form-item label="持证人：">
185 <el-select 176 <el-select
186 v-model="czr" 177 v-model="czr"
187 placeholder="持证人" 178 placeholder="持证人"
188 :disabled="!viewEdit" 179 :disabled="!viewEdit">
189 >
190 <el-option 180 <el-option
191 v-for="item in czrOptions" 181 v-for="item in czrOptions"
192 :key="item.zjh" 182 :key="item.zjh"
193 :label="item.sqrmc" 183 :label="item.sqrmc"
194 :value="item.zjh" 184 :value="item.zjh">
195 >
196 </el-option> 185 </el-option>
197 </el-select> 186 </el-select>
198 </el-form-item> 187 </el-form-item>
...@@ -202,8 +191,7 @@ ...@@ -202,8 +191,7 @@
202 :tableData="ruleForm.qlrList" 191 :tableData="ruleForm.qlrList"
203 :disabled="viewEdit" 192 :disabled="viewEdit"
204 @upDateQlrxxList="upDateQlrxxList" 193 @upDateQlrxxList="upDateQlrxxList"
205 :gyfs="ruleForm.sldy.gyfs" 194 :gyfs="ruleForm.sldy.gyfs" />
206 />
207 <div class="slxx_title title-block"> 195 <div class="slxx_title title-block">
208 登记原因 196 登记原因
209 <div class="triangle"></div> 197 <div class="triangle"></div>
...@@ -217,8 +205,7 @@ ...@@ -217,8 +205,7 @@
217 maxlength="500" 205 maxlength="500"
218 show-word-limit 206 show-word-limit
219 :disabled="!viewEdit" 207 :disabled="!viewEdit"
220 v-model="ruleForm.jsydsyq.djyy" 208 v-model="ruleForm.jsydsyq.djyy">
221 >
222 </el-input> 209 </el-input>
223 </el-form-item> 210 </el-form-item>
224 </el-col> 211 </el-col>
...@@ -233,191 +220,191 @@ ...@@ -233,191 +220,191 @@
233 </div> 220 </div>
234 </template> 221 </template>
235 <script> 222 <script>
236 import { mapGetters } from "vuex"; 223 import { mapGetters } from "vuex";
237 import ywmix from "@/views/ywbl/mixin/index"; 224 import ywmix from "@/views/ywbl/mixin/index";
238 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 225 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
239 import tdytTable from "@/views/workflow/components/tdytTable"; 226 import tdytTable from "@/views/workflow/components/tdytTable";
240 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 227 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
241 export default { 228 export default {
242 mixins: [ywmix], 229 mixins: [ywmix],
243 mounted() { 230 mounted () {
244 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 231 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
245 this.propsParam = this.$attrs; 232 this.propsParam = this.$attrs;
246 var formdata = new FormData(); 233 var formdata = new FormData();
247 this.$startLoading(); 234 this.$startLoading();
248 formdata.append("bsmSldy", this.propsParam.bsmSldy); 235 formdata.append("bsmSldy", this.propsParam.bsmSldy);
249 formdata.append("djlx", this.propsParam.djlx); 236 formdata.append("djlx", this.propsParam.djlx);
250 formdata.append("isEdit", this.viewEdit); 237 formdata.append("isEdit", this.viewEdit);
251 Init(formdata).then((res) => { 238 Init(formdata).then((res) => {
252 if (res.code === 200 && res.result) { 239 if (res.code === 200 && res.result) {
253 this.ruleForm = res.result; 240 this.ruleForm = res.result;
254 this.czrOptions = this.ruleForm.qlrList; 241 this.czrOptions = this.ruleForm.qlrList;
255 }
256 this.ruleForm.qlrList.forEach((item) => {
257 if (item.sfczr == 1) {
258 this.czr = item.sqrmc;
259 } 242 }
243 this.ruleForm.qlrList.forEach((item) => {
244 if (item.sfczr == 1) {
245 this.czr = item.zjh
246 }
247 });
248 this.$endLoading();
260 }); 249 });
261 this.$endLoading();
262 });
263 },
264 components: { qlrCommonTable, tdytTable },
265 computed: {
266 ...mapGetters(["dictData", "flag"]),
267 },
268 data() {
269 return {
270 //表单是否可操作
271 viewEdit: false,
272 disabled: true,
273 czrOptions: [],
274 czr: "",
275 ruleForm: {
276 slywxx: {},
277 qlxx: {},
278 zdjbxx: {},
279 jsydsyq: {},
280 },
281 //传递参数
282 propsParam: {},
283 rules: {},
284 };
285 },
286 methods: {
287 /**
288 * @description: 更新土地用途信息
289 * @param {*} val
290 * @author: renchao
291 */
292 upDateTdytxxList(val) {
293 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
294 this.key++;
295 }, 250 },
296 /** 251 components: { qlrCommonTable, tdytTable },
297 * @description: 更新权利人信息 252 computed: {
298 * @param {*} val 253 ...mapGetters(["dictData", "flag"]),
299 * @author: renchao
300 */
301 upDateQlrxxList(val) {
302 this.ruleForm.qlrList = _.cloneDeep(val);
303 this.czrOptions = this.ruleForm.qlrList;
304 this.key++;
305 }, 254 },
306 // 是否持证人变化 255 data () {
307 /** 256 return {
308 * @description: 是否持证人变化 257 //表单是否可操作
309 * @param {*} val 258 viewEdit: false,
310 * @author: renchao 259 disabled: true,
311 */ 260 czrOptions: [],
312 updaterow() { 261 czr: "",
313 this.czr = ""; 262 ruleForm: {
263 slywxx: {},
264 qlxx: {},
265 zdjbxx: {},
266 jsydsyq: {},
267 },
268 //传递参数
269 propsParam: {},
270 rules: {},
271 };
314 }, 272 },
315 /** 273 methods: {
316 * @description: onSubmit 274 /**
317 * @author: renchao 275 * @description: 更新土地用途信息
318 */ 276 * @param {*} val
319 onSubmit() { 277 * @author: renchao
320 let that = this; 278 */
321 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 279 upDateTdytxxList (val) {
322 if (arr.length > 0) { 280 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
323 this.$message({ 281 this.key++;
324 showClose: true, 282 },
325 message: "土地用途不能为空", 283 /**
326 type: "error", 284 * @description: 更新权利人信息
327 }); 285 * @param {*} val
328 return false; 286 * @author: renchao
329 } 287 */
330 if (this.ruleForm.qlrList.length == 0) { 288 upDateQlrxxList (val) {
331 this.$message({ 289 this.ruleForm.qlrList = _.cloneDeep(val);
332 showClose: true, 290 this.czrOptions = this.ruleForm.qlrList;
333 message: "请确认权利人信息", 291 this.key++;
334 type: "error", 292 },
335 }); 293 // 是否持证人变化
336 return false; 294 /**
337 } 295 * @description: 是否持证人变化
338 296 * @param {*} val
339 if (this.ruleForm.sldy.gyfs == "0") { 297 * @author: renchao
340 if (this.ruleForm.qlrList.length > 1) { 298 */
299 updaterow () {
300 this.czr = "";
301 },
302 /**
303 * @description: onSubmit
304 * @author: renchao
305 */
306 onSubmit () {
307 let that = this;
308 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
309 if (arr.length > 0) {
341 this.$message({ 310 this.$message({
342 showClose: true, 311 showClose: true,
343 message: "共有方式：单独所有，权利人只能是一个人", 312 message: "土地用途不能为空",
344 type: "error", 313 type: "error",
345 }); 314 });
346 return false; 315 return false;
347 } 316 }
348 this.ruleForm.qlrList[0].sfczr = "1"; 317 if (this.ruleForm.qlrList.length == 0) {
349 } else {
350 if (this.ruleForm.qlrList.length <= 1) {
351 this.$message({ 318 this.$message({
352 showClose: true, 319 showClose: true,
353 message: 320 message: "请确认权利人信息",
354 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
355 type: "error", 321 type: "error",
356 }); 322 });
357 return false; 323 return false;
358 } 324 }
359 //是否分别持证 325
360 if (this.ruleForm.sldy.sqfbcz == "1") { 326 if (this.ruleForm.sldy.gyfs == "0") {
361 //是 327 if (this.ruleForm.qlrList.length > 1) {
362 this.ruleForm.qlrList.forEach((item, index) => { 328 this.$message({
363 item.sfczr = "1"; 329 showClose: true,
364 }); 330 message: "共有方式：单独所有，权利人只能是一个人",
331 type: "error",
332 });
333 return false;
334 }
335 this.ruleForm.qlrList[0].sfczr = "1";
365 } else { 336 } else {
366 if (!that.czr) { 337 if (this.ruleForm.qlrList.length <= 1) {
367 that.$message({ 338 this.$message({
368 showClose: true, 339 showClose: true,
369 message: "请选择持证人", 340 message:
341 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
370 type: "error", 342 type: "error",
371 }); 343 });
372 return false; 344 return false;
373 } 345 }
374 this.ruleForm.qlrList.forEach((item, index) => { 346 //是否分别持证
375 if (item.zjh == that.czr) { 347 if (this.ruleForm.sldy.sqfbcz == "1") {
348 //是
349 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1"; 350 item.sfczr = "1";
377 } else { 351 });
378 item.sfczr = "0"; 352 } else {
353 if (!that.czr) {
354 that.$message({
355 showClose: true,
356 message: "请选择持证人",
357 type: "error",
358 });
359 return false;
379 } 360 }
380 }); 361 this.ruleForm.qlrList.forEach((item, index) => {
381 } 362 if (item.zjh == that.czr) {
382 } 363 item.sfczr = "1";
383 saveData(this.ruleForm).then((res) => { 364 } else {
384 if (res.code === 200) { 365 item.sfczr = "0";
385 this.$message({ 366 }
386 showClose: true, 367 });
387 message: "保存成功！", 368 }
388 type: "success",
389 });
390 this.$store.dispatch("user/refreshPage", true);
391 } else {
392 this.$message({
393 showClose: true,
394 message: res.message,
395 type: "error",
396 });
397 } 369 }
398 }); 370 saveData(this.ruleForm).then((res) => {
399 }, 371 if (res.code === 200) {
400 /** 372 this.$message({
401 * @description: compare 373 showClose: true,
402 * @author: renchao 374 message: "保存成功！",
403 */ 375 type: "success",
404 compare() { 376 });
405 console.log("this.ruleForm", this.ruleForm); 377 this.$store.dispatch("user/refreshPage", true);
406 this.$popupDialog( 378 } else {
407 this.ruleForm.qlxx.qllxmc, 379 this.$message({
408 "registerBook/comparison", 380 showClose: true,
409 { 381 message: res.message,
410 bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 382 type: "error",
411 dqqllx: "JSYDSYQ", 383 });
412 }, 384 }
413 "80%", 385 });
414 true 386 },
415 ); 387 /**
388 * @description: compare
389 * @author: renchao
390 */
391 compare () {
392 console.log("this.ruleForm", this.ruleForm);
393 this.$popupDialog(
394 this.ruleForm.qlxx.qllxmc,
395 "registerBook/comparison",
396 {
397 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
398 dqqllx: "JSYDSYQ",
399 },
400 "80%",
401 true
402 );
403 },
416 }, 404 },
417 }, 405 };
418 };
419 </script> 406 </script>
420 <style scoped lang="scss"> 407 <style scoped lang="scss">
421 @import "~@/styles/public.scss"; 408 @import "~@/styles/public.scss";
422 @import "~@/styles/slxx/slxx.scss"; 409 @import "~@/styles/slxx/slxx.scss";
423 </style> 410 </style>
......
...@@ -340,7 +340,7 @@ ...@@ -340,7 +340,7 @@
340 }; 340 };
341 this.ruleForm.qlrList.forEach((item) => { 341 this.ruleForm.qlrList.forEach((item) => {
342 if (item.sfczr == 1) { 342 if (item.sfczr == 1) {
343 this.czr = item.sqrmc; 343 this.czr = item.zjh
344 } 344 }
345 }); 345 });
346 //初始化发证方式，1：小证，2：大正 346 //初始化发证方式，1：小证，2：大正
...@@ -422,7 +422,7 @@ ...@@ -422,7 +422,7 @@
422 this.czrOptions = this.ruleForm.qlrList; 422 this.czrOptions = this.ruleForm.qlrList;
423 this.num = 0 423 this.num = 0
424 this.ruleForm.qlrList.forEach(item => { 424 this.ruleForm.qlrList.forEach(item => {
425 if (item.sqrmc == this.czr) { 425 if (item.zjh == this.czr) {
426 this.num++ 426 this.num++
427 } 427 }
428 }) 428 })
......
...@@ -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 申请业务信息
...@@ -112,14 +111,12 @@ ...@@ -112,14 +111,12 @@
112 :disabled="!viewEdit" 111 :disabled="!viewEdit"
113 class="width100" 112 class="width100"
114 filterable 113 filterable
115 clearable 114 clearable>
116 >
117 <el-option 115 <el-option
118 v-for="item in dictData['A45']" 116 v-for="item in dictData['A45']"
119 :key="item.dname" 117 :key="item.dname"
120 :label="item.dname" 118 :label="item.dname"
121 :value="item.dname" 119 :value="item.dname">
122 >
123 </el-option> 120 </el-option>
124 </el-select> 121 </el-select>
125 </el-form-item> 122 </el-form-item>
...@@ -146,14 +143,12 @@ ...@@ -146,14 +143,12 @@
146 class="width100" 143 class="width100"
147 filterable 144 filterable
148 clearable 145 clearable
149 @change="changeSyttlx" 146 @change="changeSyttlx">
150 >
151 <el-option 147 <el-option
152 v-for="item in dictData['A23']" 148 v-for="item in dictData['A23']"
153 :key="item.dcode" 149 :key="item.dcode"
154 :label="item.dname" 150 :label="item.dname"
155 :value="item.dcode" 151 :value="item.dcode">
156 >
157 </el-option> 152 </el-option>
158 </el-select> 153 </el-select>
159 </el-form-item> 154 </el-form-item>
...@@ -166,14 +161,12 @@ ...@@ -166,14 +161,12 @@
166 class="width100" 161 class="width100"
167 filterable 162 filterable
168 clearable 163 clearable
169 @change="changeYzyfs" 164 @change="changeYzyfs">
170 >
171 <el-option 165 <el-option
172 v-for="item in dictData['A24']" 166 v-for="item in dictData['A24']"
173 :key="item.dcode" 167 :key="item.dcode"
174 :label="item.dname" 168 :label="item.dname"
175 :value="item.dcode" 169 :value="item.dcode">
176 >
177 </el-option> 170 </el-option>
178 </el-select> 171 </el-select>
179 </el-form-item> 172 </el-form-item>
...@@ -182,8 +175,7 @@ ...@@ -182,8 +175,7 @@
182 <el-form-item label="草原质量："> 175 <el-form-item label="草原质量：">
183 <el-input 176 <el-input
184 v-model="ruleForm.nydsyq.cyzl" 177 v-model="ruleForm.nydsyq.cyzl"
185 :disabled="!viewEdit" 178 :disabled="!viewEdit"></el-input>
186 ></el-input>
187 </el-form-item> 179 </el-form-item>
188 </el-col> 180 </el-col>
189 </el-row> 181 </el-row>
...@@ -193,8 +185,7 @@ ...@@ -193,8 +185,7 @@
193 <el-input 185 <el-input
194 v-model="ruleForm.nydsyq.syzcl" 186 v-model="ruleForm.nydsyq.syzcl"
195 :disabled="!viewEdit" 187 :disabled="!viewEdit"
196 oninput="value=value.replace(/[^\d.]/g,'')" 188 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
197 ></el-input>
198 </el-form-item> 189 </el-form-item>
199 </el-col> 190 </el-col>
200 <el-col :span="8"> 191 <el-col :span="8">
...@@ -205,14 +196,12 @@ ...@@ -205,14 +196,12 @@
205 :disabled="!viewEdit" 196 :disabled="!viewEdit"
206 filterable 197 filterable
207 clearable 198 clearable
208 @change="changeYdyhfl" 199 @change="changeYdyhfl">
209 >
210 <el-option 200 <el-option
211 v-for="item in dictData['A51']" 201 v-for="item in dictData['A51']"
212 :key="item.dcode" 202 :key="item.dcode"
213 :label="item.dname" 203 :label="item.dname"
214 :value="item.dcode" 204 :value="item.dcode">
215 >
216 </el-option> 205 </el-option>
217 </el-select> 206 </el-select>
218 </el-form-item> 207 </el-form-item>
...@@ -221,8 +210,7 @@ ...@@ -221,8 +210,7 @@
221 <el-form-item label="土地承包合同："> 210 <el-form-item label="土地承包合同：">
222 <el-input 211 <el-input
223 v-model="ruleForm.nydsyq.tdcbht" 212 v-model="ruleForm.nydsyq.tdcbht"
224 :disabled="!viewEdit" 213 :disabled="!viewEdit"></el-input>
225 ></el-input>
226 </el-form-item> 214 </el-form-item>
227 </el-col> 215 </el-col>
228 </el-row> 216 </el-row>
...@@ -234,8 +222,7 @@ ...@@ -234,8 +222,7 @@
234 maxlength="500" 222 maxlength="500"
235 show-word-limit 223 show-word-limit
236 v-model="ruleForm.nydsyq.fj" 224 v-model="ruleForm.nydsyq.fj"
237 :disabled="!viewEdit" 225 :disabled="!viewEdit"></el-input>
238 ></el-input>
239 </el-form-item> 226 </el-form-item>
240 </el-col> 227 </el-col>
241 </el-row> 228 </el-row>
...@@ -248,8 +235,7 @@ ...@@ -248,8 +235,7 @@
248 <el-form-item label="共有方式："> 235 <el-form-item label="共有方式：">
249 <el-radio-group 236 <el-radio-group
250 v-model="ruleForm.sldy.gyfs" 237 v-model="ruleForm.sldy.gyfs"
251 :disabled="!viewEdit" 238 :disabled="!viewEdit">
252 >
253 <el-radio label="0">单独所有</el-radio> 239 <el-radio label="0">单独所有</el-radio>
254 <el-radio label="1">共同共有</el-radio> 240 <el-radio label="1">共同共有</el-radio>
255 <el-radio label="2">按份所有</el-radio> 241 <el-radio label="2">按份所有</el-radio>
...@@ -262,8 +248,7 @@ ...@@ -262,8 +248,7 @@
262 <el-radio-group 248 <el-radio-group
263 v-model="ruleForm.sldy.sqfbcz" 249 v-model="ruleForm.sldy.sqfbcz"
264 :disabled="!viewEdit" 250 :disabled="!viewEdit"
265 @input="updaterow()" 251 @input="updaterow()">
266 >
267 <el-radio :label="1">是</el-radio> 252 <el-radio :label="1">是</el-radio>
268 <el-radio :label="0">否</el-radio> 253 <el-radio :label="0">否</el-radio>
269 </el-radio-group> 254 </el-radio-group>
...@@ -271,20 +256,17 @@ ...@@ -271,20 +256,17 @@
271 </el-col> 256 </el-col>
272 <el-col 257 <el-col
273 :span="6" 258 :span="6"
274 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 259 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
275 >
276 <el-form-item label="持证人："> 260 <el-form-item label="持证人：">
277 <el-select 261 <el-select
278 v-model="czr" 262 v-model="czr"
279 placeholder="持证人" 263 placeholder="持证人"
280 :disabled="!viewEdit" 264 :disabled="!viewEdit">
281 >
282 <el-option 265 <el-option
283 v-for="item in czrOptions" 266 v-for="item in czrOptions"
284 :key="item.zjh" 267 :key="item.zjh"
285 :label="item.sqrmc" 268 :label="item.sqrmc"
286 :value="item.zjh" 269 :value="item.zjh">
287 >
288 </el-option> 270 </el-option>
289 </el-select> 271 </el-select>
290 </el-form-item> 272 </el-form-item>
...@@ -294,8 +276,7 @@ ...@@ -294,8 +276,7 @@
294 :tableData="ruleForm.qlrList" 276 :tableData="ruleForm.qlrList"
295 @upDateQlrxxList="upDateQlrxxList" 277 @upDateQlrxxList="upDateQlrxxList"
296 :disabled="viewEdit" 278 :disabled="viewEdit"
297 :gyfs="ruleForm.sldy.gyfs" 279 :gyfs="ruleForm.sldy.gyfs" />
298 />
299 <div class="slxx_title title-block"> 280 <div class="slxx_title title-block">
300 家庭成员 281 家庭成员
301 <div class="triangle"></div> 282 <div class="triangle"></div>
...@@ -304,8 +285,7 @@ ...@@ -304,8 +285,7 @@
304 :tableData="ruleForm.jtcyList" 285 :tableData="ruleForm.jtcyList"
305 @upDateJtcyList="upDateJtcyList" 286 @upDateJtcyList="upDateJtcyList"
306 :disabled="viewEdit" 287 :disabled="viewEdit"
307 :gyfs="ruleForm.sldy.gyfs" 288 :gyfs="ruleForm.sldy.gyfs" />
308 />
309 <div class="slxx_title title-block"> 289 <div class="slxx_title title-block">
310 登记原因 290 登记原因
311 <div class="triangle"></div> 291 <div class="triangle"></div>
...@@ -319,8 +299,7 @@ ...@@ -319,8 +299,7 @@
319 maxlength="500" 299 maxlength="500"
320 show-word-limit 300 show-word-limit
321 :disabled="!viewEdit" 301 :disabled="!viewEdit"
322 v-model="ruleForm.nydsyq.djyy" 302 v-model="ruleForm.nydsyq.djyy">
323 >
324 </el-input> 303 </el-input>
325 </el-form-item> 304 </el-form-item>
326 </el-col> 305 </el-col>
...@@ -335,208 +314,208 @@ ...@@ -335,208 +314,208 @@
335 </div> 314 </div>
336 </template> 315 </template>
337 <script> 316 <script>
338 import { mapGetters } from "vuex"; 317 import { mapGetters } from "vuex";
339 import ywmix from "@/views/ywbl/mixin/index"; 318 import ywmix from "@/views/ywbl/mixin/index";
340 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"; 319 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
341 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 320 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
342 import JtcyTable from "@/views/workflow/components/JtcyTable"; 321 import JtcyTable from "@/views/workflow/components/JtcyTable";
343 export default { 322 export default {
344 mixins: [ywmix], 323 mixins: [ywmix],
345 mounted() { 324 mounted () {
346 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 325 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
347 this.propsParam = this.$attrs; 326 this.propsParam = this.$attrs;
348 this.$startLoading(); 327 this.$startLoading();
349 var formdata = new FormData(); 328 var formdata = new FormData();
350 formdata.append("bsmSldy", this.propsParam.bsmSldy); 329 formdata.append("bsmSldy", this.propsParam.bsmSldy);
351 formdata.append("djlx", this.propsParam.djlx); 330 formdata.append("djlx", this.propsParam.djlx);
352 formdata.append("isEdit", this.viewEdit); 331 formdata.append("isEdit", this.viewEdit);
353 Init(formdata).then((res) => { 332 Init(formdata).then((res) => {
354 this.ruleForm = res.result; 333 this.ruleForm = res.result;
355 this.czrOptions = this.ruleForm.qlrList; 334 this.czrOptions = this.ruleForm.qlrList;
356 this.ruleForm.qlrList.forEach((item) => { 335 this.ruleForm.qlrList.forEach((item) => {
357 if (item.sfczr == 1) { 336 if (item.sfczr == 1) {
358 this.czr = item.sqrmc; 337 this.czr = item.zjh
359 } 338 }
339 });
340 this.$endLoading();
360 }); 341 });
361 this.$endLoading(); 342 },
362 }); 343 components: { qlrCommonTable, JtcyTable },
363 }, 344 computed: {
364 components: { qlrCommonTable, JtcyTable }, 345 ...mapGetters(["dictData", "flag"]),
365 computed: { 346 },
366 ...mapGetters(["dictData", "flag"]), 347 data () {
367 }, 348 return {
368 data() { 349 disabled: true,
369 return { 350 //持证人选项
370 disabled: true, 351 czrOptions: [],
371 //持证人选项 352 czr: "",
372 czrOptions: [], 353 ruleForm: {
373 czr: "", 354 zdjbxx: {
374 ruleForm: { 355 ghytmc: "",
375 zdjbxx: { 356 },
376 ghytmc: "",
377 }, 357 },
378 }, 358 //传递参数
379 //传递参数 359 propsParam: {},
380 propsParam: {}, 360 //表单是否可操作
381 //表单是否可操作 361 viewEdit: true,
382 viewEdit: true, 362 rules: {},
383 rules: {}, 363 };
384 }; 364 },
385 }, 365 methods: {
386 methods: { 366 /**
387 /** 367 * @description: onSubmit
388 * @description: onSubmit 368 * @author: renchao
389 * @author: renchao 369 */
390 */ 370 onSubmit () {
391 onSubmit() { 371 let that = this;
392 let that = this; 372 if (this.ruleForm.qlrList.length == 0) {
393 if (this.ruleForm.qlrList.length == 0) {
394 this.$message({
395 showClose: true,
396 message: "请确认权利人信息",
397 type: "error",
398 });
399 return false;
400 }
401
402 if (this.ruleForm.sldy.gyfs == "0") {
403 if (this.ruleForm.qlrList.length > 1) {
404 this.$message({
405 showClose: true,
406 message: "共有方式：单独所有，权利人只能是一个人",
407 type: "error",
408 });
409 return false;
410 }
411 this.ruleForm.qlrList[0].sfczr = "1";
412 } else {
413 if (this.ruleForm.qlrList.length <= 1) {
414 this.$message({ 373 this.$message({
415 showClose: true, 374 showClose: true,
416 message: 375 message: "请确认权利人信息",
417 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
418 type: "error", 376 type: "error",
419 }); 377 });
420 return false; 378 return false;
421 } 379 }
422 //是否分别持证 380
423 if (this.ruleForm.sldy.sqfbcz == "1") { 381 if (this.ruleForm.sldy.gyfs == "0") {
424 //是 382 if (this.ruleForm.qlrList.length > 1) {
425 this.ruleForm.qlrList.forEach((item, index) => { 383 this.$message({
426 item.sfczr = "1"; 384 showClose: true,
427 }); 385 message: "共有方式：单独所有，权利人只能是一个人",
386 type: "error",
387 });
388 return false;
389 }
390 this.ruleForm.qlrList[0].sfczr = "1";
428 } else { 391 } else {
429 if (!that.czr) { 392 if (this.ruleForm.qlrList.length <= 1) {
430 that.$message({ 393 this.$message({
431 showClose: true, 394 showClose: true,
432 message: "请选择持证人", 395 message:
396 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
433 type: "error", 397 type: "error",
434 }); 398 });
435 return false; 399 return false;
436 } 400 }
437 this.ruleForm.qlrList.forEach((item, index) => { 401 //是否分别持证
438 if (item.zjh == that.czr) { 402 if (this.ruleForm.sldy.sqfbcz == "1") {
403 //是
404 this.ruleForm.qlrList.forEach((item, index) => {
439 item.sfczr = "1"; 405 item.sfczr = "1";
440 } else { 406 });
441 item.sfczr = "0"; 407 } else {
408 if (!that.czr) {
409 that.$message({
410 showClose: true,
411 message: "请选择持证人",
412 type: "error",
413 });
414 return false;
442 } 415 }
443 }); 416 this.ruleForm.qlrList.forEach((item, index) => {
417 if (item.zjh == that.czr) {
418 item.sfczr = "1";
419 } else {
420 item.sfczr = "0";
421 }
422 });
423 }
444 } 424 }
445 }
446 425
447 saveData(this.ruleForm).then((res) => { 426 saveData(this.ruleForm).then((res) => {
448 if (res.code === 200) { 427 if (res.code === 200) {
449 this.$message({ 428 this.$message({
450 showClose: true, 429 showClose: true,
451 message: "保存成功！", 430 message: "保存成功！",
452 type: "success", 431 type: "success",
453 }); 432 });
454 this.$store.dispatch("user/refreshPage", true); 433 this.$store.dispatch("user/refreshPage", true);
455 } else { 434 } else {
456 this.$message({ 435 this.$message({
457 showClose: true, 436 showClose: true,
458 message: res.message, 437 message: res.message,
459 type: "error", 438 type: "error",
460 }); 439 });
461 } 440 }
462 }); 441 });
463 }, 442 },
464 /** 443 /**
465 * @description: upDateQlrxxList 444 * @description: upDateQlrxxList
466 * @param {*} val 445 * @param {*} val
467 * @author: renchao 446 * @author: renchao
468 */ 447 */
469 upDateQlrxxList(val) { 448 upDateQlrxxList (val) {
470 this.ruleForm.qlrList = _.cloneDeep(val); 449 this.ruleForm.qlrList = _.cloneDeep(val);
471 this.czrOptions = this.ruleForm.qlrList; 450 this.czrOptions = this.ruleForm.qlrList;
472 }, 451 },
473 // 是否持证人变化 452 // 是否持证人变化
474 /** 453 /**
475 * @description: 是否持证人变化 454 * @description: 是否持证人变化
476 * @param {*} val 455 * @param {*} val
477 * @author: renchao 456 * @author: renchao
478 */ 457 */
479 updaterow() { 458 updaterow () {
480 this.czr = ""; 459 this.czr = "";
481 }, 460 },
482 /** 461 /**
483 * @description: upDateJtcyList 462 * @description: upDateJtcyList
484 * @param {*} val 463 * @param {*} val
485 * @author: renchao 464 * @author: renchao
486 */ 465 */
487 upDateJtcyList(val) { 466 upDateJtcyList (val) {
488 this.ruleForm.jtcyList = _.cloneDeep(val); 467 this.ruleForm.jtcyList = _.cloneDeep(val);
489 }, 468 },
490 // 是否持证人变化 469 // 是否持证人变化
491 /** 470 /**
492 * @description: 是否持证人变化 471 * @description: 是否持证人变化
493 * @param {*} val 472 * @param {*} val
494 * @author: renchao 473 * @author: renchao
495 */ 474 */
496 updaterow() { 475 updaterow () {
497 this.czr = ""; 476 this.czr = "";
498 }, 477 },
499 478
500 /** 479 /**
501 * @description: 水域滩涂类型变化事件 480 * @description: 水域滩涂类型变化事件
502 * @param {*} e 481 * @param {*} e
503 * @author: renchao 482 * @author: renchao
504 */ 483 */
505 changeSyttlx(e) { 484 changeSyttlx (e) {
506 let itemLx = {}; 485 let itemLx = {};
507 itemLx = this.dictData["A23"].find((item) => { 486 itemLx = this.dictData["A23"].find((item) => {
508 return item.dcode == e; 487 return item.dcode == e;
509 }); 488 });
510 this.ruleForm.nydsyq.syttlxmc = itemLx.dname; 489 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
511 }, 490 },
512 /** 491 /**
513 * @description: 养殖业方式变化事件 492 * @description: 养殖业方式变化事件
514 * @param {*} e 493 * @param {*} e
515 * @author: renchao 494 * @author: renchao
516 */ 495 */
517 changeYzyfs(e) { 496 changeYzyfs (e) {
518 let itemLx = {}; 497 let itemLx = {};
519 itemLx = this.dictData["A24"].find((item) => { 498 itemLx = this.dictData["A24"].find((item) => {
520 return item.dcode == e; 499 return item.dcode == e;
521 }); 500 });
522 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; 501 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
523 }, 502 },
524 /** 503 /**
525 * @description: 用地用海变化事件 504 * @description: 用地用海变化事件
526 * @param {*} e 505 * @param {*} e
527 * @author: renchao 506 * @author: renchao
528 */ 507 */
529 changeYdyhfl(e) { 508 changeYdyhfl (e) {
530 let itemLx = {}; 509 let itemLx = {};
531 itemLx = this.dictData["A51"].find((item) => { 510 itemLx = this.dictData["A51"].find((item) => {
532 return item.dcode == e; 511 return item.dcode == e;
533 }); 512 });
534 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; 513 this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
514 },
535 }, 515 },
536 }, 516 };
537 };
538 </script> 517 </script>
539 <style scoped lang="scss"> 518 <style scoped lang="scss">
540 @import "~@/styles/public.scss"; 519 @import "~@/styles/public.scss";
541 @import "~@/styles/slxx/slxx.scss"; 520 @import "~@/styles/slxx/slxx.scss";
542 </style> 521 </style>
......
...@@ -347,7 +347,7 @@ ...@@ -347,7 +347,7 @@
347 this.czrOptions = this.ruleForm.qlrList; 347 this.czrOptions = this.ruleForm.qlrList;
348 this.ruleForm.qlrList.forEach((item) => { 348 this.ruleForm.qlrList.forEach((item) => {
349 if (item.sfczr == 1) { 349 if (item.sfczr == 1) {
350 this.czr = item.sqrmc; 350 this.czr = item.zjh
351 } 351 }
352 }); 352 });
353 this.$endLoading(); 353 this.$endLoading();
...@@ -458,7 +458,7 @@ ...@@ -458,7 +458,7 @@
458 this.czrOptions = this.ruleForm.qlrList; 458 this.czrOptions = this.ruleForm.qlrList;
459 this.num = 0 459 this.num = 0
460 this.ruleForm.qlrList.forEach(item => { 460 this.ruleForm.qlrList.forEach(item => {
461 if (item.sqrmc == this.czr) { 461 if (item.zjh == this.czr) {
462 this.num++ 462 this.num++
463 } 463 }
464 }) 464 })
......
...@@ -337,7 +337,7 @@ ...@@ -337,7 +337,7 @@
337 }; 337 };
338 this.ruleForm.qlrList.forEach((item) => { 338 this.ruleForm.qlrList.forEach((item) => {
339 if (item.sfczr == 1) { 339 if (item.sfczr == 1) {
340 this.czr = item.sqrmc; 340 this.czr = item.zjh
341 } 341 }
342 }); 342 });
343 //初始化发证方式，1：小证，2：大正 343 //初始化发证方式，1：小证，2：大正
...@@ -408,7 +408,7 @@ ...@@ -408,7 +408,7 @@
408 this.czrOptions = this.ruleForm.qlrList; 408 this.czrOptions = this.ruleForm.qlrList;
409 this.num = 0 409 this.num = 0
410 this.ruleForm.qlrList.forEach(item => { 410 this.ruleForm.qlrList.forEach(item => {
411 if (item.sqrmc == this.czr) { 411 if (item.zjh == this.czr) {
412 this.num++ 412 this.num++
413 } 413 }
414 }) 414 })
......
...@@ -375,7 +375,7 @@ ...@@ -375,7 +375,7 @@
375 this.czrOptions = this.ruleForm.qlrList; 375 this.czrOptions = this.ruleForm.qlrList;
376 this.ruleForm.qlrList.forEach((item) => { 376 this.ruleForm.qlrList.forEach((item) => {
377 if (item.sfczr == 1) { 377 if (item.sfczr == 1) {
378 this.czr = item.sqrmc; 378 this.czr = item.zjh
379 } 379 }
380 }); 380 });
381 }); 381 });
...@@ -431,7 +431,7 @@ ...@@ -431,7 +431,7 @@
431 this.czrOptions = this.ruleForm.qlrList; 431 this.czrOptions = this.ruleForm.qlrList;
432 this.num = 0 432 this.num = 0
433 this.ruleForm.qlrList.forEach(item => { 433 this.ruleForm.qlrList.forEach(item => {
434 if (item.sqrmc == this.czr) { 434 if (item.zjh == this.czr) {
435 this.num++ 435 this.num++
436 } 436 }
437 }) 437 })
......
...@@ -354,7 +354,7 @@ ...@@ -354,7 +354,7 @@
354 this.czrOptions = this.ruleForm.qlrList; 354 this.czrOptions = this.ruleForm.qlrList;
355 this.num = 0 355 this.num = 0
356 this.ruleForm.qlrList.forEach(item => { 356 this.ruleForm.qlrList.forEach(item => {
357 if (item.sqrmc == this.czr) { 357 if (item.zjh == this.czr) {
358 this.num++ 358 this.num++
359 } 359 }
360 }) 360 })
......
...@@ -225,7 +225,7 @@ ...@@ -225,7 +225,7 @@
225 this.czrOptions = this.ruleForm.qlrList; 225 this.czrOptions = this.ruleForm.qlrList;
226 this.ruleForm.qlrList.forEach((item) => { 226 this.ruleForm.qlrList.forEach((item) => {
227 if (item.sfczr == 1) { 227 if (item.sfczr == 1) {
228 this.czr = item.sqrmc; 228 this.czr = item.zjh
229 } 229 }
230 }); 230 });
231 } 231 }
...@@ -272,7 +272,7 @@ ...@@ -272,7 +272,7 @@
272 this.czrOptions = this.ruleForm.qlrList; 272 this.czrOptions = this.ruleForm.qlrList;
273 this.num = 0 273 this.num = 0
274 this.ruleForm.qlrList.forEach(item => { 274 this.ruleForm.qlrList.forEach(item => {
275 if (item.sqrmc == this.czr) { 275 if (item.zjh == this.czr) {
276 this.num++ 276 this.num++
277 } 277 }
278 }) 278 })
......
...@@ -321,7 +321,7 @@ ...@@ -321,7 +321,7 @@
321 that.czrOptions = this.ruleForm.qlrList; 321 that.czrOptions = this.ruleForm.qlrList;
322 that.ruleForm.qlrList.forEach((item) => { 322 that.ruleForm.qlrList.forEach((item) => {
323 if (item.sfczr == 1) { 323 if (item.sfczr == 1) {
324 that.czr = item.sqrmc; 324 that.czr = item.zjh;
325 } 325 }
326 }); 326 });
327 setTimeout(() => { 327 setTimeout(() => {
...@@ -360,7 +360,7 @@ ...@@ -360,7 +360,7 @@
360 this.czrOptions = this.ruleForm.qlrList; 360 this.czrOptions = this.ruleForm.qlrList;
361 this.num = 0 361 this.num = 0
362 this.ruleForm.qlrList.forEach(item => { 362 this.ruleForm.qlrList.forEach(item => {
363 if (item.sqrmc == this.czr) { 363 if (item.zjh == this.czr) {
364 this.num++ 364 this.num++
365 } 365 }
366 }) 366 })
......
...@@ -5,8 +5,7 @@ ...@@ -5,8 +5,7 @@
5 class="loadingtext" 5 class="loadingtext"
6 :label-position="flag ? 'top' : ''" 6 :label-position="flag ? 'top' : ''"
7 :inline="flag" 7 :inline="flag"
8 label-width="140px" 8 label-width="140px">
9 >
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 9 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 10 <div class="slxx_title title-block">
12 申请业务信息 11 申请业务信息
...@@ -34,16 +33,14 @@ ...@@ -34,16 +33,14 @@
34 <el-form-item label="权利类型："> 33 <el-form-item label="权利类型：">
35 <el-input 34 <el-input
36 disabled 35 disabled
37 v-model="ruleForm.sldyList[0].qllxmc" 36 v-model="ruleForm.sldyList[0].qllxmc"></el-input>
38 ></el-input>
39 </el-form-item> 37 </el-form-item>
40 </el-col> 38 </el-col>
41 <el-col :span="8"> 39 <el-col :span="8">
42 <el-form-item label="登记类型："> 40 <el-form-item label="登记类型：">
43 <el-input 41 <el-input
44 disabled 42 disabled
45 v-model="ruleForm.sldyList[0].djlxmc" 43 v-model="ruleForm.sldyList[0].djlxmc"></el-input>
46 ></el-input>
47 </el-form-item> 44 </el-form-item>
48 </el-col> 45 </el-col>
49 <el-col :span="8"> 46 <el-col :span="8">
...@@ -54,8 +51,7 @@ ...@@ -54,8 +51,7 @@
54 </el-row> 51 </el-row>
55 <div 52 <div
56 class="slxx_title title-block" 53 class="slxx_title title-block"
57 v-if="ruleForm.hlist && ruleForm.hlist.length > 0" 54 v-if="ruleForm.hlist && ruleForm.hlist.length > 0">
58 >
59 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户） 55 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
60 <div class="triangle"></div> 56 <div class="triangle"></div>
61 </div> 57 </div>
...@@ -66,8 +62,7 @@ ...@@ -66,8 +62,7 @@
66 </div> 62 </div>
67 <el-row 63 <el-row
68 :gutter="10" 64 :gutter="10"
69 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" 65 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
70 >
71 <el-col :span="8"> 66 <el-col :span="8">
72 <el-form-item label="抵押方式："> 67 <el-form-item label="抵押方式：">
73 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> 68 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
...@@ -80,8 +75,7 @@ ...@@ -80,8 +75,7 @@
80 <el-form-item label="抵押金额类型："> 75 <el-form-item label="抵押金额类型：">
81 <el-radio-group 76 <el-radio-group
82 v-model="ruleForm.diyaqList[0].dyjelx" 77 v-model="ruleForm.diyaqList[0].dyjelx"
83 :disabled="!viewEdit" 78 :disabled="!viewEdit">
84 >
85 <el-radio label="0">独立抵押</el-radio> 79 <el-radio label="0">独立抵押</el-radio>
86 <el-radio label="1">整体抵押</el-radio> 80 <el-radio label="1">整体抵押</el-radio>
87 </el-radio-group> 81 </el-radio-group>
...@@ -90,12 +84,10 @@ ...@@ -90,12 +84,10 @@
90 <el-col :span="8"> 84 <el-col :span="8">
91 <el-form-item 85 <el-form-item
92 label="是否存在禁止或者限制转让抵押不动产的约定：" 86 label="是否存在禁止或者限制转让抵押不动产的约定："
93 label-width="350px" 87 label-width="350px">
94 >
95 <el-radio-group 88 <el-radio-group
96 v-model="ruleForm.diyaqList[0].sfczjzhxz" 89 v-model="ruleForm.diyaqList[0].sfczjzhxz"
97 :disabled="!viewEdit" 90 :disabled="!viewEdit">
98 >
99 <el-radio label="1">启用</el-radio> 91 <el-radio label="1">启用</el-radio>
100 <el-radio label="0">禁用</el-radio> 92 <el-radio label="0">禁用</el-radio>
101 </el-radio-group> 93 </el-radio-group>
...@@ -105,24 +97,20 @@ ...@@ -105,24 +97,20 @@
105 97
106 <el-row 98 <el-row
107 :gutter="10" 99 :gutter="10"
108 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" 100 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
109 >
110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> 101 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
111 <el-form-item label="被担保主债权数额："> 102 <el-form-item label="被担保主债权数额：">
112 <el-input 103 <el-input
113 v-model="ruleForm.diyaqList[0].bdbzzqse" 104 v-model="ruleForm.diyaqList[0].bdbzzqse"
114 :disabled="!viewEdit" 105 :disabled="!viewEdit"></el-input>
115 ></el-input>
116 <el-select 106 <el-select
117 v-model="ruleForm.diyaqList[0].jedw" 107 v-model="ruleForm.diyaqList[0].jedw"
118 :disabled="!viewEdit" 108 :disabled="!viewEdit">
119 >
120 <el-option 109 <el-option
121 v-for="item in dictData['A57']" 110 v-for="item in dictData['A57']"
122 :key="item.dcode" 111 :key="item.dcode"
123 :label="item.dname" 112 :label="item.dname"
124 :value="item.dcode" 113 :value="item.dcode">
125 >
126 </el-option> 114 </el-option>
127 </el-select> 115 </el-select>
128 </el-form-item> 116 </el-form-item>
...@@ -132,18 +120,15 @@ ...@@ -132,18 +120,15 @@
132 <el-form-item label="最高债权额："> 120 <el-form-item label="最高债权额：">
133 <el-input 121 <el-input
134 v-model="ruleForm.diyaqList[0].zgzqse" 122 v-model="ruleForm.diyaqList[0].zgzqse"
135 :disabled="!viewEdit" 123 :disabled="!viewEdit"></el-input>
136 ></el-input>
137 <el-select 124 <el-select
138 v-model="ruleForm.diyaqList[0].jedw" 125 v-model="ruleForm.diyaqList[0].jedw"
139 :disabled="!viewEdit" 126 :disabled="!viewEdit">
140 >
141 <el-option 127 <el-option
142 v-for="item in dictData['A57']" 128 v-for="item in dictData['A57']"
143 :key="item.dcode" 129 :key="item.dcode"
144 :label="item.dname" 130 :label="item.dname"
145 :value="item.dcode" 131 :value="item.dcode">
146 >
147 </el-option> 132 </el-option>
148 </el-select> 133 </el-select>
149 </el-form-item> 134 </el-form-item>
...@@ -154,8 +139,7 @@ ...@@ -154,8 +139,7 @@
154 <el-date-picker 139 <el-date-picker
155 v-model="ruleForm.diyaqList[0].zwlxqssj" 140 v-model="ruleForm.diyaqList[0].zwlxqssj"
156 :disabled="!viewEdit" 141 :disabled="!viewEdit"
157 type="date" 142 type="date">
158 >
159 </el-date-picker> 143 </el-date-picker>
160 </el-form-item> 144 </el-form-item>
161 </el-col> 145 </el-col>
...@@ -164,8 +148,7 @@ ...@@ -164,8 +148,7 @@
164 <el-date-picker 148 <el-date-picker
165 v-model="ruleForm.diyaqList[0].zwlxjssj" 149 v-model="ruleForm.diyaqList[0].zwlxjssj"
166 :disabled="!viewEdit" 150 :disabled="!viewEdit"
167 type="date" 151 type="date">
168 >
169 </el-date-picker> 152 </el-date-picker>
170 </el-form-item> 153 </el-form-item>
171 </el-col> 154 </el-col>
...@@ -176,8 +159,7 @@ ...@@ -176,8 +159,7 @@
176 <el-form-item label="担保范围："> 159 <el-form-item label="担保范围：">
177 <el-input 160 <el-input
178 v-model="ruleForm.diyaqList[0].dbfw" 161 v-model="ruleForm.diyaqList[0].dbfw"
179 :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit" 162 :disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input>
180 ></el-input>
181 </el-form-item> 163 </el-form-item>
182 </el-col> 164 </el-col>
183 </el-row> 165 </el-row>
...@@ -186,8 +168,7 @@ ...@@ -186,8 +168,7 @@
186 <el-form-item label="最高债权确定事实和数额："> 168 <el-form-item label="最高债权确定事实和数额：">
187 <el-input 169 <el-input
188 v-model="ruleForm.diyaqList[0].zgzqqdss" 170 v-model="ruleForm.diyaqList[0].zgzqqdss"
189 :disabled="!viewEdit" 171 :disabled="!viewEdit"></el-input>
190 ></el-input>
191 </el-form-item> 172 </el-form-item>
192 </el-col> 173 </el-col>
193 </el-row> 174 </el-row>
...@@ -199,8 +180,7 @@ ...@@ -199,8 +180,7 @@
199 maxlength="500" 180 maxlength="500"
200 show-word-limit 181 show-word-limit
201 v-model="ruleForm.diyaqList[0].fj" 182 v-model="ruleForm.diyaqList[0].fj"
202 :disabled="!viewEdit" 183 :disabled="!viewEdit"></el-input>
203 ></el-input>
204 </el-form-item> 184 </el-form-item>
205 </el-col> 185 </el-col>
206 </el-row> 186 </el-row>
...@@ -211,14 +191,12 @@ ...@@ -211,14 +191,12 @@
211 </div> 191 </div>
212 <el-row 192 <el-row
213 :gutter="10" 193 :gutter="10"
214 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0" 194 v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0">
215 >
216 <el-col :span="14"> 195 <el-col :span="14">
217 <el-form-item label="共有方式："> 196 <el-form-item label="共有方式：">
218 <el-radio-group 197 <el-radio-group
219 :disabled="!viewEdit" 198 :disabled="!viewEdit"
220 v-model="ruleForm.sldyList[0].gyfs" 199 v-model="ruleForm.sldyList[0].gyfs">
221 >
222 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
223 <el-radio label="1">共同共有</el-radio> 201 <el-radio label="1">共同共有</el-radio>
224 <el-radio label="2">按份所有</el-radio> 202 <el-radio label="2">按份所有</el-radio>
...@@ -232,8 +210,7 @@ ...@@ -232,8 +210,7 @@
232 <el-radio-group 210 <el-radio-group
233 v-model="ruleForm.sldyList[0].sqfbcz" 211 v-model="ruleForm.sldyList[0].sqfbcz"
234 :disabled="!viewEdit" 212 :disabled="!viewEdit"
235 @input="updaterow()" 213 @input="updaterow()">
236 >
237 <el-radio label="1">是</el-radio> 214 <el-radio label="1">是</el-radio>
238 <el-radio label="0">否</el-radio> 215 <el-radio label="0">否</el-radio>
239 </el-radio-group> 216 </el-radio-group>
...@@ -244,20 +221,17 @@ ...@@ -244,20 +221,17 @@
244 v-show=" 221 v-show="
245 ruleForm.sldyList[0].gyfs != '0' && 222 ruleForm.sldyList[0].gyfs != '0' &&
246 ruleForm.sldyList[0].sqfbcz == '0' 223 ruleForm.sldyList[0].sqfbcz == '0'
247 " 224 ">
248 >
249 <el-form-item label="持证人："> 225 <el-form-item label="持证人：">
250 <el-select 226 <el-select
251 v-model="czr" 227 v-model="czr"
252 placeholder="持证人" 228 placeholder="持证人"
253 :disabled="!viewEdit" 229 :disabled="!viewEdit">
254 >
255 <el-option 230 <el-option
256 v-for="item in czrOptions" 231 v-for="item in czrOptions"
257 :key="item.value" 232 :key="item.value"
258 :label="item.label" 233 :label="item.label"
259 :value="item.value" 234 :value="item.value">
260 >
261 </el-option> 235 </el-option>
262 </el-select> 236 </el-select>
263 </el-form-item> 237 </el-form-item>
...@@ -268,8 +242,7 @@ ...@@ -268,8 +242,7 @@
268 :tableData="ruleForm.qlrList" 242 :tableData="ruleForm.qlrList"
269 @upDateQlrxxList="upDateQlrxxList" 243 @upDateQlrxxList="upDateQlrxxList"
270 :disabled="viewEdit" 244 :disabled="viewEdit"
271 :gyfs="ruleForm.sldyList[0].gyfs" 245 :gyfs="ruleForm.sldyList[0].gyfs" />
272 />
273 <div class="slxx_title title-block"> 246 <div class="slxx_title title-block">
274 抵押人信息 247 抵押人信息
275 <div class="triangle"></div> 248 <div class="triangle"></div>
...@@ -277,8 +250,7 @@ ...@@ -277,8 +250,7 @@
277 <qlrCommonTable 250 <qlrCommonTable
278 :tableData="ruleForm.ywrList" 251 :tableData="ruleForm.ywrList"
279 @upDateQlrxxList="upDateYwrxxList" 252 @upDateQlrxxList="upDateYwrxxList"
280 :disabled="viewEdit" 253 :disabled="viewEdit" />
281 />
282 254
283 <div class="slxx_title title-block"> 255 <div class="slxx_title title-block">
284 登记原因 256 登记原因
...@@ -286,20 +258,17 @@ ...@@ -286,20 +258,17 @@
286 </div> 258 </div>
287 <el-row 259 <el-row
288 :gutter="10" 260 :gutter="10"
289 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0" 261 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
290 >
291 <el-col> 262 <el-col>
292 <el-form-item 263 <el-form-item
293 v-if="ruleForm.sldyList[0].djlx == '400'" 264 v-if="ruleForm.sldyList[0].djlx == '400'"
294 label="注销抵押原因：" 265 label="注销抵押原因："
295 prop="djyy" 266 prop="djyy">
296 >
297 <el-input 267 <el-input
298 class="textArea" 268 class="textArea"
299 type="textarea" 269 type="textarea"
300 :disabled="!viewEdit" 270 :disabled="!viewEdit"
301 v-model="ruleForm.diyaqList[0].zxdyyy" 271 v-model="ruleForm.diyaqList[0].zxdyyy">
302 >
303 </el-input> 272 </el-input>
304 </el-form-item> 273 </el-form-item>
305 <el-form-item v-else label="登记原因：" prop="djyy"> 274 <el-form-item v-else label="登记原因：" prop="djyy">
...@@ -309,8 +278,7 @@ ...@@ -309,8 +278,7 @@
309 maxlength="500" 278 maxlength="500"
310 show-word-limit 279 show-word-limit
311 :disabled="!viewEdit" 280 :disabled="!viewEdit"
312 v-model="ruleForm.diyaqList[0].djyy" 281 v-model="ruleForm.diyaqList[0].djyy">
313 >
314 </el-input> 282 </el-input>
315 </el-form-item> 283 </el-form-item>
316 </el-col> 284 </el-col>
...@@ -325,163 +293,163 @@ ...@@ -325,163 +293,163 @@
325 </div> 293 </div>
326 </template> 294 </template>
327 <script> 295 <script>
328 import qjhTable from "@/views/workflow/components/qjhTable"; 296 import qjhTable from "@/views/workflow/components/qjhTable";
329 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 297 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
330 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; 298 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
331 import { mapGetters } from "vuex"; 299 import { mapGetters } from "vuex";
332 export default { 300 export default {
333 mounted() { 301 mounted () {
334 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 302 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
335 this.propsParam = this.$attrs; 303 this.propsParam = this.$attrs;
336 var formdata = new FormData(); 304 var formdata = new FormData();
337 305
338 this.$startLoading(); 306 this.$startLoading();
339 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 307 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
340 formdata.append("djlx", this.propsParam.djlx); 308 formdata.append("djlx", this.propsParam.djlx);
341 formdata.append("isEdit", this.viewEdit); 309 formdata.append("isEdit", this.viewEdit);
342 bacthInit(formdata).then((res) => { 310 bacthInit(formdata).then((res) => {
343 this.$endLoading(); 311 this.$endLoading();
344 if (res.code === 200 && res.result) { 312 if (res.code === 200 && res.result) {
345 this.ruleForm = res.result; 313 this.ruleForm = res.result;
346 this.czrOptions = this.ruleForm.qlrList; 314 this.czrOptions = this.ruleForm.qlrList;
347 this.ruleForm.qlrList.forEach((item) => { 315 this.ruleForm.qlrList.forEach((item) => {
348 if (item.sfczr == 1) { 316 if (item.sfczr == 1) {
349 this.czr = item.sqrmc; 317 this.czr = item.zjh
350 } 318 }
351 });
352 } else {
353 this.$message.error(res.message);
354 }
355 });
356 },
357 components: { qlrCommonTable, qjhTable },
358 computed: {
359 ...mapGetters(["dictData", "flag"]),
360 },
361 data() {
362 return {
363 //表单是否可操作
364 viewEdit: true,
365 disabled: true,
366 czrOptions: [],
367 czr: "",
368 ruleForm: {},
369 //传递参数
370 propsParam: {},
371 rules: {},
372 tableData: [],
373 };
374 },
375 methods: {
376 /**
377 * @description: onSubmitClick
378 * @author: renchao
379 */
380 onSubmitClick() {
381 let that = this;
382 if (this.ruleForm.qlrList.length == 0) {
383 this.$message({
384 showClose: true,
385 message: "请确认抵押权人信息",
386 type: "error",
387 });
388 return false;
389 }
390 if (ruleForm.sldyList[0].gyfs == "0") {
391 if (this.ruleForm.qlrList.length > 1) {
392 this.$message({
393 showClose: true,
394 message: "共有方式：单独所有，权利人只能是一个人",
395 type: "error",
396 }); 319 });
397 return false; 320 } else {
321 this.$message.error(res.message);
398 } 322 }
399 this.ruleForm.qlrList[0].sfczr = "1"; 323 });
400 } else { 324 },
401 if (this.ruleForm.qlrList.length <= 1) { 325 components: { qlrCommonTable, qjhTable },
326 computed: {
327 ...mapGetters(["dictData", "flag"]),
328 },
329 data () {
330 return {
331 //表单是否可操作
332 viewEdit: true,
333 disabled: true,
334 czrOptions: [],
335 czr: "",
336 ruleForm: {},
337 //传递参数
338 propsParam: {},
339 rules: {},
340 tableData: [],
341 };
342 },
343 methods: {
344 /**
345 * @description: onSubmitClick
346 * @author: renchao
347 */
348 onSubmitClick () {
349 let that = this;
350 if (this.ruleForm.qlrList.length == 0) {
402 this.$message({ 351 this.$message({
403 showClose: true, 352 showClose: true,
404 message: 353 message: "请确认抵押权人信息",
405 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
406 type: "error", 354 type: "error",
407 }); 355 });
408 return false; 356 return false;
409 } 357 }
410 //是否分别持证 358 if (ruleForm.sldyList[0].gyfs == "0") {
411 if (this.ruleForm.sldyList[0].sqfbcz == "1") { 359 if (this.ruleForm.qlrList.length > 1) {
412 //是 360 this.$message({
413 this.ruleForm.qlrList.forEach((item, index) => { 361 showClose: true,
414 item.sfczr = "1"; 362 message: "共有方式：单独所有，权利人只能是一个人",
415 }); 363 type: "error",
364 });
365 return false;
366 }
367 this.ruleForm.qlrList[0].sfczr = "1";
416 } else { 368 } else {
417 if (!that.czr) { 369 if (this.ruleForm.qlrList.length <= 1) {
418 that.$message({ 370 this.$message({
419 showClose: true, 371 showClose: true,
420 message: "请选择持证人", 372 message:
373 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
421 type: "error", 374 type: "error",
422 }); 375 });
423 return false; 376 return false;
424 } 377 }
425 this.ruleForm.qlrList.forEach((item, index) => { 378 //是否分别持证
426 if (item.zjh == that.czr) { 379 if (this.ruleForm.sldyList[0].sqfbcz == "1") {
380 //是
381 this.ruleForm.qlrList.forEach((item, index) => {
427 item.sfczr = "1"; 382 item.sfczr = "1";
428 } else { 383 });
429 item.sfczr = "0"; 384 } else {
385 if (!that.czr) {
386 that.$message({
387 showClose: true,
388 message: "请选择持证人",
389 type: "error",
390 });
391 return false;
430 } 392 }
431 }); 393 this.ruleForm.qlrList.forEach((item, index) => {
394 if (item.zjh == that.czr) {
395 item.sfczr = "1";
396 } else {
397 item.sfczr = "0";
398 }
399 });
400 }
432 } 401 }
433 } 402 saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
434 saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => { 403 if (res.code === 200) {
435 if (res.code === 200) { 404 this.$message({
436 this.$message({ 405 showClose: true,
437 showClose: true, 406 message: "保存成功！",
438 message: "保存成功！", 407 type: "success",
439 type: "success", 408 });
440 }); 409 this.$store.dispatch("user/refreshPage", true);
441 this.$store.dispatch("user/refreshPage", true); 410 } else {
442 } else { 411 this.$message({
443 this.$message({ 412 showClose: true,
444 showClose: true, 413 message: res.message,
445 message: res.message, 414 type: "error",
446 type: "error", 415 });
447 }); 416 }
417 });
418 },
419 // 是否持证人变化
420 /**
421 * @description: 是否持证人变化
422 * @param {*} val
423 * @author: renchao
424 */
425 updaterow () {
426 this.czr = "";
427 },
428 /**
429 * @description: 更新权利人信息
430 * @param {*} val
431 * @author: renchao
432 */
433 upDateQlrxxList (val) {
434 if (!_.isEqual(val, this.ruleForm.qlrList)) {
435 this.ruleForm.qlrList = _.cloneDeep(val);
436 this.czrOptions = this.ruleForm.qlrList;
448 } 437 }
449 }); 438 },
450 }, 439 /**
451 // 是否持证人变化 440 * @description: 更新义务人信息
452 /** 441 * @param {*} val
453 * @description: 是否持证人变化 442 * @author: renchao
454 * @param {*} val 443 */
455 * @author: renchao 444 upDateYwrxxList (val) {
456 */ 445 if (!_.isEqual(val, this.ruleForm.ywrList)) {
457 updaterow() { 446 this.ruleForm.ywrList = _.cloneDeep(val);
458 this.czr = ""; 447 }
459 }, 448 },
460 /**
461 * @description: 更新权利人信息
462 * @param {*} val
463 * @author: renchao
464 */
465 upDateQlrxxList(val) {
466 if (!_.isEqual(val, this.ruleForm.qlrList)) {
467 this.ruleForm.qlrList = _.cloneDeep(val);
468 this.czrOptions = this.ruleForm.qlrList;
469 }
470 },
471 /**
472 * @description: 更新义务人信息
473 * @param {*} val
474 * @author: renchao
475 */
476 upDateYwrxxList(val) {
477 if (!_.isEqual(val, this.ruleForm.ywrList)) {
478 this.ruleForm.ywrList = _.cloneDeep(val);
479 }
480 }, 449 },
481 }, 450 };
482 };
483 </script> 451 </script>
484 <style scoped lang="scss"> 452 <style scoped lang="scss">
485 @import "~@/styles/public.scss"; 453 @import "~@/styles/public.scss";
486 @import "~@/styles/slxx/slxx.scss"; 454 @import "~@/styles/slxx/slxx.scss";
487 </style> 455 </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="140px" 11 label-width="140px">
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 申请业务信息
...@@ -63,8 +62,7 @@ ...@@ -63,8 +62,7 @@
63 placeholder="" 62 placeholder=""
64 :normalizer="normalizer" 63 :normalizer="normalizer"
65 :show-count="true" 64 :show-count="true"
66 :options="dictData['A17']" 65 :options="dictData['A17']" />
67 />
68 </el-form-item> 66 </el-form-item>
69 </el-col> 67 </el-col>
70 <el-col :span="8"> 68 <el-col :span="8">
...@@ -131,12 +129,10 @@ ...@@ -131,12 +129,10 @@
131 <el-col :span="16"> 129 <el-col :span="16">
132 <el-form-item 130 <el-form-item
133 label="是否存在禁止或者限制转让抵押不动产的约定：" 131 label="是否存在禁止或者限制转让抵押不动产的约定："
134 label-width="350px" 132 label-width="350px">
135 >
136 <el-radio-group 133 <el-radio-group
137 v-model="ruleForm.diyaq.sfczjzhxz" 134 v-model="ruleForm.diyaq.sfczjzhxz"
138 :disabled="!viewEdit" 135 :disabled="!viewEdit">
139 >
140 <el-radio label="1">启用</el-radio> 136 <el-radio label="1">启用</el-radio>
141 <el-radio label="0">禁用</el-radio> 137 <el-radio label="0">禁用</el-radio>
142 </el-radio-group> 138 </el-radio-group>
...@@ -149,15 +145,13 @@ ...@@ -149,15 +145,13 @@
149 <el-form-item label="被担保主债权数额："> 145 <el-form-item label="被担保主债权数额：">
150 <el-input 146 <el-input
151 v-model="ruleForm.diyaq.bdbzzqse" 147 v-model="ruleForm.diyaq.bdbzzqse"
152 :disabled="!viewEdit" 148 :disabled="!viewEdit"></el-input>
153 ></el-input>
154 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> 149 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
155 <el-option 150 <el-option
156 v-for="item in dictData['A57']" 151 v-for="item in dictData['A57']"
157 :key="item.dcode" 152 :key="item.dcode"
158 :label="item.dname" 153 :label="item.dname"
159 :value="item.dcode" 154 :value="item.dcode">
160 >
161 </el-option> 155 </el-option>
162 </el-select> 156 </el-select>
163 </el-form-item> 157 </el-form-item>
...@@ -167,15 +161,13 @@ ...@@ -167,15 +161,13 @@
167 <el-form-item label="最高债权额："> 161 <el-form-item label="最高债权额：">
168 <el-input 162 <el-input
169 v-model="ruleForm.diyaq.zgzqse" 163 v-model="ruleForm.diyaq.zgzqse"
170 :disabled="!viewEdit" 164 :disabled="!viewEdit"></el-input>
171 ></el-input>
172 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> 165 <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
173 <el-option 166 <el-option
174 v-for="item in dictData['A57']" 167 v-for="item in dictData['A57']"
175 :key="item.dcode" 168 :key="item.dcode"
176 :label="item.dname" 169 :label="item.dname"
177 :value="item.dcode" 170 :value="item.dcode">
178 >
179 </el-option> 171 </el-option>
180 </el-select> 172 </el-select>
181 </el-form-item> 173 </el-form-item>
...@@ -186,8 +178,7 @@ ...@@ -186,8 +178,7 @@
186 <el-date-picker 178 <el-date-picker
187 v-model="ruleForm.diyaq.zwlxqssj" 179 v-model="ruleForm.diyaq.zwlxqssj"
188 :disabled="!viewEdit" 180 :disabled="!viewEdit"
189 type="date" 181 type="date">
190 >
191 </el-date-picker> 182 </el-date-picker>
192 </el-form-item> 183 </el-form-item>
193 </el-col> 184 </el-col>
...@@ -196,8 +187,7 @@ ...@@ -196,8 +187,7 @@
196 <el-date-picker 187 <el-date-picker
197 v-model="ruleForm.diyaq.zwlxjssj" 188 v-model="ruleForm.diyaq.zwlxjssj"
198 :disabled="!viewEdit" 189 :disabled="!viewEdit"
199 type="date" 190 type="date">
200 >
201 </el-date-picker> 191 </el-date-picker>
202 </el-form-item> 192 </el-form-item>
203 </el-col> 193 </el-col>
...@@ -208,8 +198,7 @@ ...@@ -208,8 +198,7 @@
208 <el-form-item label="担保范围："> 198 <el-form-item label="担保范围：">
209 <el-input 199 <el-input
210 v-model="ruleForm.diyaq.dbfw" 200 v-model="ruleForm.diyaq.dbfw"
211 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" 201 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
212 ></el-input>
213 </el-form-item> 202 </el-form-item>
214 </el-col> 203 </el-col>
215 </el-row> 204 </el-row>
...@@ -218,8 +207,7 @@ ...@@ -218,8 +207,7 @@
218 <el-form-item label="最高债权确定事实和数额："> 207 <el-form-item label="最高债权确定事实和数额：">
219 <el-input 208 <el-input
220 v-model="ruleForm.diyaq.zgzqqdss" 209 v-model="ruleForm.diyaq.zgzqqdss"
221 :disabled="!viewEdit" 210 :disabled="!viewEdit"></el-input>
222 ></el-input>
223 </el-form-item> 211 </el-form-item>
224 </el-col> 212 </el-col>
225 </el-row> 213 </el-row>
...@@ -231,8 +219,7 @@ ...@@ -231,8 +219,7 @@
231 maxlength="500" 219 maxlength="500"
232 show-word-limit 220 show-word-limit
233 v-model="ruleForm.diyaq.fj" 221 v-model="ruleForm.diyaq.fj"
234 :disabled="!viewEdit" 222 :disabled="!viewEdit"></el-input>
235 ></el-input>
236 </el-form-item> 223 </el-form-item>
237 </el-col> 224 </el-col>
238 </el-row> 225 </el-row>
...@@ -246,8 +233,7 @@ ...@@ -246,8 +233,7 @@
246 <el-form-item label="共有方式："> 233 <el-form-item label="共有方式：">
247 <el-radio-group 234 <el-radio-group
248 :disabled="!viewEdit" 235 :disabled="!viewEdit"
249 v-model="ruleForm.sldy.gyfs" 236 v-model="ruleForm.sldy.gyfs">
250 >
251 <el-radio label="0">单独所有</el-radio> 237 <el-radio label="0">单独所有</el-radio>
252 <el-radio label="1">共同共有</el-radio> 238 <el-radio label="1">共同共有</el-radio>
253 <el-radio label="2">按份所有</el-radio> 239 <el-radio label="2">按份所有</el-radio>
...@@ -260,8 +246,7 @@ ...@@ -260,8 +246,7 @@
260 <el-radio-group 246 <el-radio-group
261 v-model="ruleForm.sldy.sqfbcz" 247 v-model="ruleForm.sldy.sqfbcz"
262 :disabled="!viewEdit" 248 :disabled="!viewEdit"
263 @input="updaterow()" 249 @input="updaterow()">
264 >
265 <el-radio :label="1">是</el-radio> 250 <el-radio :label="1">是</el-radio>
266 <el-radio :label="0">否</el-radio> 251 <el-radio :label="0">否</el-radio>
267 </el-radio-group> 252 </el-radio-group>
...@@ -269,20 +254,17 @@ ...@@ -269,20 +254,17 @@
269 </el-col> 254 </el-col>
270 <el-col 255 <el-col
271 :span="6" 256 :span="6"
272 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" 257 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
273 >
274 <el-form-item label="持证人："> 258 <el-form-item label="持证人：">
275 <el-select 259 <el-select
276 v-model="czr" 260 v-model="czr"
277 placeholder="持证人" 261 placeholder="持证人"
278 :disabled="!viewEdit" 262 :disabled="!viewEdit">
279 >
280 <el-option 263 <el-option
281 v-for="item in czrOptions" 264 v-for="item in czrOptions"
282 :key="item.zjh" 265 :key="item.zjh"
283 :label="item.sqrmc" 266 :label="item.sqrmc"
284 :value="item.zjh" 267 :value="item.zjh">
285 >
286 </el-option> 268 </el-option>
287 </el-select> 269 </el-select>
288 </el-form-item> 270 </el-form-item>
...@@ -292,8 +274,7 @@ ...@@ -292,8 +274,7 @@
292 :tableData="ruleForm.qlrList" 274 :tableData="ruleForm.qlrList"
293 @upDateQlrxxList="upDateQlrxxList" 275 @upDateQlrxxList="upDateQlrxxList"
294 :disabled="viewEdit" 276 :disabled="viewEdit"
295 :gyfs="ruleForm.sldy.gyfs" 277 :gyfs="ruleForm.sldy.gyfs" />
296 />
297 <div class="slxx_title title-block"> 278 <div class="slxx_title title-block">
298 抵押人信息 279 抵押人信息
299 <div class="triangle"></div> 280 <div class="triangle"></div>
...@@ -301,8 +282,7 @@ ...@@ -301,8 +282,7 @@
301 <qlrCommonTable 282 <qlrCommonTable
302 :tableData="ruleForm.ywrList" 283 :tableData="ruleForm.ywrList"
303 @upDateQlrxxList="upDateYwrxxList" 284 @upDateQlrxxList="upDateYwrxxList"
304 :disabled="viewEdit" 285 :disabled="viewEdit" />
305 />
306 286
307 <div class="slxx_title title-block"> 287 <div class="slxx_title title-block">
308 登记原因 288 登记原因
...@@ -313,14 +293,12 @@ ...@@ -313,14 +293,12 @@
313 <el-form-item 293 <el-form-item
314 v-if="ruleForm.sldy.djlx == '400'" 294 v-if="ruleForm.sldy.djlx == '400'"
315 label="注销抵押原因：" 295 label="注销抵押原因："
316 prop="djyy" 296 prop="djyy">
317 >
318 <el-input 297 <el-input
319 class="textArea" 298 class="textArea"
320 type="textarea" 299 type="textarea"
321 :disabled="!viewEdit" 300 :disabled="!viewEdit"
322 v-model="ruleForm.diyaq.zxdyyy" 301 v-model="ruleForm.diyaq.zxdyyy">
323 >
324 </el-input> 302 </el-input>
325 </el-form-item> 303 </el-form-item>
326 <el-form-item v-else label="登记原因：" prop="djyy"> 304 <el-form-item v-else label="登记原因：" prop="djyy">
...@@ -330,8 +308,7 @@ ...@@ -330,8 +308,7 @@
330 maxlength="500" 308 maxlength="500"
331 show-word-limit 309 show-word-limit
332 :disabled="!viewEdit" 310 :disabled="!viewEdit"
333 v-model="ruleForm.diyaq.djyy" 311 v-model="ruleForm.diyaq.djyy">
334 >
335 </el-input> 312 </el-input>
336 </el-form-item> 313 </el-form-item>
337 </el-col> 314 </el-col>
...@@ -346,171 +323,171 @@ ...@@ -346,171 +323,171 @@
346 </div> 323 </div>
347 </template> 324 </template>
348 <script> 325 <script>
349 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 326 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
350 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; 327 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
351 import { mapGetters } from "vuex"; 328 import { mapGetters } from "vuex";
352 export default { 329 export default {
353 mounted() { 330 mounted () {
354 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 331 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
355 this.propsParam = this.$attrs; 332 this.propsParam = this.$attrs;
356 var formdata = new FormData(); 333 var formdata = new FormData();
357 this.$startLoading(); 334 this.$startLoading();
358 formdata.append("bsmSldy", this.propsParam.bsmSldy); 335 formdata.append("bsmSldy", this.propsParam.bsmSldy);
359 formdata.append("djlx", this.propsParam.djlx); 336 formdata.append("djlx", this.propsParam.djlx);
360 formdata.append("isEdit", this.viewEdit); 337 formdata.append("isEdit", this.viewEdit);
361 Init(formdata).then((res) => { 338 Init(formdata).then((res) => {
362 if (res.code === 200 && res.result) { 339 if (res.code === 200 && res.result) {
363 this.ruleForm = res.result; 340 this.ruleForm = res.result;
364 this.czrOptions = this.ruleForm.qlrList; 341 this.czrOptions = this.ruleForm.qlrList;
365 this.ruleForm.qlrList.forEach((item) => { 342 this.ruleForm.qlrList.forEach((item) => {
366 if (item.sfczr == 1) { 343 if (item.sfczr == 1) {
367 this.czr = item.sqrmc; 344 this.czr = item.zjh
368 } 345 }
369 });
370 this.$endLoading();
371 }
372 });
373 },
374 components: { qlrCommonTable },
375 computed: {
376 ...mapGetters(["dictData", "flag"]),
377 },
378 data() {
379 return {
380 //表单是否可操作
381 viewEdit: true,
382 disabled: true,
383 czrOptions: [],
384 czr: "",
385 ruleForm: {},
386 //传递参数
387 propsParam: {},
388 rules: {},
389 // 键名转换，方法默认是label和children进行树状渲染
390 normalizer(node) {
391 //方法
392 if (node.children == null || node.children == "null") {
393 delete node.children;
394 }
395 return {
396 id: node.dcode,
397 label: node.dname,
398 };
399 },
400 };
401 },
402 methods: {
403 /**
404 * @description: onSubmitClick
405 * @author: renchao
406 */
407 onSubmitClick() {
408 let that = this;
409 if (this.ruleForm.qlrList.length == 0) {
410 this.$message({
411 showClose: true,
412 message: "请确认权利人信息",
413 type: "error",
414 });
415 return false;
416 }
417
418 if (this.ruleForm.sldy.gyfs == "0") {
419 if (this.ruleForm.qlrList.length > 1) {
420 this.$message({
421 showClose: true,
422 message: "共有方式：单独所有，权利人只能是一个人",
423 type: "error",
424 }); 346 });
425 return false; 347 this.$endLoading();
426 } 348 }
427 this.ruleForm.qlrList[0].sfczr = "1"; 349 });
428 } else { 350 },
429 if (this.ruleForm.qlrList.length <= 1) { 351 components: { qlrCommonTable },
352 computed: {
353 ...mapGetters(["dictData", "flag"]),
354 },
355 data () {
356 return {
357 //表单是否可操作
358 viewEdit: true,
359 disabled: true,
360 czrOptions: [],
361 czr: "",
362 ruleForm: {},
363 //传递参数
364 propsParam: {},
365 rules: {},
366 // 键名转换，方法默认是label和children进行树状渲染
367 normalizer (node) {
368 //方法
369 if (node.children == null || node.children == "null") {
370 delete node.children;
371 }
372 return {
373 id: node.dcode,
374 label: node.dname,
375 };
376 },
377 };
378 },
379 methods: {
380 /**
381 * @description: onSubmitClick
382 * @author: renchao
383 */
384 onSubmitClick () {
385 let that = this;
386 if (this.ruleForm.qlrList.length == 0) {
430 this.$message({ 387 this.$message({
431 showClose: true, 388 showClose: true,
432 message: 389 message: "请确认权利人信息",
433 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
434 type: "error", 390 type: "error",
435 }); 391 });
436 return false; 392 return false;
437 } 393 }
438 //是否分别持证 394
439 if (this.ruleForm.sldy.sqfbcz == "1") { 395 if (this.ruleForm.sldy.gyfs == "0") {
440 //是 396 if (this.ruleForm.qlrList.length > 1) {
441 this.ruleForm.qlrList.forEach((item, index) => { 397 this.$message({
442 item.sfczr = "1"; 398 showClose: true,
443 }); 399 message: "共有方式：单独所有，权利人只能是一个人",
400 type: "error",
401 });
402 return false;
403 }
404 this.ruleForm.qlrList[0].sfczr = "1";
444 } else { 405 } else {
445 if (!that.czr) { 406 if (this.ruleForm.qlrList.length <= 1) {
446 that.$message({ 407 this.$message({
447 showClose: true, 408 showClose: true,
448 message: "请选择持证人", 409 message:
410 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
449 type: "error", 411 type: "error",
450 }); 412 });
451 return false; 413 return false;
452 } 414 }
453 this.ruleForm.qlrList.forEach((item, index) => { 415 //是否分别持证
454 if (item.zjh == that.czr) { 416 if (this.ruleForm.sldy.sqfbcz == "1") {
417 //是
418 this.ruleForm.qlrList.forEach((item, index) => {
455 item.sfczr = "1"; 419 item.sfczr = "1";
456 } else { 420 });
457 item.sfczr = "0"; 421 } else {
422 if (!that.czr) {
423 that.$message({
424 showClose: true,
425 message: "请选择持证人",
426 type: "error",
427 });
428 return false;
458 } 429 }
459 }); 430 this.ruleForm.qlrList.forEach((item, index) => {
460 } 431 if (item.zjh == that.czr) {
461 } 432 item.sfczr = "1";
462 saveData(this.ruleForm, this.propsParam.djlx).then((res) => { 433 } else {
463 if (res.code === 200) { 434 item.sfczr = "0";
464 this.$message({ 435 }
465 showClose: true, 436 });
466 message: "保存成功！", 437 }
467 type: "success",
468 });
469 this.$store.dispatch("user/refreshPage", true);
470 } else {
471 this.$message({
472 showClose: true,
473 message: res.message,
474 type: "error",
475 });
476 } 438 }
477 }); 439 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
478 }, 440 if (res.code === 200) {
441 this.$message({
442 showClose: true,
443 message: "保存成功！",
444 type: "success",
445 });
446 this.$store.dispatch("user/refreshPage", true);
447 } else {
448 this.$message({
449 showClose: true,
450 message: res.message,
451 type: "error",
452 });
453 }
454 });
455 },
479 456
480 /** 457 /**
481 * @description: 更新权利人信息 458 * @description: 更新权利人信息
482 * @param {*} val 459 * @param {*} val
483 * @author: renchao 460 * @author: renchao
484 */ 461 */
485 upDateQlrxxList(val) { 462 upDateQlrxxList (val) {
486 if (!_.isEqual(val, this.ruleForm.qlrList)) { 463 if (!_.isEqual(val, this.ruleForm.qlrList)) {
487 this.ruleForm.qlrList = _.cloneDeep(val); 464 this.ruleForm.qlrList = _.cloneDeep(val);
488 this.czrOptions = this.ruleForm.qlrList; 465 this.czrOptions = this.ruleForm.qlrList;
489 } 466 }
490 }, 467 },
491 // 是否持证人变化 468 // 是否持证人变化
492 /** 469 /**
493 * @description: 是否持证人变化 470 * @description: 是否持证人变化
494 * @param {*} val 471 * @param {*} val
495 * @author: renchao 472 * @author: renchao
496 */ 473 */
497 updaterow() { 474 updaterow () {
498 this.czr = ""; 475 this.czr = "";
499 }, 476 },
500 /** 477 /**
501 * @description: 更新义务人信息 478 * @description: 更新义务人信息
502 * @param {*} val 479 * @param {*} val
503 * @author: renchao 480 * @author: renchao
504 */ 481 */
505 upDateYwrxxList(val) { 482 upDateYwrxxList (val) {
506 if (!_.isEqual(val, this.ruleForm.ywrList)) { 483 if (!_.isEqual(val, this.ruleForm.ywrList)) {
507 this.ruleForm.ywrList = _.cloneDeep(val); 484 this.ruleForm.ywrList = _.cloneDeep(val);
485 }
508 } 486 }
509 } 487 }
510 } 488 }
511 }
512 </script> 489 </script>
513 <style scoped lang="scss"> 490 <style scoped lang="scss">
514 @import "~@/styles/public.scss"; 491 @import "~@/styles/public.scss";
515 @import "~@/styles/slxx/slxx.scss"; 492 @import "~@/styles/slxx/slxx.scss";
516 </style> 493 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 11:25:49 4 * @LastEditTime: 2023-09-12 13:39:30
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -219,7 +219,6 @@ ...@@ -219,7 +219,6 @@
219 * @author: renchao 219 * @author: renchao
220 */ 220 */
221 ywhClick (item) { 221 ywhClick (item) {
222 sessionStorage.removeItem('keyPath')
223 //有任务权限 222 //有任务权限
224 if (item.sjlx == "3") { 223 if (item.sjlx == "3") {
225 item.djywbm = "DJBBL"; 224 item.djywbm = "DJBBL";
...@@ -241,9 +240,9 @@ ...@@ -241,9 +240,9 @@
241 ); 240 );
242 window.open(href, `workFrameView${item.bsmSlsq}`); 241 window.open(href, `workFrameView${item.bsmSlsq}`);
243 } 242 }
244 }, 243 }
245 }, 244 }
246 }; 245 }
247 </script> 246 </script>
248 <style scoped lang="scss"> 247 <style scoped lang="scss">
249 @import "~@/styles/public.scss"; 248 @import "~@/styles/public.scss";
......