Skip to content

bdc / bdcdj-web

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

feat:从登记薄点击业务号进入业务流程功能开发

1 parent 9caea434
Expand all
Inline Side-by-side
Showing 16 changed files with 481 additions and 1937 deletions
1 /* 1 /*
2 * @Description: 登记业务信息接口 2 * @Description: 登记业务信息接口
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 14:16:20 4 * @LastEditTime: 2023-09-18 14:22:02
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
...@@ -18,4 +18,21 @@ export function getXtParamsByYwh (ywh) { ...@@ -18,4 +18,21 @@ export function getXtParamsByYwh (ywh) {
18 ywh: ywh 18 ywh: ywh
19 } 19 }
20 }) 20 })
21 }
22
23 /**
24 * @description: 根据业务号查询补录参数数据
25 * @param {*} ywh
26 * @param {*} bsmQlxx
27 * @author: renchao
28 */
29 export function getBlParamsByYwh (ywh, bsmQlxx) {
30 return request({
31 url: SERVER.SERVERAPI + '​/rest​/ywbl​/djyw​/getBlParamsByYwh',
32 method: 'get',
33 params: {
34 ywh: ywh,
35 bsmQlxx: bsmQlxx
36 }
37 })
21 } 38 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 10:20:43 4 * @LastEditTime: 2023-09-18 13:45:50
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam" 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" /> 9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
11 <printTemplate id="boxcfdj" :tableData="tableData" :render="render" />
12 </div>
13 <div class="tableBox">
14 <div class="title">
15 {{ title }}
16 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
17 <div class="checkbox">
18 <el-checkbox-group v-model="checkList" @change="checkChange">
19 <el-checkbox
20 v-for="item in qsztList"
21 :key="item.value"
22 :label="item.value">{{ item.label }}</el-checkbox>
23 </el-checkbox-group>
24 </div>
25 </div>
26 <div class="xxTableBox rollTable">
27 <table class="xxTable">
28 <tr v-for="(item, colindex) in columns" :key="colindex">
29 <td>{{ item.label }}</td>
30 <td
31 v-for="(row, index) in tableData"
32 :key="index"
33 :class="[
34 row.qszt == '2' ? 'lishi' : '',
35 row.qszt == '0' ? 'linshi' : '',
36 row.qlzt == '4' ? 'linshi' : '',
37
38 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
39 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
40 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
41 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
42 ]">
43 <div
44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
46 <el-button
47 type="text"
48 icon="el-icon-edit-outline"
49 @click="editDialog(row)">编辑</el-button>
50 <el-button
51 type="text"
52 icon="el-icon-edit-outline"
53 @click="editDialog(row, 'D')">删除</el-button>
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
56 有效
57 </div>
58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
59 正在补录
60 </div>
61 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
62 正在申请
63 </div>
64 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
65 正在注销
66 </div>
67
68 <p v-if="!['djyy', 'fj'].includes(item.prop)">
69 <span v-if="item.prop == 'qszt'">
70 {{ getQsztName(row[item.prop]) }}
71 </span>
72 <span v-else>{{ row[item.prop] }}</span>
73 </p>
74
75 <el-tooltip
76 v-else
77 effect="dark"
78 :content="row[item.prop]"
79 placement="top"
80 popper-class="tooltip-width">
81 <span class="ellipsis-line">
82 {{ row[item.prop] }}
83 </span>
84 </el-tooltip>
85 </td>
86 <td v-for="count in emptycolNum" :key="~count"></td>
87 </tr>
88 </table>
89 </div>
90 </div> -->
91 </div> 10 </div>
92 </template> 11 </template>
93 12
...@@ -104,14 +23,10 @@ ...@@ -104,14 +23,10 @@
104 return { 23 return {
105 shows: false, 24 shows: false,
106 title: "查封登记信息", 25 title: "查封登记信息",
107 // qsztList: datas.columns().qsztList,
108 // checkList: datas.columns().checkList,
109 //传递参数 26 //传递参数
110 propsParam: this.$attrs, 27 propsParam: this.$attrs,
111 //列表数据 28 //列表数据
112 tableData: [], 29 tableData: [],
113 //空列值个数
114 // emptycolNum: datas.columns().emptycolNum,
115 //列名称对象 30 //列名称对象
116 columns: datas.columns().CFDJ, 31 columns: datas.columns().CFDJ,
117 render: false, 32 render: false,
...@@ -154,64 +69,10 @@ ...@@ -154,64 +69,10 @@
154 this.emptycolNum = 0; 69 this.emptycolNum = 0;
155 } 70 }
156 } 71 }
157 }); 72 })
158 }, 73 }
159 // /** 74 }
160 // * @description: checkChange 75 }
161 // * @author: renchao
162 // */
163 // checkChange () {
164 // if (this.checkList.length === 0) {
165 // this.tableData = [];
166 // this.emptycolNum = datas.columns().emptycolNum;
167 // } else {
168 // this.loadData();
169 // }
170 // },
171 // /**
172 // * @description: getQsztName
173 // * @author: renchao
174 // */
175 // getQsztName (code) {
176 // let name = "";
177 // for (let item of this.qsztList) {
178 // if (item.value == code) {
179 // name = item.label;
180 // break;
181 // }
182 // }
183 // return name;
184 // },
185 // // 新增一条补录信息
186 // /**
187 // * @description: 新增一条补录信息
188 // * @param {*} row
189 // * @param {*} del
190 // * @author: renchao
191 // */
192 // editDialog (row, del) {
193 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
194 // confirmButtonText: "确定",
195 // cancelButtonText: "取消",
196 // type: "warning",
197 // })
198 // .then(() => {
199 // this.$parent.addRepairRecord(row, del);
200
201 // this.$message({
202 // type: "success",
203 // message: "补录成功!",
204 // });
205 // })
206 // .catch(() => {
207 // this.$message({
208 // type: "info",
209 // message: "取消编辑",
210 // });
211 // });
212 // },
213 },
214 };
215 </script> 76 </script>
216 77
217 <style lang="scss" scoped> 78 <style lang="scss" scoped>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 11:00:11 4 * @LastEditTime: 2023-09-18 14:42:14
5 --> 5 -->
6 <template> 6 <template>
7 <div class="tableBox"> 7 <div class="tableBox">
...@@ -71,7 +71,10 @@ ...@@ -71,7 +71,10 @@
71 <span v-if="item.prop == 'qszt'"> 71 <span v-if="item.prop == 'qszt'">
72 {{ getQsztName(row[item.prop]) }} 72 {{ getQsztName(row[item.prop]) }}
73 </span> 73 </span>
74 <span v-else>{{ row[item.prop] }}</span> 74 <el-link v-if="item.prop == 'ywh'"
75 @click="handleSelectYwh(tableData, row[item.prop])"
76 type="primary">{{ row[item.prop] }}</el-link>
77 <span v-if="!['qszt','ywh' ].includes(item.prop)">{{ row[item.prop] }}</span>
75 </p> 78 </p>
76 79
77 <el-tooltip 80 <el-tooltip
...@@ -92,8 +95,10 @@ ...@@ -92,8 +95,10 @@
92 </div> 95 </div>
93 </template> 96 </template>
94 <script> 97 <script>
98 import Router from '@/router'
95 import { datas } from "../qlxxFormData.js"; 99 import { datas } from "../qlxxFormData.js";
96 import printTemplate from "../components/printTemplate.vue"; 100 import printTemplate from "../components/printTemplate.vue";
101 import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw'
97 export default { 102 export default {
98 components: { 103 components: {
99 printTemplate 104 printTemplate
...@@ -133,7 +138,6 @@ ...@@ -133,7 +138,6 @@
133 }, 138 },
134 methods: { 139 methods: {
135 openPrint () { 140 openPrint () {
136 console.log("tableData",this.tableData);
137 this.render = true; 141 this.render = true;
138 setTimeout(() => { 142 setTimeout(() => {
139 this.prinsss(); 143 this.prinsss();
...@@ -210,6 +214,30 @@ ...@@ -210,6 +214,30 @@
210 message: "取消编辑" 214 message: "取消编辑"
211 }) 215 })
212 }) 216 })
217 },
218 // 选择业务号
219 handleSelectYwh (data, ywh) {
220 let sjlx = '',
221 bsmQlxx = ''
222 data.forEach(item => {
223 if (item.ywh == ywh) {
224 sjlx = item.sjlx
225 bsmQlxx = item.bsmQlxx
226 }
227 })
228 if (sjlx == '系统数据') {
229 getXtParamsByYwh(ywh).then(res => {
230 let data = res.result
231 const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
232 window.open(href, `urlname${data.bsmSlsq}`)
233 })
234 } else {
235 getBlParamsByYwh(ywh, bsmQlxx).then(res => {
236 let data = res.result
237 const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
238 window.open(href, `urlname${data.bsmSlsq}`)
239 })
240 }
213 } 241 }
214 } 242 }
215 } 243 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-18 13:14:31
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam" 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" /> 9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
11 <printTemplate id="boxdiyaq" :tableData="tableData" :render="render" />
12 </div>
13 <div class="tableBox">
14 <div class="title">
15 {{ title }}
16 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
17 <div class="checkbox">
18 <el-checkbox-group v-model="checkList" @change="checkChange">
19 <el-checkbox
20 v-for="item in qsztList"
21 :key="item.value"
22 :label="item.value">{{ item.label }}</el-checkbox>
23 </el-checkbox-group>
24 </div>
25 </div>
26 <div class="xxTableBox rollTable">
27 <table class="xxTable">
28 <tr v-for="(item, colindex) in columns" :key="colindex">
29 <td>
30 {{ item.label }}
31 </td>
32 <td
33 v-for="(row, index) in tableData"
34 :key="index"
35 :class="[
36 row.qszt == '2' ? 'lishi' : '',
37 row.qszt == '0' ? 'linshi' : '',
38 row.qlzt == '4' ? 'linshi' : '',
39
40 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
41 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
42 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
43 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
44 ]">
45 <div
46 class="setbut"
47 v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
48 <el-button
49 type="text"
50 icon="el-icon-edit-outline"
51 @click="editDialog(row)">编辑</el-button>
52 <el-button
53 type="text"
54 icon="el-icon-edit-outline"
55 @click="editDialog(row, 'D')">删除</el-button>
56 </div>
57 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
58 有效
59 </div>
60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
61 正在补录
62 </div>
63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
64 正在申请
65 </div>
66 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
67 正在注销
68 </div>
69
70 <p v-if="!['djyy', 'fj'].includes(item.prop)">
71 <span v-if="item.prop == 'qszt'">
72 {{ getQsztName(row[item.prop]) }}
73 </span>
74 <span v-else>{{ row[item.prop] }}</span>
75 </p>
76
77 <el-tooltip
78 v-else
79 effect="dark"
80 :content="row[item.prop]"
81 placement="top"
82 popper-class="tooltip-width">
83 <span class="ellipsis-line">
84 {{ row[item.prop] }}
85 </span>
86 </el-tooltip>
87 </td>
88 <td v-for="count in emptycolNum" :key="~count"></td>
89 </tr>
90 </table>
91 </div>
92 </div> -->
93 </div> 10 </div>
94 </template> 11 </template>
95 12
...@@ -100,20 +17,16 @@ ...@@ -100,20 +17,16 @@
100 import { getDiyaqList } from "@/api/djbDetail.js"; 17 import { getDiyaqList } from "@/api/djbDetail.js";
101 export default { 18 export default {
102 components: { 19 components: {
103 djbDetail 20 djbDetail
104 }, 21 },
105 data () { 22 data () {
106 return { 23 return {
107 shows: false, 24 shows: false,
108 title: "抵押权登记信息", 25 title: "抵押权登记信息",
109 // qsztList: datas.columns().qsztList,
110 // checkList: datas.columns().checkList,
111 //传递参数 26 //传递参数
112 propsParam: this.$attrs, 27 propsParam: this.$attrs,
113 //列表数据 28 //列表数据
114 tableData: [], 29 tableData: [],
115 //空列值个数
116 // emptycolNum: datas.columns().emptycolNum,
117 //列名称对象 30 //列名称对象
118 columns: datas.columns().DYAQ, 31 columns: datas.columns().DYAQ,
119 render: false, 32 render: false,
...@@ -123,35 +36,6 @@ ...@@ -123,35 +36,6 @@
123 this.loadData(); 36 this.loadData();
124 }, 37 },
125 methods: { 38 methods: {
126 // /**
127 // * @description: openPrint
128 // * @author: miaofang
129 // */
130 // openPrint () {
131 // this.render = true;
132 // setTimeout(() => {
133 // this.prinsss();
134 // }, 100);
135 // },
136 // /**
137 // * @description: prinsss
138 // * @author: miaofang
139 // */
140 // prinsss () {
141 // printJS({
142 // printable: "boxdiyaq", // // 文档来源：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 // },
155 /** 39 /**
156 * @description: loadData 40 * @description: loadData
157 * @author: renchao 41 * @author: renchao
...@@ -179,72 +63,16 @@ ...@@ -179,72 +63,16 @@
179 this.emptycolNum = 0; 63 this.emptycolNum = 0;
180 } 64 }
181 } 65 }
182 }); 66 })
183 }, 67 }
184 // /** 68 }
185 // * @description: checkChange 69 }
186 // * @author: renchao
187 // */
188 // checkChange () {
189 // if (this.checkList.length === 0) {
190 // this.tableData = [];
191 // this.emptycolNum = datas.columns().emptycolNum;
192 // } else {
193 // this.loadData();
194 // }
195 // },
196 // /**
197 // * @description: getQsztName
198 // * @param {*} code
199 // * @author: renchao
200 // */
201 // getQsztName (code) {
202 // let name = "";
203 // for (let item of this.qsztList) {
204 // if (item.value == code) {
205 // name = item.label;
206 // break;
207 // }
208 // }
209 // return name;
210 // },
211 // // 新增一条补录信息
212 // /**
213 // * @description: 新增一条补录信息
214 // * @param {*} row
215 // * @param {*} del
216 // * @author: renchao
217 // */
218 // editDialog (row, del) {
219 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
220 // confirmButtonText: "确定",
221 // cancelButtonText: "取消",
222 // type: "warning",
223 // })
224 // .then(() => {
225 // this.$parent.addRepairRecord(row, del);
226 // this.$message({
227 // type: "success",
228 // message: "补录成功!",
229 // });
230 // })
231 // .catch(() => {
232 // this.$message({
233 // type: "info",
234 // message: "取消编辑",
235 // });
236 // });
237 // },
238 },
239 };
240 </script> 70 </script>
241
242 <style lang="scss" scoped> 71 <style lang="scss" scoped>
243 @import "./qlxxCommon.scss"; 72 @import "./qlxxCommon.scss";
244 .title { 73 .title {
245 position: relative; 74 position: relative;
246 .print { 75 .print {
247 // background-color: #0079fe;
248 z-index: 10; 76 z-index: 10;
249 position: absolute; 77 position: absolute;
250 left: 11px; 78 left: 11px;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-18 13:41:23
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam" 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" /> 9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
11 <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/>
12 </div>
13 <div class="tableBox">
14 <div class="title">
15 {{ title }}
16 <el-button class="print" v-show="shows" @click="openPrint()"
17 >打印</el-button
18 >
19 <div class="checkbox">
20 <el-checkbox-group v-model="checkList" @change="checkChange">
21 <el-checkbox
22 v-for="item in qsztList"
23 :key="item.value"
24 :label="item.value"
25 >{{ item.label }}</el-checkbox
26 >
27 </el-checkbox-group>
28 </div>
29 </div>
30 <div class="xxTableBox rollTable">
31 <table class="xxTable">
32 <tr v-for="(item, colindex) in columns" :key="colindex">
33 <td>
34 {{ item.label }}
35 </td>
36 <td
37 v-for="(row, index) in tableData"
38 :key="index"
39 :class="[
40 row.qszt == '2' ? 'lishi' : '',
41 row.qszt == '0' ? 'linshi' : '',
42 row.qlzt == '4' ? 'linshi' : '',
43
44 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
45 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
46 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
47 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
48 ]"
49 >
50 <div
51 class="setbut"
52 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
53 >
54 <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 >
66 </div>
67 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
68 有效
69 </div>
70 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
71 正在补录
72 </div>
73 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
74 正在申请
75 </div>
76 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
77 正在注销
78 </div>
79
80 <p v-if="!['djyy', 'fj'].includes(item.prop)">
81 <span v-if="item.prop == 'qszt'">
82 {{ getQsztName(row[item.prop]) }}
83 </span>
84 <span v-else>{{ row[item.prop] }}</span>
85 </p>
86
87 <el-tooltip
88 v-else
89 effect="dark"
90 :content="row[item.prop]"
91 placement="top"
92 popper-class="tooltip-width"
93 >
94 <span class="ellipsis-line">
95 {{ row[item.prop] }}
96 </span>
97 </el-tooltip>
98 </td>
99 <td v-for="count in emptycolNum" :key="~count"></td>
100 </tr>
101 </table>
102 </div>
103 </div> -->
104 </div> 10 </div>
105 </template> 11 </template>
106 12
107 <script> 13 <script>
108 import djbDetail from "./components/djbDetail.vue" 14 import djbDetail from "./components/djbDetail.vue"
109 import { datas } from "./qlxxFormData.js"; 15 import { datas } from "./qlxxFormData.js";
110 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 16 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
111 import { getDiyiqList } from "@/api/djbDetail.js"; 17 import { getDiyiqList } from "@/api/djbDetail.js";
112 export default { 18 export default {
113 components: { 19 components: {
114 djbDetail 20 djbDetail
115 },
116 data() {
117 return {
118 shows:false,
119 title: "地役权登记信息",
120 // qsztList: datas.columns().qsztList,
121 // checkList: datas.columns().checkList,
122 //传递参数
123 propsParam: this.$attrs,
124 //列表数据
125 tableData: [],
126 //空列值个数
127 // emptycolNum: datas.columns().emptycolNum,
128 //列名称对象
129 columns: datas.columns().DYIQ,
130 render: false,
131 };
132 },
133 created() {
134 this.loadData();
135 },
136 methods: { /**
137 // * @description: openPrint
138 // * @author: miaofang
139 // */
140 // openPrint() {
141 // this.render = true;
142 // setTimeout(() => {
143 // this.prinsss();
144 // }, 100);
145 // },
146 // /**
147 // * @description: prinsss
148 // * @author: miaofang
149 // */
150 // prinsss() {
151 // printJS({
152 // printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
153 // type: "html",
154 // maxWidth: 800, // 最大宽度
155 // font_size: "", // 不设置则使用默认字体大小
156 // style: `@font-face {
157 // font-family: "STZHONGS";
158 // src: url(${window.ttf}) format("truetype");
159 // }`,
160 // // 继承原来的所有样式
161 // targetStyles: ["*"],
162 // });
163 // this.render=false
164 // },
165 /**
166 * @description: loadData
167 * @author: miaofang
168 */
169 loadData() {
170 if (this.$parent.addRepairRecord) {
171 this.columns.unshift({ prop: "cz", label: "操作" });
172 }
173 getDiyiqList({
174 bdcdyid: this.propsParam.bdcdyid,
175 qllx: this.propsParam.qllx,
176 qszt: this.checkList,
177 }).then((res) => {
178 if (res.code === 200) {
179 this.tableData = res.result;
180 this.shows=this.tableData.length>0
181 this.tableData.forEach((item) => {
182 item.sjlx = getSjlx(item.sjlx);
183 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
184 });
185 if (this.tableData.length < datas.columns().emptycolNum) {
186 this.emptycolNum =
187 datas.columns().emptycolNum - this.tableData.length;
188 } else {
189 this.emptycolNum = 0;
190 }
191 }
192 });
193 }, 21 },
194 // /** 22 data () {
195 // * @description: checkChange 23 return {
196 // * @author: miaofang 24 shows: false,
197 // */ 25 title: "地役权登记信息",
198 // checkChange() { 26 //传递参数
199 // if (this.checkList.length === 0) { 27 propsParam: this.$attrs,
200 // this.tableData = []; 28 //列表数据
201 // this.emptycolNum = datas.columns().emptycolNum; 29 tableData: [],
202 // } else { 30 //列名称对象
203 // this.loadData(); 31 columns: datas.columns().DYIQ,
204 // } 32 render: false,
205 // }, 33 };
206 // /** 34 },
207 // * @description: getQsztName 35 created () {
208 // * @param {*} code 36 this.loadData();
209 // * @author: miaofang 37 },
210 // */ 38 methods: {
211 // getQsztName(code) { 39 loadData () {
212 // let name = ""; 40 if (this.$parent.addRepairRecord) {
213 // for (let item of this.qsztList) { 41 this.columns.unshift({ prop: "cz", label: "操作" });
214 // if (item.value == code) { 42 }
215 // name = item.label; 43 getDiyiqList({
216 // break; 44 bdcdyid: this.propsParam.bdcdyid,
217 // } 45 qllx: this.propsParam.qllx,
218 // } 46 qszt: this.checkList,
219 // return name; 47 }).then((res) => {
220 // }, 48 if (res.code === 200) {
221 // // 新增一条补录信息 49 this.tableData = res.result;
222 // /** 50 this.shows = this.tableData.length > 0
223 // * @description: 新增一条补录信息 51 this.tableData.forEach((item) => {
224 // * @param {*} row 52 item.sjlx = getSjlx(item.sjlx);
225 // * @param {*} del 53 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
226 // * @author: miaofang 54 });
227 // */ 55 if (this.tableData.length < datas.columns().emptycolNum) {
228 // editDialog(row, del) { 56 this.emptycolNum =
229 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 57 datas.columns().emptycolNum - this.tableData.length;
230 // confirmButtonText: "确定", 58 } else {
231 // cancelButtonText: "取消", 59 this.emptycolNum = 0;
232 // type: "warning", 60 }
233 // }) 61 }
234 // .then(() => { 62 })
235 // this.$parent.addRepairRecord(row, del); 63 }
236 64 }
237 // this.$message({ 65 };
238 // type: "success",
239 // message: "补录成功!",
240 // });
241 // })
242 // .catch(() => {
243 // this.$message({
244 // type: "info",
245 // message: "取消编辑",
246 // });
247 // });
248 // },
249 },
250 };
251 </script> 66 </script>
252 67
253 <style lang="scss" scoped> 68 <style lang="scss" scoped>
254 @import "./qlxxCommon.scss"; 69 @import "./qlxxCommon.scss";
255 .title { 70 .title {
256 position: relative; 71 position: relative;
257 .print { 72 .print {
258 // background-color: #0079fe; 73 // background-color: #0079fe;
259 z-index: 10; 74 z-index: 10;
260 position: absolute; 75 position: absolute;
261 left: 11px; 76 left: 11px;
262 top: 5px; 77 top: 5px;
78 }
263 } 79 }
264 }
265 </style> 80 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 10:41:10 4 * @LastEditTime: 2023-09-18 13:39:51
5 --> 5 -->
6 <template> 6 <template>
7 <div class="content"> 7 <div class="content">
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 <el-button 33 <el-button
34 v-for="(item, index) in item.children" 34 v-for="(item, index) in item.children"
35 :re='item' 35 :re='item'
36 :key="index" 36 :key="item.id"
37 class="sfqcontent" 37 class="sfqcontent"
38 @click="addlist(item, index)"> 38 @click="addlist(item, index)">
39 {{ item.label }} 39 {{ item.label }}
...@@ -123,10 +123,6 @@ ...@@ -123,10 +123,6 @@
123 bsmQlxx: this.formData.bsmQlxx, 123 bsmQlxx: this.formData.bsmQlxx,
124 } 124 }
125 }, 125 },
126 /**
127 * @description: loadData
128 * @author: renchao
129 */
130 loadData (val) { 126 loadData (val) {
131 getBdcqljqtsx({ 127 getBdcqljqtsx({
132 bdcdyid: this.formData.bdcdyid, 128 bdcdyid: this.formData.bdcdyid,
...@@ -149,6 +145,7 @@ ...@@ -149,6 +145,7 @@
149 } 145 }
150 }) 146 })
151 this.setstyle(0, 0, this.iskey); 147 this.setstyle(0, 0, this.iskey);
148 console.log(this.sfqdata, ' this.sfqdata');
152 }) 149 })
153 } 150 }
154 }) 151 })
...@@ -199,13 +196,12 @@ ...@@ -199,13 +196,12 @@
199 this.currentSelectProps.bdcdyid = data.bdcdyid; 196 this.currentSelectProps.bdcdyid = data.bdcdyid;
200 this.loadComponent(data.form); 197 this.loadComponent(data.form);
201 } else { 198 } else {
202 this.loadComponent(data.form);
203 let newindex = this.sfqdata.findIndex((item) => { 199 let newindex = this.sfqdata.findIndex((item) => {
204 return item.bdcdyid == data.bdcdyid; 200 return item.bdcdyid == data.bdcdyid;
205 }); 201 });
206 this.setstyle(newindex, index); 202 this.setstyle(newindex, index);
203 this.loadComponent(data.form);
207 } 204 }
208
209 }, 205 },
210 /** 206 /**
211 * @description: loadComponent 207 * @description: loadComponent
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-15 10:20:40 4 * @LastEditTime: 2023-09-18 14:48:07
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -72,7 +72,9 @@ ...@@ -72,7 +72,9 @@
72 <span v-if="item.prop == 'qszt'"> 72 <span v-if="item.prop == 'qszt'">
73 {{ getQsztName(row[item.prop]) }} 73 {{ getQsztName(row[item.prop]) }}
74 </span> 74 </span>
75 75 <el-link v-if="item.prop == 'ywh'"
76 @click="handleSelectYwh(tableData, row[item.prop])"
77 type="primary">{{ row[item.prop] }}</el-link>
76 <el-tooltip 78 <el-tooltip
77 v-if="['djyy', 'fj'].includes(item.prop)" 79 v-if="['djyy', 'fj'].includes(item.prop)"
78 effect="dark" 80 effect="dark"
...@@ -86,6 +88,7 @@ ...@@ -86,6 +88,7 @@
86 88
87 <span 89 <span
88 v-if=" 90 v-if="
91 item.prop !== 'ywh' &&
89 item.prop !== 'qszt' && 92 item.prop !== 'qszt' &&
90 item.prop !== 'djyy' && 93 item.prop !== 'djyy' &&
91 item.prop !== 'fj' && 94 item.prop !== 'fj' &&
...@@ -110,11 +113,13 @@ ...@@ -110,11 +113,13 @@
110 </template> 113 </template>
111 114
112 <script> 115 <script>
116 import Router from '@/router'
113 import printJS from "print-js"; 117 import printJS from "print-js";
114 import { datas } from "./qlxxFormData.js"; 118 import { datas } from "./qlxxFormData.js";
115 import { getSjlx } from "@/utils/dictionary.js"; 119 import { getSjlx } from "@/utils/dictionary.js";
116 import { getFdcq1List } from "@/api/djbDetail.js"; 120 import { getFdcq1List } from "@/api/djbDetail.js";
117 import printTemplate from "./components/printTemplate.vue"; 121 import printTemplate from "./components/printTemplate.vue";
122 import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw'
118 export default { 123 export default {
119 components: { 124 components: {
120 printTemplate, 125 printTemplate,
...@@ -246,7 +251,6 @@ ...@@ -246,7 +251,6 @@
246 return false; 251 return false;
247 } 252 }
248 }, 253 },
249 // 新增一条补录信息
250 /** 254 /**
251 * @description: 新增一条补录信息 255 * @description: 新增一条补录信息
252 * @param {*} row 256 * @param {*} row
...@@ -274,7 +278,31 @@ ...@@ -274,7 +278,31 @@
274 }); 278 });
275 }); 279 });
276 }, 280 },
277 }, 281 // 选择业务号
282 handleSelectYwh (data, ywh) {
283 let sjlx = '',
284 bsmQlxx = ''
285 data.forEach(item => {
286 if (item.ywh == ywh) {
287 sjlx = item.sjlx
288 bsmQlxx = item.bsmQlxx
289 }
290 })
291 if (sjlx == '系统数据') {
292 getXtParamsByYwh(ywh).then(res => {
293 let data = res.result
294 const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
295 window.open(href, `urlname${data.bsmSlsq}`)
296 })
297 } else {
298 getBlParamsByYwh(ywh, bsmQlxx).then(res => {
299 let data = res.result
300 const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
301 window.open(href, `urlname${data.bsmSlsq}`)
302 })
303 }
304 }
305 }
278 }; 306 };
279 </script> 307 </script>
280 308
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-15 10:58:42 4 * @LastEditTime: 2023-09-18 13:42:34
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam" 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" /> 9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
11 <printTemplate
12 id="boxfdcq"
13 :tableData="tableData"
14 :render="render" />
15 </div> -->
16 <!-- <div class="tableBox">
17 <div class="title">
18 {{ title }}
19 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
20 <div class="checkbox">
21 <el-checkbox-group v-model="checkList" @change="checkChange">
22 <el-checkbox
23 v-for="item in qsztList"
24 :key="item.value"
25 :label="item.value">{{ item.label }}</el-checkbox>
26 </el-checkbox-group>
27 </div>
28 </div>
29 <div class="xxTableBox rollTable">
30 <table class="xxTable">
31 <tr v-for="(item, colindex) in columns" :key="colindex">
32 <td>
33 {{ item.label }}
34 </td>
35 <td
36 v-for="(row, index) in tableData"
37 :key="index"
38 :class="[
39 row.qszt == '2' ? 'lishi' : '',
40 row.qszt == '0' ? 'linshi' : '',
41 row.qlzt == '4' ? 'linshi' : '',
42
43 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
44 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
45 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
46 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
47 ]">
48 <div
49 class="setbut"
50 v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
51 <el-button
52 type="text"
53 icon="el-icon-edit-outline"
54 @click="editDialog(row)">编辑</el-button>
55 <el-button
56 type="text"
57 icon="el-icon-edit-outline"
58 @click="editDialog(row, 'D')">删除</el-button>
59 </div>
60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
61 有效
62 </div>
63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
64 正在补录
65 </div>
66 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
67 正在申请
68 </div>
69 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
70 正在注销
71 </div>
72
73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
74 <span v-if="item.prop == 'qszt'">
75 {{ getQsztName(row[item.prop]) }}
76 </span>
77 <span v-else>{{ row[item.prop] }}</span>
78 </p>
79
80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width">
86 <span class="ellipsis-line">
87 {{ row[item.prop] }}
88 </span>
89 </el-tooltip>
90 </td>
91 <td v-for="count in emptycolNum" :key="~count"></td>
92 </tr>
93 </table>
94 </div>
95 </div> -->
96 </div> 10 </div>
97 </template> 11 </template>
98 <script> 12 <script>
...@@ -115,11 +29,7 @@ ...@@ -115,11 +29,7 @@
115 tableData: [], 29 tableData: [],
116 //列名称对象 30 //列名称对象
117 columns: datas.columns().FDCQ2, 31 columns: datas.columns().FDCQ2,
118 // qsztList: datas.columns().qsztList,
119 render: false, 32 render: false,
120 // checkList:datas.columns().checkList,
121 //空列值个数
122 // emptycolNum: datas.columns().emptycolNum
123 }; 33 };
124 }, 34 },
125 created () { 35 created () {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-18 13:43:36
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam" 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" /> 9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
11 <printTemplate
12 id="boxjsydsyq"
13 :tableData="tableData"
14 :render="render"
15 />
16 </div>
17 <div class="tableBox">
18 <div class="title">
19 {{ title }}
20 <el-button class="print" v-show="shows" @click="openPrint()"
21 >打印</el-button
22 >
23 <div class="checkbox">
24 <el-checkbox-group v-model="checkList" @change="checkChange">
25 <el-checkbox
26 v-for="item in qsztList"
27 :key="item.value"
28 :label="item.value"
29 >{{ item.label }}</el-checkbox
30 >
31 </el-checkbox-group>
32 </div>
33 </div>
34 <div class="xxTableBox rollTable">
35 <table class="xxTable">
36 <tr v-for="(item, colindex) in columns" :key="colindex">
37 <td>
38 {{ item.label }}
39 </td>
40 <td
41 v-for="(row, index) in tableData"
42 :key="index"
43 :class="[
44 row.qszt == '2' ? 'lishi' : '',
45 row.qszt == '0' ? 'linshi' : '',
46 row.qlzt == '4' ? 'linshi' : '',
47
48 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
49 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
50 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
51 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
52 ]"
53 >
54 <div
55 class="setbut"
56 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
57 >
58 <el-button
59 type="text"
60 icon="el-icon-edit-outline"
61 @click="editDialog(row)"
62 >编辑</el-button
63 >
64 <el-button
65 type="text"
66 icon="el-icon-edit-outline"
67 @click="editDialog(row, 'D')"
68 >删除</el-button
69 >
70 </div>
71 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
72 有效
73 </div>
74 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
75 正在补录
76 </div>
77 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
78 正在申请
79 </div>
80 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
81 正在注销
82 </div>
83
84 <p v-if="!['djyy', 'fj'].includes(item.prop)">
85 <span v-if="item.prop == 'qszt'">
86 {{ getQsztName(row[item.prop]) }}
87 </span>
88 <span v-else>{{ row[item.prop] }}</span>
89 </p>
90 <el-tooltip
91 v-else
92 effect="dark"
93 :content="row[item.prop]"
94 placement="top"
95 popper-class="tooltip-width"
96 >
97 <span class="ellipsis-line">
98 {{ row[item.prop] }}
99 </span>
100 </el-tooltip>
101 </td>
102 <td v-for="count in emptycolNum" :key="~count"></td>
103 </tr>
104 </table>
105 </div>
106 </div> -->
107 </div> 10 </div>
108 </template> 11 </template>
109 12
110 <script> 13 <script>
111 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
112 import { getSjlx } from "@/utils/dictionary.js"; 15 import { getSjlx } from "@/utils/dictionary.js";
113 import { getJsydsyqList } from "@/api/djbDetail.js"; 16 import { getJsydsyqList } from "@/api/djbDetail.js";
114 import djbDetail from "./components/djbDetail.vue" 17 import djbDetail from "./components/djbDetail.vue"
115 export default { 18 export default {
116 components: { 19 components: {
117 djbDetail, 20 djbDetail,
118 },
119 data() {
120 return {
121 printObj: {
122 id: "box",
123 //其他配置项，
124 },
125 shows: false,
126 title: "建设用地使用权、宅基地使用权登记信息",
127 // qsztList: datas.columns().qsztList,
128 // checkList: datas.columns().checkList,
129 //传递参数
130 propsParam: this.$attrs,
131 //列表数据
132 tableData: [],
133 //空列值个数
134 // emptycolNum: datas.columns().emptycolNum,
135 //列名称对象
136 columns: datas.columns().JSYDSYQ,
137 render: false,
138 };
139 },
140 created() {
141 this.loadData();
142 },
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 // },
173 /**
174 * @description: loadData
175 * @author: miaofang
176 */
177 loadData() {
178 getJsydsyqList({
179 bdcdyid: this.propsParam.bdcdyid,
180 qllx: this.propsParam.qllx,
181 qszt: this.checkList,
182 }).then((res) => {
183 if (res.code === 200) {
184 this.tableData = res.result;
185 this.shows = this.tableData.length > 0;
186 this.tableData.forEach((item) => {
187 item.sjlx = getSjlx(item.sjlx);
188 });
189 if (this.tableData.length < datas.columns().emptycolNum) {
190 this.emptycolNum =
191 datas.columns().emptycolNum - this.tableData.length;
192 } else {
193 this.emptycolNum = 0;
194 }
195 }
196 });
197 }, 21 },
198 // /** 22 data () {
199 // * @description: checkChange 23 return {
200 // * @author: miaofang 24 printObj: {
201 // */ 25 id: "box",
202 // checkChange() { 26 //其他配置项，
203 // if (this.checkList.length === 0) { 27 },
204 // this.tableData = []; 28 shows: false,
205 // this.emptycolNum = datas.columns().emptycolNum; 29 title: "建设用地使用权、宅基地使用权登记信息",
206 // } else { 30 //传递参数
207 // this.loadData(); 31 propsParam: this.$attrs,
208 // } 32 //列表数据
209 // }, 33 tableData: [],
210 // /** 34 //列名称对象
211 // * @description: getQsztName 35 columns: datas.columns().JSYDSYQ,
212 // * @param {*} code 36 render: false,
213 // * @author: miaofang 37 };
214 // */ 38 },
215 // getQsztName(code) { 39 created () {
216 // let name = ""; 40 this.loadData();
217 // for (let item of this.qsztList) { 41 },
218 // if (item.value == code) { 42 methods: {
219 // name = item.label; 43 loadData () {
220 // break; 44 getJsydsyqList({
221 // } 45 bdcdyid: this.propsParam.bdcdyid,
222 // } 46 qllx: this.propsParam.qllx,
223 // return name; 47 qszt: this.checkList,
224 // }, 48 }).then((res) => {
225 // // 新增一条补录信息 49 if (res.code === 200) {
226 // /** 50 this.tableData = res.result;
227 // * @description: 新增一条补录信息 51 this.shows = this.tableData.length > 0;
228 // * @param {*} row 52 this.tableData.forEach((item) => {
229 // * @param {*} del 53 item.sjlx = getSjlx(item.sjlx);
230 // * @author: miaofang 54 });
231 // */ 55 if (this.tableData.length < datas.columns().emptycolNum) {
232 // editDialog(row, del) { 56 this.emptycolNum =
233 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 57 datas.columns().emptycolNum - this.tableData.length;
234 // confirmButtonText: "确定", 58 } else {
235 // cancelButtonText: "取消", 59 this.emptycolNum = 0;
236 // type: "warning", 60 }
237 // }) 61 }
238 // .then(() => { 62 })
239 // this.$parent.addRepairRecord(row, del); 63 }
240 64 }
241 // this.$message({ 65 }
242 // type: "success",
243 // message: "补录成功!",
244 // });
245 // })
246 // .catch(() => {
247 // this.$message({
248 // type: "info",
249 // message: "取消编辑",
250 // });
251 // });
252 // },
253 },
254 };
255 </script> 66 </script>
256 67
257 <style lang="scss" scoped> 68 <style lang="scss" scoped>
258 @import "./qlxxCommon.scss"; 69 @import "./qlxxCommon.scss";
259 .title { 70 .title {
260 position: relative; 71 position: relative;
261 .print { 72 .print {
262 // background-color: #0079fe; 73 // background-color: #0079fe;
263 z-index: 10; 74 z-index: 10;
264 position: absolute; 75 position: absolute;
265 left: 11px; 76 left: 11px;
266 top: 5px; 77 top: 5px;
78 }
267 } 79 }
268 }
269 </style> 80 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-18 13:44:04
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam" 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" /> 9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
11 <printTemplate
12 id="boxldsyq"
13 :tableData="tableData"
14 :render="render"
15 />
16 </div>
17 <div class="tableBox">
18 <div class="title">
19 {{ title }}
20 <el-button class="print" v-show="shows" @click="openPrint()"
21 >打印</el-button
22 >
23 <div class="checkbox">
24 <el-checkbox-group v-model="checkList" @change="checkChange">
25 <el-checkbox
26 v-for="item in qsztList"
27 :key="item.value"
28 :label="item.value"
29 >{{ item.label }}</el-checkbox
30 >
31 </el-checkbox-group>
32 </div>
33 </div>
34 <div class="xxTableBox rollTable">
35 <table class="xxTable">
36 <tr v-for="(item, colindex) in columns" :key="colindex">
37 <td>{{ item.label }}</td>
38 <td
39 v-for="(row, index) in tableData"
40 :key="index"
41 :class="[
42 row.qszt == '2' ? 'lishi' : '',
43 row.qszt == '0' ? 'linshi' : '',
44 row.qlzt == '4' ? 'linshi' : '',
45
46 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
47 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
48 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
49 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
50 ]"
51 >
52 <div
53 class="setbut"
54 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
55 >
56 <el-button
57 type="text"
58 icon="el-icon-edit-outline"
59 @click="editDialog(row)"
60 >编辑</el-button
61 >
62 <el-button
63 type="text"
64 icon="el-icon-edit-outline"
65 @click="editDialog(row, 'D')"
66 >删除</el-button
67 >
68 </div>
69 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
70 有效
71 </div>
72 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
73 正在补录
74 </div>
75 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
76 正在申请
77 </div>
78 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
79 正在注销
80 </div>
81
82 <p v-if="!['djyy', 'fj'].includes(item.prop)">
83 <span v-if="item.prop == 'qszt'">
84 {{ getQsztName(row[item.prop]) }}
85 </span>
86 <span v-else>{{ row[item.prop] }}</span>
87 </p>
88 <el-tooltip
89 v-else
90 effect="dark"
91 :content="row[item.prop]"
92 placement="top"
93 popper-class="tooltip-width"
94 >
95 <span class="ellipsis-line">
96 {{ row[item.prop] }}
97 </span>
98 </el-tooltip>
99 </td>
100 <td v-for="count in emptycolNum" :key="~count"></td>
101 </tr>
102 </table>
103 </div>
104 </div> -->
105 </div> 10 </div>
106 </template> 11 </template>
107 12
108 <script> 13 <script>
109 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
110 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 15 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
111 import { getLqList } from "@/api/djbDetail.js"; 16 import { getLqList } from "@/api/djbDetail.js";
112 import djbDetail from "./components/djbDetail.vue" 17 import djbDetail from "./components/djbDetail.vue"
113 export default { 18 export default {
114 components: { 19 components: {
115 djbDetail, 20 djbDetail,
116 }, 21 },
117 data() { 22 data () {
118 return { 23 return {
119 printObj: { 24 printObj: {
120 id: "box", 25 id: "box",
121 //其他配置项， 26 //其他配置项，
122 }, 27 },
123 shows: false, 28 shows: false,
124 title: "林权登记信息", 29 title: "林权登记信息",
125 // qsztList: datas.columns().qsztList, 30 //传递参数
126 // checkList: datas.columns().checkList, 31 propsParam: this.$attrs,
127 //传递参数 32 //列表数据
128 propsParam: this.$attrs, 33 tableData: [],
129 //列表数据 34 //列名称对象
130 tableData: [], 35 columns: datas.columns().LDSYQ,
131 //空列值个数 36 render: false,
132 // emptycolNum: datas.columns().emptycolNum, 37 };
133 //列名称对象 38 },
134 columns: datas.columns().LDSYQ, 39 created () {
135 render: false, 40 this.loadData();
136 }; 41 },
137 }, 42 methods: {
138 created() { 43 loadData () {
139 this.loadData(); 44 if (this.$parent.addRepairRecord) {
140 }, 45 this.columns.unshift({
141 methods: { 46 prop: "cz",
142 // /** 47 label: "操作",
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 /**
172 * @description: loadData
173 * @author: miaofang
174 */
175 loadData() {
176 if (this.$parent.addRepairRecord) {
177 this.columns.unshift({
178 prop: "cz",
179 label: "操作",
180 });
181 }
182 getLqList({
183 bdcdyid: this.propsParam.bdcdyid,
184 qllx: this.propsParam.qllx,
185 qszt: this.checkList,
186 }).then((res) => {
187 if (res.code === 200) {
188 this.tableData = res.result;
189 this.shows = this.tableData.length > 0;
190 this.tableData.forEach((item) => {
191 item.sjlx = getSjlx(item.sjlx);
192 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
193 item.lz = getDictLeabel(item.lz, "A26");
194 item.qy = getDictLeabel(item.qy, "A52");
195 }); 48 });
196 if (this.tableData.length < datas.columns().emptycolNum) {
197 this.emptycolNum =
198 datas.columns().emptycolNum - this.tableData.length;
199 } else {
200 this.emptycolNum = 0;
201 }
202 } 49 }
203 }); 50 getLqList({
204 }, 51 bdcdyid: this.propsParam.bdcdyid,
205 // /** 52 qllx: this.propsParam.qllx,
206 // * @description: checkChange 53 qszt: this.checkList,
207 // * @author: miaofang 54 }).then((res) => {
208 // */ 55 if (res.code === 200) {
209 // checkChange() { 56 this.tableData = res.result;
210 // if (this.checkList.length === 0) { 57 this.shows = this.tableData.length > 0;
211 // this.tableData = []; 58 this.tableData.forEach((item) => {
212 // this.emptycolNum = datas.columns().emptycolNum; 59 item.sjlx = getSjlx(item.sjlx);
213 // } else { 60 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
214 // this.loadData(); 61 item.lz = getDictLeabel(item.lz, "A26");
215 // } 62 item.qy = getDictLeabel(item.qy, "A52");
216 // }, 63 });
217 // /** 64 if (this.tableData.length < datas.columns().emptycolNum) {
218 // * @description: getQsztName 65 this.emptycolNum =
219 // * @param {*} code 66 datas.columns().emptycolNum - this.tableData.length;
220 // * @author: miaofang 67 } else {
221 // */ 68 this.emptycolNum = 0;
222 // getQsztName(code) { 69 }
223 // let name = ""; 70 }
224 // for (let item of this.qsztList) { 71 });
225 // if (item.value == code) { 72 }
226 // name = item.label; 73 }
227 // break; 74 }
228 // }
229 // }
230 // return name;
231 // },
232 // // 新增一条补录信息
233 // /**
234 // * @description: 新增一条补录信息
235 // * @param {*} row
236 // * @param {*} del
237 // * @author: miaofang
238 // */
239 // editDialog(row, del) {
240 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
241 // confirmButtonText: "确定",
242 // cancelButtonText: "取消",
243 // type: "warning",
244 // })
245 // .then(() => {
246 // this.$parent.addRepairRecord(row, del);
247
248 // this.$message({
249 // type: "success",
250 // message: "补录成功!",
251 // });
252 // })
253 // .catch(() => {
254 // this.$message({
255 // type: "info",
256 // message: "取消编辑",
257 // });
258 // });
259 // },
260 },
261 };
262 </script> 75 </script>
263 76
264 <style lang="scss" scoped> 77 <style lang="scss" scoped>
265 @import "./qlxxCommon.scss"; 78 @import "./qlxxCommon.scss";
266 .title { 79 .title {
267 position: relative; 80 position: relative;
268 .print { 81 .print {
269 // background-color: #0079fe; 82 // background-color: #0079fe;
270 z-index: 10; 83 z-index: 10;
271 position: absolute; 84 position: absolute;
272 left: 11px; 85 left: 11px;
273 top: 5px; 86 top: 5px;
87 }
274 } 88 }
275 }
276 </style> 89 </style>
......
1 <!-- 1 <!--
2 * @Author: yangwei
3 * @Date: 2023-08-15 14:15:06
4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-08-15 14:15:19
6 * @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue
7 * @Description:
8 *
9 * Copyright (c) 2023 by yangwei, All Rights Reserved.
10 -->
11 <!--
12 * @Description: 2 * @Description:
13 * @Autor: miaofang 3 * @Autor: miaofang
14 * @LastEditTime: 2023-08-11 15:33:53 4 * @LastEditTime: 2023-09-18 13:45:03
15 --> 5 -->
16 <template> 6 <template>
17 <div class="djxxTable"> 7 <div class="djxxTable">
18 <djbDetail :title="title" :shows="shows" :propsParam="propsParam" 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
19 :columns="columns" :tableData="tableData" /> 9 :columns="columns" :tableData="tableData" />
20 <!-- <div v-show="false">
21 <printTemplate
22 id="boxsllmsyq"
23 :tableData="tableData"
24 :render="render"
25 />
26 </div>
27 <div class="tableBox">
28 <div class="title">
29 {{ title }}
30 <el-button class="print" v-show="shows" @click="openPrint()"
31 >打印</el-button
32 >
33 <div class="checkbox">
34 <el-checkbox-group v-model="checkList" @change="checkChange">
35 <el-checkbox
36 v-for="item in qsztList"
37 :key="item.value"
38 :label="item.value"
39 >{{ item.label }}</el-checkbox
40 >
41 </el-checkbox-group>
42 </div>
43 </div>
44 <div class="xxTableBox rollTable">
45 固定前三个
46 <table class="xxTable">
47 <tr v-for="(item, colindex) in columns" :key="colindex">
48 <td>{{ item.label }}</td>
49 <td
50 v-for="(row, index) in tableData"
51 :key="index"
52 :class="[
53 row.qszt == '2' ? 'lishi' : '',
54 row.qszt == '0' ? 'linshi' : '',
55 row.qlzt == '4' ? 'linshi' : '',
56
57 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
58 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
59 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
60 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
61 ]"
62 >
63 <div
64 class="setbut"
65 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
66 >
67 <el-button
68 type="text"
69 icon="el-icon-edit-outline"
70 @click="editDialog(row)"
71 >编辑</el-button
72 >
73 <el-button
74 type="text"
75 icon="el-icon-edit-outline"
76 @click="editDialog(row, 'D')"
77 >删除</el-button
78 >
79 </div>
80 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
81 有效
82 </div>
83 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
84 正在补录
85 </div>
86 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
87 正在申请
88 </div>
89 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
90 正在注销
91 </div>
92 <p v-if="!['djyy', 'fj'].includes(item.prop)">
93 <span v-if="item.prop == 'qszt'">
94 {{ getQsztName(row[item.prop]) }}
95 </span>
96 <span v-else>{{ row[item.prop] }}</span>
97 </p>
98
99 <el-tooltip
100 v-else
101 effect="dark"
102 :content="row[item.prop]"
103 placement="top"
104 popper-class="tooltip-width"
105 >
106 <span class="ellipsis-line">
107 {{ row[item.prop] }}
108 </span>
109 </el-tooltip>
110 </td>
111 <td v-for="count in emptycolNum" :key="~count"></td>
112 </tr>
113 </table>
114 </div>
115 </div> -->
116 </div> 10 </div>
117 </template> 11 </template>
118 12
119 <script> 13 <script>
120 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
121 import { getSjlx } from "@/utils/dictionary.js"; 15 import { getSjlx } from "@/utils/dictionary.js";
122 import { getLqList } from "@/api/djbDetail.js"; 16 import { getLqList } from "@/api/djbDetail.js";
123 import djbDetail from "./components/djbDetail.vue" 17 import djbDetail from "./components/djbDetail.vue"
124 export default { 18 export default {
125 components: { 19 components: {
126 djbDetail, 20 djbDetail,
127 }, 21 },
128 data() { 22 data () {
129 return { 23 return {
130 printObj: { 24 shows: false,
131 id: "box", 25 title: "林权登记信息",
132 //其他配置项， 26 //传递参数
133 }, 27 propsParam: this.$attrs,
134 shows: false, 28 //列表数据
135 title: "林权登记信息", 29 tableData: [],
136 // qsztList: datas.columns().qsztList, 30 //列名称对象
137 // checkList: datas.columns().checkList, 31 columns: datas.columns().LDSYQ,
138 //传递参数 32 render: false,
139 propsParam: this.$attrs, 33 };
140 //列表数据 34 },
141 tableData: [], 35 created () {
142 //空列值个数 36 this.loadData();
143 // emptycolNum: datas.columns().emptycolNum, 37 },
144 //列名称对象 38 methods: {
145 columns: datas.columns().LDSYQ, 39 loadData () {
146 render: false, 40 if (this.$parent.addRepairRecord) {
147 }; 41 this.columns.unshift({
148 }, 42 prop: "cz",
149 created() { 43 label: "操作",
150 this.loadData();
151 },
152 methods: {
153 // /**
154 // * @description: openPrint
155 // * @author: miaofang
156 // */
157 // openPrint() {
158 // this.render = true;
159 // setTimeout(() => {
160 // this.prinsss();
161 // }, 100);
162 // },
163 // /**
164 // * @description: prinsss
165 // * @author: miaofang
166 // */
167 // prinsss() {
168 // printJS({
169 // printable: "boxsllmsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
170 // type: "html",
171 // maxWidth: 800, // 最大宽度
172 // font_size: "", // 不设置则使用默认字体大小
173 // style: `@font-face {
174 // font-family: "STZHONGS";
175 // src: url(${window.ttf}) format("truetype");
176 // }`,
177 // // 继承原来的所有样式
178 // targetStyles: ["*"],
179 // });
180 // this.render=false
181 // },
182 /**
183 * @description: loadData
184 * @author: miaofang
185 */
186 loadData() {
187 if (this.$parent.addRepairRecord) {
188 this.columns.unshift({
189 prop: "cz",
190 label: "操作",
191 });
192 }
193 getLqList({
194 bdcdyid: this.propsParam.bdcdyid,
195 qllx: this.propsParam.qllx,
196 qszt: this.checkList,
197 }).then((res) => {
198 if (res.code === 200) {
199 this.tableData = res.result;
200 this.shows = this.tableData.length > 0;
201 this.tableData.forEach((item) => {
202 item.sjlx = getSjlx(item.sjlx);
203 }); 44 });
204 if (this.tableData.length < datas.columns().emptycolNum) {
205 this.emptycolNum =
206 datas.columns().emptycolNum - this.tableData.length;
207 } else {
208 this.emptycolNum = 0;
209 }
210 } 45 }
211 }); 46 getLqList({
47 bdcdyid: this.propsParam.bdcdyid,
48 qllx: this.propsParam.qllx,
49 qszt: this.checkList,
50 }).then((res) => {
51 if (res.code === 200) {
52 this.tableData = res.result;
53 this.shows = this.tableData.length > 0;
54 this.tableData.forEach((item) => {
55 item.sjlx = getSjlx(item.sjlx);
56 });
57 if (this.tableData.length < datas.columns().emptycolNum) {
58 this.emptycolNum =
59 datas.columns().emptycolNum - this.tableData.length;
60 } else {
61 this.emptycolNum = 0;
62 }
63 }
64 });
65 }
212 }, 66 },
213 // /** 67 };
214 // * @description: checkChange
215 // * @author: miaofang
216 // */
217 // checkChange() {
218 // if (this.checkList.length === 0) {
219 // this.tableData = [];
220 // this.emptycolNum = datas.columns().emptycolNum;
221 // } else {
222 // this.loadData();
223 // }
224 // },
225 // /**
226 // * @description: getQsztName
227 // * @param {*} code
228 // * @author: miaofang
229 // */
230 // getQsztName(code) {
231 // let name = "";
232 // for (let item of this.qsztList) {
233 // if (item.value == code) {
234 // name = item.label;
235 // break;
236 // }
237 // }
238 // return name;
239 // },
240 // // 新增一条补录信息
241 // /**
242 // * @description: 新增一条补录信息
243 // * @param {*} row
244 // * @param {*} del
245 // * @author: miaofang
246 // */
247 // editDialog(row, del) {
248 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
249 // confirmButtonText: "确定",
250 // cancelButtonText: "取消",
251 // type: "warning",
252 // })
253 // .then(() => {
254 // this.$parent.addRepairRecord(row, del);
255
256 // this.$message({
257 // type: "success",
258 // message: "补录成功!",
259 // });
260 // })
261 // .catch(() => {
262 // this.$message({
263 // type: "info",
264 // message: "取消编辑",
265 // });
266 // });
267 // },
268 },
269 };
270 </script> 68 </script>
271 69
272 <style lang="scss" scoped> 70 <style lang="scss" scoped>
273 @import "./qlxxCommon.scss"; 71 @import "./qlxxCommon.scss";
274 .title { 72 .title {
275 position: relative; 73 position: relative;
276 .print { 74 .print {
277 // background-color: #0079fe; 75 // background-color: #0079fe;
278 z-index: 10; 76 z-index: 10;
279 position: absolute; 77 position: absolute;
280 left: 11px; 78 left: 11px;
281 top: 5px; 79 top: 5px;
80 }
282 } 81 }
283 }
284 </style> 82 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-18 13:40:33
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam" 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" /> 9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
11 <printTemplate id="boxygdj" :tableData="tableData" :render="render"/>
12 </div>
13 <div class="tableBox">
14 <div class="title">
15 {{ title }}
16 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
17 <div class="checkbox">
18 <el-checkbox-group v-model="checkList" @change="checkChange">
19 <el-checkbox
20 v-for="item in qsztList"
21 :key="item.value"
22 :label="item.value"
23 >{{ item.label }}</el-checkbox
24 >
25 </el-checkbox-group>
26 </div>
27 </div>
28 <div class="xxTableBox rollTable">
29 <table class="xxTable">
30 <tr v-for="(item, colindex) in columns" :key="colindex">
31 <td>
32 {{ item.label }}
33 </td>
34 <td
35 v-for="(row, index) in tableData"
36 :key="index"
37 :class="[
38 row.qszt == '2' ? 'lishi' : '',
39 row.qszt == '0' ? 'linshi' : '',
40 row.qlzt == '4' ? 'linshi' : '',
41
42 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
43 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
44 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
45 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
46 ]"
47 >
48 <div class="setbut" v-if="item.prop == 'cz'">
49 <el-button
50 type="text"
51 icon="el-icon-edit-outline"
52 @click="editDialog(row)"
53 >编辑</el-button
54 >
55 <el-button
56 type="text"
57 icon="el-icon-edit-outline"
58 @click="editDialog(row, 'D')"
59 >删除</el-button
60 >
61 </div>
62 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
63 有效
64 </div>
65 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
66 正在补录
67 </div>
68 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
69 正在申请
70 </div>
71 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
72 正在注销
73 </div>
74
75 <p v-if="!['djyy', 'fj'].includes(item.prop)">
76 <span v-if="item.prop == 'qszt'">
77 {{ getQsztName(row[item.prop]) }}
78 </span>
79 <span v-else>{{ row[item.prop] }}</span>
80 </p>
81
82 <el-tooltip
83 v-else
84 effect="dark"
85 :content="row[item.prop]"
86 placement="top"
87 popper-class="tooltip-width"
88 >
89 <span class="ellipsis-line">
90 {{ row[item.prop] }}
91 </span>
92 </el-tooltip>
93 </td>
94 <td v-for="count in emptycolNum" :key="~count"></td>
95 </tr>
96 </table>
97 </div>
98 </div> -->
99 </div> 10 </div>
100 </template> 11 </template>
101 12
102 <script> 13 <script>
103 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
104 import { getYgdjList } from "@/api/djbDetail.js"; 15 import { getYgdjList } from "@/api/djbDetail.js";
105 import djbDetail from "./components/djbDetail.vue" 16 import djbDetail from "./components/djbDetail.vue"
106 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 17 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
107 export default { 18 export default {
108 components: { 19 components: {
109 djbDetail, 20 djbDetail,
110 },
111 data() {
112 return {
113 // printObj: {
114 // id: "box",
115 // //其他配置项，
116 // },
117 shows:false,
118 title: "预告登记信息",
119 // qsztList: datas.columns().qsztList,
120 // checkList: datas.columns().checkList,
121 //传递参数
122 propsParam: this.$attrs,
123 //列表数据
124 tableData: [],
125 //空列值个数
126 // emptycolNum: datas.columns().emptycolNum,
127 //列名称对象
128 columns: datas.columns().YGDJ,
129 render:false
130 };
131 },
132 created() {
133 this.loadData();
134 },
135 methods: {
136 // openPrint(){
137 // this.render=true
138 // setTimeout(() => {
139 // this.prinsss()
140 // }, 100)
141 // },
142 // prinsss(){
143 // printJS({
144 // printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
145 // type: "html",
146 // maxWidth: 800, // 最大宽度
147 // font_size: "", // 不设置则使用默认字体大小
148 // style: `@font-face {
149 // font-family: "STZHONGS";
150 // src: url(${window.ttf}) format("truetype");
151 // }`,
152 // // 继承原来的所有样式
153 // targetStyles: ["*"]
154 // });
155 // this.render=false
156 // },
157 /**
158 * @description: loadData
159 * @author: miaofang
160 */
161 loadData() {
162 // 判断是否在登记簿补录调的子页面
163 if (this.$parent.addRepairRecord) {
164 this.columns.unshift({
165 prop: "cz",
166 label: "操作",
167 });
168 }
169 getYgdjList({
170 bdcdyid: this.propsParam.bdcdyid,
171 qllx: this.propsParam.qllx,
172 qszt: this.checkList,
173 }).then((res) => {
174 if (res.code === 200) {
175 this.tableData = res.result;
176 this.shows=this.tableData.length>0
177 this.tableData.forEach((item) => {
178 item.sjlx = getSjlx(item.sjlx);
179 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
180 });
181 if (this.tableData.length < datas.columns().emptycolNum) {
182 this.emptycolNum =
183 datas.columns().emptycolNum - this.tableData.length;
184 } else {
185 this.emptycolNum = 0;
186 }
187 }
188 });
189 }, 21 },
190 /** 22 data () {
191 * @description: checkChange 23 return {
192 * @author: miaofang 24 shows: false,
193 */ 25 title: "预告登记信息",
194 checkChange() { 26 //传递参数
195 if (this.checkList.length === 0) { 27 propsParam: this.$attrs,
196 this.tableData = []; 28 //列表数据
197 this.emptycolNum = datas.columns().emptycolNum; 29 tableData: [],
198 } else { 30 //列名称对象
199 this.loadData(); 31 columns: datas.columns().YGDJ,
200 } 32 render: false
33 };
201 }, 34 },
202 /** 35 created () {
203 * @description: getQsztName 36 this.loadData();
204 * @param {*} code
205 * @author: miaofang
206 */
207 getQsztName(code) {
208 let name = "";
209 for (let item of this.qsztList) {
210 if (item.value == code) {
211 name = item.label;
212 break;
213 }
214 }
215 return name;
216 }, 37 },
217 // 新增一条补录信息 38 methods: {
218 /** 39 loadData () {
219 * @description: 新增一条补录信息 40 // 判断是否在登记簿补录调的子页面
220 * @param {*} row 41 if (this.$parent.addRepairRecord) {
221 * @param {*} del 42 this.columns.unshift({
222 * @author: miaofang 43 prop: "cz",
223 */ 44 label: "操作",
224 editDialog(row, del) {
225 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
226 confirmButtonText: "确定",
227 cancelButtonText: "取消",
228 type: "warning",
229 })
230 .then(() => {
231 this.$parent.addRepairRecord(row, del);
232
233 this.$message({
234 type: "success",
235 message: "补录成功!",
236 }); 45 });
46 }
47 getYgdjList({
48 bdcdyid: this.propsParam.bdcdyid,
49 qllx: this.propsParam.qllx,
50 qszt: this.checkList,
51 }).then((res) => {
52 if (res.code === 200) {
53 this.tableData = res.result;
54 this.shows = this.tableData.length > 0
55 this.tableData.forEach((item) => {
56 item.sjlx = getSjlx(item.sjlx);
57 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
58 });
59 if (this.tableData.length < datas.columns().emptycolNum) {
60 this.emptycolNum =
61 datas.columns().emptycolNum - this.tableData.length;
62 } else {
63 this.emptycolNum = 0;
64 }
65 }
237 }) 66 })
238 .catch(() => { 67 }
239 this.$message({ 68 }
240 type: "info", 69 }
241 message: "取消编辑",
242 });
243 });
244 },
245 },
246 };
247 </script> 70 </script>
248 71
249 <style lang="scss" scoped> 72 <style lang="scss" scoped>
250 @import "./qlxxCommon.scss"; 73 @import "./qlxxCommon.scss";
251 .title { 74 .title {
252 position: relative; 75 position: relative;
253 .print { 76 .print {
254 // background-color: #0079fe; 77 // background-color: #0079fe;
255 z-index: 10; 78 z-index: 10;
256 position: absolute; 79 position: absolute;
257 left: 11px; 80 left: 11px;
258 top: 5px; 81 top: 5px;
82 }
259 } 83 }
260 }
261 </style> 84 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-18 13:46:21
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam" 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 :columns="columns" :tableData="tableData" /> 9 :columns="columns" :tableData="tableData" />
10 <!-- <div v-show="false">
11 <printTemplate
12 id="boxyydj"
13 :tableData="tableData"
14 :render="render"
15 />
16 </div>
17 <div class="tableBox">
18 <div class="title">
19 {{ title }}
20 <el-button class="print" v-show="shows" @click="openPrint()"
21 >打印</el-button
22 >
23 <div class="checkbox">
24 <el-checkbox-group v-model="checkList" @change="checkChange">
25 <el-checkbox
26 v-for="item in qsztList"
27 :key="item.value"
28 :label="item.value"
29 >{{ item.label }}</el-checkbox
30 >
31 </el-checkbox-group>
32 </div>
33 </div>
34 <div class="xxTableBox rollTable">
35 <table class="xxTable">
36 <tr v-for="(item, colindex) in columns" :key="colindex">
37 <td>
38 {{ item.label }}
39 </td>
40 <td
41 v-for="(row, index) in tableData"
42 :key="index"
43 :class="[
44 row.qszt == '2' ? 'lishi' : '',
45 row.qszt == '0' ? 'linshi' : '',
46 row.qlzt == '4' ? 'linshi' : '',
47
48 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
49 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
50 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
51 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
52 ]"
53 >
54 <div class="setbut" v-if="item.prop == 'cz'">
55 <el-button
56 type="text"
57 icon="el-icon-edit-outline"
58 @click="editDialog(row)"
59 >编辑</el-button
60 >
61 <el-button
62 type="text"
63 icon="el-icon-edit-outline"
64 @click="editDialog(row, 'D')"
65 >删除</el-button
66 >
67 </div>
68 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
69 有效
70 </div>
71 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
72 正在补录
73 </div>
74 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
75 正在申请
76 </div>
77 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
78 正在注销
79 </div>
80
81 <p v-if="!['djyy', 'fj'].includes(item.prop)">
82 <span v-if="item.prop == 'qszt'">
83 {{ getQsztName(row[item.prop]) }}
84 </span>
85 <span v-else>{{ row[item.prop] }}</span>
86 </p>
87
88 <el-tooltip
89 v-else
90 effect="dark"
91 :content="row[item.prop]"
92 placement="top"
93 popper-class="tooltip-width"
94 >
95 <span class="ellipsis-line">
96 {{ row[item.prop] }}
97 </span>
98 </el-tooltip>
99 </td>
100 <td v-for="count in emptycolNum" :key="~count"></td>
101 </tr>
102 </table>
103 </div>
104 </div> -->
105 </div> 10 </div>
106 </template> 11 </template>
107 12
108 <script> 13 <script>
109 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
110 import { getYydjList } from "@/api/djbDetail.js"; 15 import { getYydjList } from "@/api/djbDetail.js";
111 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 16 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
112 import djbDetail from "./components/djbDetail.vue" 17 import djbDetail from "./components/djbDetail.vue"
113 export default { 18 export default {
114 components: { 19 components: {
115 djbDetail 20 djbDetail
116 }, 21 },
117 data() { 22 data () {
118 return { 23 return {
119 printObj: { 24 shows: false,
120 id: "box", 25 title: "异议登记信息",
121 //其他配置项， 26 //传递参数
122 }, 27 propsParam: this.$attrs,
123 shows: false, 28 //列表数据
124 title: "异议登记信息", 29 tableData: [],
125 // qsztList: datas.columns().qsztList, 30 //列名称对象
126 // checkList: datas.columns().checkList, 31 columns: datas.columns().YYDJ,
127 //传递参数 32 render: false,
128 propsParam: this.$attrs, 33 };
129 //列表数据 34 },
130 tableData: [], 35 created () {
131 //空列值个数 36 this.loadData();
132 // emptycolNum: datas.columns().emptycolNum, 37 },
133 //列名称对象 38 methods: {
134 columns: datas.columns().YYDJ, 39 loadData () {
135 render: false, 40 if (this.$parent.addRepairRecord) {
136 }; 41 this.columns.unshift({
137 }, 42 prop: "cz",
138 created() { 43 label: "操作",
139 this.loadData();
140 },
141 methods: {
142 // openPrint() {
143 // this.render = true;
144 // setTimeout(() => {
145 // this.prinsss();
146 // }, 100);
147 // },
148 // prinsss() {
149 // printJS({
150 // printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
151 // type: "html",
152 // maxWidth: 800, // 最大宽度
153 // font_size: "", // 不设置则使用默认字体大小
154 // style: `@font-face {
155 // font-family: "STZHONGS";
156 // src: url(${window.ttf}) format("truetype");
157 // }`,
158 // // 继承原来的所有样式
159 // targetStyles: ["*"],
160 // });
161 // this.render=false
162 // },
163 /**
164 * @description: loadData
165 * @author: miaofang
166 */
167 loadData() {
168 if (this.$parent.addRepairRecord) {
169 this.columns.unshift({
170 prop: "cz",
171 label: "操作",
172 });
173 }
174 getYydjList({
175 bdcdyid: this.propsParam.bdcdyid,
176 qllx: this.propsParam.qllx,
177 qszt: this.checkList,
178 }).then((res) => {
179 if (res.code === 200) {
180 this.tableData = res.result;
181 this.shows = this.tableData.length > 0;
182 this.tableData.forEach((item) => {
183 item.sjlx = getSjlx(item.sjlx);
184 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
185 }); 44 });
186 if (this.tableData.length < datas.columns().emptycolNum) {
187 this.emptycolNum =
188 datas.columns().emptycolNum - this.tableData.length;
189 } else {
190 this.emptycolNum = 0;
191 }
192 } 45 }
193 }); 46 getYydjList({
194 }, 47 bdcdyid: this.propsParam.bdcdyid,
195 // /** 48 qllx: this.propsParam.qllx,
196 // * @description: checkChange 49 qszt: this.checkList,
197 // * @author: miaofang 50 }).then((res) => {
198 // */ 51 if (res.code === 200) {
199 // checkChange() { 52 this.tableData = res.result;
200 // if (this.checkList.length === 0) { 53 this.shows = this.tableData.length > 0;
201 // this.tableData = []; 54 this.tableData.forEach((item) => {
202 // this.emptycolNum = datas.columns().emptycolNum; 55 item.sjlx = getSjlx(item.sjlx);
203 // } else { 56 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
204 // this.loadData(); 57 });
205 // } 58 if (this.tableData.length < datas.columns().emptycolNum) {
206 // }, 59 this.emptycolNum =
207 // /** 60 datas.columns().emptycolNum - this.tableData.length;
208 // * @description: getQsztName 61 } else {
209 // * @param {*} code 62 this.emptycolNum = 0;
210 // * @author: miaofang 63 }
211 // */ 64 }
212 // getQsztName(code) { 65 })
213 // let name = ""; 66 }
214 // for (let item of this.qsztList) { 67 }
215 // if (item.value == code) { 68 }
216 // name = item.label;
217 // break;
218 // }
219 // }
220 // return name;
221 // },
222 // // 新增一条补录信息
223 // /**
224 // * @description: 新增一条补录信息
225 // * @param {*} row
226 // * @param {*} del
227 // * @author: miaofang
228 // */
229 // editDialog(row, del) {
230 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
231 // confirmButtonText: "确定",
232 // cancelButtonText: "取消",
233 // type: "warning",
234 // })
235 // .then(() => {
236 // this.$parent.addRepairRecord(row, del);
237
238 // this.$message({
239 // type: "success",
240 // message: "补录成功!",
241 // });
242 // })
243 // .catch(() => {
244 // this.$message({
245 // type: "info",
246 // message: "取消编辑",
247 // });
248 // });
249 // },
250 },
251 };
252 </script> 69 </script>
253 70
254 <style lang="scss" scoped> 71 <style lang="scss" scoped>
255 @import "./qlxxCommon.scss"; 72 @import "./qlxxCommon.scss";
256 .title { 73 .title {
257 position: relative; 74 position: relative;
258 .print { 75 .print {
259 // background-color: #0079fe; 76 z-index: 10;
260 z-index: 10; 77 position: absolute;
261 position: absolute; 78 left: 11px;
262 left: 11px; 79 top: 5px;
263 top: 5px; 80 }
264 } 81 }
265 }
266 </style> 82 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-14 16:06:51 4 * @LastEditTime: 2023-09-18 14:06:16
5 --> 5 -->
6 <template> 6 <template>
7 <div style="width:90%;height:100%;"> 7 <div style="width:100%;height:100%;">
8 <canvas id="mxcad" style="width:90%;height:80%; position: relative;top:0"> 8 <canvas id="mxcad" style="width:100%;height:100%; position: relative;top:0">
9 </canvas> 9 </canvas>
10 </div> 10 </div>
11 </template> 11 </template>
......
...@@ -150,7 +150,7 @@ ...@@ -150,7 +150,7 @@
150 * @author: renchao 150 * @author: renchao
151 */ 151 */
152 openDialog (item) { 152 openDialog (item) {
153 const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx') 153 const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&type=jdcx')
154 window.open(href, `urlname${item.bsmSlsq}`) 154 window.open(href, `urlname${item.bsmSlsq}`)
155 } 155 }
156 } 156 }
......