feat(customer): 使用字典数据优化客户类型选择功能

liyong

6 天以前 2cb71b3a0e63aae9d9beb13863c69b4c10397025

feat(customer): 使用字典数据优化客户类型选择功能

- 将硬编码的客户类型选项替换为动态字典数据
- 添加 getCustomerTypeLabel 方法用于获取客户类型标签
- 在表格列配置中添加 formatData 属性处理客户类型显示
- 引入 useDict 钩子函数获取客户类型字典选项
- 移除销售报价中的编辑按钮禁用逻辑以统一权限控制

 src/views/basicData/customerFile/index.vue

@@ -15,10 +15,10 @@
                   style="width: 240px"
                   clearable
                   @change="handleQuery">
          <el-option label="零售客户"
                     value="零售客户"/>
          <el-option label="进销商客户"
                     value="进销商客户"/>
          <el-option v-for="dict in customerTypeOptions"
                     :key="dict.value"
                     :label="dict.label"
                     :value="dict.value"/>
        </el-select>
        <el-button type="primary"
                   @click="handleQuery"
@@ -130,10 +130,10 @@
              <el-select v-model="form.customerType"
                         placeholder="请选择"
                         clearable>
                <el-option label="零售客户"
                           value="零售客户"/>
                <el-option label="进销商客户"
                           value="进销商客户"/>
                <el-option v-for="dict in customerTypeOptions"
                           :key="dict.value"
                           :label="dict.label"
                           :value="dict.value"/>
              </el-select>
            </el-form-item>
          </el-col>
@@ -425,7 +425,7 @@
            <el-col :span="12">
              <div class="info-item">
                <span class="info-label">客户分类：</span>
                <span class="info-value">{{ detailForm.customerType }}</span>
                <span class="info-value">{{ getCustomerTypeLabel(detailForm.customerType) }}</span>
              </div>
            </el-col>
          </el-row>
@@ -671,6 +671,7 @@
import {getToken} from "@/utils/auth.js";

const {proxy} = getCurrentInstance();
const { customer_type: customerTypeOptions } = proxy.useDict("customer_type");
const userStore = useUserStore();

// 回访提醒相关
@@ -762,11 +763,19 @@
      : baseUrl;
};

const getCustomerTypeLabel = (value) => {
  const match = (customerTypeOptions.value || []).find(
      (item) => String(item.value) === String(value)
  );
  return match?.label ?? value ?? "";
};

const tableColumn = ref([
  {
    label: "客户分类",
    prop: "customerType",
    width: 120,
    formatData: getCustomerTypeLabel,
  },
  {
    label: "客户名称",

 src/views/salesManagement/salesQuotation/index.vue

@@ -77,7 +77,7 @@
        <el-table-column label="操作" width="250" fixed="right" align="center">
          <template #default="scope">
            <el-button link type="primary" @click="handleEdit(scope.row)"
                       :disabled="!['待审批','拒绝'].includes(scope.row.status)">编辑
                       >编辑
            </el-button>
            <el-button link type="primary" @click="handleView(scope.row)" style="color: #67C23A">查看</el-button>
            <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>