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