产品进销存-前端
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
gaoluyang
2026-04-24 49530253cb602ca94226ef74bd5240c43de4e5e1 
 src/views/basicData/customerFileOpenSea/index.vue


@@ -19,6 +19,8 @@


                     value="零售客户" />


          <el-option label="进销商客户"


                     value="进销商客户" />


          <el-option label="连锁店"


                     value="连锁店" />


        </el-select>


        <el-button type="primary"


                   @click="handleQuery"


@@ -66,11 +68,18 @@


            </el-form-item>


          </el-col>


          <el-col :span="12">


            <el-form-item label="纳税人识别号："


                          prop="taxpayerIdentificationNumber">


              <el-input v-model="form.taxpayerIdentificationNumber"


                        placeholder="请输入"


                        clearable />


            <el-form-item label="客户分类："


                          prop="customerType">


              <el-select v-model="form.customerType"


                         placeholder="请选择"


                         clearable>


                <el-option label="零售客户"


                           value="零售客户" />


                <el-option label="进销商客户"


                           value="进销商客户" />


                <el-option label="连锁店"


                           value="连锁店" />


              </el-select>


            </el-form-item>


          </el-col>


        </el-row>


@@ -92,51 +101,10 @@


            </el-form-item>


          </el-col>


        </el-row>


        <el-row :gutter="30">


          <el-col :span="12">


            <el-form-item label="银行基本户："


                          prop="basicBankAccount">


              <el-input v-model="form.basicBankAccount"


                        placeholder="请输入"


                        clearable />


            </el-form-item>


          </el-col>


          <el-col :span="12">


            <el-form-item label="银行账号："


                          prop="bankAccount">


              <el-input v-model="form.bankAccount"


                        placeholder="请输入"


                        clearable />


            </el-form-item>


          </el-col>


        </el-row>


        <el-row :gutter="30">


          <el-col :span="12">


            <el-form-item label="开户行号："


                          prop="bankCode">


              <el-input v-model="form.bankCode"


                        placeholder="请输入"


                        clearable />


            </el-form-item>


          </el-col>


          <el-col :span="12">


            <el-form-item label="客户分类："


                          prop="customerType">


              <el-select v-model="form.customerType"


                         placeholder="请选择"


                         clearable>


                <el-option label="零售客户"


                           value="零售客户" />


                <el-option label="进销商客户"


                           value="进销商客户" />


              </el-select>


            </el-form-item>


          </el-col>


        </el-row>


        <el-row :gutter="30"


                v-for="(contact, index) in formYYs.contactList"


                :key="index">


          <el-col :span="12">


          <el-col :span="8">


            <el-form-item label="联系人："


                          prop="contactPerson">


              <el-input v-model="contact.contactPerson"


@@ -144,12 +112,20 @@


                        clearable />


            </el-form-item>


          </el-col>


          <el-col :span="12">


          <el-col :span="8">


            <el-form-item label="联系电话："


                          prop="contactPhone">


              <el-input v-model="contact.contactPhone"


                        placeholder="请输入"


                        clearable />


            </el-form-item>


          </el-col>


          <el-col :span="8">


            <el-form-item label="联系人岗位："


                          prop="contactPosition">


              <div style="display: flex; align-items: center;width: 100%;">


                <el-input v-model="contact.contactPhone"


                          placeholder="请输入"


                <el-input v-model="contact.contactPosition"


                          placeholder="请输入联系人岗位"


                          clearable />


                <el-button @click="removeContact(index)"


                           type="danger"


@@ -165,34 +141,6 @@


        </el-row>


        <el-button @click="addNewContact"


                   style="margin-bottom: 10px;">+ 新增联系人</el-button>


        <el-row :gutter="30">


          <el-col :span="12">


            <el-form-item label="维护人："


                          prop="maintainer">


              <el-select v-model="form.maintainer"


                         placeholder="请选择"


                         clearable


                         disabled>


                <el-option v-for="item in userList"


                           :key="item.nickName"


                           :label="item.nickName"


                           :value="item.nickName" />


              </el-select>


            </el-form-item>


          </el-col>


          <el-col :span="12">


            <el-form-item label="维护时间："


                          prop="maintenanceTime">


              <el-date-picker style="width: 100%"


                              v-model="form.maintenanceTime"


                              value-format="YYYY-MM-DD"


                              format="YYYY-MM-DD"


                              type="date"


                              placeholder="请选择"


                              clearable />


            </el-form-item>


          </el-col>


        </el-row>


      </el-form>


      <template #footer>


        <div class="dialog-footer">


