7ae33a74 by liangyifan

fqsq

1 parent 914d2b2e
<template>
<div>
<lb-table :column="InformationTable" border :key="key" :heightNum="390" :pagination="false" heightNumSetting
:data="tableData">
</lb-table>
</div>
</template>
<script>
let column = [
{
width: '60',
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
)
}
},
{
label: '身份证读卡器',
align: 'center',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-delete" onClick={() => { this.readClick(scope) }}>读取</el-button>
}
},
{
prop: "xm",
label: "姓名/名称",
},
{
prop: "zjzl",
label: "证件种类",
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "fr",
label: "法人",
},
{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.editClick(scope) }}>修改</el-button>
}
}
]
export default {
/**注册组件*/
components: {},
data () {
return {
key: 0,
tableData:[{
xm: '12',
zjzl: '32',
zjh: '123',
fr: "213123",
}],
InformationTable:column
};
},
watch: {
tableData: {
handler (newValue, oldValue) {
this.$emit('updateValue', newValue)
},
deep: true
}
},
created(){},
methods:{
// 添加
handleAdd () {
this.tableData.push(
{
xm: '',
zjzl: '',
zjh: '',
fr: "",
}
)
this.key++
},
// 减
handleMinus (index, row) {
this.tableData.splice(index, 1)
},
// 身份证读取
readClick(){},
// 修改
editClick(){},
}
}
</script>
<style scoped lang='scss'>
......
......@@ -161,7 +161,7 @@
import InformationTable from './InformationTable'
export default {
/**注册组件*/
components: {},
components: {InformationTable},
data () {
return {
qllxOption:[],
......@@ -199,9 +199,7 @@ export default {
}
};
},
components:{
InformationTable
},
methods: {
},
......