Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
2ac8114f by “miaofang
Options

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

2 parents 78a18e95 f1796538
Expand all
Inline Side-by-side
Showing 28 changed files with 781 additions and 700 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-19 15:52:44 4 * @LastEditTime: 2023-09-22 09:30:34
5 --> 5 -->
6 <template> 6 <template>
7 <div class='ywdialog'> 7 <div class='ywdialog'>
...@@ -35,5 +35,6 @@ ...@@ -35,5 +35,6 @@
35 @import "~@/styles/public.scss"; 35 @import "~@/styles/public.scss";
36 .ywdialog { 36 .ywdialog {
37 min-width: 230px; 37 min-width: 230px;
38 padding-bottom: 20px;
38 } 39 }
39 </style> 40 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-21 15:45:27
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data1 extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return [
18 {
19 prop: "qlrmc",
20 label: "姓名/名称",
21 },
22 {
23 prop: "zjzlMc",
24 label: "证件种类"
25 },
26 {
27 prop: "zjh",
28 label: "证件号",
29 },
30 {
31 prop: "frmc",
32 label: "法人名称",
33 },
34 {
35 prop: "dwdz",
36 label: "地址",
37 },
38 {
39 prop: "dh",
40 label: "联系电话",
41 }
42 ]
43 }
44
45 }
46 class data2 extends filter {
47 constructor() {
48 super()
49
50 }
51 columns () {
52 return [
53 {
54 prop: "qlrmc",
55 label: "姓名/名称",
56 },
57 {
58 prop: "zjzlMc",
59 label: "证件种类",
60 },
61 {
62 prop: "zjh",
63 label: "证件号",
64 },
65 {
66 prop: "frmc",
67 label: "法人名称",
68 },
69 {
70 prop: "dwdz",
71 label: "地址",
72 },
73 {
74 prop: "dh",
75 label: "联系电话",
76 },
77 ]
78 }
79
80 }
81 let dataYh = new data1()
82 let dataQy = new data2()
83 export {
84 dataYh,
85 dataQy,
86 sendThis
87 }
1 <!-- 1 <!--
2 * @Description: workFrame左侧菜单列表-普通 2 * @Description: workFrame左侧菜单列表-普通
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-17 16:16:13 4 * @LastEditTime: 2023-09-21 16:02:05
5 --> 5 -->
6 <template> 6 <template>
7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> 7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
...@@ -171,7 +171,6 @@ ...@@ -171,7 +171,6 @@
171 this.$parent.loadComponent(this.currentSelectProps, data); 171 this.$parent.loadComponent(this.currentSelectProps, data);
172 this.$parent.tabset(); 172 this.$parent.tabset();
173 }, 173 },
174 //申请单元点击事件
175 /** 174 /**
176 * @description: 申请单元点击事件 175 * @description: 申请单元点击事件
177 * @param {*} index 176 * @param {*} index
...@@ -180,6 +179,7 @@ ...@@ -180,6 +179,7 @@
180 unitClick (index) { 179 unitClick (index) {
181 this.clickindex = index 180 this.clickindex = index
182 this.currentSelectProps = this.supplementarylist[index]; 181 this.currentSelectProps = this.supplementarylist[index];
182 window.currentSelect = this.supplementarylist[index]
183 this.$emit("getCurrentSelectProps", this.currentSelectProps); 183 this.$emit("getCurrentSelectProps", this.currentSelectProps);
184 }, 184 },
185 /** 185 /**
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 13:30:54 4 * @LastEditTime: 2023-09-21 16:02:53
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -21,8 +21,9 @@ ...@@ -21,8 +21,9 @@
21 </div> 21 </div>
22 </template> 22 </template>
23 <script> 23 <script>
24 import addQlr from "./dialog/addQlr.vue";
25 import { mapGetters } from "vuex"; 24 import { mapGetters } from "vuex";
25 import addQlr from "./dialog/addQlr.vue";
26 import { getIdCardInfo } from '@/utils/operation.js'
26 export default { 27 export default {
27 components: { 28 components: {
28 addQlr, 29 addQlr,
...@@ -102,7 +103,7 @@ ...@@ -102,7 +103,7 @@
102 icon="el-icon-tickets" 103 icon="el-icon-tickets"
103 disabled={!this.ableOperation} 104 disabled={!this.ableOperation}
104 onClick={() => { 105 onClick={() => {
105 this.readClick(scope); 106 this.readClick(scope.row)
106 }} 107 }}
107 > 108 >
108 读取 109 读取
...@@ -178,12 +179,12 @@ ...@@ -178,12 +179,12 @@
178 this.$nextTick(() => { 179 this.$nextTick(() => {
179 if (val.length == 0 || !val) { 180 if (val.length == 0 || !val) {
180 that.tableDataList = _.cloneDeep([ 181 that.tableDataList = _.cloneDeep([
181 { 182 // {
182 qlrmc: "", 183 // qlrmc: "",
183 dlrzjlx: "", 184 // dlrzjlx: "",
184 dlrzjh: "", 185 // dlrzjh: "",
185 fr: "", 186 // fr: "",
186 }, 187 // },
187 ]); 188 ]);
188 } else { 189 } else {
189 that.tableDataList = _.cloneDeep(val); 190 that.tableDataList = _.cloneDeep(val);
...@@ -255,15 +256,32 @@ ...@@ -255,15 +256,32 @@
255 this.tableDataList.splice(index, 1); 256 this.tableDataList.splice(index, 1);
256 this.$emit("upDateQlrxxList", this.tableDataList); 257 this.$emit("upDateQlrxxList", this.tableDataList);
257 }, 258 },
258
259 // 身份证读取
260 /** 259 /**
261 * @description: 身份证读取 260 * @description: 身份证读取
262 * @author: renchao 261 * @author: renchao
263 */ 262 */
264 readClick () { }, 263 readClick (row) {
265 264 getIdCardInfo().then(res => {
266 // 身份证读取按钮禁用 265 if (res.data.code == 0) {
266 let data = res.data.IDCardInfo
267 row.qlrmc = data.name
268 row.zjzl = '1'
269 row.zjh = data.cardID
270 row.xb = data.sexCode
271 row.dz = data.address
272 row.fzjg = data.issueOrgan
273 this.$message({
274 message: '读取成功！',
275 type: 'success'
276 })
277 } else {
278 this.$message({
279 message: res.data.message,
280 type: 'warning'
281 })
282 }
283 })
284 },
267 /** 285 /**
268 * @description: 身份证读取按钮禁用 286 * @description: 身份证读取按钮禁用
269 * @author: renchao 287 * @author: renchao
......
1 <template> 1 <template>
2 <div class="all"> 2 <div class="all">
3 <div class="tbalede"> 3 <div class="tbalede">
4 <div class="title"> 4 <div class="title">
5 {{ title }} 5 {{ title }}
6 </div> 6 </div>
7 <table class="xxTable"> 7 <table class="xxTable">
8 <tr v-for="(item, colindex) in columns" :key="colindex"> 8 <tr v-for="(item, colindex) in columns" :key="colindex">
9 <td> 9 <td>
10 {{ item.label }} 10 {{ item.label }}
11 </td> 11 </td>
12 <td v-for="(row, index) in tableData" :key="index"> 12 <td v-for="(row, index) in tableData" :key="index">
13 <span> 13 <span>
14 {{ getQsztName(row[item.prop]) }} 14 {{ getQsztName(row[item.prop]) }}
15 </span> 15 </span>
16 <span v-if="['djyy','fj'].includes(item.prop)"> 16 <span v-if="['djyy','fj'].includes(item.prop)">
17 {{ row[item.prop] }} 17 {{ row[item.prop] }}
18 </span> 18 </span>
19 19
20 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> 20 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
21 {{ row[item.prop] }} 21 {{ row[item.prop] }}
22 </span> 22 </span>
23 <div v-if="judge(item.label)"> 23 <div v-if="judge(item.label)">
24 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> 24 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
25 {{ label[item.prop] }} 25 {{ label[item.prop] }}
26 </div>
27 </div> 26 </div>
28 </td> 27 </div>
29 <td v-for="count in emptycolNum" :key="~count"></td> 28 </td>
30 </tr> 29 <td v-for="count in emptycolNum" :key="~count"></td>
30 </tr>
31 </table> 31 </table>
32 </div> 32 </div>
33 <div class="tbalede"> 33 <div class="tbalede">
34 <div class="title"> 34 <div class="title">
35 {{ title }} 35 {{ title }}
36 </div> 36 </div>
37 <table class="xxTable"> 37 <table class="xxTable">
38 <tr v-for="(item, colindex) in columns" :key="colindex"> 38 <tr v-for="(item, colindex) in columns" :key="colindex">
39 <td> 39 <td>
40 {{ item.label }} 40 {{ item.label }}
41 </td> 41 </td>
42 <td v-for="(row, index) in tableData" :key="index"> 42 <td v-for="(row, index) in tableData" :key="index">
43 <span class="ooo" v-if="item.prop == 'qszt'"> 43 <span class="ooo" v-if="item.prop == 'qszt'">
44 {{ getQsztName(row[item.prop]) }} 44 {{ getQsztName(row[item.prop]) }}
45 </span> 45 </span>
46
47 <el-tooltip v-if="['djyy','fj'].includes(item.prop)" >
48 <span>
49 {{ row[item.prop] }}
50 </span>
51 </el-tooltip>
52 46
53 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> 47 <el-tooltip v-if="['djyy','fj'].includes(item.prop)">
48 <span>
54 {{ row[item.prop] }} 49 {{ row[item.prop] }}
55 </span> 50 </span>
56 <div v-if="judge(item.label)"> 51 </el-tooltip>
57 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> 52
58 {{ label[item.prop] }} 53 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
59 </div> 54 {{ row[item.prop] }}
55 </span>
56 <div v-if="judge(item.label)">
57 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
58 {{ label[item.prop] }}
60 </div> 59 </div>
61 </td> 60 </div>
62 <td v-for="count in emptycolNum" :key="~count"></td> 61 </td>
63 </tr> 62 <td v-for="count in emptycolNum" :key="~count"></td>
64 </table> 63 </tr>
64 </table>
65 </div>
65 </div> 66 </div>
66 </div>
67 </template> 67 </template>
68 68
69 <script> 69 <script>
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 qsztList: datas.columns().qsztList, 77 qsztList: datas.columns().qsztList,
78 checkList: datas.columns().checkList, 78 checkList: datas.columns().checkList,
79 //传递参数 79 //传递参数
80 bdcdyid: this.$route.query.bdcdyid, 80 bdcdyid: this.$route.query.bdcdyid,
81 qllx: this.$route.query.qllx, 81 qllx: this.$route.query.qllx,
82 //列表数据 82 //列表数据
83 tableData: [], 83 tableData: [],
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
110 if (res.code === 200) { 110 if (res.code === 200) {
111 this.tableData = res.result; 111 this.tableData = res.result;
112 this.tableData.forEach(item => { 112 this.tableData.forEach(item => {
113 this.tableData.push(item) 113 this.tableData.push(item)
114 item.sjlx = getSjlx(item.sjlx) 114 item.sjlx = getSjlx(item.sjlx)
115 115
116 }) 116 })
...@@ -195,129 +195,123 @@ ...@@ -195,129 +195,123 @@
195 195
196 <style lang="scss" scoped> 196 <style lang="scss" scoped>
197 .all { 197 .all {
198 width: 794px; 198 width: 794px;
199 height: 100%; 199 height: 100%;
200 margin: auto; 200 margin: auto;
201 background-color: rgb(255, 255, 255); 201 background-color: rgb(255, 255, 255);
202 overflow: hidden 202 overflow: hidden;
203 } 203 }
204 .tbalede { 204 .tbalede {
205 width: 794px; 205 width: 794px;
206 height: 1123px; 206 height: 1123px;
207 margin: auto; 207 margin: auto;
208 .title { 208 .title {
209 width: 100%; 209 width: 100%;
210 font-weight: 700; 210 font-weight: 700;
211 font-size: 16px; 211 font-size: 16px;
212 text-align: center; 212 text-align: center;
213 height: 62px; 213 height: 62px;
214 line-height: 62px; 214 line-height: 62px;
215 position: relative; 215 position: relative;
216 margin: 0 3px; 216 margin: 0 3px;
217 } 217 }
218 } 218 }
219 .top { 219 .top {
220 width: 80%; 220 width: 80%;
221 height: 100px; 221 height: 100px;
222 margin: auto; 222 margin: auto;
223 display: flex; 223 display: flex;
224 position: relative; 224 position: relative;
225 } 225 }
226 p { 226 p {
227 position: absolute; 227 position: absolute;
228 bottom: 10px; 228 bottom: 10px;
229 right: 10px; 229 right: 10px;
230 } 230 }
231 table { 231 table {
232 width: 80%; 232 width: 80%;
233 border: 1px solid black; 233 border: 1px solid black;
234 margin: 0 auto; 234 margin: 0 auto;
235 border-collapse: collapse; 235 border-collapse: collapse;
236 } 236 }
237 .head { 237 .head {
238 font-size: 20px; 238 font-size: 20px;
239 width: 100%; 239 width: 100%;
240 height: 40px; 240 height: 40px;
241 margin: auto; 241 margin: auto;
242 } 242 }
243 .dyh { 243 .dyh {
244 padding: 10px; 244 padding: 10px;
245 font-size: 12px; 245 font-size: 12px;
246 text-align: left; 246 text-align: left;
247 } 247 }
248
249
250 .content {
251 height: 40px;
252 }
253 .slash-wrap {
254 position: relative;
255 box-sizing: border-box;
256 width: 150px;
257 height: 40px;
258 }
259 /* 斜线 */
260 .slash1 {
261 position: absolute;
262 display: block;
263 top: 0;
264 left: 0;
265 width: 133px;
266 height: 1px;
267 background-color: #949393;
268 transform: rotate(17.93010235415598deg);
269 transform-origin: top left;
270 }
271 /* 左下角文字 */
272 .left {
273 position: absolute;
274 left: 30px;
275 bottom: 5px;
276 }
277
278 /* 右上角文字 */
279 .mid {
280 position: absolute;
281 /* 右上角 right:0; top: 0; */
282 right: 29px;
283 top: 4px;
284 }
285 .xxTable {
286 width: 100%;
287 border-collapse: collapse;
288 248
249 .content {
250 height: 40px;
251 }
252 .slash-wrap {
253 position: relative;
254 box-sizing: border-box;
255 width: 150px;
256 height: 40px;
257 }
258 /* 斜线 */
259 .slash1 {
260 position: absolute;
261 display: block;
262 top: 0;
263 left: 0;
264 width: 133px;
265 height: 1px;
266 background-color: #949393;
267 transform: rotate(17.93010235415598deg);
268 transform-origin: top left;
269 }
270 /* 左下角文字 */
271 .left {
272 position: absolute;
273 left: 30px;
274 bottom: 5px;
275 }
289 276
277 /* 右上角文字 */
278 .mid {
279 position: absolute;
280 /* 右上角 right:0; top: 0; */
281 right: 29px;
282 top: 4px;
283 }
284 .xxTable {
285 width: 100%;
286 border-collapse: collapse;
290 287
291 tr td { 288 tr td {
292 border: 2px solid rgb(227, 226, 226); 289 border: 2px solid rgb(227, 226, 226);
293 text-align: center; 290 text-align: center;
294 height: 40px; 291 height: 40px;
295 font-size: 13px; 292 font-size: 13px;
296 // flex: 1; 293 // flex: 1;
297 // display: flex; 294 // display: flex;
298 // align-items: center; 295 // align-items: center;
299 // justify-content: center; 296 // justify-content: center;
300 min-width: 80px; 297 min-width: 80px;
301 z-index: 1; 298 z-index: 1;
302 .ooo{ 299 .ooo {
303 width: 190px!important; 300 width: 190px !important;
304 301 }
305 } 302 }
306 } 303 td:first-child {
307 td:first-child{ 304 flex: inherit !important;
308 flex: inherit !important; 305 // min-width: 180px !important;
309 // width: 200px !important; 306 }
310 min-width: 180px !important; 307 }
311 } 308 .ellipsis-line {
312 309 display: inline-block;
313 } 310 width: 300px;
314 .ellipsis-line { 311 height: 100px !important;
315 display: inline-block; 312 line-height: 20px !important;
316 width: 300px; 313 word-break: break-all;
317 height: 100px!important; 314 text-overflow: ellipsis;
318 line-height: 20px!important; 315 overflow: hidden;
319 word-break: break-all; 316 }
320 text-overflow: ellipsis;
321 overflow: hidden;
322 }
323 </style> 317 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:16:32 4 * @LastEditTime: 2023-09-22 09:56:51
5 --> 5 -->
6 <template> 6 <template>
7 <div class="all"> 7 <div class="all">
8 <div class="tbalede"> 8 <div class="tbalede">
9 <table class="xxTable"> 9 <table class="xxTable">
10 <tr> 10 <tr>
11 <th colspan="5" class="head"> {{ title }}</th> 11 <th colspan="5" class="head"> {{ title }}</th>
12 </tr> 12 </tr>
13 <tr v-for="(item, colindex) in columns" :key="colindex"> 13 <tr v-for="(item, colindex) in columns" :key="colindex">
14 <td> 14 <td>
15 {{ item.label }} 15 {{ item.label }}
16 </td> 16 </td>
17 <td 17 <td
18 v-for="(row, index) in tableData" 18 v-for="(row, index) in tableData"
19 :key="index"> 19 :key="index">
20 <span> 20 <span>
21 {{ getQsztName(row[item.prop]) }} 21 {{ getQsztName(row[item.prop]) }}
22 </span> 22 </span>
23 23
24 <span> 24 <span>
25 {{ row[item.prop] }} 25 {{ row[item.prop] }}
26 </span> 26 </span>
27 27
28 </td> 28 </td>
29 <td v-for="count in emptycolNum" :key="~count"></td> 29 <td v-for="count in emptycolNum" :key="~count"></td>
30 </tr> 30 </tr>
31 </table> 31 </table>
32 </div> 32 </div>
33 </div> 33 </div>
34 </template> 34 </template>
35 35
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
44 qsztList: datas.columns().qsztList, 44 qsztList: datas.columns().qsztList,
45 checkList: datas.columns().checkList, 45 checkList: datas.columns().checkList,
46 //传递参数 46 //传递参数
47 bdcdyid: this.$route.query.bdcdyid, 47 bdcdyid: this.$route.query.bdcdyid,
48 qllx: this.$route.query.qllx, 48 qllx: this.$route.query.qllx,
49 //列表数据 49 //列表数据
50 tableData: [], 50 tableData: [],
...@@ -151,108 +151,105 @@ ...@@ -151,108 +151,105 @@
151 </script> 151 </script>
152 152
153 <style lang="scss" scoped> 153 <style lang="scss" scoped>
154 .all { 154 .all {
155 width: 794px; 155 width: 794px;
156 height: 100%; 156 height: 100%;
157 margin: auto; 157 margin: auto;
158 background-color: rgb(255, 255, 255); 158 background-color: rgb(255, 255, 255);
159 } 159 }
160 .tbalede { 160 .tbalede {
161 width: 794px; 161 width: 794px;
162 height: 1123px; 162 height: 1123px;
163 margin: auto; 163 margin: auto;
164 } 164 }
165 .top { 165 .top {
166 width: 80%; 166 width: 80%;
167 height: 100px; 167 height: 100px;
168 margin: auto; 168 margin: auto;
169 display: flex; 169 display: flex;
170 position: relative; 170 position: relative;
171 } 171 }
172 p { 172 p {
173 position: absolute; 173 position: absolute;
174 bottom: 10px; 174 bottom: 10px;
175 right: 10px; 175 right: 10px;
176 } 176 }
177 table { 177 table {
178 width: 80%; 178 width: 80%;
179 border: 1px solid black; 179 border: 1px solid black;
180 margin: 0 auto; 180 margin: 0 auto;
181 border-collapse: collapse; 181 border-collapse: collapse;
182 } 182 }
183 .head { 183 .head {
184 font-size: 20px; 184 font-size: 20px;
185 width: 100%; 185 width: 100%;
186 height: 40px; 186 height: 40px;
187 margin: auto; 187 margin: auto;
188 } 188 }
189 .dyh { 189 .dyh {
190 padding: 10px; 190 padding: 10px;
191 font-size: 12px; 191 font-size: 12px;
192 text-align: left; 192 text-align: left;
193 } 193 }
194
195 194
196 .content { 195 .content {
197 height: 40px; 196 height: 40px;
198 } 197 }
199 .slash-wrap { 198 .slash-wrap {
200 position: relative; 199 position: relative;
201 box-sizing: border-box; 200 box-sizing: border-box;
202 width: 150px; 201 width: 150px;
203 height: 40px; 202 height: 40px;
204 } 203 }
205 /* 斜线 */ 204 /* 斜线 */
206 .slash1 { 205 .slash1 {
207 position: absolute; 206 position: absolute;
208 display: block; 207 display: block;
209 top: 0; 208 top: 0;
210 left: 0; 209 left: 0;
211 width: 133px; 210 width: 133px;
212 height: 1px; 211 height: 1px;
213 background-color: #949393; 212 background-color: #949393;
214 transform: rotate(17.93010235415598deg); 213 transform: rotate(17.93010235415598deg);
215 transform-origin: top left; 214 transform-origin: top left;
216 } 215 }
217 /* 左下角文字 */ 216 /* 左下角文字 */
218 .left { 217 .left {
219 position: absolute; 218 position: absolute;
220 left: 30px; 219 left: 30px;
221 bottom: 5px; 220 bottom: 5px;
222 } 221 }
223 222
224 /* 右上角文字 */ 223 /* 右上角文字 */
225 .mid { 224 .mid {
226 position: absolute; 225 position: absolute;
227 /* 右上角 right:0; top: 0; */ 226 /* 右上角 right:0; top: 0; */
228 right: 29px; 227 right: 29px;
229 top: 4px; 228 top: 4px;
230 } 229 }
231 .xxTable { 230 .xxTable {
232 width: 100%; 231 width: 100%;
233 border-collapse: collapse; 232 border-collapse: collapse;
234 table-layout:fixed; 233 table-layout: fixed;
235 234
236 235 td {
237 td { 236 border: 1px solid rgb(0, 0, 0);
238 border: 1px solid rgb(0, 0, 0); 237 text-align: center;
239 text-align: center; 238 height: 40px;
240 height: 40px; 239 width: 80px !important;
241 width: 80px!important; 240 word-wrap: break-word;
242 word-wrap:break-word 241 }
243 } 242 td:first-child {
244 td:first-child{ 243 // min-width: 180px !important;
245 min-width: 180px !important; 244 }
246 } 245 }
247 246 .ellipsis-line {
248 } 247 display: inline-block;
249 .ellipsis-line { 248 width: 300px;
250 display: inline-block; 249 height: 100px !important;
251 width: 300px; 250 line-height: 20px !important;
252 height: 100px!important; 251 word-break: break-all;
253 line-height: 20px!important; 252 text-overflow: ellipsis;
254 word-break: break-all; 253 overflow: hidden;
255 text-overflow: ellipsis; 254 }
256 overflow: hidden;
257 }
258 </style> 255 </style>
......
...@@ -60,7 +60,8 @@ ...@@ -60,7 +60,8 @@
60 top: 0px; 60 top: 0px;
61 z-index: 3; 61 z-index: 3;
62 margin-top: -2px; 62 margin-top: -2px;
63 &:after{ 63
64 &:after {
64 content: ""; 65 content: "";
65 display: inline-block; 66 display: inline-block;
66 width: 100%; 67 width: 100%;
...@@ -77,7 +78,8 @@ ...@@ -77,7 +78,8 @@
77 position: sticky; 78 position: sticky;
78 top: 40px; 79 top: 40px;
79 z-index: 3; 80 z-index: 3;
80 &:after{ 81
82 &:after {
81 content: ""; 83 content: "";
82 display: inline-block; 84 display: inline-block;
83 width: 100%; 85 width: 100%;
...@@ -102,7 +104,9 @@ ...@@ -102,7 +104,9 @@
102 left: 0; 104 left: 0;
103 z-index: 2; 105 z-index: 2;
104 margin-left: -2px; 106 margin-left: -2px;
105 &:before{ 107 width: 200px;
108
109 &:before {
106 content: ""; 110 content: "";
107 display: inline-block; 111 display: inline-block;
108 width: 2px; 112 width: 2px;
...@@ -113,7 +117,8 @@ ...@@ -113,7 +117,8 @@
113 left: -2px; 117 left: -2px;
114 z-index: 3; 118 z-index: 3;
115 } 119 }
116 &:after{ 120
121 &:after {
117 content: ""; 122 content: "";
118 display: inline-block; 123 display: inline-block;
119 width: 2px; 124 width: 2px;
...@@ -228,11 +233,12 @@ ...@@ -228,11 +233,12 @@
228 min-width: 340px; 233 min-width: 340px;
229 z-index: 1; 234 z-index: 1;
230 } 235 }
231 td:first-child{ 236
237 td:first-child {
232 flex: inherit !important; 238 flex: inherit !important;
233 // width: 200px !important; 239 // min-width: 180px !important;
234 min-width: 180px !important;
235 } 240 }
241
236 >tr:nth-child(odd) td { 242 >tr:nth-child(odd) td {
237 background: #f2f2f2; 243 background: #f2f2f2;
238 } 244 }
...@@ -258,4 +264,4 @@ ...@@ -258,4 +264,4 @@
258 margin-left: 2px; 264 margin-left: 2px;
259 } 265 }
260 } 266 }
261 } 267 }
...\ 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-18 15:07:44 4 * @LastEditTime: 2023-09-22 09:49:24
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -40,14 +40,14 @@ ...@@ -40,14 +40,14 @@
40 * @description: loadData 40 * @description: loadData
41 * @author: renchao 41 * @author: renchao
42 */ 42 */
43 loadData () { 43 loadData (checkList = []) {
44 if (this.$parent.addRepairRecord) { 44 if (this.$parent.addRepairRecord) {
45 this.columns.unshift({ prop: "cz", label: "操作" }); 45 this.columns.unshift({ prop: "cz", label: "操作" });
46 } 46 }
47 getCfdjList({ 47 getCfdjList({
48 bdcdyid: this.propsParam.bdcdyid, 48 bdcdyid: this.propsParam.bdcdyid,
49 qllx: this.propsParam.qllx, 49 qllx: this.propsParam.qllx,
50 qszt: this.checkList, 50 qszt: checkList
51 }).then((res) => { 51 }).then((res) => {
52 if (res.code === 200) { 52 if (res.code === 200) {
53 this.tableData = res.result; 53 this.tableData = res.result;
......
...@@ -23,13 +23,12 @@ ...@@ -23,13 +23,12 @@
23 {{ item.label }} 23 {{ item.label }}
24 </td> 24 </td>
25 <td v-for="(row, index) in tableData" :key="index"> 25 <td v-for="(row, index) in tableData" :key="index">
26 <div class="setbut" v-if="item.prop == 'bhqk'"> 26 <div class="setbut" v-if="item.prop == 'bhqk'">
27 {{ index?"变化后": "变化前"}} 27 {{ index?"变化后": "变化前"}}
28 </div> 28 </div>
29 <div 29 <div
30 v-if="item.prop == 'cz' && row.sjlx != '系统数据'" 30 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"></div>
31 ></div> 31 <span v-if="item.prop == 'qszt'" :class="item.co">
32 <span v-if="item.prop == 'qszt'" :class="item.co">
33 {{ getQsztName(row[item.prop]) }} 32 {{ getQsztName(row[item.prop]) }}
34 </span> 33 </span>
35 <span v-else :class="item.co"> {{ row[item.prop] }}</span> 34 <span v-else :class="item.co"> {{ row[item.prop] }}</span>
...@@ -42,150 +41,146 @@ ...@@ -42,150 +41,146 @@
42 </template> 41 </template>
43 42
44 <script> 43 <script>
45 import { datas } from "./qlxxFormData.js"; 44 import { datas } from "./qlxxFormData.js";
46 import { getSjlx } from "@/utils/dictionary.js"; 45 import { getSjlx } from "@/utils/dictionary.js";
47 import { getDjbQlxxDiff } from "@/api/djbDetail.js"; 46 import { getDjbQlxxDiff } from "@/api/djbDetail.js";
48 export default { 47 export default {
49 props: { 48 props: {
50 formData: { 49 formData: {
51 type: Object, 50 type: Object,
52 default: {}, 51 default: {},
52 },
53 }, 53 },
54 }, 54 data () {
55 data() { 55 return {
56 return { 56 radio: 1,
57 radio: 1, 57 title: "变化情况对比",
58 title: "变化情况对比", 58 qsztList: datas.columns().qsztList,
59 qsztList: datas.columns().qsztList, 59 //列表数据
60 //列表数据 60 tableData: [],
61 tableData: [], 61 //空列值个数
62 //空列值个数 62 emptycolNum: 1,
63 emptycolNum: 1, 63 //列名称对象
64 //列名称对象 64 columns: [],
65 columns: [], 65 columnsall: [],
66 columnsall:[], 66 columnsum: []
67 columnsum:[] 67 };
68 }; 68 },
69 }, 69 created () {
70 created() { 70 switch (this.formData.dqqllx) {
71 switch (this.formData.dqqllx) { 71 case "JSYDSYQ":
72 case "JSYDSYQ": 72 this.columns = datas.columns().JSYDSYQ;
73 this.columns = datas.columns().JSYDSYQ; 73 break;
74 break; 74 case "FDCQ2":
75 case "FDCQ2": 75 this.columns = datas.columns().FDCQ2;
76 this.columns = datas.columns().FDCQ2; 76 break;
77 break; 77 case "NYDSYQ":
78 case "NYDSYQ": 78 this.columns = datas.columns().NYDSYQ;
79 this.columns = datas.columns().NYDSYQ; 79 break;
80 break; 80 case "DYAQ":
81 case "DYAQ": 81 this.columns = datas.columns().DYAQ;
82 this.columns = datas.columns().DYAQ; 82 break;
83 break; 83 case "DYIQ":
84 case "DYIQ": 84 this.columns = datas.columns().DYIQ;
85 this.columns = datas.columns().DYIQ; 85 break;
86 break; 86 case "YGDJ":
87 case "YGDJ": 87 this.columns = datas.columns().YGDJ;
88 this.columns = datas.columns().YGDJ; 88 break;
89 break; 89 case "CFDJ":
90 case "CFDJ": 90 this.columns = datas.columns().CFDJ;
91 this.columns = datas.columns().CFDJ; 91 break;
92 break; 92 case "YYDJ":
93 case "YYDJ": 93 this.columns = datas.columns().YYDJ;
94 this.columns = datas.columns().YYDJ; 94 break;
95 break; 95 }
96 } 96 this.getdata();
97 this.getdata(); 97 },
98 }, 98 methods: {
99 methods: { 99 getArrDifference: function (arr1, arr2) {
100 getArrDifference: function(arr1, arr2){ 100 return arr1.concat(arr2).filter(function (value, i, arr) {
101 return arr1.concat(arr2).filter(function(value, i, arr){ 101 return arr.indexOf(value) === arr.lastIndexOf(value);
102 return arr.indexOf(value) === arr.lastIndexOf(value); 102 })
103 }) 103 },
104 }, 104 /**
105 /** 105 * @description: checkChange
106 * @description: checkChange 106 * @author: renchao
107 * @author: renchao 107 */
108 */ 108 getdata () {
109 getdata() { 109 getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => {
110 getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => { 110 if (res.code === 200) {
111 if (res.code === 200) { 111 this.tableData.push(res.result.ssQlxx)
112 this.tableData.push(res.result.ssQlxx) 112 this.tableData.push(res.result.currentQlxx)
113 this.tableData.push(res.result.currentQlxx)
114 113
115 this.tableData.map((item) => { 114 this.tableData.map((item) => {
116 item.sjlx = getSjlx(item.sjlx); 115 item.sjlx = getSjlx(item.sjlx);
117 }); 116 });
118 for (let key in this.tableData[0]) { 117 for (let key in this.tableData[0]) {
119 this.columnsum=this.columns.filter((item,index) => { 118 this.columnsum = this.columns.filter((item, index) => {
120 if(this.tableData[1][key]!==this.tableData[0][key]&&this.columns[index].prop==key){ 119 if (this.tableData[1][key] !== this.tableData[0][key] && this.columns[index].prop == key) {
121 this.columns[index].bt="bgc" 120 this.columns[index].bt = "bgc"
122 this.columns[index].co="red" 121 this.columns[index].co = "red"
123 } 122 }
124 return this.columns[index].bt=="bgc" 123 return this.columns[index].bt == "bgc"
125 }) 124 })
126 } 125 }
127 this.columns.unshift({ 126 this.columns.unshift({
128 prop: "bhqk", 127 prop: "bhqk",
129 label: "" 128 label: ""
130 }) 129 })
131 this.columnsum.unshift({ 130 this.columnsum.unshift({
132 prop: "bhqk", 131 prop: "bhqk",
133 label: "" 132 label: ""
134 }) 133 })
135 this.columnsall= this.columns 134 this.columnsall = this.columns
136 135
137 136
138 137
139 } 138 }
140 }); 139 });
141 } 140 }
142 /** 141 /**
143 * @description: getQsztName 142 * @description: getQsztName
144 * @param {*} code 143 * @param {*} code
145 * @author: renchao 144 * @author: renchao
146 */, 145 */,
147 getQsztName(code) { 146 getQsztName (code) {
148 let name = ""; 147 let name = "";
149 for (let item of this.qsztList) { 148 for (let item of this.qsztList) {
150 if (item.value == code) { 149 if (item.value == code) {
151 name = item.label; 150 name = item.label;
152 break; 151 break;
152 }
153 } 153 }
154 } 154 return name;
155 return name; 155 },
156 },
157 156
158 checkChange() { 157 checkChange () {
159 if(this.radio==2){ 158 if (this.radio == 2) {
160 this.columnsall=this.columnsum 159 this.columnsall = this.columnsum
161 160
162 }else{ 161 } else {
163 this.columnsall=this.columns 162 this.columnsall = this.columns
164 163
165 } 164 }
165 },
166 }, 166 },
167 }, 167 };
168 };
169 </script> 168 </script>
170 169
171 <style lang="scss" scoped> 170 <style lang="scss" scoped>
172 @import "./qlxxCommon.scss"; 171 @import "./qlxxCommon.scss";
173 .bgc{ 172 .bgc {
174 173 td {
175 td{ 174 // background-color: rgb(182, 203, 207) !important;
176 // background-color: rgb(182, 203, 207) !important;
177
178 } 175 }
179 } 176 }
180 .xxTable tr td{ 177 .xxTable tr td {
181 178 min-width: 520px !important;
182 min-width: 520px!important; 179 }
183 180 .red {
184 }
185 .red{
186 color: red; 181 color: red;
187 } 182 }
188 .setbut{ 183 .setbut {
189 font-size: 18px; 184 font-size: 18px;
190 font-weight: 700; 185 font-weight: 700;
191 } 186 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-21 10:53:44 4 * @LastEditTime: 2023-09-22 09:47:08
5 --> 5 -->
6 <template> 6 <template>
7 <div class="tableBox"> 7 <div class="tableBox">
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
172 this.tableData = []; 172 this.tableData = [];
173 this.emptycolNum = datas.columns().emptycolNum; 173 this.emptycolNum = datas.columns().emptycolNum;
174 } else { 174 } else {
175 this.$parent.loadData(); 175 this.$parent.loadData(this.checkList);
176 } 176 }
177 }, 177 },
178 /** 178 /**
......
...@@ -9,8 +9,7 @@ ...@@ -9,8 +9,7 @@
9 class="tbalede" 9 class="tbalede"
10 v-for="(el, indexx) in datass" 10 v-for="(el, indexx) in datass"
11 :key="indexx" 11 :key="indexx"
12 style="page-break-after: always" 12 style="page-break-after: always">
13 >
14 <div class="title">{{ title }}</div> 13 <div class="title">{{ title }}</div>
15 <div class="num">共{{ datass.length }}页，第{{ indexx + 1 }}页</div> 14 <div class="num">共{{ datass.length }}页，第{{ indexx + 1 }}页</div>
16 <table class="xxTable"> 15 <table class="xxTable">
...@@ -25,8 +24,7 @@ ...@@ -25,8 +24,7 @@
25 <td 24 <td
26 v-show="el.emptycolNum" 25 v-show="el.emptycolNum"
27 v-for="count in emptycolNum" 26 v-for="count in emptycolNum"
28 :key="count" 27 :key="count"></td>
29 ></td>
30 </tr> 28 </tr>
31 </table> 29 </table>
32 </div> 30 </div>
...@@ -34,126 +32,120 @@ ...@@ -34,126 +32,120 @@
34 </template> 32 </template>
35 33
36 <script> 34 <script>
37 import { datas } from "./qlxxFormData.js"; 35 import { datas } from "./qlxxFormData.js";
38 import { getSjlx } from "@/utils/dictionary.js"; 36 import { getSjlx } from "@/utils/dictionary.js";
39 import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js"; 37 import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js";
40 38
41 export default { 39 export default {
42 data() { 40 data () {
43 return { 41 return {
44 title: this.$parent.title, 42 title: this.$parent.title,
45 //列表数据 43 //列表数据
46 //空列值个数 44 //空列值个数
47 emptycolNum: 4, 45 emptycolNum: 4,
48 //列名称对象 46 //列名称对象
49 columns: [], 47 columns: [],
50 datass: [], 48 datass: [],
51 }; 49 };
52 },
53 props: {
54 tableData: {
55 type: Array,
56 default: () => [],
57 }, 50 },
58 render: { 51 props: {
59 type: Boolean, 52 tableData: {
60 default: false, 53 type: Array,
61 }, 54 default: () => [],
62 }, 55 },
63 created() {}, 56 render: {
64 watch: { 57 type: Boolean,
65 tableData: { 58 default: false,
66 handler(newValue, oldValue) {
67 this.tableData = newValue;
68 }, 59 },
69 }, 60 },
70 render: { 61 created () { },
71 handler(newValue, oldValue) { 62 watch: {
72 console.log("newValue",newValue); 63 tableData: {
73 console.log("columns",this.columns); 64 handler (newValue, oldValue) {
74 if (newValue) { 65 this.tableData = newValue;
75 this.loadData(); 66 },
76 } 67 },
68 render: {
69 handler (newValue, oldValue) {
70 console.log("newValue", newValue);
71 console.log("columns", this.columns);
72 if (newValue) {
73 this.loadData();
74 }
75 },
77 }, 76 },
77 immediate: true,
78 deep: true,
78 }, 79 },
79 immediate: true, 80 methods: {
80 deep: true, 81 /**
81 }, 82 * @description: loadData
82 methods: { 83 * @author: miaofang
83 /** 84 */
84 * @description: loadData 85 loadData () {
85 * @author: miaofang 86 getFieldListByQlxx({
86 */ 87 qllx: this.tableData[0].qllx,
87 loadData() { 88 }).then((res) => {
88 getFieldListByQlxx({ 89 if (res.code === 200) {
89 qllx: this.tableData[0].qllx, 90 this.columns = res.result;
90 }).then((res) => { 91 console.log("columnssssssssssss", this.columns);
91 if (res.code === 200) { 92 }
92 this.columns = res.result; 93 });
93 console.log("columnssssssssssss",this.columns); 94 if (this.tableData.length && this.datass.length == 0) {
95 for (let i = 0; i < this.tableData.length; i += 4) {
96 this.datass.push(this.tableData.slice(i, i + 4));
97 }
98 let num = this.datass[this.datass.length - 1].length;
99 if (num < 4) {
100 this.emptycolNum = 4 - num;
101 this.datass[this.datass.length - 1].emptycolNum = true;
102 } else {
103 this.emptycolNum = 0;
104 }
94 } 105 }
95 }); 106 },
96 if (this.tableData.length && this.datass.length == 0) {
97 for (let i = 0; i < this.tableData.length; i += 4) {
98 this.datass.push(this.tableData.slice(i, i + 4));
99 }
100 let num = this.datass[this.datass.length - 1].length;
101 if (num < 4) {
102 this.emptycolNum = 4 - num;
103 this.datass[this.datass.length - 1].emptycolNum = true;
104 } else {
105 this.emptycolNum = 0;
106 }
107 }
108 }, 107 },
109 }, 108 };
110 };
111 </script> 109 </script>
112 110
113 <style lang="scss" scoped> 111 <style lang="scss" scoped>
114 .tbalede { 112 .tbalede {
115 width: 100%;
116 margin: auto;
117 position: relative;
118 .num {
119 position: absolute;
120 right: 10px;
121 top: 0px;
122 }
123 .title {
124 width: 100%; 113 width: 100%;
125 font-weight: 700; 114 margin: auto;
126 font-size: 16px;
127 text-align: center;
128 height: 62px;
129 line-height: 62px;
130 position: relative; 115 position: relative;
131 margin: 0 3px; 116 .num {
132 } 117 position: absolute;
133 .xxTable { 118 right: 10px;
134 width: 100%; 119 top: 0px;
135 border-collapse: collapse; 120 }
136 121 .title {
137 tr td { 122 width: 100%;
138 border: 2px solid rgb(227, 226, 226); 123 font-weight: 700;
124 font-size: 16px;
139 text-align: center; 125 text-align: center;
140 height: 40px; 126 height: 62px;
141 font-size: 13px; 127 line-height: 62px;
142 min-width: 80px; 128 position: relative;
143 z-index: 1; 129 margin: 0 3px;
144 min-width: 80px;
145 padding: 5px;
146 } 130 }
147 td { 131 .xxTable {
148 width: 20px !important; 132 width: 100%;
149 word-break: break-all; 133 border-collapse: collapse;
150 // /* 方法一：使用 word-break */ 134
151 // word-break: break-all; 135 tr td {
152 // // /* 方法二：使用 white-space */ 136 border: 2px solid rgb(227, 226, 226);
153 // // white-space: pre-wrap; 137 text-align: center;
154 // // /* 方法三：使用 overflow-wrap */ 138 height: 40px;
155 // // overflow-wrap: break-word; 139 font-size: 13px;
140 min-width: 80px;
141 z-index: 1;
142 min-width: 80px;
143 padding: 5px;
144 }
145 td {
146 width: 20px !important;
147 word-break: break-all;
148 }
156 } 149 }
157 } 150 }
158 }
159 </style> 151 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-18 15:04:32 4 * @LastEditTime: 2023-09-22 09:50:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -40,14 +40,14 @@ ...@@ -40,14 +40,14 @@
40 * @description: loadData 40 * @description: loadData
41 * @author: renchao 41 * @author: renchao
42 */ 42 */
43 loadData () { 43 loadData (checkList = []) {
44 if (this.$parent.addRepairRecord) { 44 if (this.$parent.addRepairRecord) {
45 this.columns.unshift({ prop: "cz", label: "操作" }); 45 this.columns.unshift({ prop: "cz", label: "操作" });
46 } 46 }
47 getDiyaqList({ 47 getDiyaqList({
48 bdcdyid: this.propsParam.bdcdyid, 48 bdcdyid: this.propsParam.bdcdyid,
49 qllx: this.propsParam.qllx, 49 qllx: this.propsParam.qllx,
50 qszt: this.checkList, 50 qszt: checkList
51 }).then((res) => { 51 }).then((res) => {
52 if (res.code === 200) { 52 if (res.code === 200) {
53 this.tableData = res.result; 53 this.tableData = res.result;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-18 15:04:54 4 * @LastEditTime: 2023-09-22 09:50:28
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -36,14 +36,14 @@ ...@@ -36,14 +36,14 @@
36 this.loadData(); 36 this.loadData();
37 }, 37 },
38 methods: { 38 methods: {
39 loadData () { 39 loadData (checkList = []) {
40 if (this.$parent.addRepairRecord) { 40 if (this.$parent.addRepairRecord) {
41 this.columns.unshift({ prop: "cz", label: "操作" }); 41 this.columns.unshift({ prop: "cz", label: "操作" });
42 } 42 }
43 getDiyiqList({ 43 getDiyiqList({
44 bdcdyid: this.propsParam.bdcdyid, 44 bdcdyid: this.propsParam.bdcdyid,
45 qllx: this.propsParam.qllx, 45 qllx: this.propsParam.qllx,
46 qszt: this.checkList, 46 qszt: checkList
47 }).then((res) => { 47 }).then((res) => {
48 if (res.code === 200) { 48 if (res.code === 200) {
49 this.tableData = res.result; 49 this.tableData = res.result;
......
...@@ -5,37 +5,37 @@ ...@@ -5,37 +5,37 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djbfm"> 7 <div class="djbfm">
8 <el-button class="print" v-print="printObj">打印</el-button> 8 <el-button class="print" v-print="printObj">打印</el-button>
9 <div class="fm" id="box"> 9 <div class="fm" id="box">
10 <p>
11 <font style="">{{ info.sheng }}</font>
12 省 (区、市)
13 <font>{{ info.shi }}</font>
14 市 (区)
15 <font>{{ info.xian }}</font>
16 区 (县、市)
17 </p>
18 <p>
19 <font>{{ info.jdh }}</font>
20 街道 (乡、镇)
21 <font>{{ info.jfh }}</font>
22 街坊 (村)
23 <font>{{ info.zh }}</font>
24 组
25 </p>
26 <div class="title">不动产登记簿</div>
27 <p>
28 宗地/宗海号:
29 <font>{{ info.zddm }}</font>
30 </p>
31 <div class="bottom">
32 <p> 10 <p>
33 登记机构: 11 <font style="">{{ info.sheng }}</font>
34 <font>{{ info.djjg }}</font> 12 省 (区、市)
13 <font>{{ info.shi }}</font>
14 市 (区)
15 <font>{{ info.xian }}</font>
16 区 (县、市)
35 </p> 17 </p>
18 <p>
19 <font>{{ info.jdh }}</font>
20 街道 (乡、镇)
21 <font>{{ info.jfh }}</font>
22 街坊 (村)
23 <font>{{ info.zh }}</font>
24 组
25 </p>
26 <div class="title">不动产登记簿</div>
27 <p>
28 宗地/宗海号:
29 <font>{{ info.zddm }}</font>
30 </p>
31 <div class="bottom">
32 <p>
33 登记机构:
34 <font>{{ info.djjg }}</font>
35 </p>
36 </div>
36 </div> 37 </div>
37 </div> 38 </div>
38 </div>
39 39
40 </template> 40 </template>
41 41
...@@ -45,10 +45,10 @@ ...@@ -45,10 +45,10 @@
45 export default { 45 export default {
46 data () { 46 data () {
47 return { 47 return {
48 printObj: { 48 printObj: {
49 id: "box", 49 id: "box",
50 //其他配置项， 50 //其他配置项，
51 }, 51 },
52 //传递参数 52 //传递参数
53 propsParam: this.$attrs, 53 propsParam: this.$attrs,
54 info: {}, 54 info: {},
...@@ -78,58 +78,55 @@ ...@@ -78,58 +78,55 @@
78 width: 100%; 78 width: 100%;
79 height: 100%; 79 height: 100%;
80 position: relative; 80 position: relative;
81 .print{ 81 .print {
82 // background-color: #0079fe; 82 // background-color: #0079fe;
83 z-index: 10; 83 z-index: 10;
84 position: absolute; 84 position: absolute;
85 left: 11px; 85 left: 11px;
86 top: 5px; 86 top: 5px;
87 87 }
88
89 }
90
91 } 88 }
92 .fm{ 89 .fm {
93 width: 100%; 90 width: 100%;
94 height: 100%; 91 height: 100%;
95 background: #fff; 92 background: #fff;
96 line-height: 45px; 93 line-height: 45px;
97 text-align: center; 94 text-align: center;
98 font-size: 18px; 95 font-size: 18px;
99 font-family: serif; 96 font-family: serif;
100 } 97 }
101 font { 98 font {
102 border-bottom: 1px solid #000; 99 border-bottom: 1px solid #000;
103 display: inline-block; 100 display: inline-block;
104 padding: 0 15px; 101 padding: 0 15px;
105 line-height: 16px; 102 line-height: 16px;
106 } 103 }
107 104
108 .title { 105 .title {
109 height: 40%; 106 height: 40%;
110 display: flex; 107 display: flex;
111 font-size: 38px; 108 font-size: 38px;
112 color: #000; 109 color: #000;
113 justify-content: center; 110 justify-content: center;
114 align-items: center; 111 align-items: center;
115 } 112 }
116 113
117 .bottom { 114 .bottom {
118 position: absolute; 115 position: absolute;
119 bottom: 0px; 116 bottom: 0px;
120 text-align: center; 117 text-align: center;
121 width: 100%; 118 width: 100%;
122 left: 0; 119 left: 0;
123 height: 100px; 120 height: 100px;
124 line-height: 100px; 121 line-height: 100px;
125 122
126 p { 123 p {
127 font-size: 28px; 124 font-size: 28px;
128 } 125 }
129 126
130 font { 127 font {
131 font-size: 24px; 128 font-size: 24px;
132 line-height: 24px; 129 line-height: 24px;
133 }
134 } 130 }
131 }
135 </style> 132 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-18 15:01:13 4 * @LastEditTime: 2023-09-22 09:49:44
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -39,14 +39,14 @@ ...@@ -39,14 +39,14 @@
39 * @description: loadData 39 * @description: loadData
40 * @author: miaofang 40 * @author: miaofang
41 */ 41 */
42 loadData () { 42 loadData (checkList = []) {
43 if (this.$parent.addRepairRecord) { 43 if (this.$parent.addRepairRecord) {
44 this.columns.unshift({ prop: "cz", label: "操作" }); 44 this.columns.unshift({ prop: "cz", label: "操作" });
45 } 45 }
46 getFdcq2List({ 46 getFdcq2List({
47 bdcdyid: this.propsParam.bdcdyid, 47 bdcdyid: this.propsParam.bdcdyid,
48 qllx: this.propsParam.qllx, 48 qllx: this.propsParam.qllx,
49 qszt: this.checkList, 49 qszt: checkList
50 }).then((res) => { 50 }).then((res) => {
51 if (res.code === 200) { 51 if (res.code === 200) {
52 this.tableData = res.result; 52 this.tableData = res.result;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-18 13:43:36 4 * @LastEditTime: 2023-09-22 09:49:31
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -40,11 +40,11 @@ ...@@ -40,11 +40,11 @@
40 this.loadData(); 40 this.loadData();
41 }, 41 },
42 methods: { 42 methods: {
43 loadData () { 43 loadData (checkList = []) {
44 getJsydsyqList({ 44 getJsydsyqList({
45 bdcdyid: this.propsParam.bdcdyid, 45 bdcdyid: this.propsParam.bdcdyid,
46 qllx: this.propsParam.qllx, 46 qllx: this.propsParam.qllx,
47 qszt: this.checkList, 47 qszt: checkList
48 }).then((res) => { 48 }).then((res) => {
49 if (res.code === 200) { 49 if (res.code === 200) {
50 this.tableData = res.result; 50 this.tableData = res.result;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-18 13:44:04 4 * @LastEditTime: 2023-09-22 09:53:54
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 this.loadData(); 40 this.loadData();
41 }, 41 },
42 methods: { 42 methods: {
43 loadData () { 43 loadData (checkList = []) {
44 if (this.$parent.addRepairRecord) { 44 if (this.$parent.addRepairRecord) {
45 this.columns.unshift({ 45 this.columns.unshift({
46 prop: "cz", 46 prop: "cz",
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
50 getLqList({ 50 getLqList({
51 bdcdyid: this.propsParam.bdcdyid, 51 bdcdyid: this.propsParam.bdcdyid,
52 qllx: this.propsParam.qllx, 52 qllx: this.propsParam.qllx,
53 qszt: this.checkList, 53 qszt: checkList
54 }).then((res) => { 54 }).then((res) => {
55 if (res.code === 200) { 55 if (res.code === 200) {
56 this.tableData = res.result; 56 this.tableData = res.result;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-18 13:44:35 4 * @LastEditTime: 2023-09-22 09:53:31
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 this.loadData(); 46 this.loadData();
47 }, 47 },
48 methods: { 48 methods: {
49 loadData () { 49 loadData (checkList = []) {
50 if (this.$parent.addRepairRecord) { 50 if (this.$parent.addRepairRecord) {
51 this.columns.unshift({ 51 this.columns.unshift({
52 prop: "cz", 52 prop: "cz",
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
56 getNydsyqList({ 56 getNydsyqList({
57 bdcdyid: this.propsParam.bdcdyid, 57 bdcdyid: this.propsParam.bdcdyid,
58 qllx: this.propsParam.qllx, 58 qllx: this.propsParam.qllx,
59 qszt: this.checkList, 59 qszt: checkList
60 }).then((res) => { 60 }).then((res) => {
61 if (res.code === 200) { 61 if (res.code === 200) {
62 this.tableData = res.result; 62 this.tableData = res.result;
...@@ -68,13 +68,13 @@ ...@@ -68,13 +68,13 @@
68 this.emptycolNum = 68 this.emptycolNum =
69 datas.columns().emptycolNum - this.tableData.length; 69 datas.columns().emptycolNum - this.tableData.length;
70 } else { 70 } else {
71 this.emptycolNum = 0; 71 this.emptycolNum = 0
72 } 72 }
73 } 73 }
74 }); 74 })
75 } 75 }
76 } 76 }
77 }; 77 }
78 </script> 78 </script>
79 79
80 <style lang="scss" scoped> 80 <style lang="scss" scoped>
......
...@@ -60,7 +60,8 @@ ...@@ -60,7 +60,8 @@
60 top: 0px; 60 top: 0px;
61 z-index: 3; 61 z-index: 3;
62 margin-top: -2px; 62 margin-top: -2px;
63 &:after{ 63
64 &:after {
64 content: ""; 65 content: "";
65 display: inline-block; 66 display: inline-block;
66 width: 100%; 67 width: 100%;
...@@ -77,7 +78,8 @@ ...@@ -77,7 +78,8 @@
77 position: sticky; 78 position: sticky;
78 top: 40px; 79 top: 40px;
79 z-index: 3; 80 z-index: 3;
80 &:after{ 81
82 &:after {
81 content: ""; 83 content: "";
82 display: inline-block; 84 display: inline-block;
83 width: 100%; 85 width: 100%;
...@@ -102,7 +104,8 @@ ...@@ -102,7 +104,8 @@
102 left: 0; 104 left: 0;
103 z-index: 2; 105 z-index: 2;
104 margin-left: -2px; 106 margin-left: -2px;
105 &:before{ 107
108 &:before {
106 content: ""; 109 content: "";
107 display: inline-block; 110 display: inline-block;
108 width: 2px; 111 width: 2px;
...@@ -113,7 +116,8 @@ ...@@ -113,7 +116,8 @@
113 left: -2px; 116 left: -2px;
114 z-index: 3; 117 z-index: 3;
115 } 118 }
116 &:after{ 119
120 &:after {
117 content: ""; 121 content: "";
118 display: inline-block; 122 display: inline-block;
119 width: 2px; 123 width: 2px;
...@@ -228,11 +232,12 @@ ...@@ -228,11 +232,12 @@
228 min-width: 340px; 232 min-width: 340px;
229 z-index: 1; 233 z-index: 1;
230 } 234 }
231 td:first-child{ 235
236 td:first-child {
232 flex: inherit !important; 237 flex: inherit !important;
233 // width: 200px !important; 238 // min-width: 180px !important;
234 min-width: 180px !important;
235 } 239 }
240
236 >tr:nth-child(odd) td { 241 >tr:nth-child(odd) td {
237 background: #f2f2f2; 242 background: #f2f2f2;
238 } 243 }
...@@ -258,4 +263,4 @@ ...@@ -258,4 +263,4 @@
258 margin-left: 2px; 263 margin-left: 2px;
259 } 264 }
260 } 265 }
261 } 266 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-18 13:45:03 4 * @LastEditTime: 2023-09-22 09:53:19
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
36 this.loadData(); 36 this.loadData();
37 }, 37 },
38 methods: { 38 methods: {
39 loadData () { 39 loadData (checkList = []) {
40 if (this.$parent.addRepairRecord) { 40 if (this.$parent.addRepairRecord) {
41 this.columns.unshift({ 41 this.columns.unshift({
42 prop: "cz", 42 prop: "cz",
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 getLqList({ 46 getLqList({
47 bdcdyid: this.propsParam.bdcdyid, 47 bdcdyid: this.propsParam.bdcdyid,
48 qllx: this.propsParam.qllx, 48 qllx: this.propsParam.qllx,
49 qszt: this.checkList, 49 qszt: checkList
50 }).then((res) => { 50 }).then((res) => {
51 if (res.code === 200) { 51 if (res.code === 200) {
52 this.tableData = res.result; 52 this.tableData = res.result;
......
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
44 * @description: loadData 44 * @description: loadData
45 * @author: miaofang 45 * @author: miaofang
46 */ 46 */
47 loadData () { 47 loadData (checkList = []) {
48 if (this.$parent.addRepairRecord) { 48 if (this.$parent.addRepairRecord) {
49 this.columns.unshift({ 49 this.columns.unshift({
50 prop: "cz", 50 prop: "cz",
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
54 getTdsyqList({ 54 getTdsyqList({
55 bdcdyid: this.propsParam.bdcdyid, 55 bdcdyid: this.propsParam.bdcdyid,
56 qllx: this.propsParam.qllx, 56 qllx: this.propsParam.qllx,
57 qszt: this.checkList, 57 qszt: checkList
58 }).then((res) => { 58 }).then((res) => {
59 if (res.code === 200) { 59 if (res.code === 200) {
60 this.tableData = res.result; 60 this.tableData = res.result;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-18 13:40:33 4 * @LastEditTime: 2023-09-22 09:52:50
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
36 this.loadData(); 36 this.loadData();
37 }, 37 },
38 methods: { 38 methods: {
39 loadData () { 39 loadData (checkList = []) {
40 // 判断是否在登记簿补录调的子页面 40 // 判断是否在登记簿补录调的子页面
41 if (this.$parent.addRepairRecord) { 41 if (this.$parent.addRepairRecord) {
42 this.columns.unshift({ 42 this.columns.unshift({
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 getYgdjList({ 47 getYgdjList({
48 bdcdyid: this.propsParam.bdcdyid, 48 bdcdyid: this.propsParam.bdcdyid,
49 qllx: this.propsParam.qllx, 49 qllx: this.propsParam.qllx,
50 qszt: this.checkList, 50 qszt: checkList
51 }).then((res) => { 51 }).then((res) => {
52 if (res.code === 200) { 52 if (res.code === 200) {
53 this.tableData = res.result; 53 this.tableData = res.result;
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
60 this.emptycolNum = 60 this.emptycolNum =
61 datas.columns().emptycolNum - this.tableData.length; 61 datas.columns().emptycolNum - this.tableData.length;
62 } else { 62 } else {
63 this.emptycolNum = 0; 63 this.emptycolNum = 0
64 } 64 }
65 } 65 }
66 }) 66 })
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-18 15:06:35 4 * @LastEditTime: 2023-09-22 09:52:37
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
36 this.loadData(); 36 this.loadData();
37 }, 37 },
38 methods: { 38 methods: {
39 loadData () { 39 loadData (checkList = []) {
40 if (this.$parent.addRepairRecord) { 40 if (this.$parent.addRepairRecord) {
41 this.columns.unshift({ 41 this.columns.unshift({
42 prop: "cz", 42 prop: "cz",
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 getYydjList({ 46 getYydjList({
47 bdcdyid: this.propsParam.bdcdyid, 47 bdcdyid: this.propsParam.bdcdyid,
48 qllx: this.propsParam.qllx, 48 qllx: this.propsParam.qllx,
49 qszt: this.checkList, 49 qszt: checkList
50 }).then((res) => { 50 }).then((res) => {
51 if (res.code === 200) { 51 if (res.code === 200) {
52 this.tableData = res.result; 52 this.tableData = res.result;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-20 16:07:43 4 * @LastEditTime: 2023-09-21 16:42:53
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox 7 <dialogBox
...@@ -543,7 +543,7 @@ ...@@ -543,7 +543,7 @@
543 cancelButtonText: '取消', 543 cancelButtonText: '取消',
544 }).then(() => { 544 }).then(() => {
545 replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => { 545 replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => {
546 that.$emit("updateDetail", _.cloneDeep(val)); 546 that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
547 that.$emit("input", false); 547 that.$emit("input", false);
548 if (res.code == 200) { 548 if (res.code == 200) {
549 that.$message({ 549 that.$message({
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-19 14:04:13 4 * @LastEditTime: 2023-09-22 10:09:05
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> 7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
...@@ -224,18 +224,18 @@ ...@@ -224,18 +224,18 @@
224 arr.push(currentLine); 224 arr.push(currentLine);
225 if (i > 0) { 225 if (i > 0) {
226 arr.forEach((line, index) => { 226 arr.forEach((line, index) => {
227 context.fillText(line, 129, 490 + (26 * (i - 1)) + 4 * num + (index * 14)); // 调整行高 227 context.fillText(line, 129, 485 + (24 * (i - 1)) + 4 * num + (index * 14)); // 调整行高
228 }) 228 })
229 } else { 229 } else {
230 arr.forEach((line, index) => { 230 arr.forEach((line, index) => {
231 context.fillText(line, 129, 500 + (26 * (i - 1)) + (index * 14)); // 调整行高 231 context.fillText(line, 129, 495 + (26 * (i - 1)) + (index * 14)); // 调整行高
232 }) 232 })
233 } 233 }
234 } else { 234 } else {
235 if (i > 0) { 235 if (i > 0) {
236 context.fillText(lines[i] ? lines[i] : '', 129, 500 + 4 * num + (24 * (i - 1))); 236 context.fillText(lines[i] ? lines[i] : '', 129, 495 + 4 * num + (24 * (i - 1)));
237 } else { 237 } else {
238 context.fillText(lines[i] ? lines[i] : '', 129, 505 + (24 * (i - 1))); 238 context.fillText(lines[i] ? lines[i] : '', 129, 500 + (24 * (i - 1)));
239 } 239 }
240 } 240 }
241 } 241 }
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-14 16:59:38 4 * @LastEditTime: 2023-09-21 16:18:47
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -39,17 +39,6 @@ class data extends filter { ...@@ -39,17 +39,6 @@ class data extends filter {
39 <div> 39 <div>
40 <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> 40 <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
41 <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> 41 <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
42 {/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
43 <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
44 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
45 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
46 <span v-show={scope.row.cfzt == 1}>,已查封</span>
47 <span v-show={scope.row.diyizt == 1}>,已地役</span>
48 <span v-show={scope.row.yyzt == 1}>,异议中</span>
49 <span v-show={scope.row.xzzt == 1}>,已限制</span>
50 <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
51 <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
52 <span v-show={scope.row.dyzt == 1}>,已抵押</span> */}
53 </div> 42 </div>
54 ) 43 )
55 } 44 }
...@@ -72,7 +61,7 @@ class data extends filter { ...@@ -72,7 +61,7 @@ class data extends filter {
72 label: "权利性质", 61 label: "权利性质",
73 }, 62 },
74 { 63 {
75 prop: "mj", 64 prop: "zdmj",
76 label: "面积(㎡)", 65 label: "面积(㎡)",
77 }, 66 },
78 { 67 {
...@@ -80,7 +69,7 @@ class data extends filter { ...@@ -80,7 +69,7 @@ class data extends filter {
80 label: "权利设定方式", 69 label: "权利设定方式",
81 }, 70 },
82 { 71 {
83 prop: "ytmc", 72 prop: "showTdyt",
84 label: "土地用途", 73 label: "土地用途",
85 }, 74 },
86 { 75 {
......