新增：优惠券

src/views/cms/cmsDesign/components/cmsDesignEdit.vue

@@ -5,7 +5,7 @@
     :visible="visible"
     :maskClosable="false"
     :maxable="maxable"
-    :title="isUpdate ? '编辑页面管理记录表' : '添加页面管理记录表'"
+    :title="isUpdate ? '编辑页面' : '添加页面'"
     :body-style="{ paddingBottom: '28px' }"
     @update:visible="updateVisible"
     @ok="save"
@@ -19,18 +19,25 @@
         styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
       "
     >
-      <a-form-item label="页面标题" name="name">
+      <a-form-item label="页面" name="name">
         <a-input
           allow-clear
           placeholder="请输入页面标题"
           v-model:value="form.name"
         />
       </a-form-item>
-      <a-form-item label="所属栏目ID" name="categoryId">
-        <a-input
+      <a-form-item label="所属栏目" name="categoryId">
+        <a-tree-select
           allow-clear
-          placeholder="请输入所属栏目ID"
-          v-model:value="form.categoryId"
+          :tree-data="navigationList"
+          tree-default-expand-all
+          style="width: 320px"
+          placeholder="请选择栏目"
+          :value="form.categoryId || undefined"
+          :listHeight="700"
+          :dropdown-style="{ overflow: 'auto' }"
+          @update:value="(value?: number) => (form.categoryId = value)"
+          @change="onCategoryId"
         />
       </a-form-item>
       <a-form-item label="页面关键词" name="keywords">
@@ -75,13 +82,6 @@
           v-model:value="form.content"
         />
       </a-form-item>
-      <a-form-item label="是否开启布局" name="showLayout">
-        <a-input
-          allow-clear
-          placeholder="请输入是否开启布局"
-          v-model:value="form.showLayout"
-        />
-      </a-form-item>
       <a-form-item label="页面布局" name="layout">
         <a-input
           allow-clear
@@ -89,20 +89,6 @@
           v-model:value="form.layout"
         />
       </a-form-item>
-      <a-form-item label="上级id, 0是顶级" name="parentId">
-        <a-input
-          allow-clear
-          placeholder="请输入上级id, 0是顶级"
-          v-model:value="form.parentId"
-        />
-      </a-form-item>
-      <a-form-item label="用户ID" name="userId">
-        <a-input
-          allow-clear
-          placeholder="请输入用户ID"
-          v-model:value="form.userId"
-        />
-      </a-form-item>
       <a-form-item label="设为首页" name="home">
         <a-input
           allow-clear
@@ -110,7 +96,7 @@
           v-model:value="form.home"
         />
       </a-form-item>
-      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+      <a-form-item label="排序" name="sortNumber">
         <a-input-number
           :min="0"
           :max="9999"
@@ -127,19 +113,12 @@
           v-model:value="form.comments"
         />
       </a-form-item>
-      <a-form-item label="状态, 0正常, 1冻结" name="status">
+      <a-form-item label="状态" name="status">
         <a-radio-group v-model:value="form.status">
           <a-radio :value="0">显示</a-radio>
           <a-radio :value="1">隐藏</a-radio>
         </a-radio-group>
       </a-form-item>
-      <a-form-item label="是否删除, 0否, 1是" name="deleted">
-        <a-input
-          allow-clear
-          placeholder="请输入是否删除, 0否, 1是"
-          v-model:value="form.deleted"
-        />
-      </a-form-item>
     </a-form>
   </ele-modal>
 </template>
@@ -155,6 +134,7 @@
   import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
   import { FormInstance } from 'ant-design-vue/es/form';
   import { FileRecord } from '@/api/system/file/model';
+  import {CmsNavigation} from "@/api/cms/cmsNavigation/model";
 
   // 是否是修改
   const isUpdate = ref(false);
@@ -168,6 +148,8 @@
     visible: boolean;
     // 修改回显的数据
     data?: CmsDesign | null;
+    // 栏目数据
+    navigationList?: CmsNavigation[];
   }>();
 
   const emit = defineEmits<{