feat(shopExpressTemplateDetail): 支持「不发货黑名单」配送模式

- 新增配送模式三态选择（0全国/1指定配送/2指定不发货）
- 编辑表单中增加“配送模式”单选，mode=2时复用多选地区组件选择不发货地区
- 保存时根据模式调整 regionMode 和 regionIds 字段，确保模式与地区同步
- 列表页配送地区列新增不发货黑名单显示，聚合城市码为省份名并支持省名去重
- 加载地区时建立城市ID到省份ID映射，实现城市码聚合显示省名功能
- 适配旧数据兼容性，支持单值旧数据和全国模式显示
- 表单校验强化，指定配送/不发货模式下必须选择有效地区
- 完成端到端链路功能闭环，前端支持黑名单配置，后端按租户生效配送限制

src/views/shop/shopExpressTemplateDetail/components/shopExpressTemplateDetailEdit.vue

@@ -20,12 +20,31 @@
         styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
       "
     >
+      <a-form-item label="配送模式" name="regionMode">
+        <a-radio-group v-model:value="form.regionMode" @change="onModeChange">
+          <a-radio :value="0">全国</a-radio>
+          <a-radio :value="1">指定配送</a-radio>
+          <a-radio :value="2">指定不发货</a-radio>
+        </a-radio-group>
+      </a-form-item>
       <a-form-item label="配送地区">
-        <RegionMultiSelect
-          :value="cityIds"
-          @update:value="onCityIdsChange"
-        />
-        <div class="rms-tip">不选则默认全国</div>
+        <template v-if="form.regionMode === 0">
+          <span class="rms-tip">全国发货，无需选择地区</span>
+        </template>
+        <template v-else>
+          <RegionMultiSelect
+            :value="cityIds"
+            :placeholder="form.regionMode === 2 ? '选择不发货地区' : '选择配送地区'"
+            @update:value="onCityIdsChange"
+          />
+          <div class="rms-tip">
+            {{
+              form.regionMode === 2
+                ? '选中地区将不配送，用户下单会被拦截'
+                : '不选则默认全国（建议切换到"全国"模式）'
+            }}
+          </div>
+        </template>
       </a-form-item>
       <a-form-item :label="templateType ? '首件数量' : '首重重量'" name="firstNum">
         <a-input-number
@@ -187,15 +206,18 @@
 
   const { resetFields } = useForm(form, rules);
 
