style:登记业务
Showing
3 changed files
with
98 additions
and
5 deletions
src/views/components/personInfoTable.vue
0 → 100644
1 | <!-- | ||
2 | 功能:个人信息table | ||
3 | 作者:calliope | ||
4 | --> | ||
5 | <template> | ||
6 | <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false"> | ||
7 | </lb-table> | ||
8 | </template> | ||
9 | <script> | ||
10 | |||
11 | export default { | ||
12 | components: {}, | ||
13 | data () { | ||
14 | return { | ||
15 | tableData: { | ||
16 | columns: [ | ||
17 | { | ||
18 | width: '60', | ||
19 | renderHeader: (h, scope) => { | ||
20 | return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i> | ||
21 | }, | ||
22 | render: (h, scope) => { | ||
23 | return ( | ||
24 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | ||
25 | ) | ||
26 | } | ||
27 | }, | ||
28 | { | ||
29 | label: '身份证读卡器', | ||
30 | render: (h, scope) => { | ||
31 | return ( | ||
32 | <div> | ||
33 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.handleRead(scope) }}>读取</el-button> | ||
34 | </div> | ||
35 | ) | ||
36 | } | ||
37 | }, | ||
38 | { | ||
39 | prop: 'name', | ||
40 | label: '姓名/名称', | ||
41 | render: (h, scope) => { | ||
42 | return ( | ||
43 | <el-input placeholder="姓名/名称" value={scope.row[scope.column.property]} | ||
44 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
45 | ) | ||
46 | } | ||
47 | }, | ||
48 | { | ||
49 | prop: 'zjzl', | ||
50 | label: '证件种类', | ||
51 | render: (h, scope) => { | ||
52 | return ( | ||
53 | <el-select value={scope.row[scope.column.property]} | ||
54 | onChange={(val) => { scope.row[scope.column.property] = val }}> | ||
55 | { | ||
56 | this.options.map(option => { | ||
57 | return ( | ||
58 | <el-option label={option.name} value={option.value}></el-option> | ||
59 | ) | ||
60 | }) | ||
61 | } | ||
62 | </el-select> | ||
63 | ) | ||
64 | } | ||
65 | }, | ||
66 | { | ||
67 | prop: 'zjh', | ||
68 | label: '证件号', | ||
69 | render: (h, scope) => { | ||
70 | return ( | ||
71 | <el-input placeholder="证件号" value={scope.row[scope.column.property]} | ||
72 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
73 | ) | ||
74 | } | ||
75 | }, | ||
76 | { | ||
77 | prop: 'xldh', | ||
78 | label: '联系电话', | ||
79 | render: (h, scope) => { | ||
80 | return ( | ||
81 | <el-input placeholder="联系电话" value={scope.row[scope.column.property]} | ||
82 | onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> | ||
83 | ) | ||
84 | } | ||
85 | } | ||
86 | ], | ||
87 | data: [{}], | ||
88 | }, | ||
89 | } | ||
90 | } | ||
91 | } | ||
92 | </script> | ||
93 | <style scoped lang='scss'> | ||
94 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -29,8 +29,8 @@ | ... | @@ -29,8 +29,8 @@ |
29 | :pagination="false"> | 29 | :pagination="false"> |
30 | </lb-table> | 30 | </lb-table> |
31 | <div class="submit-button"> | 31 | <div class="submit-button"> |
32 | <el-button type="primary">查询</el-button> | 32 | <el-button type="primary" icon="el-icon-search">查询</el-button> |
33 | <el-button>重置</el-button> | 33 | <el-button icon="el-icon-refresh-left">重置</el-button> |
34 | </div> | 34 | </div> |
35 | <b class="title">查询结果</b> | 35 | <b class="title">查询结果</b> |
36 | <p>查询编号:202200409</p> | 36 | <p>查询编号:202200409</p> | ... | ... |
... | @@ -127,7 +127,7 @@ export default { | ... | @@ -127,7 +127,7 @@ export default { |
127 | item.cselect = !item.cselect | 127 | item.cselect = !item.cselect |
128 | if (item.sffqlc == '1') { | 128 | if (item.sffqlc == '1') { |
129 | this.btnDisabled = false | 129 | this.btnDisabled = false |
130 | this.bsmSqyw = item.bsmSqyw | 130 | this.bsmSqyw = item.parentid |
131 | this.djywbm = item.djywbm | 131 | this.djywbm = item.djywbm |
132 | } | 132 | } |
133 | }, | 133 | }, |
... | @@ -163,7 +163,6 @@ export default { | ... | @@ -163,7 +163,6 @@ export default { |
163 | }, | 163 | }, |
164 | // 登记类型 | 164 | // 登记类型 |
165 | handleDjlxSelect (item) { | 165 | handleDjlxSelect (item) { |
166 | console.log(item, 'itemitem'); | ||
167 | this.btnDisabled = true | 166 | this.btnDisabled = true |
168 | this.djlxList.forEach(item => { | 167 | this.djlxList.forEach(item => { |
169 | if (item.select) item.select = false | 168 | if (item.select) item.select = false |
... | @@ -171,7 +170,7 @@ export default { | ... | @@ -171,7 +170,7 @@ export default { |
171 | this.$set(item, 'select', true) | 170 | this.$set(item, 'select', true) |
172 | if (item.sffqlc == '1') { | 171 | if (item.sffqlc == '1') { |
173 | this.btnDisabled = false | 172 | this.btnDisabled = false |
174 | this.bsmSqyw = item.bsmSqyw | 173 | this.bsmSqyw = item.parentid |
175 | this.djywbm = item.djywbm | 174 | this.djywbm = item.djywbm |
176 | } else { | 175 | } else { |
177 | this.getNextNode(item.bsmSqyw) | 176 | this.getNextNode(item.bsmSqyw) | ... | ... |
-
Please register or sign in to post a comment