套餐描述不能为空

src/views/clinic/wx-business/WxmallPackage.vue

@@ -60,9 +60,14 @@
     <el-drawer v-model="showCreation" :title="drawerTitle" size="50%">
       <el-form :model="mainPackage" label-width="auto" :rules="packageMainRules">
         <el-form-item label="套餐名称" prop="name">
-          <el-input v-model="mainPackage.name" maxlength="32" show-word-limit :disabled="disableEdit"/>
+          <el-input
+              v-model="mainPackage.name"
+              maxlength="32"
+              show-word-limit
+              :disabled="disableEdit"
+          />
         </el-form-item>
-        <el-form-item label="套餐描述">
+        <el-form-item label="套餐描述" prop="description">
           <el-input
               v-model="mainPackage.description"
               maxlength="256"
@@ -200,6 +205,7 @@ function changePackageState(row) {
 
 const packageMainRules = reactive({
   name: [ { required: true, message: '请输入套餐名称', trigger: 'blur' } ],
+  description: [ { required: true, message: '请输入套餐描述', trigger: 'blur' } ],
 })
 
 const mode = ref('see')
@@ -297,6 +303,10 @@ function submitUpload() {
     ElMessage.error('套餐名称不能为空')
     return
   }
+  if (!mainPackage.value.description) {
+    ElMessage.error('套餐描述不能为空')
+    return
+  }
   if (fileList.value.length === 0 && mode.value === 'add') {
     ElMessage.error('套餐图片不能为空')
     return