@@ -353,6 +301,7 @@


    <!-- 添加/修改洽谈进度对话框 -->


    <el-dialog :title="negotiationForm.editIndex !== undefined ? '修改进度' : '添加进度'"


               v-model="negotiationDialogVisible"


               v-if="false"


               width="600px"


               @close="closeNegotiationDialog">


      <el-form :model="negotiationForm"


@@ -601,6 +550,7 @@


    <!-- 附件上传弹窗 -->


    <el-dialog title="附件管理"


               v-model="attachmentDialogVisible"


               v-if="false"


               width="600px"


               @close="closeAttachmentDialog">


      <div class="attachment-section">


@@ -830,6 +780,11 @@


      prop: "contactPhone",


      width: 150,


    },


    {


      label: "联系人岗位",


      prop: "contactPosition",


      width: 140,


    },


    // {


    //   label: "跟进进度",


    //   prop: "followUpLevel",


@@ -963,6 +918,7 @@


      {


        contactPerson: "",


        contactPhone: "",


        contactPosition: "",


      },


    ],


  });


@@ -973,34 +929,17 @@


    },


    form: {


      customerName: "",


      taxpayerIdentificationNumber: "",


      companyAddress: "",


      companyPhone: "",


      contactPerson: "",


      contactPhone: "",


      maintainer: "",


      maintenanceTime: "",


      basicBankAccount: "",


      bankAccount: "",


      bankCode: "",


      contactPosition: "",


      customerType: "",


    },


    rules: {


      customerName: [{ required: true, message: "请输入", trigger: "blur" }],


      taxpayerIdentificationNumber: [


        { required: true, message: "请输入", trigger: "blur" },


      ],


      companyAddress: [{ required: true, message: "请输入", trigger: "blur" }],


      companyPhone: [{ required: true, message: "请输入", trigger: "blur" }],


      // contactPerson: [{ required: true, message: "请输入", trigger: "blur" }],


      // contactPhone: [{ required: true, message: "请输入", trigger: "blur" }],


      maintainer: [{ required: false, message: "请选择", trigger: "change" }],


      maintenanceTime: [


        { required: false, message: "请选择", trigger: "change" },


      ],


      basicBankAccount: [{ required: true, message: "请输入", trigger: "blur" }],


      bankAccount: [{ required: true, message: "请输入", trigger: "blur" }],


      bankCode: [{ required: true, message: "请输入", trigger: "blur" }],


      customerType: [{ required: true, message: "请选择", trigger: "change" }],


    },


  });


@@ -1064,6 +1003,7 @@


    formYYs.value.contactList.push({


      contactPerson: "",


      contactPhone: "",


      contactPosition: "",


    });


  };




@@ -1114,28 +1054,34 @@


  const openForm = (type, row) => {


    operationType.value = type;


    form.value = {};


    form.value.maintainer = userStore.nickName;


    formYYs.value.contactList = [


      {


        contactPerson: "",


        contactPhone: "",


        contactPosition: "",


      },


    ];


    form.value.maintenanceTime = getCurrentDate();


    userListNoPage().then(res => {


      userList.value = res.data;


    });


    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],


            };


          });


        const persons = String(res.data.contactPerson || "").split(",");


        const phones = String(res.data.contactPhone || "").split(",");


        const positions = String(res.data.contactPosition || "").split(",");


        formYYs.value.contactList = persons


          .filter(item => item !== "")


          .map((item, index) => ({


            contactPerson: item,


            contactPhone: phones[index] || "",


            contactPosition: positions[index] || "",


          }));


        if (formYYs.value.contactList.length === 0) {


          formYYs.value.contactList = [


            { contactPerson: "", contactPhone: "", contactPosition: "" },


          ];


        }


      });


    }


    dialogFormVisible.value = true;


@@ -1163,6 +1109,9 @@


    form.value.contactPhone = formYYs.value.contactList


      .map(item => item.contactPhone)


      .join(",");


    form.value.contactPosition = formYYs.value.contactList


      .map(item => item.contactPosition || "")


      .join(",");


    addCustomer(form.value).then(res => {


      proxy.$modal.msgSuccess("提交成功");


      closeDia();


@@ -1177,6 +1126,9 @@


    form.value.contactPhone = formYYs.value.contactList


      .map(item => item.contactPhone)


      .join(",");


    form.value.contactPosition = formYYs.value.contactList


      .map(item => item.contactPosition || "")


      .join(",");


    updateCustomer(form.value).then(res => {


      proxy.$modal.msgSuccess("提交成功");


      closeDia();