feat(diy-template): 将模板类型字段重命名为模板平台

- 将 DiyTemplateForm.vue 中的模板类型字段重命名为模板平台
- 将表单模型中的 type 字段更新为 platform 字段
- 更新表单验证规则中字段名称的对应关系
- 在查询参数中添加 platform 字段支持
- 更新表格列显示中字段引用的对应关系

src/views/mall/promotion/diy/template/DiyTemplateForm.vue

@@ -10,8 +10,8 @@
       <el-form-item label="模板名称" prop="name">
         <el-input v-model="formData.name" placeholder="请输入模板名称" />
       </el-form-item>
-      <el-form-item label="模板类型" prop="type">
+      <el-form-item label="模板平台" prop="type">
-        <el-select v-model="formData.type" clearable placeholder="请选择模板类型" class="w-46!">
+        <el-select v-model="formData.platform" clearable placeholder="请选择模板平台" class="w-46!">
           <el-option
             v-for="dict in getStrDictOptions(DICT_TYPE.PROMOTION_DIY_TEMPLATE_PLATFORM)"
             :key="dict.value"
@@ -50,13 +50,13 @@ const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formData = ref({
   id: undefined,
   name: undefined,
-  type: undefined,
+  platform: undefined,
   remark: undefined,
   previewPicUrls: []
 })
 const formRules = reactive({
   name: [{ required: true, message: '模板名称不能为空', trigger: 'blur' }],
-  type: [{ required: true, message: '模板类型不能为空', trigger: 'blur' }]
+  platform: [{ required: true, message: '模板平台不能为空', trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
 
@@ -109,7 +109,7 @@ const resetForm = () => {
   formData.value = {
     id: undefined,
     name: undefined,
-    type: undefined,
+    platform: undefined,
     remark: undefined,
     previewPicUrls: []
   }

src/views/mall/promotion/diy/template/index.vue

@@ -30,8 +30,8 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item label="模板类型" prop="type">
+      <el-form-item label="模板平台" prop="platform">
-        <el-select v-model="queryParams.type" clearable placeholder="请选择模板类型" class="!w-240px">
+        <el-select v-model="queryParams.platform" clearable placeholder="请选择模板平台" class="!w-240px">
           <el-option
             v-for="dict in getStrDictOptions(DICT_TYPE.PROMOTION_DIY_TEMPLATE_PLATFORM)"
             :key="dict.value"
@@ -73,9 +73,9 @@
         </template>
       </el-table-column>
       <el-table-column label="模板名称" align="center" prop="name" min-width="180" />
-      <el-table-column label="模板类型" align="center" prop="type" min-width="100">
+      <el-table-column label="模板平台" align="center" prop="platform" min-width="100">
         <template #default="scope">
-          <dict-tag :type="DICT_TYPE.PROMOTION_DIY_TEMPLATE_PLATFORM" :value="scope.row.type" />
+          <dict-tag :type="DICT_TYPE.PROMOTION_DIY_TEMPLATE_PLATFORM" :value="scope.row.platform" />
         </template>
       </el-table-column>
       <el-table-column label="是否使用" align="center" prop="used">
@@ -162,6 +162,7 @@ const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
   name: null,
+  platform: null,
   createTime: []
 })
 const queryFormRef = ref() // 搜索的表单