Skip to content

bdc / bdcdj-web

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

style:权利人名称

1 parent bbdbc312
Inline Side-by-side
Showing 2 changed files with 274 additions and 3 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-30 16:14:24 4 * @LastEditTime: 2023-09-01 10:10:15
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="showButton">
16
17 <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header">
18 <el-tab-pane label="基本信息" name="1"></el-tab-pane>
19 <el-tab-pane label="个人信息备案" name="2"></el-tab-pane>
20 <el-tab-pane label="企业信息备案" name="3"></el-tab-pane>
21 </el-tabs>
22
16 <el-form 23 <el-form
24 v-if="activeName==1"
17 :model="ruleForm" 25 :model="ruleForm"
18 :rules="rules" 26 :rules="rules"
19 ref="ruleForm" 27 ref="ruleForm"
...@@ -244,12 +252,75 @@ ...@@ -244,12 +252,75 @@
244 </el-col> 252 </el-col>
245 </el-row> 253 </el-row>
246 </el-form> 254 </el-form>
255 <div v-if="activeName==2">
256 <el-form :model="queryForm">
257 <el-row>
258 <el-col :span="8">
259 <el-form-item label="证件号">
260 <el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100">
261 </el-input>
262 </el-form-item>
263 </el-col>
264 <el-col :span="8">
265 <el-form-item label="姓名/名称">
266 <el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100">
267 </el-input>
268 </el-form-item>
269 </el-col>
270 <el-col :span="8" class="btnColRight">
271 <el-form-item>
272 <el-button type="primary" @click="handleSearch">查询</el-button>
273 </el-form-item>
274 </el-col>
275 </el-row>
276 </el-form>
277 <lb-table
278 :page-size="pageData.pageSize" :calcHeight="435"
279 :current-page.sync="pageData.currentPage" :total="tableDataGr.total" @size-change="handleSizeChange"
280 @p-current-change="handleCurrentChange" :column="tableDataGr.columns"
281 :data="tableDataGr.data">
282 </lb-table>
283 </div>
284
285 <div v-if="activeName==3">
286 <el-form :model="queryForm">
287 <el-row>
288 <el-col :span="8">
289 <el-form-item label="证件号">
290 <el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100">
291 </el-input>
292 </el-form-item>
293 </el-col>
294 <el-col :span="8">
295 <el-form-item label="姓名/名称">
296 <el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100">
297 </el-input>
298 </el-form-item>
299 </el-col>
300 <el-col :span="8" class="btnColRight">
301 <el-form-item>
302 <el-button type="primary" @click="handleSearch">查询</el-button>
303 </el-form-item>
304 </el-col>
305 </el-row>
306 </el-form>
307 <lb-table
308 :page-size="pageData.pageSize" :calcHeight="435"
309 :current-page.sync="pageData.currentPage" :total="tableDataQy.total" @size-change="handleSizeChange"
310 @p-current-change="handleCurrentChange" :column="tableDataQy.columns"
311 :data="tableDataQy.data">
312 </lb-table>
313 </div>
314
247 </dialogBox> 315 </dialogBox>
248 </template> 316 </template>
249 <script> 317 <script>
250 import { mapGetters } from "vuex"; 318 import { mapGetters } from "vuex";
319 import table from "@/utils/mixin/table";
251 import { getIdCardInfo } from '@/utils/operation.js' 320 import { getIdCardInfo } from '@/utils/operation.js'
321 import { dataGr, dataQy, sendThis } from "../../javascript/addQlrData";
252 export default { 322 export default {
323 mixins: [table],
253 props: { 324 props: {
254 value: { type: Boolean, default: false }, 325 value: { type: Boolean, default: false },
255 details: { type: Object, default: {} }, 326 details: { type: Object, default: {} },
...@@ -260,6 +331,7 @@ ...@@ -260,6 +331,7 @@
260 }, 331 },
261 data () { 332 data () {
262 return { 333 return {
334 activeName: '1',
263 myValue: this.value, 335 myValue: this.value,
264 ruleForm: { 336 ruleForm: {
265 sqrlx: "", 337 sqrlx: "",
...@@ -290,7 +362,24 @@ ...@@ -290,7 +362,24 @@
290 zjzl: [{ required: true, message: "证件种类", trigger: "change" }], 362 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
291 zjh: [{ required: true, message: "证件号", trigger: "blur" }], 363 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
292 }, 364 },
293 }; 365 tableDataGr: {
366 total: 0,
367 columns: dataGr.columns(),
368 data: [],
369 },
370 queryForm: {
371 zjh: "",
372 sqrmc: ""
373 },
374 tableDataQy: {
375 total: 0,
376 columns: dataQy.columns(),
377 data: [],
378 },
379 }
380 },
381 mounted () {
382 sendThis(this);
294 }, 383 },
295 watch: { 384 watch: {
296 value (val) { 385 value (val) {
...@@ -304,6 +393,9 @@ ...@@ -304,6 +393,9 @@
304 } 393 }
305 }, 394 },
306 methods: { 395 methods: {
396 handleClick (event, tab) { },
397 handlesGrSelect () { },
398 handleSearch () { },
307 /** 399 /**
308 * @description: 身份证打卡器 400 * @description: 身份证打卡器
309 * @param {*} row 401 * @param {*} row
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-29 13:09:45
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 label: '序号',
20 type: 'index',
21 width: '50',
22 render: (h, scope) => {
23 return (
24 <div>
25 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
26 </div>
27 )
28 }
29 },
30 {
31 prop: "sqrmc",
32 label: "姓名/名称",
33 },
34 {
35 prop: "zjzl",
36 label: "证件种类",
37 render: (h, scope) => {
38 return (
39 <el-select
40 class="width100"
41 clearable
42 value={scope.row[scope.column.property]}
43 onChange={(val) => {
44 scope.row[scope.column.property] = val;
45 }}
46 >
47 {vm.dictData["A30"].map((option) => {
48 return (
49 <el-option
50 label={option.dname}
51 value={option.dcode}
52 ></el-option>
53 );
54 })}
55 </el-select>
56 );
57 },
58 },
59 {
60 prop: "zjh",
61 label: "证件号",
62 },
63 {
64 prop: "frmc",
65 label: "法人名称",
66 },
67 {
68 prop: "txdz",
69 label: "地址",
70 },
71 {
72 prop: "dh",
73 label: "联系电话",
74 },
75 {
76 label: '操作',
77 width: '80',
78 align: 'center',
79 fixed: 'right',
80 render: (h, scope) => {
81 return (
82 <div>
83 <el-button type="text" onClick={() => { this.handlesGrSelect(scope.row) }}>使用</el-button>
84 </div>
85 )
86 }
87 },
88 ]
89 }
90
91 }
92 class data2 extends filter {
93 constructor() {
94 super()
95 }
96
97 columns () {
98 return [
99 {
100 label: '序号',
101 type: 'index',
102 width: '50',
103 render: (h, scope) => {
104 return (
105 <div>
106 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
107 </div>
108 )
109 }
110 },
111 {
112 prop: "sqrmc",
113 label: "姓名/名称",
114 },
115 {
116 prop: "zjzl",
117 label: "证件种类",
118 render: (h, scope) => {
119 return (
120 <el-select
121 class="width100"
122 clearable
123 value={scope.row[scope.column.property]}
124 onChange={(val) => {
125 scope.row[scope.column.property] = val;
126 }}
127 >
128 {vm.dictData["A30"].map((option) => {
129 return (
130 <el-option
131 label={option.dname}
132 value={option.dcode}
133 ></el-option>
134 );
135 })}
136 </el-select>
137 );
138 },
139 },
140 {
141 prop: "zjh",
142 label: "证件号",
143 },
144 {
145 prop: "frmc",
146 label: "法人名称",
147 },
148 {
149 prop: "txdz",
150 label: "地址",
151 },
152 {
153 prop: "dh",
154 label: "联系电话",
155 },
156 {
157 label: '操作',
158 width: '80',
159 align: 'center',
160 fixed: 'right',
161 render: (h, scope) => {
162 return (
163 <div>
164 <el-button type="text" onClick={() => { this.handlesGrSelect(scope.row) }}>使用</el-button>
165 </div>
166 )
167 }
168 },
169 ]
170 }
171
172 }
173 let dataGr = new data1()
174 let dataQy = new data2()
175 export {
176 dataGr,
177 dataQy,
178 sendThis
179 }