上传

src/views/MiniMall/MallSet/Comp/DialogCategory.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="dialogVisible" width="800px">
+  <Dialog :title="dialogTitle" v-model="dialogVisible" width="500px">
     <el-form
       ref="formRef"
       v-loading="formLoading"
@@ -10,11 +10,17 @@
       <el-form-item v-if="formData.level > 1" label="上级分类">
         <el-input v-model="formData.parentCategory" disabled />
       </el-form-item>
-      <el-form-item label="分类名称" prop="categoryName">
-        <el-input v-model="formData.categoryName" placeholder="请输入分类名称" />
+      <el-form-item label="分类名称" prop="name">
+        <el-input v-model="formData.name" placeholder="请输入分类名称" />
       </el-form-item>
-      <el-form-item label="排序" prop="orderNum">
-        <el-input v-model="formData.orderNum" placeholder="请输入排序" type="number" :min="0" />
+      <el-form-item label="排序" prop="sort">
+        <el-input v-model="formData.sort" placeholder="请输入排序" type="number" :min="0" />
+      </el-form-item>
+      <el-form-item label="状态" prop="status">
+        <el-radio-group v-model="formData.status">
+          <el-radio :label="0"> 启用 </el-radio>
+          <el-radio :label="1"> 禁用 </el-radio>
+        </el-radio-group>
       </el-form-item>
       <el-form-item label="备注" prop="remark">
         <el-input
@@ -32,6 +38,8 @@
   </Dialog>
 </template>
 <script name="DialogCategory" setup>
+import * as ProductCategoryApi from '@/api/mall/product/category'
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 
@@ -40,12 +48,13 @@ const dialogTitle = ref('') // 弹窗的标题
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
 const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formData = ref({
-  categoryName: '',
-  orderNum: 1,
+  name: '',
+  sort: 1,
+  status: 0,
   remark: ''
 })
 const formRules = reactive({
-  categoryName: [{ required: true, message: '名称不能为空', trigger: 'blur' }]
+  name: [{ required: true, message: '名称不能为空', trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
 
@@ -56,16 +65,15 @@ const open = async (type, info) => {
   formType.value = type
   resetForm()
   // 修改时，设置数据
-  if (info.categoryId) {
+  if (info?.id) {
     formLoading.value = true
     try {
       if (type == 'update') {
-        formData.value = { ...info }
+        formData.value = await ProductCategoryApi.getCategory(info.id)
       } else {
         formData.value.level = info.level + 1
-        formData.value.parentCategory = info.categoryName
+        formData.value.parentCategory = info.name
       }
-      // formData.value = await UserApi.getUser(id)
     } finally {
       formLoading.value = false
     }
@@ -83,12 +91,11 @@ const submitForm = async () => {
   // 提交请求
   formLoading.value = true
   try {
-    // const data = formData.value as unknown as UserApi.UserVO
     if (formType.value === 'create') {
-      // await UserApi.createUser(data)
+      await ProductCategoryApi.createCategory(formData.value)
       message.success(t('common.createSuccess'))
     } else {
-      // await UserApi.updateUser(data)
+      await ProductCategoryApi.updateCategory(data)
       message.success(t('common.updateSuccess'))
     }
     dialogVisible.value = false
@@ -102,8 +109,9 @@ const submitForm = async () => {
 /** 重置表单 */
 const resetForm = () => {
   formData.value = {
-    categoryName: '',
-    orderNum: 1,
+    name: '',
+    sort: 1,
+    status: 0,
     remark: ''
   }
   formRef.value?.resetFields()