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
Inline Side-by-side
Showing 28 changed files with 1502 additions and 1141 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 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:39:47 4 * @LastEditTime: 2023-09-21 16:03:36
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox 7 <dialogBox
8 title="权利人信息" 8 title="权利人信息"
9 width="60%" 9 width="75%"
10 isMain 10 isMain
11 v-model="myValue" 11 v-model="myValue"
12 :isFullscreen="false" 12 :isFullscreen="false"
13 @submitForm="submitForm" 13 @submitForm="submitForm"
14 @closeDialog="closeDialog" 14 @closeDialog="closeDialog"
15 :isButton="showButton" 15 :isButton="isShow">
16 > 16 <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header">
17 <el-tab-pane label="基本信息" name="1"></el-tab-pane>
18 <el-tab-pane label="企业信息" v-if="showButton" name="2"></el-tab-pane>
19 <el-tab-pane label="银行机构" v-if="showButton" name="3"></el-tab-pane>
20 </el-tabs>
21
17 <el-form 22 <el-form
18 :model="ruleForm" 23 :model="ruleForm"
24 v-if="activeName==1"
19 :rules="rules" 25 :rules="rules"
20 ref="ruleForm" 26 ref="ruleForm"
21 label-width="120px" 27 label-width="120px">
22 > 28 <el-form-item label="身份证读卡器">
29 <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
30 <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
31 </el-form-item>
23 <el-row> 32 <el-row>
24 <el-col :span="8"> 33 <el-col :span="8">
25 <el-form-item label="权利人类型" prop="qlrlx"> 34 <el-form-item label="权利人类型" prop="qlrlx">
...@@ -28,56 +37,51 @@ ...@@ -28,56 +37,51 @@
28 v-model="ruleForm.qlrlx" 37 v-model="ruleForm.qlrlx"
29 class="width100" 38 class="width100"
30 :disabled="!showButton" 39 :disabled="!showButton"
31 placeholder="请选择" 40 placeholder="请选择">
32 >
33 <el-option 41 <el-option
34 v-for="item in dictData['A36']" 42 v-for="item in dictData['A36']"
35 :key="item.dcode" 43 :key="item.dcode"
36 :label="item.dname" 44 :label="item.dname"
37 :value="item.dcode" 45 :value="item.dcode">
38 >
39 </el-option> 46 </el-option>
40 </el-select> 47 </el-select>
41 </el-form-item> 48 </el-form-item>
42 </el-col> 49 </el-col>
43 <el-col :span="8"> 50 <el-col :span="8">
44 <el-form-item label="姓名/名称" prop="qlrmc"> 51 <el-form-item label="姓名/名称" prop="qlrmc">
45 <el-input 52 <el-input
46 v-model="ruleForm.qlrmc" 53 v-model="ruleForm.qlrmc"
47 maxlegth="15" 54 maxlegth="15"
48 :disabled="!showButton" 55 :disabled="!showButton"></el-input>
49 ></el-input>
50 </el-form-item> 56 </el-form-item>
51 </el-col> 57 </el-col>
52 <el-col :span="8"> 58 <el-col :span="8">
53 <el-form-item label="证件种类" prop="zjzl"> 59 <el-form-item label="证件种类" prop="zjzl">
54 <el-select 60 <el-select
55 clearable 61 clearable
56 v-model="ruleForm.zjzl" 62 v-model="ruleForm.zjzl"
57 :disabled="!showButton" 63 :disabled="!showButton"
58 class="width100" 64 class="width100"
59 placeholder="请选择" 65 @change="handleZjzl"
60 > 66 placeholder="请选择">
61 <el-option 67 <el-option
62 v-for="item in dictData['A30']" 68 v-for="item in dictData['A30']"
63 :key="item.dcode" 69 :key="item.dcode"
64 :label="item.dname" 70 :label="item.dname"
65 :value="item.dcode" 71 :value="item.dcode">
66 >
67 </el-option> 72 </el-option>
68 </el-select> 73 </el-select>
69 </el-form-item> 74 </el-form-item>
70 </el-col> 75 </el-col>
71 </el-row> 76 </el-row>
72 <el-row> 77 <el-row>
73 <el-col :span="8"> 78 <el-col :span="8">
74 <el-form-item label="证件号" prop="zjh"> 79 <el-form-item label="证件号" prop="zjh">
75 <el-input 80 <el-input
76 v-model="ruleForm.zjh" 81 v-model="ruleForm.zjh"
77 :disabled="!showButton" 82 :disabled="!showButton"
78 maxlength="18" 83 maxlength="18"
79 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" 84 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
80 ></el-input>
81 </el-form-item> 85 </el-form-item>
82 </el-col> 86 </el-col>
83 <el-col :span="8"> 87 <el-col :span="8">
...@@ -86,8 +90,7 @@ ...@@ -86,8 +90,7 @@
86 v-model="ruleForm.dh" 90 v-model="ruleForm.dh"
87 :disabled="!showButton" 91 :disabled="!showButton"
88 maxlength="11" 92 maxlength="11"
89 oninput="value=value.replace(/[^\d]/g,'')" 93 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
90 ></el-input>
91 </el-form-item> 94 </el-form-item>
92 </el-col> 95 </el-col>
93 96
...@@ -96,8 +99,7 @@ ...@@ -96,8 +99,7 @@
96 <el-input 99 <el-input
97 v-model="ruleForm.qlbl" 100 v-model="ruleForm.qlbl"
98 maxlength="32" 101 maxlength="32"
99 :disabled="!showButton || this.ruleForm.gyfs == 1" 102 :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input>
100 ></el-input>
101 </el-form-item> 103 </el-form-item>
102 </el-col> 104 </el-col>
103 </el-row> 105 </el-row>
...@@ -107,8 +109,7 @@ ...@@ -107,8 +109,7 @@
107 <el-input 109 <el-input
108 v-model="ruleForm.frmc" 110 v-model="ruleForm.frmc"
109 maxlength="32" 111 maxlength="32"
110 :disabled="!showButton" 112 :disabled="!showButton"></el-input>
111 ></el-input>
112 </el-form-item> 113 </el-form-item>
113 </el-col> 114 </el-col>
114 <el-col :span="8"> 115 <el-col :span="8">
...@@ -116,8 +117,7 @@ ...@@ -116,8 +117,7 @@
116 <el-input 117 <el-input
117 v-model="ruleForm.gj" 118 v-model="ruleForm.gj"
118 maxlength="3" 119 maxlength="3"
119 :disabled="!showButton" 120 :disabled="!showButton"></el-input>
120 ></el-input>
121 </el-form-item> 121 </el-form-item>
122 </el-col> 122 </el-col>
123 <el-col :span="8"> 123 <el-col :span="8">
...@@ -125,8 +125,7 @@ ...@@ -125,8 +125,7 @@
125 <el-input 125 <el-input
126 v-model="ruleForm.hjszss" 126 v-model="ruleForm.hjszss"
127 maxlength="3" 127 maxlength="3"
128 :disabled="!showButton" 128 :disabled="!showButton"></el-input>
129 ></el-input>
130 </el-form-item> 129 </el-form-item>
131 </el-col> 130 </el-col>
132 </el-row> 131 </el-row>
...@@ -137,8 +136,7 @@ ...@@ -137,8 +136,7 @@
137 <el-input 136 <el-input
138 v-model="ruleForm.dz" 137 v-model="ruleForm.dz"
139 maxlength="100" 138 maxlength="100"
140 :disabled="!showButton" 139 :disabled="!showButton"></el-input>
141 ></el-input>
142 </el-form-item> 140 </el-form-item>
143 </el-col> 141 </el-col>
144 </el-row> 142 </el-row>
...@@ -149,8 +147,7 @@ ...@@ -149,8 +147,7 @@
149 <el-input 147 <el-input
150 v-model="ruleForm.fzjg" 148 v-model="ruleForm.fzjg"
151 maxlength="10" 149 maxlength="10"
152 :disabled="!showButton" 150 :disabled="!showButton"></el-input>
153 ></el-input>
154 </el-form-item> 151 </el-form-item>
155 </el-col> 152 </el-col>
156 <el-col :span="8"> 153 <el-col :span="8">
...@@ -158,8 +155,7 @@ ...@@ -158,8 +155,7 @@
158 <el-input 155 <el-input
159 v-model="ruleForm.dzyj" 156 v-model="ruleForm.dzyj"
160 :disabled="!showButton" 157 :disabled="!showButton"
161 maxlength="25" 158 maxlength="25"></el-input>
162 ></el-input>
163 </el-form-item> 159 </el-form-item>
164 </el-col> 160 </el-col>
165 <el-col :span="8"> 161 <el-col :span="8">
...@@ -168,8 +164,7 @@ ...@@ -168,8 +164,7 @@
168 v-model.number="ruleForm.yb" 164 v-model.number="ruleForm.yb"
169 :disabled="!showButton" 165 :disabled="!showButton"
170 maxlength="6" 166 maxlength="6"
171 oninput="value=value.replace(/[^\d]/g,'')" 167 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
172 ></el-input>
173 </el-form-item> 168 </el-form-item>
174 </el-col> 169 </el-col>
175 </el-row> 170 </el-row>
...@@ -180,8 +175,7 @@ ...@@ -180,8 +175,7 @@
180 <el-input 175 <el-input
181 v-model="ruleForm.gzdw" 176 v-model="ruleForm.gzdw"
182 maxlength="32" 177 maxlength="32"
183 :disabled="!showButton" 178 :disabled="!showButton"></el-input>
184 ></el-input>
185 </el-form-item> 179 </el-form-item>
186 </el-col> 180 </el-col>
187 <el-col :span="16"> 181 <el-col :span="16">
...@@ -189,8 +183,7 @@ ...@@ -189,8 +183,7 @@
189 <el-input 183 <el-input
190 v-model="ruleForm.dlrjgmc" 184 v-model="ruleForm.dlrjgmc"
191 maxlength="32" 185 maxlength="32"
192 :disabled="!showButton" 186 :disabled="!showButton"></el-input>
193 ></el-input>
194 </el-form-item> 187 </el-form-item>
195 </el-col> 188 </el-col>
196 </el-row> 189 </el-row>
...@@ -202,8 +195,7 @@ ...@@ -202,8 +195,7 @@
202 v-model="ruleForm.dlrdhhm" 195 v-model="ruleForm.dlrdhhm"
203 :disabled="!showButton" 196 :disabled="!showButton"
204 maxlength="11" 197 maxlength="11"
205 oninput="value=value.replace(/[^\d]/g,'')" 198 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
206 ></el-input>
207 </el-form-item> 199 </el-form-item>
208 </el-col> 200 </el-col>
209 <el-col :span="8"> 201 <el-col :span="8">
...@@ -211,8 +203,7 @@ ...@@ -211,8 +203,7 @@
211 <el-input 203 <el-input
212 v-model="ruleForm.dlrxm" 204 v-model="ruleForm.dlrxm"
213 maxlength="15" 205 maxlength="15"
214 :disabled="!showButton" 206 :disabled="!showButton"></el-input>
215 ></el-input>
216 </el-form-item> 207 </el-form-item>
217 </el-col> 208 </el-col>
218 <el-col :span="8"> 209 <el-col :span="8">
...@@ -222,14 +213,12 @@ ...@@ -222,14 +213,12 @@
222 v-model="ruleForm.dlrzjlx" 213 v-model="ruleForm.dlrzjlx"
223 :disabled="!showButton" 214 :disabled="!showButton"
224 class="width100" 215 class="width100"
225 placeholder="请选择" 216 placeholder="请选择">
226 >
227 <el-option 217 <el-option
228 v-for="item in dictData['A30']" 218 v-for="item in dictData['A30']"
229 :key="item.dcode" 219 :key="item.dcode"
230 :label="item.dname" 220 :label="item.dname"
231 :value="item.dcode" 221 :value="item.dcode">
232 >
233 </el-option> 222 </el-option>
234 </el-select> 223 </el-select>
235 </el-form-item> 224 </el-form-item>
...@@ -243,14 +232,12 @@ ...@@ -243,14 +232,12 @@
243 v-model="ruleForm.xb" 232 v-model="ruleForm.xb"
244 :disabled="!showButton" 233 :disabled="!showButton"
245 class="width100" 234 class="width100"
246 placeholder="请选择" 235 placeholder="请选择">
247 >
248 <el-option 236 <el-option
249 v-for="item in dictData['A43']" 237 v-for="item in dictData['A43']"
250 :key="item.dcode" 238 :key="item.dcode"
251 :label="item.dname" 239 :label="item.dname"
252 :value="item.dcode" 240 :value="item.dcode">
253 >
254 </el-option> 241 </el-option>
255 </el-select> 242 </el-select>
256 </el-form-item> 243 </el-form-item>
...@@ -260,111 +247,408 @@ ...@@ -260,111 +247,408 @@
260 <el-input 247 <el-input
261 v-model="ruleForm.dlrzjh" 248 v-model="ruleForm.dlrzjh"
262 :disabled="!showButton" 249 :disabled="!showButton"
263 maxlength="18" 250 maxlength="18"></el-input>
264 ></el-input>
265 </el-form-item> 251 </el-form-item>
266 </el-col> 252 </el-col>
267 </el-row> 253 </el-row>
268 </el-form> 254 </el-form>
255
256 <div v-if="activeName==2" class="padding10">
257 <el-form :model="queryFormQY" label-width="80px">
258 <el-row>
259 <el-col :span="8">
260 <el-form-item label="姓名/名称">
261 <el-input placeholder="姓名/名称" v-model="queryFormQY.qymc" clearable class="width100">
262 </el-input>
263 </el-form-item>
264 </el-col>
265 <el-col :span="8">
266 <el-form-item label="证件号">
267 <el-input placeholder="证件号" v-model="queryFormQY.zjh" clearable class="width100">
268 </el-input>
269 </el-form-item>
270 </el-col>
271 <el-col :span="8" class="btnColRight">
272 <el-form-item>
273 <el-button type="primary" @click="handleSearchQY">查询</el-button>
274 </el-form-item>
275 </el-col>
276 </el-row>
277 </el-form>
278 <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8">
279 <el-table-column label="序号" type="index" width="50" align="center">
280 <template slot-scope="scope">
281 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
282 </template>
283 </el-table-column>
284 <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :width="item.width" :prop="item.prop" :label="item.label" align="center">
285 </el-table-column>
286 <el-table-column label="操作" width="50">
287 <template slot-scope="scope">
288 <el-button type="text" @click="handleSelect(scope.row)">使用</el-button>
289 </template>
290 </el-table-column>
291 </el-table>
292 <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total"
293 @current-change="handleQYCurrentChange"></el-pagination>
294 </div>
295 <div v-if="activeName==3" class="padding10">
296 <el-form :model="queryFormYH" label-width="80px">
297 <el-row>
298 <el-col :span="8">
299 <el-form-item label="姓名/名称">
300 <el-input placeholder="姓名/名称" v-model="queryFormYH.qymc" clearable class="width100">
301 </el-input>
302 </el-form-item>
303 </el-col>
304 <el-col :span="8">
305 <el-form-item label="证件号">
306 <el-input placeholder="证件号" v-model="queryFormYH.zjh" clearable class="width100">
307 </el-input>
308 </el-form-item>
309 </el-col>
310 <el-col :span="8" class="btnColRight">
311 <el-form-item>
312 <el-button type="primary" @click="handleSearchYH">查询</el-button>
313 </el-form-item>
314 </el-col>
315 </el-row>
316 </el-form>
317 <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8">
318 <el-table-column label="序号" type="index" width="50" align="center">
319 <template slot-scope="scope">
320 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
321 </template>
322 </el-table-column>
323 <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
324 </el-table-column>
325 <el-table-column label="操作" width="50">
326 <template slot-scope="scope">
327 <el-button type="text" @click="handleSelect(scope.row)">使用</el-button>
328 </template>
329 </el-table-column>
330 </el-table>
331 <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total"
332 @current-change="handleYHCurrentChange"></el-pagination>
333 </div>
269 </dialogBox> 334 </dialogBox>
270 </template> 335 </template>
271 <script> 336 <script>
272 import { mapGetters } from "vuex"; 337 import { mapGetters } from "vuex";
273 export default { 338 import store from '@/store/index.js'
274 props: { 339 import { replace } from "@/api/company.js"
275 value: { type: Boolean, default: false }, 340 import { getUuid } from "@/utils/operation.js"
276 details: { type: Object, default: {} }, 341 import { getIdCardInfo } from '@/utils/operation.js'
277 showButton: { type: Boolean, default: false }, 342 import { queryQyByPage, queryYhByPage, addQy } from "@/api/xxba.js";
278 }, 343 import { dataYh, dataQy, sendThis } from "./addQlrData";
279 computed: { 344 export default {
280 ...mapGetters(["dictData"]), 345 props: {
281 }, 346 value: { type: Boolean, default: false },
282 data() { 347 details: { type: Object, default: {} },
283 return { 348 showButton: { type: Boolean, default: false },
284 myValue: this.value,
285 ruleForm: {
286 bsmBdcqz: "",
287 bsmQlr: "",
288 bsmQlxx: "",
289 bz: "",
290 cbfbm: "",
291 dh: "",
292 dlrdhhm: "",
293 dlrjgmc: "",
294 dlrxm: "",
295 dlrzjh: "",
296 dlrzjlx: "",
297 dz: "",
298 dzyj: "",
299 fbfbm: "",
300 frdh: "",
301 frmc: "",
302 fzjg: "",
303 gj: "",
304 gzdw: "",
305 hjszss: "",
306 qlrlx: "",
307 qlrmc: "",
308 qlrtz: "",
309 sfczr: "",
310 sshy: "",
311 sxh: 0,
312 xb: "",
313 yb: "",
314 zjh: "",
315 zjzl: "",
316 },
317 rules: {
318 qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
319 qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
320 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
321 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
322 },
323 };
324 },
325 watch: {
326 value(val) {
327 this.myValue = _.cloneDeep(val);
328 }, 349 },
329 details: { 350 computed: {
330 handler: function (val, oldVal) { 351 ...mapGetters(["dictData"]),
331 this.ruleForm = val; 352 },
332 }, 353 mounted () {
333 deep: true, 354 sendThis(this);
355 },
356 data () {
357 return {
358 isShow: false,
359 isBz: false,
360 activeName: '1',
361 loading: false,
362 myValue: this.value,
363 ruleForm: {
364 bsmBdcqz: "",
365 bsmQlr: "",
366 bsmQlxx: "",
367 bz: "",
368 cbfbm: "",
369 dh: "",
370 dlrdhhm: "",
371 dlrjgmc: "",
372 dlrxm: "",
373 dlrzjh: "",
374 dlrzjlx: "",
375 dz: "",
376 dzyj: "",
377 fbfbm: "",
378 frdh: "",
379 frmc: "",
380 fzjg: "",
381 gj: "",
382 gzdw: "",
383 hjszss: "",
384 qlrlx: "",
385 qlrmc: "",
386 qlrtz: "",
387 sfczr: "",
388 sshy: "",
389 sxh: 0,
390 xb: "",
391 yb: "",
392 zjh: "",
393 zjzl: "",
394 },
395 rules: {
396 qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
397 qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
398 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
399 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
400 },
401 pageData: {
402 currentPage: 1,
403 pageSize: 8
404 },
405 // 企业
406 queryFormQY: {
407 qymc: "",
408 zjh: ""
409 },
410 tableDataQy: {
411 total: 0,
412 columns: dataQy.columns(),
413 data: [],
414 },
415 // 银行
416 queryFormYH: {
417 qymc: "",
418 zjh: ""
419 },
420 tableDataYh: {
421 total: 0,
422 columns: dataYh.columns(),
423 data: [
424 ]
425 }
426 }
334 }, 427 },
335 }, 428 watch: {
336 methods: { 429 value (val) {
337 /** 430 this.myValue = _.cloneDeep(val)
338 * @description: closeDialog 431 if (val && Object.keys(this.details).length > 0) {
339 * @author: renchao 432 this.activeName = '1'
340 */ 433 }
341 closeDialog() { 434 this.isShow = this.showButton
342 this.$emit("input", false); 435 },
343 this.$refs["ruleForm"].resetFields(); 436 details: {
437 handler: function (val, oldVal) {
438 this.ruleForm = val;
439 },
440 deep: true
441 }
344 }, 442 },
345 /** 443 methods: {
346 * @description: submitForm 444 handleZjzl (val) {
347 * @author: renchao 445 if (['6', '7', '8'].includes(val)) {
348 */ 446 this.isBz = true
349 submitForm() { 447 } else {
350 this.$refs.ruleForm.validate((valid) => { 448 this.isBz = false
351 if (valid) { 449 }
352 this.$emit("input", false); 450 },
353 this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); 451 /**
452 * @description: 信息备案
453 * @author: renchao
454 */
455 handleFilings () {
456 this.ruleForm.qymc = this.ruleForm.qlrmc
457 this.ruleForm.dwdz = this.ruleForm.dz
458 addQy(this.ruleForm).then(res => {
459 if (res.code == 200) {
460 this.$message.success('备案成功')
461 } else {
462 this.$message.error(res.message);
463 }
464 })
465 },
466 /**
467 * @description: handleClick
468 * @author: renchao
469 */
470 handleClick (event, tab) {
471 if (this.activeName != 1) {
472 this.isShow = false
354 } else { 473 } else {
355 return false; 474 this.isShow = true
475 }
476 this.pageData.currentPage = 1
477 if (this.activeName == 2) {
478 this.handleSearchQY()
479 } else {
480 this.handleSearchYH()
481 }
482 },
483 /**
484 * @description:企业查询
485 * @param {*} val
486 * @param {*} code
487 * @author: renchao
488 */
489 dicStatus (val, code) {
490 let data = store.getters.dictData[code],
491 name = '暂无'
492 if (data) {
493 data.map((item) => {
494 if (item.dcode == val) {
495 name = item.dname
496 }
497 })
498 return name
356 } 499 }
357 }); 500 },
501 /**
502 * @description: 企业信息搜索
503 * @author: renchao
504 */
505 handleSearchQY () {
506 let data = { ...this.queryFormQY, ...this.pageData }
507 this.tableDataQy.data = []
508 queryQyByPage(data).then((res) => {
509 if (res.code === 200) {
510 let { total, records } = res.result;
511 this.tableDataQy.total = total;
512 this.tableDataQy.data = records;
513 this.tableDataQy.data.forEach(item => {
514 item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
515 item.qlrmc = item.qymc
516 item.dz = item.dwdz
517 item.id = getUuid(16)
518 })
519 }
520 })
521 },
522 /**
523 * @description: handleQYCurrentChange
524 * @param {*} val
525 * @author: renchao
526 */
527 handleQYCurrentChange (val) {
528 this.pageData.currentPage = val
529 this.handleSearchQY()
530 },
531 /**
532 * @description: handlesQYSelect
533 * @param {*} val
534 * @author: renchao
535 */
536 handleSelect (val) {
537 let that = this
538 let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : ''
539 this.$confirm('是否同步材料信息?', '提示', {
540 confirmButtonText: '确定',
541 cancelButtonText: '取消',
542 }).then(() => {
543 replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => {
544 that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
545 that.$emit("input", false);
546 if (res.code == 200) {
547 that.$message({
548 type: 'success',
549 message: '同步成功!'
550 })
551 } else {
552 this.$message.error(res.message);
553 }
554 })
555 }).catch(() => {
556 this.$message({
557 type: 'info',
558 message: '已取消'
559 })
560 })
561 },
562 /**
563 * @description: 银行信息搜索
564 * @author: renchao
565 */
566 handleSearchYH () {
567 let data = { ...this.queryFormYH, ...this.pageData }
568 this.tableDataYh.data = []
569 queryYhByPage(data).then((res) => {
570 if (res.code === 200) {
571 let { total, records } = res.result;
572 this.tableDataYh.total = total;
573 this.tableDataYh.data = records;
574 this.tableDataYh.data.forEach(item => {
575 item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
576 item.qlrmc = item.qymc
577 item.dz = item.dwdz
578 item.id = getUuid(16)
579 })
580 }
581 })
582 },
583 /**
584 * @description: handleYHCurrentChange
585 * @param {*} val
586 * @author: renchao
587 */
588 handleYHCurrentChange (val) {
589 this.pageData.currentPage = val
590 this.handleSearchQY()
591 },
592 /**
593 * @description: 身份证打卡器
594 * @author: renchao
595 */
596 readClick () {
597 getIdCardInfo().then(res => {
598 if (res.data.code == 0) {
599 let data = res.data.IDCardInfo
600 this.ruleForm.qlrmc = data.name
601 this.ruleForm.zjzl = '1'
602 this.ruleForm.zjh = data.cardID
603 this.ruleForm.xb = data.sexCode
604 this.ruleForm.dz = data.address
605 this.ruleForm.fzjg = data.issueOrgan
606 this.$message({
607 message: '读取成功！',
608 type: 'success'
609 })
610 } else {
611 this.$message({
612 message: res.data.message,
613 type: 'warning'
614 })
615 }
616 })
617 },
618 /**
619 * @description: closeDialog
620 * @author: renchao
621 */
622 closeDialog () {
623 this.$emit("input", false);
624 this.$refs["ruleForm"].resetFields();
625 },
626 /**
627 * @description: submitForm
628 * @author: renchao
629 */
630 submitForm () {
631 this.$refs.ruleForm.validate((valid) => {
632 if (valid) {
633 this.$emit("input", false);
634 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
635 } else {
636 return false;
637 }
638 });
639 },
358 }, 640 },
359 }, 641 };
360 };
361 </script> 642 </script>
362 <style scoped lang="scss"> 643 <style scoped lang="scss">
363 @import "~@/styles/dialogBoxheader.scss"; 644 @import "~@/styles/dialogBoxheader.scss";
364 .submit-button { 645 .submit-button {
365 text-align: center; 646 text-align: center;
366 height: 52px; 647 height: 52px;
367 padding-top: 10px; 648 padding-top: 10px;
368 background-color: #fff; 649 background-color: #fff;
369 } 650 }
651 .padding10 {
652 padding-bottom: 10px;
653 }
370 </style> 654 </style>
......
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;
......
...@@ -14,17 +14,15 @@ ...@@ -14,17 +14,15 @@
14 :default-expand-all="true" 14 :default-expand-all="true"
15 :expand-on-click-node="false" 15 :expand-on-click-node="false"
16 node-key="id" 16 node-key="id"
17 :default-checked-keys="[showTab]" 17 :default-checked-keys="[showTab]">
18 >
19 </el-tree> 18 </el-tree>
20 <el-collapse v-model="activeName" accordion> 19 <el-collapse v-model="activeName" accordion>
21 <el-collapse-item 20 <el-collapse-item
22 class="sfqqq" 21 class="sfqqq"
23 ref="sfq" 22 ref="sfq"
24 v-for="(item, index) in sfqdata" 23 v-for="(item, index) in sfqdata"
25 :key="index" 24 :key="index"
26 :name="index" 25 :name="index">
27 >
28 <template slot="title"> 26 <template slot="title">
29 <span class="text" @click="tap(item)"> 27 <span class="text" @click="tap(item)">
30 <span> 28 <span>
...@@ -32,13 +30,12 @@ ...@@ -32,13 +30,12 @@
32 </span> 30 </span>
33 </span> 31 </span>
34 </template> 32 </template>
35 <p 33 <p
36 v-for="(item, index) in item.children" 34 v-for="(item, index) in item.children"
37 :re="item" 35 :re="item"
38 :key="index" 36 :key="index"
39 :class="[isActive == index ? activeCls : '', errorCls]" 37 :class="[isActive == index ? activeCls : '', errorCls]"
40 @click="taplist(item, index)" 38 @click="taplist(item, index)">
41 >
42 <span> 39 <span>
43 {{ item.label }} 40 {{ item.label }}
44 </span> 41 </span>
...@@ -53,130 +50,129 @@ ...@@ -53,130 +50,129 @@
53 <component 50 <component
54 :is="componentTag" 51 :is="componentTag"
55 @getBdcdyh="getBdcdyh" 52 @getBdcdyh="getBdcdyh"
56 v-bind="currentSelectProps" 53 v-bind="currentSelectProps" />
57 />
58 </div> 54 </div>
59 </div> 55 </div>
60 </template> 56 </template>
61 <script> 57 <script>
62 import { getBdcqljqtsx } from "@/api/djbDetail.js"; 58 import { getBdcqljqtsx } from "@/api/djbDetail.js";
63 import { loadTreeData,loadsfqData, getNode } from "./djbFrameData.js"; 59 import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
64 import { searchTaskToDo } from "@/api/workflow/search.js"; 60 import { searchTaskToDo } from "@/api/workflow/search.js";
65 import { leftMenu } from "@/api/workFlow.js"; 61 import { leftMenu } from "@/api/workFlow.js";
66 export default { 62 export default {
67 data() { 63 data () {
68 return { 64 return {
69 //接收参数 65 //接收参数
70 // propsParam: this.$attrs, 66 // propsParam: this.$attrs,
71 //左侧目录 67 //左侧目录
72 catalog: {}, 68 catalog: {},
73 //选择加载哪一个组件 69 //选择加载哪一个组件
74 componentTag: "", 70 componentTag: "",
75 //子组件接收参数 71 //子组件接收参数
76 currentSelectProps: {}, 72 currentSelectProps: {},
77 //左侧树形结构数据 73 //左侧树形结构数据
78 treedata: [], 74 treedata: [],
79 sfqdata: [], 75 sfqdata: [],
80 keyy: "", 76 keyy: "",
81 iskey: "", 77 iskey: "",
82 activeName: 0, 78 activeName: 0,
83 // 查询参数 79 // 查询参数
84 queryForm: {}, 80 queryForm: {},
85 81
86 defaultNode: "", 82 defaultNode: "",
87 isActive: "", 83 isActive: "",
88 activeCls: "select", 84 activeCls: "select",
89 errorCls: "unselected", 85 errorCls: "unselected",
90 defaultProps: { 86 defaultProps: {
91 value: "id", 87 value: "id",
92 children: "children", 88 children: "children",
93 label: "label", 89 label: "label",
94 }, 90 },
95 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 91 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
96 };
97 },
98 mounted() {
99 this.getdata();
100 },
101 methods: {
102 // 截取字符的方法
103 /**
104 * @description: 截取字符的方法
105 * @param {*} obj
106 * @author: renchao
107 */
108 getCaption(obj) {
109 let index = obj.lastIndexOf("=");
110 obj = obj.substring(index + 1, obj.length);
111 return obj;
112 },
113 // 通过不动产业务号获取参数
114 /**
115 * @description: 通过不动产业务号获取参数
116 * @author: renchao
117 */
118 getdata() {
119 this.queryForm = {
120 bdcdyh: this.getCaption(window.location.href),
121 currentPage: 1,
122 djlx: "",
123 pageSize: 10,
124 qllx: "",
125 ywh: "",
126 ywly: "",
127 }; 92 };
128 if (this.queryForm) {
129 this.$startLoading();
130 searchTaskToDo({
131 ...this.queryForm,
132 }).then((res) => {
133 if (res.code === 200) {
134 let { records } = res.result;
135
136 this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
137 this.$endLoading();
138 }
139 });
140 }
141 }, 93 },
94 mounted () {
95 this.getdata();
96 },
97 methods: {
98 // 截取字符的方法
99 /**
100 * @description: 截取字符的方法
101 * @param {*} obj
102 * @author: renchao
103 */
104 getCaption (obj) {
105 let index = obj.lastIndexOf("=");
106 obj = obj.substring(index + 1, obj.length);
107 return obj;
108 },
109 // 通过不动产业务号获取参数
110 /**
111 * @description: 通过不动产业务号获取参数
112 * @author: renchao
113 */
114 getdata () {
115 this.queryForm = {
116 bdcdyh: this.getCaption(window.location.href),
117 currentPage: 1,
118 djlx: "",
119 pageSize: 10,
120 qllx: "",
121 ywh: "",
122 ywly: "",
123 };
124 if (this.queryForm) {
125 this.$startLoading();
126 searchTaskToDo({
127 ...this.queryForm,
128 }).then((res) => {
129 if (res.code === 200) {
130 let { records } = res.result;
142 131
143 // 获取不动产信息 132 this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
144 /** 133 this.$endLoading();
145 * @description: 获取不动产信息 134 }
146 * @param {*} a 135 });
147 * @param {*} b
148 * @author: renchao
149 */
150 loadBdcdylist(a, b) {
151 var formdata = new FormData();
152 formdata.append("bsmSlsq", a);
153 formdata.append("bestepid", b);
154 leftMenu(formdata).then((res) => {
155 if (res.code === 200) {
156 if (res.result) {
157 this.currentSelectProps = res.result[0];
158 this.loadData(this.currentSelectProps.bdcdyh);
159 }
160 } 136 }
161 }); 137 },
162 },
163 138
164 /** 139 // 获取不动产信息
165 * @description: getBdcdyh 140 /**
166 * @author: miaofang 141 * @description: 获取不动产信息
167 * 点击不动产单元号事件 142 * @param {*} a
168 */ 143 * @param {*} b
169 getBdcdyh(val) { 144 * @author: renchao
170 this.addloadData(val); 145 */
171 }, 146 loadBdcdylist (a, b) {
172 /** 147 var formdata = new FormData();
173 * @description: addloadData 148 formdata.append("bsmSlsq", a);
174 * @author: miaofang 149 formdata.append("bestepid", b);
175 */ 150 leftMenu(formdata).then((res) => {
176 addloadData(val) { 151 if (res.code === 200) {
177 getBdcqljqtsx({ 152 if (res.result) {
178 bdcdyid: val.bdcdyid, 153 this.currentSelectProps = res.result[0];
179 bdcdyh: val.bdcdyh, 154 this.loadData(this.currentSelectProps.bdcdyh);
155 }
156 }
157 });
158 },
159
160 /**
161 * @description: getBdcdyh
162 * @author: miaofang
163 * 点击不动产单元号事件
164 */
165 getBdcdyh (val) {
166 this.addloadData(val);
167 },
168 /**
169 * @description: addloadData
170 * @author: miaofang
171 */
172 addloadData (val) {
173 getBdcqljqtsx({
174 bdcdyid: val.bdcdyid,
175 bdcdyh: val.bdcdyh,
180 }).then((res) => { 176 }).then((res) => {
181 if (res.code === 200) { 177 if (res.code === 200) {
182 if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) { 178 if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) {
...@@ -190,34 +186,34 @@ export default { ...@@ -190,34 +186,34 @@ export default {
190 } 186 }
191 } 187 }
192 }); 188 });
193 this.currentSelectProps = { 189 this.currentSelectProps = {
194 bdcdyid: val.bdcdyid, 190 bdcdyid: val.bdcdyid,
195 bdcdyh: val.bdcdyh, 191 bdcdyh: val.bdcdyh,
196 qllx: this.currentSelectProps.qllx, 192 qllx: this.currentSelectProps.qllx,
197 bsmQlxx: this.currentSelectProps.bsmQlxx, 193 bsmQlxx: this.currentSelectProps.bsmQlxx,
198 }; 194 };
199 }, 195 },
200 /** 196 /**
201 * @description: loadData 197 * @description: loadData
202 * @author: renchao 198 * @author: renchao
203 */ 199 */
204 loadData(val) { 200 loadData (val) {
205 getBdcqljqtsx({ 201 getBdcqljqtsx({
206 bdcdyid: this.currentSelectProps.bdcdyid, 202 bdcdyid: this.currentSelectProps.bdcdyid,
207 bdcdyh: val, 203 bdcdyh: val,
208 }).then((res) => { 204 }).then((res) => {
209 if (res.code === 200) { 205 if (res.code === 200) {
210 this.treedata = loadTreeData(val); 206 this.treedata = loadTreeData(val);
211 this.sfqdata.push( 207 this.sfqdata.push(
212 loadsfqData(res.result, val, this.currentSelectProps.bdcdyid) 208 loadsfqData(res.result, val, this.currentSelectProps.bdcdyid)
213 ); 209 );
214 this.$nextTick(function () { 210 this.$nextTick(function () {
215 this.defaultNode = getNode( 211 this.defaultNode = getNode(
216 this.currentSelectProps.qllx, 212 this.currentSelectProps.qllx,
217 { linShi: 0, xianShi: 0, liShi: 0 }, 213 { linShi: 0, xianShi: 0, liShi: 0 },
218 res.result.bdcdylx|| "" 214 res.result.bdcdylx || ""
219 ); 215 );
220 this.sfqdata[0].children.forEach((item, index) => { 216 this.sfqdata[0].children.forEach((item, index) => {
221 if (item.id == this.defaultNode.id) { 217 if (item.id == this.defaultNode.id) {
222 this.loadComponent(item.form); 218 this.loadComponent(item.form);
223 this.isActive = index; 219 this.isActive = index;
...@@ -232,31 +228,31 @@ export default { ...@@ -232,31 +228,31 @@ export default {
232 }); 228 });
233 } 229 }
234 }); 230 });
235 this.currentSelectProps = { 231 this.currentSelectProps = {
236 bdcdyid: this.currentSelectProps.bdcdyid, 232 bdcdyid: this.currentSelectProps.bdcdyid,
237 bdcdyh: this.currentSelectProps.bdcdyh, 233 bdcdyh: this.currentSelectProps.bdcdyh,
238 qllx: this.currentSelectProps.qllx, 234 qllx: this.currentSelectProps.qllx,
239 bsmQlxx: this.currentSelectProps.bsmQlxx, 235 bsmQlxx: this.currentSelectProps.bsmQlxx,
240 }; 236 };
241 }, 237 },
242 /* 238 /*
243 点击登记簿菜单 239 点击登记簿菜单
240 */
241 /**
242 * @description: 点击登记簿菜单
243 * @param {*} data
244 * @author: renchao
244 */ 245 */
245 /** 246 handleNodeClick (data) {
246 * @description: 点击登记簿菜单 247 this.loadComponent(data.form);
247 * @param {*} data 248 },
248 * @author: renchao
249 */
250 handleNodeClick(data) {
251 this.loadComponent(data.form);
252 },
253 249
254 /** 250 /**
255 * @description: setstyle 251 * @description: setstyle
256 * @param {*} data 252 * @param {*} data
257 * @author: renchao 253 * @author: renchao
258 * 设置样式和点击定位到当前功能 254 * 设置样式和点击定位到当前功能
259 */ 255 */
260 // setstyle (newindex, index, key) { 256 // setstyle (newindex, index, key) {
261 // if (key != undefined || this.keyy == index) { 257 // if (key != undefined || this.keyy == index) {
262 // if (key != undefined) { 258 // if (key != undefined) {
...@@ -274,154 +270,154 @@ export default { ...@@ -274,154 +270,154 @@ export default {
274 // dpme.style.border = "none"; 270 // dpme.style.border = "none";
275 // } 271 // }
276 // }, 272 // },
277 /** 273 /**
278 * @description: tap 274 * @description: tap
279 * @param {*} data 275 * @param {*} data
280 * @author: renchao 276 * @author: renchao
281 * 新增列表功能 277 * 新增列表功能
282 */ 278 */
283 tap(data, index) { 279 tap (data, index) {
284 this.loadComponent(data.form); 280 this.loadComponent(data.form);
285 }, 281 },
286 /** 282 /**
287 * @description: taplist 283 * @description: taplist
288 * @param {*} data 284 * @param {*} data
289 * @author: renchao 285 * @author: renchao
290 * 新增列表功能 286 * 新增列表功能
291 */ 287 */
292 taplist(data, index) { 288 taplist (data, index) {
293 this.loadComponent(data.form); 289 this.loadComponent(data.form);
294 this.isActive = index; 290 this.isActive = index;
295 }, 291 },
296 /** 292 /**
297 * @description: loadComponent 293 * @description: loadComponent
298 * @param {*} form 294 * @param {*} form
299 * @author: renchao 295 * @author: renchao
300 */ 296 */
301 loadComponent(form) { 297 loadComponent (form) {
302 this.componentTag = (r) => 298 this.componentTag = (r) =>
303 require.ensure([], () => r(require("@/views/registerBook/" + form))); 299 require.ensure([], () => r(require("@/views/registerBook/" + form)));
300 },
304 }, 301 },
305 }, 302 };
306 };
307 </script> 303 </script>
308 <style scoped lang="scss"> 304 <style scoped lang="scss">
309 /deep/.rollTable { 305 /deep/.rollTable {
310 height: calc(120vh - 254px) !important; 306 height: calc(120vh - 254px) !important;
311 }
312
313 .content {
314 width: 100%;
315 height: 100%;
316 display: flex;
317
318 .left {
319 width: 256px;
320 height: 100%;
321 background-color: #f5f5f5;
322 color: #333;
323 border: 1px solid rgb(228, 228, 228);
324 } 307 }
325 308
326 .right { 309 .content {
327 width: calc(100% - 256px); 310 width: 100%;
328 height: 100%; 311 height: 100%;
329 // overflow-y: scroll; 312 display: flex;
330 overflow: auto; 313
331 background-color: #f5f5f5; 314 .left {
332 border: 1px solid rgb(228, 228, 228); 315 width: 256px;
316 height: 100%;
317 background-color: #f5f5f5;
318 color: #333;
319 border: 1px solid rgb(228, 228, 228);
320 }
321
322 .right {
323 width: calc(100% - 256px);
324 height: 100%;
325 // overflow-y: scroll;
326 overflow: auto;
327 background-color: #f5f5f5;
328 border: 1px solid rgb(228, 228, 228);
329 }
333 } 330 }
334 }
335 331
336 /deep/ .expanded.el-tree-node__expand-icon, 332 /deep/ .expanded.el-tree-node__expand-icon,
337 /deep/ .el-tree-node__expand-icon { 333 /deep/ .el-tree-node__expand-icon {
338 visibility: hidden; 334 visibility: hidden;
339 } 335 }
340 336
341 /deep/ .el-tree-node__content { 337 /deep/ .el-tree-node__content {
342 border: 1px solid rgb(228, 228, 228); 338 border: 1px solid rgb(228, 228, 228);
343 height: 45px; 339 height: 45px;
344 } 340 }
345 341
346 /deep/ .el-tree-node:focus > .el-tree-node__content { 342 /deep/ .el-tree-node:focus > .el-tree-node__content {
347 // background-color: #f5f5f5; 343 // background-color: #f5f5f5;
348 // color: #0079fe; 344 // color: #0079fe;
349 // border-right: 4px solid #0079fe; 345 // border-right: 4px solid #0079fe;
350 } 346 }
351 347
352 /deep/.el-tree-node { 348 /deep/.el-tree-node {
353 white-space: pre-wrap; 349 white-space: pre-wrap;
354 } 350 }
355 351
356 /deep/ .is-current > .el-tree-node__content { 352 /deep/ .is-current > .el-tree-node__content {
357 // background-color: #f5f5f5; 353 // background-color: #f5f5f5;
358 // color: #0079fe; 354 // color: #0079fe;
359 // border-right: 4px solid #0079fe; 355 // border-right: 4px solid #0079fe;
360 }
361 /deep/.el-collapse-item__header {
362 width: 100%;
363 cursor: pointer;
364 position: relative;
365 .el-collapse-item__arrow {
366 position: absolute;
367 top: 15px;
368 right: 0px;
369 } 356 }
370 align-items: center; 357 /deep/.el-collapse-item__header {
371 .text {
372 width: 100%; 358 width: 100%;
359 cursor: pointer;
360 position: relative;
361 .el-collapse-item__arrow {
362 position: absolute;
363 top: 15px;
364 right: 0px;
365 }
366 align-items: center;
367 .text {
368 width: 100%;
369 height: 45px;
370 display: inline-block;
371 span {
372 margin-left: 60px;
373 padding-top: 10px;
374 display: inline-block;
375 line-height: 15px;
376 }
377 }
373 height: 45px; 378 height: 45px;
374 display: inline-block; 379 display: inline-block;
380 line-height: 45px;
381 border: 1px solid rgb(228, 228, 228);
382 }
383 /deep/.el-collapse-item__content {
384 padding-bottom: 5px;
385 }
386 /deep/.unselected {
387 // white-space: wrap;
388 border: none;
389 cursor: pointer;
390 width: 250px;
391 height: 45px;
392 border: 1px solid rgb(228, 228, 228);
393 border-right: 4px solid #f5f5f5;
394 margin: auto;
395 text-align: center;
396 align-items: center;
375 span { 397 span {
376 margin-left: 60px; 398 width: 100%;
377 padding-top: 10px;
378 display: inline-block; 399 display: inline-block;
379 line-height: 15px; 400 justify-content: center;
401 align-items: center;
380 } 402 }
381 } 403 }
382 height: 45px;
383 display: inline-block;
384 line-height: 45px;
385 border: 1px solid rgb(228, 228, 228);
386 }
387 /deep/.el-collapse-item__content {
388 padding-bottom: 5px;
389 }
390 /deep/.unselected {
391 // white-space: wrap;
392 border: none;
393 cursor: pointer;
394 width: 250px;
395 height: 45px;
396 border: 1px solid rgb(228, 228, 228);
397 border-right: 4px solid #f5f5f5;
398 margin: auto;
399 text-align: center;
400 align-items: center;
401 span {
402 width: 100%;
403 display: inline-block;
404 justify-content: center;
405 align-items: center;
406 }
407 }
408 404
409 .select { 405 .select {
410 border: none; 406 border: none;
411 cursor: pointer; 407 cursor: pointer;
412 width: 250px; 408 width: 250px;
413 height: 45px; 409 height: 45px;
414 background-color: #f5f5f5; 410 background-color: #f5f5f5;
415 color: #0079fe; 411 color: #0079fe;
416 border-right: 4px solid #0079fe; 412 border-right: 4px solid #0079fe;
417 margin: auto; 413 margin: auto;
418 text-align: center; 414 text-align: center;
419 align-items: center;
420 span {
421 width: 100%;
422 display: inline-block;
423 justify-content: center;
424 align-items: center; 415 align-items: center;
416 span {
417 width: 100%;
418 display: inline-block;
419 justify-content: center;
420 align-items: center;
421 }
425 } 422 }
426 }
427 </style> 423 </style>
......
...@@ -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 {
......