| | |
| | | </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="维护人:" |
| | |
| | | :limit="1" |
| | | accept=".xlsx, .xls" |
| | | :headers="upload.headers" |
| | | :action="upload.url + '?updateSupport=' + upload.updateSupport" |
| | | :action="upload.url" |
| | | :data="upload.data" |
| | | :disabled="upload.isUploading" |
| | | :before-upload="upload.beforeUpload" |
| | | :on-progress="upload.onProgress" |
| | |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- 联系人信息已迁移到联系人管理页面 |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | | <div class="info-item"> |
| | |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | --> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | | <div class="info-item"> |
| | |
| | | }, |
| | | { |
| | | 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: "", |
| | |
| | | headers: { Authorization: "Bearer " + getToken() }, |
| | | // 上传的地址 |
| | | url: import.meta.env.VITE_APP_BASE_API + "/basic/customer/importData", |
| | | data: { |
| | | type: 1 |
| | | }, |
| | | // 文件上传前的回调 |
| | | beforeUpload: file => { |
| | | console.log("文件即将上传", file); |
| | |
| | | }); |
| | | 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 => { |
| | |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | proxy.download("/basic/customer/export", {}, "客户档案.xlsx"); |
| | | proxy.download("/basic/customer/export", {type: 1}, "客户档案.xlsx"); |
| | | }) |
| | | .catch(() => { |
| | | proxy.$modal.msg("已取消"); |
| | |
| | | const downloadAttachment = row => { |
| | | if (row.url) { |
| | | // proxy.download(row.url, {}, row.name); |
| | | proxy.$download.name(row.url); |
| | | proxy.$download.byUrl(row.url, row.originalFilename); |
| | | } else { |
| | | proxy.$modal.msgError("下载链接不存在"); |
| | | } |