调试mk

src/views/business/components/billing-plan-editor.vue

@@ -157,12 +157,19 @@
       <el-table-column label="计费单位" width="150"
         ><template #default="{ row }"
           ><span v-if="readonly">{{ displayValue(row.billingUnit) }}</span
-          ><el-select v-else v-model="row.billingUnit" clearable filterable :loading="unitLoading"
+          ><el-select
+            v-else
+            v-model="row.billingUnit"
+            clearable
+            filterable
+            :disabled="!row.billingElement"
+            :loading="unitLoading"
+            :placeholder="row.billingElement ? '请选择' : '请先选择计费要素'"
             ><el-option
-              v-for="item in unitOptions"
-              :key="item.id || item.dictKey || item.dictValue"
-              :label="item.dictValue"
-              :value="item.dictValue" /></el-select></template
+              v-for="item in unitOptionsFor(row)"
+              :key="item.id || item.value"
+              :label="item.label"
+              :value="item.value" /></el-select></template
       ></el-table-column>
       <el-table-column label="单价（元）" width="180"
         ><template #default="{ row }"
@@ -367,12 +374,19 @@
 <script>
 import { getList as getCargoTypeList } from '@/api/base/cargo-type';
 import { getList as getFeeItemList } from '@/api/base/fee-item';
+import { getList as getMeasurementUnitList } from '@/api/base/measurement-unit';
 import { getLazyTree as getRegionLazyTree } from '@/api/base/region';
 import { InfoFilled } from '@element-plus/icons-vue';
 import { getDictionary } from '@/api/system/dictbiz';
 import SectionCard from '@/components/section-card/main.vue';
 
 const clone = value => JSON.parse(JSON.stringify(value));
+/** 计费要素与计量单位维度的对应关系 */
+const BILLING_ELEMENT_DIMENSION_MAP = {
+  按重量: '重量',
+  按体积: '体积',
+  按车辆: '数量',
+};
 const defaultRule = () => ({
   feeType: '',
   feeItem: '',
@@ -417,6 +431,7 @@ export default {
       feeItems: {},
       feeItemLoadingMap: {},
       unitOptions: [],
+      measurementUnits: [],
       unitLoading: false,
       billingElements: [
         '按重量',
@@ -614,14 +629,53 @@ export default {
         .finally(() => {
           this.feeCategoryLoading = false;
         });
+      this.loadUnitOptions();
+    },
+    loadUnitOptions() {
       this.unitLoading = true;
-      getDictionary({ code: 'unit_fee' })
-        .then(res => {
+      Promise.all([
+        getDictionary({ code: 'unit_fee' }).then(res => {
           this.unitOptions = res.data?.data || [];
-        })
-        .finally(() => {
-          this.unitLoading = false;
-        });
+        }),
+        getMeasurementUnitList(1, 9999, { status: 1 }).then(res => {
+          const data = res?.data?.data || res?.data || {};
+          const records = Array.isArray(data) ? data : data.records || [];
+          this.measurementUnits = records.filter(
+            item => item.status === undefined || item.status === null || Number(item.status) === 1
+          );
+        }),
+      ]).finally(() => {
+        this.unitLoading = false;
+      });
+    },
+    measurementDimension(billingElement) {
+      return BILLING_ELEMENT_DIMENSION_MAP[billingElement] || '';
+    },
+    unitOptionsFor(row) {
+      const dimension = this.measurementDimension(row?.billingElement);
+      if (dimension) {
+        return this.measurementUnits
+          .filter(item => String(item.dimension || '').trim() === dimension)
+          .map(item => ({
+            id: item.id,
+            label: item.unitName,
+            value: item.unitName,
+          }))
+          .filter(item => item.value);
+      }
+      return (this.unitOptions || [])
+        .map(item => ({
+          id: item.id || item.dictKey || item.dictValue,
+          label: item.dictValue,
+          value: item.dictValue,
+        }))
+        .filter(item => item.value);
+    },
+    syncBillingUnit(row) {
+      const options = this.unitOptionsFor(row);
+      if (!options.some(item => String(item.value) === String(row.billingUnit || ''))) {
+        row.billingUnit = '';
+      }
     },
     feeTypeKey(row) {
       const option = this.feeCategories.find(
@@ -699,7 +753,14 @@ export default {
       return this.typeMap[row.billingElement] || [];
     },
     handleElementChange(row) {
-      if (!this.billingTypes(row).includes(row.billingType)) row.billingType = '';
+      const billingTypes = this.billingTypes(row);
+      if (!billingTypes.includes(row.billingType)) {
+        row.billingType =
+          row.billingElement === '固定金额（整单一口价）' && billingTypes.includes('固定一口价')
+            ? '固定一口价'
+            : '';
+      }
+      this.syncBillingUnit(row);
       if (!this.canEditMinimum(row)) {
         row.minimumBillingWeight = '';
         row.limitRanges = (row.limitRanges || []).map(item => ({