| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- 联系人功能已迁移到联系人管理页面 |
| | | <!-- 联系人列表 --> |
| | | <el-row :gutter="30" |
| | | v-for="(contact, index) in formYYs.contactList" |
| | | v-for="(contact, index) in form.contactList" |
| | | :key="index"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="联系人:" |
| | | prop="contactPerson"> |
| | | <el-form-item :label="index === 0 ? '联系人:' : ''" |
| | | :prop="'contactList.' + index + '.contactPerson'" |
| | | :rules="{ required: true, message: '请输入联系人', trigger: 'blur' }"> |
| | | <el-input v-model="contact.contactPerson" |
| | | placeholder="请输入" |
| | | clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="联系电话:" |
| | | prop="contactPhone"> |
| | | <el-form-item :label="index === 0 ? '联系电话:' : ''" |
| | | :prop="'contactList.' + index + '.contactPhone'" |
| | | :rules="{ required: true, message: '请输入联系电话', trigger: 'blur' }"> |
| | | <div style="display: flex; align-items: center;width: 100%;"> |
| | | <el-input v-model="contact.contactPhone" |
| | | placeholder="请输入" |
| | |
| | | <el-button @click="removeContact(index)" |
| | | type="danger" |
| | | circle |
| | | style="margin-left: 5px;"> |
| | | style="margin-left: 5px;" |
| | | :disabled="form.contactList.length <= 1"> |
| | | <el-icon> |
| | | <Close /> |
| | | </el-icon> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | <el-button @click="addNewContact" |
| | | style="margin-bottom: 10px;">+ 新增联系人</el-button> |
| | | --> |
| | | style="margin-bottom: 10px;" |
| | | type="primary" |
| | | plain>+ 新增联系人</el-button> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="维护人:" |
| | |
| | | }, |
| | | { |
| | | label: "领用状态", |
| | | prop: "usageStatus", |
| | | prop: "isAssigned", |
| | | dataType: "tag", |
| | | width: 100, |
| | | fixed: "right", |
| | |
| | | { |
| | | name: "分配", |
| | | type: "text", |
| | | showHide: row => row.usageStatus != 1, |
| | | showHide: row => row.isAssigned != 1, |
| | | clickFun: row => { |
| | | openAssignDialog(row); |
| | | }, |
| | |
| | | { |
| | | name: "回收", |
| | | type: "text", |
| | | showHide: row => row.usageStatus == 1, |
| | | showHide: row => row.isAssigned == 1, |
| | | clickFun: row => { |
| | | recycle(row); |
| | | }, |
| | |
| | | { |
| | | name: "共享", |
| | | type: "text", |
| | | showHide: row => row.usageStatus == 1, |
| | | showHide: row => row.isAssigned == 1, |
| | | clickFun: row => { |
| | | openShareDialog(row); |
| | | }, |
| | |
| | | companyPhone: "", |
| | | contactPerson: "", |
| | | contactPhone: "", |
| | | contactList: [ |
| | | { |
| | | contactPerson: "", |
| | | contactPhone: "", |
| | | }, |
| | | ], |
| | | maintainer: "", |
| | | maintenanceTime: "", |
| | | basicBankAccount: "", |
| | |
| | | }); |
| | | const { searchForm, form, rules } = toRefs(data); |
| | | const addNewContact = () => { |
| | | formYYs.value.contactList.push({ |
| | | form.value.contactList.push({ |
| | | contactPerson: "", |
| | | contactPhone: "", |
| | | }); |
| | | }; |
| | | |
| | | const removeContact = index => { |
| | | if (formYYs.value.contactList.length > 1) { |
| | | formYYs.value.contactList.splice(index, 1); |
| | | if (form.value.contactList.length > 1) { |
| | | form.value.contactList.splice(index, 1); |
| | | } |
| | | }; |
| | | // 查询列表 |
| | |
| | | operationType.value = type; |
| | | form.value = {}; |
| | | form.value.maintainer = userStore.nickName; |
| | | formYYs.value.contactList = [ |
| | | form.value.contactList = [ |
| | | { |
| | | contactPerson: "", |
| | | contactPhone: "", |
| | |
| | | if (type === "edit") { |
| | | getCustomer(row.id).then(res => { |
| | | form.value = { ...res.data }; |
| | | formYYs.value.contactList = res.data.contactPerson |
| | | .split(",") |
| | | .map((item, index) => { |
| | | return { |
| | | contactPerson: item, |
| | | contactPhone: res.data.contactPhone.split(",")[index], |
| | | }; |
| | | }); |
| | | // 优先使用后端返回的contactList数组,如果没有则使用逗号分隔的字符串转换 |
| | | if (res.data.contactList && res.data.contactList.length > 0) { |
| | | form.value.contactList = res.data.contactList; |
| | | } else if (res.data.contactPerson) { |
| | | form.value.contactList = res.data.contactPerson |
| | | .split(",") |
| | | .map((item, index) => { |
| | | return { |
| | | contactPerson: item, |
| | | contactPhone: res.data.contactPhone ? res.data.contactPhone.split(",")[index] : "", |
| | | }; |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | dialogFormVisible.value = true; |
| | |
| | | }; |
| | | // 提交新增 |
| | | const submitAdd = () => { |
| | | if (formYYs.value.contactList.length < 1) { |
| | | if (form.value.contactList.length < 1) { |
| | | return proxy.$modal.msgWarning("请至少添加一个联系人"); |
| | | } |
| | | form.value.contactPerson = formYYs.value.contactList |
| | | form.value.contactPerson = form.value.contactList |
| | | .map(item => item.contactPerson) |
| | | .join(","); |
| | | form.value.contactPhone = formYYs.value.contactList |
| | | form.value.contactPhone = form.value.contactList |
| | | .map(item => item.contactPhone) |
| | | .join(","); |
| | | addCustomer(form.value).then(res => { |
| | |
| | | }; |
| | | // 提交修改 |
| | | const submitEdit = () => { |
| | | form.value.contactPerson = formYYs.value.contactList |
| | | form.value.contactPerson = form.value.contactList |
| | | .map(item => item.contactPerson) |
| | | .join(","); |
| | | form.value.contactPhone = formYYs.value.contactList |
| | | form.value.contactPhone = form.value.contactList |
| | | .map(item => item.contactPhone) |
| | | .join(","); |
| | | updateCustomer(form.value).then(res => { |