|
@@ -20,19 +20,19 @@
|
|
|
}"
|
|
|
:data="tableData"
|
|
|
>
|
|
|
- <el-table-column prop="name" label="姓名">
|
|
|
+ <el-table-column prop="name" label="姓名" width="120">
|
|
|
<template #default="scope">
|
|
|
<el-input v-model="scope.row.name" v-if="scope.row.isEdit" />
|
|
|
<span v-else>{{ scope.row.name }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="xb" label="性别">
|
|
|
+ <el-table-column prop="xb" label="性别" width="120">
|
|
|
<template #default="scope">
|
|
|
<el-select
|
|
|
v-if="scope.row.isEdit"
|
|
|
v-model="scope.row.xb"
|
|
|
style="width: 100%"
|
|
|
- placeholder="请选择学历水平"
|
|
|
+ placeholder="请选择"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="opt in sexOptions"
|
|
@@ -56,19 +56,19 @@
|
|
|
<span v-else>{{ scope.row.zz }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="lxdh" label="联系电话">
|
|
|
+ <el-table-column prop="lxdh" label="联系电话" width="180">
|
|
|
<template #default="scope">
|
|
|
<el-input v-model="scope.row.lxdh" v-if="scope.row.isEdit" />
|
|
|
<span v-else>{{ scope.row.lxdh }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="gx" label="与本人关系">
|
|
|
+ <el-table-column prop="gx" label="与本人关系" width="140">
|
|
|
<template #default="scope">
|
|
|
<el-select
|
|
|
v-if="scope.row.isEdit"
|
|
|
v-model="scope.row.gx"
|
|
|
style="width: 100%"
|
|
|
- placeholder="请选择学历水平"
|
|
|
+ placeholder="请选择"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="opt in relationOptions"
|
|
@@ -77,7 +77,7 @@
|
|
|
:value="opt.value"
|
|
|
/>
|
|
|
</el-select>
|
|
|
- <span v-else>{{ degreeShowValue(scope.row.gx, sexOptions) }}</span>
|
|
|
+ <span v-else>{{ degreeShowValue(scope.row.gx, relationOptions) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column fixed="right" label="操作" width="140" v-if="!readOnly">
|
|
@@ -208,6 +208,11 @@ const onEditItem = (index: number) => {
|
|
|
// 删除
|
|
|
const deleteRow = (index: number) => {
|
|
|
tableData.value.splice(index, 1)
|
|
|
+ const changeData = cloneDeep(tableData.value).map((item: any) => {
|
|
|
+ delete item.isEdit
|
|
|
+ return item
|
|
|
+ })
|
|
|
+ $emit('onSave', changeData)
|
|
|
}
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|