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
Inline Side-by-side
Showing 16 changed files with 205 additions and 1897 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'))
...@@ -19,3 +19,20 @@ export function getXtParamsByYwh (ywh) { ...@@ -19,3 +19,20 @@ export function getXtParamsByYwh (ywh) {
19 } 19 }
20 }) 20 })
21 } 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 })
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
...@@ -106,14 +23,10 @@ ...@@ -106,14 +23,10 @@
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 }, 21 },
116 data() { 22 data () {
117 return { 23 return {
118 shows:false, 24 shows: false,
119 title: "地役权登记信息", 25 title: "地役权登记信息",
120 // qsztList: datas.columns().qsztList,
121 // checkList: datas.columns().checkList,
122 //传递参数 26 //传递参数
123 propsParam: this.$attrs, 27 propsParam: this.$attrs,
124 //列表数据 28 //列表数据
125 tableData: [], 29 tableData: [],
126 //空列值个数
127 // emptycolNum: datas.columns().emptycolNum,
128 //列名称对象 30 //列名称对象
129 columns: datas.columns().DYIQ, 31 columns: datas.columns().DYIQ,
130 render: false, 32 render: false,
131 }; 33 };
132 }, 34 },
133 created() { 35 created () {
134 this.loadData(); 36 this.loadData();
135 }, 37 },
136 methods: { /** 38 methods: {
137 // * @description: openPrint 39 loadData () {
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) { 40 if (this.$parent.addRepairRecord) {
171 this.columns.unshift({ prop: "cz", label: "操作" }); 41 this.columns.unshift({ prop: "cz", label: "操作" });
172 } 42 }
...@@ -177,7 +47,7 @@ export default { ...@@ -177,7 +47,7 @@ export default {
177 }).then((res) => { 47 }).then((res) => {
178 if (res.code === 200) { 48 if (res.code === 200) {
179 this.tableData = res.result; 49 this.tableData = res.result;
180 this.shows=this.tableData.length>0 50 this.shows = this.tableData.length > 0
181 this.tableData.forEach((item) => { 51 this.tableData.forEach((item) => {
182 item.sjlx = getSjlx(item.sjlx); 52 item.sjlx = getSjlx(item.sjlx);
183 item.dybdclx = getDictLeabel(item.dybdclx, "A27"); 53 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
...@@ -189,70 +59,15 @@ export default { ...@@ -189,70 +59,15 @@ export default {
189 this.emptycolNum = 0; 59 this.emptycolNum = 0;
190 } 60 }
191 } 61 }
192 }); 62 })
193 }, 63 }
194 // /** 64 }
195 // * @description: checkChange 65 };
196 // * @author: miaofang
197 // */
198 // checkChange() {
199 // if (this.checkList.length === 0) {
200 // this.tableData = [];
201 // this.emptycolNum = datas.columns().emptycolNum;
202 // } else {
203 // this.loadData();
204 // }
205 // },
206 // /**
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);
236
237 // this.$message({
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;
...@@ -261,5 +76,5 @@ export default { ...@@ -261,5 +76,5 @@ export default {
261 left: 11px; 76 left: 11px;
262 top: 5px; 77 top: 5px;
263 } 78 }
264 } 79 }
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 }, 21 },
119 data() { 22 data () {
120 return { 23 return {
121 printObj: { 24 printObj: {
122 id: "box", 25 id: "box",
...@@ -124,57 +27,20 @@ export default { ...@@ -124,57 +27,20 @@ export default {
124 }, 27 },
125 shows: false, 28 shows: false,
126 title: "建设用地使用权、宅基地使用权登记信息", 29 title: "建设用地使用权、宅基地使用权登记信息",
127 // qsztList: datas.columns().qsztList,
128 // checkList: datas.columns().checkList,
129 //传递参数 30 //传递参数
130 propsParam: this.$attrs, 31 propsParam: this.$attrs,
131 //列表数据 32 //列表数据
132 tableData: [], 33 tableData: [],
133 //空列值个数
134 // emptycolNum: datas.columns().emptycolNum,
135 //列名称对象 34 //列名称对象
136 columns: datas.columns().JSYDSYQ, 35 columns: datas.columns().JSYDSYQ,
137 render: false, 36 render: false,
138 }; 37 };
139 }, 38 },
140 created() { 39 created () {
141 this.loadData(); 40 this.loadData();
142 }, 41 },
143 methods: { 42 methods: {
144 // /** 43 loadData () {
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({ 44 getJsydsyqList({
179 bdcdyid: this.propsParam.bdcdyid, 45 bdcdyid: this.propsParam.bdcdyid,
180 qllx: this.propsParam.qllx, 46 qllx: this.propsParam.qllx,
...@@ -193,70 +59,15 @@ export default { ...@@ -193,70 +59,15 @@ export default {
193 this.emptycolNum = 0; 59 this.emptycolNum = 0;
194 } 60 }
195 } 61 }
196 }); 62 })
197 }, 63 }
198 // /** 64 }
199 // * @description: checkChange 65 }
200 // * @author: miaofang
201 // */
202 // checkChange() {
203 // if (this.checkList.length === 0) {
204 // this.tableData = [];
205 // this.emptycolNum = datas.columns().emptycolNum;
206 // } else {
207 // this.loadData();
208 // }
209 // },
210 // /**
211 // * @description: getQsztName
212 // * @param {*} code
213 // * @author: miaofang
214 // */
215 // getQsztName(code) {
216 // let name = "";
217 // for (let item of this.qsztList) {
218 // if (item.value == code) {
219 // name = item.label;
220 // break;
221 // }
222 // }
223 // return name;
224 // },
225 // // 新增一条补录信息
226 // /**
227 // * @description: 新增一条补录信息
228 // * @param {*} row
229 // * @param {*} del
230 // * @author: miaofang
231 // */
232 // editDialog(row, del) {
233 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
234 // confirmButtonText: "确定",
235 // cancelButtonText: "取消",
236 // type: "warning",
237 // })
238 // .then(() => {
239 // this.$parent.addRepairRecord(row, del);
240
241 // this.$message({
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;
...@@ -265,5 +76,5 @@ export default { ...@@ -265,5 +76,5 @@ export default {
265 left: 11px; 76 left: 11px;
266 top: 5px; 77 top: 5px;
267 } 78 }
268 } 79 }
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",
...@@ -122,57 +27,20 @@ export default { ...@@ -122,57 +27,20 @@ export default {
122 }, 27 },
123 shows: false, 28 shows: false,
124 title: "林权登记信息", 29 title: "林权登记信息",
125 // qsztList: datas.columns().qsztList,
126 // checkList: datas.columns().checkList,
127 //传递参数 30 //传递参数
128 propsParam: this.$attrs, 31 propsParam: this.$attrs,
129 //列表数据 32 //列表数据
130 tableData: [], 33 tableData: [],
131 //空列值个数
132 // emptycolNum: datas.columns().emptycolNum,
133 //列名称对象 34 //列名称对象
134 columns: datas.columns().LDSYQ, 35 columns: datas.columns().LDSYQ,
135 render: false, 36 render: false,
136 }; 37 };
137 }, 38 },
138 created() { 39 created () {
139 this.loadData(); 40 this.loadData();
140 }, 41 },
141 methods: { 42 methods: {
142 // /** 43 loadData () {
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) { 44 if (this.$parent.addRepairRecord) {
177 this.columns.unshift({ 45 this.columns.unshift({
178 prop: "cz", 46 prop: "cz",
...@@ -201,69 +69,14 @@ export default { ...@@ -201,69 +69,14 @@ export default {
201 } 69 }
202 } 70 }
203 }); 71 });
204 }, 72 }
205 // /** 73 }
206 // * @description: checkChange 74 }
207 // * @author: miaofang
208 // */
209 // checkChange() {
210 // if (this.checkList.length === 0) {
211 // this.tableData = [];
212 // this.emptycolNum = datas.columns().emptycolNum;
213 // } else {
214 // this.loadData();
215 // }
216 // },
217 // /**
218 // * @description: getQsztName
219 // * @param {*} code
220 // * @author: miaofang
221 // */
222 // getQsztName(code) {
223 // let name = "";
224 // for (let item of this.qsztList) {
225 // if (item.value == code) {
226 // name = item.label;
227 // break;
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;
...@@ -272,5 +85,5 @@ export default { ...@@ -272,5 +85,5 @@ export default {
272 left: 11px; 85 left: 11px;
273 top: 5px; 86 top: 5px;
274 } 87 }
275 } 88 }
276 </style> 89 </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:35
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="boxnydsyq"
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">
35 <table class="xxTable">
36 <tr v-for="(item, colindex) in columns.slice(0, 3)" :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="row.qlzt == '1'">有效</div>
72 <div class="icon" v-if="row.qlzt == '2'">正在补录</div>
73 <div class="icon" v-if="row.qlzt == '3'">正在申请</div>
74 <div class="icon" v-if="row.qlzt == '4'">正在注销</div>
75
76 <p v-if="!['djyy', 'fj'].includes(item.prop)">
77 <span v-if="item.prop == 'qszt'">
78 {{ getQsztName(row[item.prop]) }}
79 </span>
80 <span v-else>{{ row[item.prop] }}</span>
81 </p>
82
83 <el-tooltip
84 v-else
85 effect="dark"
86 :content="row[item.prop]"
87 placement="top"
88 popper-class="tooltip-width"
89 >
90 <span class="ellipsis-line">
91 {{ row[item.prop] }}
92 </span>
93 </el-tooltip>
94 </td>
95 <td v-for="count in emptycolNum" :key="~count"></td>
96 </tr>
97 </table>
98
99 <table class="xxTable rollTable">
100 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
101 <td>
102 {{ item.label }}
103 </td>
104 <td
105 v-for="(row, index) in tableData"
106 :key="index"
107 :class="[
108 row.qszt == '2' ? 'lishi' : '',
109 row.qszt == '0' ? 'linshi' : '',
110 row.qlzt == '4' ? 'linshi' : '',
111
112 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
113 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
114 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
115 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
116 ]"
117 >
118 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
119 有效
120 </div>
121 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
122 正在补录
123 </div>
124 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
125 正在申请
126 </div>
127 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
128 正在注销
129 </div>
130
131 <p v-if="!['djyy', 'fj'].includes(item.prop)">
132 <span v-if="item.prop == 'qszt'">
133 {{ getQsztName(row[item.prop]) }}
134 </span>
135 <span v-else>{{ row[item.prop] }}</span>
136 </p>
137
138 <el-tooltip
139 v-else
140 effect="dark"
141 :content="row[item.prop]"
142 placement="top"
143 popper-class="tooltip-width"
144 >
145 <span class="ellipsis-line">
146 {{ row[item.prop] }}
147 </span>
148 </el-tooltip>
149 </td>
150 <td v-for="count in emptycolNum" :key="~count"></td>
151 </tr>
152 </table>
153 </div>
154 </div> -->
155 </div> 10 </div>
156 </template> 11 </template>
157 12
158 <script> 13 <script>
159 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
160 import { getSjlx } from "@/utils/dictionary.js"; 15 import { getSjlx } from "@/utils/dictionary.js";
161 import { getNydsyqList } from "@/api/djbDetail.js"; 16 import { getNydsyqList } from "@/api/djbDetail.js";
162 import djbDetail from "./components/djbDetail.vue" 17 import djbDetail from "./components/djbDetail.vue"
163 export default { 18 export default {
164 components: { 19 components: {
165 djbDetail, 20 djbDetail,
166 }, 21 },
167 data() { 22 data () {
168 return { 23 return {
169 printObj: { 24 printObj: {
170 id: "box", 25 id: "box",
...@@ -172,20 +27,16 @@ export default { ...@@ -172,20 +27,16 @@ export default {
172 }, 27 },
173 shows: false, 28 shows: false,
174 title: "农用地使用权登记信息", 29 title: "农用地使用权登记信息",
175 // qsztList: datas.columns().qsztList,
176 // checkList: datas.columns().checkList,
177 //传递参数 30 //传递参数
178 propsParam: this.$attrs, 31 propsParam: this.$attrs,
179 //列表数据 32 //列表数据
180 tableData: [], 33 tableData: [],
181 //空列值个数
182 // emptycolNum: datas.columns().emptycolNum,
183 //列名称对象 34 //列名称对象
184 columns: datas.columns().NYDSYQ, 35 columns: datas.columns().NYDSYQ,
185 render: false, 36 render: false,
186 }; 37 };
187 }, 38 },
188 created() { 39 created () {
189 var qllx = this.$route.query.sqywbm.substr(0, 3); 40 var qllx = this.$route.query.sqywbm.substr(0, 3);
190 if (qllx == "A09") { 41 if (qllx == "A09") {
191 this.title = "土地经营权登记信息"; 42 this.title = "土地经营权登记信息";
...@@ -195,40 +46,7 @@ export default { ...@@ -195,40 +46,7 @@ export default {
195 this.loadData(); 46 this.loadData();
196 }, 47 },
197 methods: { 48 methods: {
198 // /** 49 loadData () {
199 // * @description: openPrint
200 // * @author: miaofang
201 // */
202 // openPrint() {
203 // this.render = true;
204 // setTimeout(() => {
205 // this.prinsss();
206 // }, 100);
207 // },
208 // /**
209 // * @description: prinsss
210 // * @author: miaofang
211 // */
212 // prinsss() {
213 // printJS({
214 // printable: "boxnydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
215 // type: "html",
216 // maxWidth: 800, // 最大宽度
217 // font_size: "", // 不设置则使用默认字体大小
218 // style: `@font-face {
219 // font-family: "STZHONGS";
220 // src: url(${window.ttf}) format("truetype");
221 // }`,
222 // // 继承原来的所有样式
223 // targetStyles: ["*"],
224 // });
225 // this.render=false
226 // },
227 /**
228 * @description: loadData
229 * @author: miaofang
230 */
231 loadData() {
232 if (this.$parent.addRepairRecord) { 50 if (this.$parent.addRepairRecord) {
233 this.columns.unshift({ 51 this.columns.unshift({
234 prop: "cz", 52 prop: "cz",
...@@ -254,68 +72,14 @@ export default { ...@@ -254,68 +72,14 @@ export default {
254 } 72 }
255 } 73 }
256 }); 74 });
257 }, 75 }
258 // /** 76 }
259 // * @description: checkChange 77 };
260 // * @author: miaofang
261 // */
262 // checkChange() {
263 // if (this.checkList.length === 0) {
264 // this.tableData = [];
265 // this.emptycolNum = datas.columns().emptycolNum;
266 // } else {
267 // this.loadData();
268 // }
269 // },
270 // /**
271 // * @description: getQsztName
272 // * @author: miaofang
273 // */
274 // getQsztName(code) {
275 // let name = "";
276 // for (let item of this.qsztList) {
277 // if (item.value == code) {
278 // name = item.label;
279 // break;
280 // }
281 // }
282 // return name;
283 // },
284 // // 新增一条补录信息
285 // /**
286 // * @description: 新增一条补录信息
287 // * @param {*} row
288 // * @param {*} del
289 // * @author: miaofang
290 // */
291 // editDialog(row, del) {
292 // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
293 // confirmButtonText: "确定",
294 // cancelButtonText: "取消",
295 // type: "warning",
296 // })
297 // .then(() => {
298 // this.$parent.addRepairRecord(row, del);
299
300 // this.$message({
301 // type: "success",
302 // message: "补录成功!",
303 // });
304 // })
305 // .catch(() => {
306 // this.$message({
307 // type: "info",
308 // message: "取消编辑",
309 // });
310 // });
311 // },
312 },
313 };
314 </script> 78 </script>
315 79
316 <style lang="scss" scoped> 80 <style lang="scss" scoped>
317 @import "./qlxxCommon.scss"; 81 @import "./qlxxCommon.scss";
318 .title { 82 .title {
319 position: relative; 83 position: relative;
320 .print { 84 .print {
321 // background-color: #0079fe; 85 // background-color: #0079fe;
...@@ -324,5 +88,5 @@ export default { ...@@ -324,5 +88,5 @@ export default {
324 left: 11px; 88 left: 11px;
325 top: 5px; 89 top: 5px;
326 } 90 }
327 } 91 }
328 </style> 92 </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: {
131 id: "box",
132 //其他配置项，
133 },
134 shows: false, 24 shows: false,
135 title: "林权登记信息", 25 title: "林权登记信息",
136 // qsztList: datas.columns().qsztList,
137 // checkList: datas.columns().checkList,
138 //传递参数 26 //传递参数
139 propsParam: this.$attrs, 27 propsParam: this.$attrs,
140 //列表数据 28 //列表数据
141 tableData: [], 29 tableData: [],
142 //空列值个数
143 // emptycolNum: datas.columns().emptycolNum,
144 //列名称对象 30 //列名称对象
145 columns: datas.columns().LDSYQ, 31 columns: datas.columns().LDSYQ,
146 render: false, 32 render: false,
147 }; 33 };
148 }, 34 },
149 created() { 35 created () {
150 this.loadData(); 36 this.loadData();
151 }, 37 },
152 methods: { 38 methods: {
153 // /** 39 loadData () {
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) { 40 if (this.$parent.addRepairRecord) {
188 this.columns.unshift({ 41 this.columns.unshift({
189 prop: "cz", 42 prop: "cz",
...@@ -209,69 +62,14 @@ export default { ...@@ -209,69 +62,14 @@ export default {
209 } 62 }
210 } 63 }
211 }); 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;
...@@ -280,5 +78,5 @@ export default { ...@@ -280,5 +78,5 @@ export default {
280 left: 11px; 78 left: 11px;
281 top: 5px; 79 top: 5px;
282 } 80 }
283 } 81 }
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 }, 21 },
111 data() { 22 data () {
112 return { 23 return {
113 // printObj: { 24 shows: false,
114 // id: "box",
115 // //其他配置项，
116 // },
117 shows:false,
118 title: "预告登记信息", 25 title: "预告登记信息",
119 // qsztList: datas.columns().qsztList,
120 // checkList: datas.columns().checkList,
121 //传递参数 26 //传递参数
122 propsParam: this.$attrs, 27 propsParam: this.$attrs,
123 //列表数据 28 //列表数据
124 tableData: [], 29 tableData: [],
125 //空列值个数
126 // emptycolNum: datas.columns().emptycolNum,
127 //列名称对象 30 //列名称对象
128 columns: datas.columns().YGDJ, 31 columns: datas.columns().YGDJ,
129 render:false 32 render: false
130 }; 33 };
131 }, 34 },
132 created() { 35 created () {
133 this.loadData(); 36 this.loadData();
134 }, 37 },
135 methods: { 38 methods: {
136 // openPrint(){ 39 loadData () {
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 // 判断是否在登记簿补录调的子页面 40 // 判断是否在登记簿补录调的子页面
163 if (this.$parent.addRepairRecord) { 41 if (this.$parent.addRepairRecord) {
164 this.columns.unshift({ 42 this.columns.unshift({
...@@ -173,7 +51,7 @@ export default { ...@@ -173,7 +51,7 @@ export default {
173 }).then((res) => { 51 }).then((res) => {
174 if (res.code === 200) { 52 if (res.code === 200) {
175 this.tableData = res.result; 53 this.tableData = res.result;
176 this.shows=this.tableData.length>0 54 this.shows = this.tableData.length > 0
177 this.tableData.forEach((item) => { 55 this.tableData.forEach((item) => {
178 item.sjlx = getSjlx(item.sjlx); 56 item.sjlx = getSjlx(item.sjlx);
179 item.dybdclx = getDictLeabel(item.dybdclx, "A27"); 57 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
...@@ -185,70 +63,15 @@ export default { ...@@ -185,70 +63,15 @@ export default {
185 this.emptycolNum = 0; 63 this.emptycolNum = 0;
186 } 64 }
187 } 65 }
188 }); 66 })
189 },
190 /**
191 * @description: checkChange
192 * @author: miaofang
193 */
194 checkChange() {
195 if (this.checkList.length === 0) {
196 this.tableData = [];
197 this.emptycolNum = datas.columns().emptycolNum;
198 } else {
199 this.loadData();
200 } 67 }
201 },
202 /**
203 * @description: getQsztName
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 } 68 }
214 } 69 }
215 return name;
216 },
217 // 新增一条补录信息
218 /**
219 * @description: 新增一条补录信息
220 * @param {*} row
221 * @param {*} del
222 * @author: miaofang
223 */
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 });
237 })
238 .catch(() => {
239 this.$message({
240 type: "info",
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;
...@@ -257,5 +80,5 @@ export default { ...@@ -257,5 +80,5 @@ export default {
257 left: 11px; 80 left: 11px;
258 top: 5px; 81 top: 5px;
259 } 82 }
260 } 83 }
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: {
120 id: "box",
121 //其他配置项，
122 },
123 shows: false, 24 shows: false,
124 title: "异议登记信息", 25 title: "异议登记信息",
125 // qsztList: datas.columns().qsztList,
126 // checkList: datas.columns().checkList,
127 //传递参数 26 //传递参数
128 propsParam: this.$attrs, 27 propsParam: this.$attrs,
129 //列表数据 28 //列表数据
130 tableData: [], 29 tableData: [],
131 //空列值个数
132 // emptycolNum: datas.columns().emptycolNum,
133 //列名称对象 30 //列名称对象
134 columns: datas.columns().YYDJ, 31 columns: datas.columns().YYDJ,
135 render: false, 32 render: false,
136 }; 33 };
137 }, 34 },
138 created() { 35 created () {
139 this.loadData(); 36 this.loadData();
140 }, 37 },
141 methods: { 38 methods: {
142 // openPrint() { 39 loadData () {
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) { 40 if (this.$parent.addRepairRecord) {
169 this.columns.unshift({ 41 this.columns.unshift({
170 prop: "cz", 42 prop: "cz",
...@@ -190,77 +62,21 @@ import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; ...@@ -190,77 +62,21 @@ import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
190 this.emptycolNum = 0; 62 this.emptycolNum = 0;
191 } 63 }
192 } 64 }
193 }); 65 })
194 }, 66 }
195 // /** 67 }
196 // * @description: checkChange 68 }
197 // * @author: miaofang
198 // */
199 // checkChange() {
200 // if (this.checkList.length === 0) {
201 // this.tableData = [];
202 // this.emptycolNum = datas.columns().emptycolNum;
203 // } else {
204 // this.loadData();
205 // }
206 // },
207 // /**
208 // * @description: getQsztName
209 // * @param {*} code
210 // * @author: miaofang
211 // */
212 // getQsztName(code) {
213 // let name = "";
214 // for (let item of this.qsztList) {
215 // if (item.value == code) {
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;
260 z-index: 10; 76 z-index: 10;
261 position: absolute; 77 position: absolute;
262 left: 11px; 78 left: 11px;
263 top: 5px; 79 top: 5px;
264 } 80 }
265 } 81 }
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 }
......