| | |
| | | 紧急联系人 |
| | | </span> |
| | | </template> |
| | | <el-table :data="form.emergencyContacts" border> |
| | | <el-table-column label="紧急联系人姓名" prop="name" min-width="160"> |
| | | <el-table :data="form.staffEmergencyContactList" border> |
| | | <el-table-column label="紧急联系人姓名" prop="contactName" min-width="160"> |
| | | <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.name" |
| | | v-model="row.contactName" |
| | | placeholder="请输入" |
| | | clearable |
| | | maxlength="50" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="紧急联系人关系" prop="relation" min-width="140"> |
| | | <el-table-column label="紧急联系人关系" prop="contactRelation" min-width="140"> |
| | | <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.relation" |
| | | v-model="row.contactRelation" |
| | | placeholder="请输入" |
| | | clearable |
| | | maxlength="20" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="紧急联系人手机" prop="phone" width="160"> |
| | | <el-table-column label="紧急联系人手机" prop="contactPhone" width="160"> |
| | | <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.phone" |
| | | v-model="row.contactPhone" |
| | | placeholder="请输入" |
| | | clearable |
| | | maxlength="11" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="紧急联系人住址" prop="address" min-width="220"> |
| | | <el-table-column label="紧急联系人住址" prop="contactAddress" min-width="220"> |
| | | <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.address" |
| | | v-model="row.contactAddress" |
| | | placeholder="请输入" |
| | | clearable |
| | | maxlength="50" |
| | |
| | | <el-table-column label="操作" width="80" align="center"> |
| | | <template #default="scope"> |
| | | <el-button |
| | | v-if="form.emergencyContacts.length > 1" |
| | | v-if="form.staffEmergencyContactList.length > 1" |
| | | type="primary" |
| | | link |
| | | @click="removeEmergencyRow(scope.$index)" |
| | |
| | | const { form } = toRefs(props); |
| | | |
| | | const addEmergencyRow = () => { |
| | | form.value.emergencyContacts.push({ |
| | | name: "", |
| | | relation: "", |
| | | phone: "", |
| | | address: "", |
| | | form.value.staffEmergencyContactList.push({ |
| | | contactName: "", |
| | | contactRelation: "", |
| | | contactPhone: "", |
| | | contactAddress: "", |
| | | }); |
| | | }; |
| | | |
| | | const removeEmergencyRow = (index) => { |
| | | if (form.value.emergencyContacts.length <= 1) return; |
| | | form.value.emergencyContacts.splice(index, 1); |
| | | if (form.value.staffEmergencyContactList.length <= 1) return; |
| | | form.value.staffEmergencyContactList.splice(index, 1); |
| | | }; |
| | | </script> |
| | | |