src/views/basicData/customerFile/index.vue
@@ -15,10 +15,14 @@
                   style="width: 240px"
                   clearable
                   @change="handleQuery">
          <el-option label="零售客户"
                     value="零售客户" />
          <el-option label="进销商客户"
                     value="进销商客户" />
          <el-option label="核心"
                     value="核心" />
          <el-option label="重要"
                     value="重要" />
          <el-option label="普通"
                     value="普通" />
          <el-option label="一般"
                     value="一般" />
        </el-select>
        <el-button type="primary"
                   @click="handleQuery"
@@ -31,6 +35,7 @@
                   plain
                   @click="back">流入公海</el-button>
        <el-button @click="handleOut">导出</el-button>
            <el-button type="primary" @click="handleOutFollowUpList">导出跟进记录</el-button>
        <el-button type="info"
                   plain
                   icon="Upload"
@@ -128,10 +133,14 @@
              <el-select v-model="form.customerType"
                         placeholder="请选择"
                         clearable>
                <el-option label="零售客户"
                           value="零售客户" />
                <el-option label="进销商客户"
                           value="进销商客户" />
                <el-option label="核心"
                           value="核心" />
                <el-option label="重要"
                           value="重要" />
                <el-option label="普通"
                           value="普通" />
                <el-option label="一般"
                           value="一般" />
              </el-select>
            </el-form-item>
          </el-col>
@@ -609,6 +618,39 @@
        </div>
      </template>
    </el-dialog>
    <!-- 交接对话框 -->
    <el-dialog v-model="handoverDialogVisible"
               title="客户交接"
               width="400px"
               @close="closeHandoverDialog">
      <el-form :model="handoverForm"
               :rules="handoverRules"
               ref="handoverFormRef"
               label-width="100px">
        <el-form-item label="当前维护人">
          <span>{{ handoverForm.oldMaintainer }}</span>
        </el-form-item>
        <el-form-item label="新维护人"
                      prop="maintainer">
          <el-select v-model="handoverForm.maintainerId"
                     placeholder="请选择新维护人"
                     style="width: 100%"
                     filterable
                     @change="handleHandoverUserChange">
            <el-option v-for="item in userList"
                       :key="item.userId || item.nickName"
                       :label="item.nickName"
                       :value="item.userId" />
          </el-select>
        </el-form-item>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="submitHandoverForm">确认</el-button>
          <el-button @click="closeHandoverDialog">取消</el-button>
        </div>
      </template>
    </el-dialog>
  </div>
</template>
@@ -622,7 +664,7 @@
    addReturnVisit,
    getReturnVisit,
  } from "@/api/basicData/customerFile.js";
  import {listCustomer, getCustomer, addCustomer, updateCustomer, delCustomer, backCustomer} from "@/api/basicData/customer.js";
  import {listCustomer, getCustomer, addCustomer, updateCustomer, delCustomer, backCustomer, handoverCustomer} from "@/api/basicData/customer.js";
  import { ElMessageBox } from "element-plus";
  import { userListNoPage } from "@/api/system/user.js";
  import useUserStore from "@/store/modules/user";
@@ -712,11 +754,23 @@
    {
      label: "客户分类",
      prop: "customerType",
         fixed: "left",
      dataType: "tag",
      width: 120,
      formatType: value => {
        switch (value) {
          case "核心": return "danger";
          case "重要": return "warning";
          case "普通": return "primary";
          case "一般": return "info";
          default: return "info";
        }
      },
    },
    {
      label: "客户名称",
      prop: "customerName",
         fixed: "left",
      width: 220,
    },
    {
@@ -795,13 +849,20 @@
      label: "操作",
      align: "center",
      fixed: "right",
      width: 290,
      width: 340,
      operation: [
        {
          name: "编辑",
          type: "text",
          clickFun: row => {
            openForm("edit", row);
          },
        },
        {
          name: "交接",
          type: "text",
          clickFun: row => {
            openHandoverDialog(row);
          },
        },
            {
@@ -842,6 +903,19 @@
  // 用户信息表单弹框数据
  const operationType = ref("");
  const dialogFormVisible = ref(false);
  // 交接对话框
  const handoverDialogVisible = ref(false);
  const handoverFormRef = ref();
  const handoverForm = reactive({
    id: undefined,
    oldMaintainer: "",
    maintainer: "",
    maintainerId: undefined,
  });
  const handoverRules = {
    maintainer: [{ required: true, message: "请选择新维护人", trigger: "change" }],
  };
  const formYYs = ref({
    // 其他字段...
    contactList: [
@@ -1078,6 +1152,44 @@
    proxy.resetForm("formRef");
    dialogFormVisible.value = false;
  };
  // 交接
  const handleHandoverUserChange = userId => {
    const user = userList.value.find(item => (item.userId || item.nickName) === userId);
    handoverForm.maintainer = user ? user.nickName : "";
  };
  const openHandoverDialog = row => {
    handoverForm.id = row.id;
    handoverForm.oldMaintainer = row.maintainer;
    handoverForm.maintainer = "";
    handoverForm.maintainerId = undefined;
    userListNoPage().then(res => {
      userList.value = res.data;
      handoverDialogVisible.value = true;
    });
  };
  const closeHandoverDialog = () => {
    proxy.resetForm("handoverFormRef");
    handoverForm.id = undefined;
    handoverForm.oldMaintainer = "";
    handoverForm.maintainer = "";
    handoverForm.maintainerId = undefined;
    handoverDialogVisible.value = false;
  };
  const submitHandoverForm = () => {
    proxy.$refs.handoverFormRef.validate(valid => {
      if (valid) {
        handoverCustomer({
          id: handoverForm.id,
          maintainer: handoverForm.maintainer,
          maintainerId: handoverForm.maintainerId,
        }).then(() => {
          proxy.$modal.msgSuccess("交接成功");
          closeHandoverDialog();
          getList();
        });
      }
    });
  };
  // 导出
  const handleOut = () => {
    ElMessageBox.confirm("选中的内容将被导出,是否确认导出?", "导出", {
@@ -1092,6 +1204,20 @@
        proxy.$modal.msg("已取消");
      });
  };
   // 导出跟进记录
   const handleOutFollowUpList = () => {
      ElMessageBox.confirm("选中的内容将被导出,是否确认导出?", "导出", {
         confirmButtonText: "确认",
         cancelButtonText: "取消",
         type: "warning",
      })
         .then(() => {
            proxy.download("basic/customer-follow/export", {}, "客户跟进记录.xlsx");
         })
         .catch(() => {
            proxy.$modal.msg("已取消");
         });
   };
  // 删除
  const handleDelete = () => {
    let ids = [];