-  /* 城市选中变化，同步到 form.regionIds / regionMode（1=指定配送白名单，0=全国） */
+  /* 城市选中变化，同步到 form.regionIds（模式由 radio 决定：1=指定配送，2=指定不发货） */
   const onCityIdsChange = (val: string[]) => {
     cityIds.value = val;
-    if (val.length) {
-      form.regionIds = val.join(',');
-      form.regionMode = 1;
-    } else {
+    form.regionIds = val.length ? val.join(',') : undefined;
+  };
+
+  /* 切换配送模式 */
+  const onModeChange = () => {
+    // 切到「全国」时清空已选地区
+    if (form.regionMode === 0) {
+      cityIds.value = [];
       form.regionIds = undefined;
-      form.regionMode = 0;
     }
   };
 
@@ -207,18 +229,27 @@
     formRef.value
       .validate()
       .then(() => {
+        // 指定配送/不发货模式下必须选择地区
+        if (form.regionMode === 1 || form.regionMode === 2) {
+          if (!cityIds.value.length) {
+            message.error(
+              form.regionMode === 2 ? '请选择不发货地区' : '请选择配送地区'
+            );
+            return;
+          }
+        }
         loading.value = true;
         const formData = { ...form };
         // 确保templateId和type从父级继承
         formData.templateId = props.templateId;
         formData.type = props.templateType ?? true;
-        // 多选配送区域（regionMode=1 指定配送，0=全国；regionIds 存城市编码逗号串）
-        if (cityIds.value.length) {
-          formData.regionIds = cityIds.value.join(',');
-          formData.regionMode = 1;
-        } else {
+        // 配送模式：0=全国（无地区）；1=指定配送；2=指定不发货；后两者 regionIds 存城市编码逗号串
+        if (form.regionMode === 0) {
           formData.regionIds = undefined;
           formData.regionMode = 0;
+        } else {
+          formData.regionIds = cityIds.value.join(',');
+          formData.regionMode = form.regionMode;
         }
         const saveOrUpdate = isUpdate.value
           ? updateShopExpressTemplateDetail
@@ -244,20 +275,29 @@
       if (visible) {
         if (props.data) {
           assignObject(form, props.data);
+          if (form.regionMode == null) {
+            form.regionMode = 0;
+          }
           isUpdate.value = true;
         } else {
           isUpdate.value = false;
           form.templateId = props.templateId;
           form.type = props.templateType ?? true;
+          form.regionMode = 0;
         }
-        // 回显多选配送区域（regionIds 存城市编码）
-        if (form.regionIds) {
-          cityIds.value = form.regionIds.split(',').filter(Boolean);
-        } else if (form.cityId) {
-          // 兼容旧单值数据
-          cityIds.value = [String(form.cityId)];
+        // 回显多选配送区域（仅 1=指定配送 / 2=指定不发货 带地区，regionIds 存城市编码）
+        if (form.regionMode === 1 || form.regionMode === 2) {
+          if (form.regionIds) {
+            cityIds.value = form.regionIds.split(',').filter(Boolean);
+          } else if (form.cityId) {
+            // 兼容旧单值数据
+            cityIds.value = [String(form.cityId)];
+          } else {
+            cityIds.value = [];
+          }
         } else {
           cityIds.value = [];
+          form.regionIds = undefined;
         }
       } else {
         resetFields();

src/views/shop/shopExpressTemplateDetail/index.vue

@@ -92,6 +92,8 @@
 
   // 地区ID→名称映射
   const regionMap = ref<Record<string, string>>({});
+  // 城市ID→省份ID映射（用于把城市码聚合显示为省名）
+  const cityToProvince = ref<Record<string, string>>({});
 
   // 表格选中数据
   const selection = ref<ShopExpressTemplateDetail[]>([]);
@@ -128,26 +130,25 @@
       align: 'center',
       width: 150,
       customRender: ({ record }) => {
-        // 多选配送区域（regionIds 逗号分隔的城市编码）
-        const cityIds = (record.regionIds || '')
+        const mode = record.regionMode;
+        const ids = (record.regionIds || '')
           .split(',')
           .filter(Boolean);
-        if (cityIds.length) {
-          const names = cityIds.map(
-            (id: string) => regionMap.value[id] || id
-          );
-          const text = names.join('、');
-          // 过长截断并支持 tooltip 悬浮查看全部
-          if (text.length > 22) {
-            return h(
-              'span',
-              { title: text },
-              text.slice(0, 22) + '…'
-            );
+        if (mode === 2) {
+          // 指定不发货（黑名单）
+          if (!ids.length) {
+            return h('span', { style: { color: '#bbb' } }, '不发货（未配置地区）');
           }
-          return text;
+          const text = '不发货：' + aggregateProvinces(ids).join('、');
+          return renderRegionText(text, 26);
         }
-        // 兼容旧单值数据
+        if (mode === 1) {
+          // 指定配送（白名单）
+          if (!ids.length) return '默认全国';
+          const text = aggregateProvinces(ids).join('、');
+          return renderRegionText(text, 22);
+        }
+        // 兼容旧数据 / 全国
         const province = record.provinceId
           ? regionMap.value[String(record.provinceId)]
           : '';
@@ -286,19 +287,44 @@
     };
   };
 
+  /* 把城市编码数组聚合为去重的省份名称数组（兼容直接存省份码的场景） */
+  const aggregateProvinces = (ids: string[]) => {
+    const set = new Set<string>();
+    ids.forEach((id) => {
+      const prov = cityToProvince.value[id];
+      if (prov) {
+        set.add(regionMap.value[prov] || prov);
+      } else {
+        set.add(regionMap.value[id] || id);
+      }
+    });
+    return [...set];
+  };
+
+  /* 过长截断并支持 tooltip 悬浮查看全部 */
+  const renderRegionText = (text: string, max = 22) => {
+    if (text.length > max) {
+      return h('span', { title: text }, text.slice(0, max) + '…');
+    }
+    return text;
+  };
+
   /* 加载地区数据，建立ID→名称映射 */
   onMounted(() => {
     getRegionsData().then((data) => {
       const map: Record<string, string> = {};
+      const c2p: Record<string, string> = {};
       data.forEach((province) => {
         map[province.value] = province.label;
         if (province.children) {
           province.children.forEach((city) => {
             map[city.value] = city.label;
+            c2p[city.value] = province.value;
           });
         }
       });
       regionMap.value = map;
+      cityToProvince.value = c2p;
     });
   });
 </script>