fix🐛 ：修复内容模块问题（#357）

src/views/syscategory/index.vue

@@ -150,6 +150,7 @@
               <el-input
                 v-model="form.sort"
                 placeholder="排序"
+                type="number"
               />
             </el-form-item>
             <el-form-item label="状态" prop="status">
@@ -227,7 +228,8 @@ export default {
       // 表单校验
       rules: {
         name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
-        status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
+        status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
+        sort: [{ required: true, message: '排序不能为空', trigger: 'blur' }]
       }
     }
   },
@@ -260,7 +262,7 @@ export default {
         ID: undefined,
         name: undefined,
         img: undefined,
-        sort: undefined,
+        sort: 999,
         status: undefined,
         remark: undefined
       }
@@ -307,6 +309,7 @@ export default {
       const ID = row.id || this.ids
       getSysCategory(ID).then(response => {
         this.form = response.data
+        this.form.status = String(this.form.status)
         this.open = true
         this.title = '修改分类管理'
         this.isEdit = true
@@ -316,6 +319,8 @@ export default {
     submitForm: function() {
       this.$refs['form'].validate(valid => {
         if (valid) {
+          this.form.sort = parseInt(this.form.sort)
+          this.form.status = parseInt(this.form.status)
           if (this.form.id !== undefined) {
             updateSysCategory(this.form).then(response => {
               if (response.code === 200) {

src/views/syscontent/create.vue

@@ -2,7 +2,7 @@
   <BasicLayout>
     <template #wrapper>
       <el-card class="box-card">
-        <el-form ref="form" :model="form" label-width="80px" class="form-container">
+        <el-form ref="form" :model="form" :rules="rules" label-width="80px" class="form-container">
           <el-form-item label="分类" prop="cateId">
             <el-select
               v-model="form.cateId"
@@ -36,14 +36,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="内容" prop="content">
-            <!-- <el-input
-                v-model="form.content"
-                type="textarea"
-                :rows="2"
-                placeholder="请输入内容"
-              /> -->
             <Tinymce ref="editor" v-model="form.content" :height="400" />
-            <!-- <rict-text v-model="form.content" :height="400" /> -->
           </el-form-item>
           <el-form-item label="备注" prop="remark">
             <el-input
@@ -55,21 +48,18 @@
             <el-input
               v-model="form.sort"
               placeholder="排序"
+              type="number"
             />
           </el-form-item>
           <el-form-item>
             <el-button v-loading="loading" style="margin-left: 10px;" type="success" @click="submitForm">
-              Publish
+              提交
             </el-button>
             <el-button v-loading="loading" type="warning" @click="draftForm">
-              Draft
+              取消
             </el-button>
           </el-form-item>
         </el-form>
-        <!-- <div slot="footer">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div> -->
       </el-card>
     </template>
   </BasicLayout>
@@ -96,7 +86,9 @@ export default {
       loading: false,
       postForm: Object.assign({}, defaultForm),
       // 表单参数
-      form: {},
+      form: {
+        sort: 999
+      },
       statusOptions: [],
       // 关系表类型
       cateIdOptions: [],
@@ -104,7 +96,8 @@ export default {
       rules: {
         cateId: [{ required: true, message: '分类id不能为空', trigger: 'blur' }],
         name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
-        status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
+        status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
+        sort: [{ required: true, message: '排序不能为空', trigger: 'blur' }]
       }
     }
   },
@@ -128,6 +121,9 @@ export default {
       console.log(this.form)
       this.$refs['form'].validate(valid => {
         if (valid) {
+          this.form.cateId = parseInt(this.form.cateId)
+          this.form.status = parseInt(this.form.status)
+          this.form.sort = parseInt(this.form.sort)
           addSysContent(this.form).then(response => {
             if (response.code === 200) {
               this.msgSuccess('新增成功')

src/views/syscontent/edit.vue

@@ -2,7 +2,7 @@
   <BasicLayout>
     <template #wrapper>
       <el-card class="box-card">
-        <el-form ref="form" :model="form" label-width="80px" class="form-container">
+        <el-form ref="form" :model="form" :rules="rules" label-width="80px" class="form-container">
           <el-form-item label="分类" prop="cateId">
             <el-select
               v-model="form.cateId"
@@ -36,14 +36,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="内容" prop="content">
-            <!-- <el-input
-                v-model="form.content"
-                type="textarea"
-                :rows="2"
-                placeholder="请输入内容"
-              /> -->
             <Tinymce ref="editor" v-model="form.content" :height="400" />
-            <!-- <rict-text v-model="form.content" :height="400" /> -->
           </el-form-item>
           <el-form-item label="备注" prop="remark">
             <el-input
@@ -59,17 +52,13 @@
           </el-form-item>
           <el-form-item>
             <el-button v-loading="loading" style="margin-left: 10px;" type="success" @click="submitForm">
-              保存
+              保 存
             </el-button>
             <el-button v-loading="loading" type="warning" @click="draftForm">
-              Draft
+              取 消
             </el-button>
           </el-form-item>
         </el-form>
-        <!-- <div slot="footer">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div> -->
       </el-card>
     </template>
   </BasicLayout>
@@ -79,16 +68,13 @@
 import { getSysContent, updateSysContent } from '@/api/syscontent'
 import { listSysCategory } from '@/api/syscategory'
 
-// import FileChoose from '@/components/FileChoose'
 import Tinymce from '@/components/Tinymce'
-// import RictText from '@/components/richtext'
 const defaultForm = {
   status: 'draft'
 }
 export default {
   name: 'CreateArticle',
   components: {
-    // FileChoose,
     Tinymce
   },
   data() {
@@ -102,9 +88,10 @@ export default {
       cateIdOptions: [],
       // 表单校验
       rules: {
-        cateId: [{ required: true, message: '分类id不能为空', trigger: 'blur' }],
+        cateId: [{ required: true, message: '分类必选', trigger: 'blur' }],
         name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
-        status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
+        status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
+        sort: [{ required: true, message: '排序不能为空', trigger: 'blur' }]
       }
     }
   },
@@ -112,6 +99,9 @@ export default {
     const id = this.$route.params && this.$route.params.id
     getSysContent(id).then(response => {
       this.form = response.data
+      this.form.cateId = String(this.form.cateId)
+      this.form.status = String(this.form.status)
+      this.form.sort = String(this.form.sort)
     })
     this.getSysCategoryItems()
     this.getDicts('sys_content_status').then(response => {
@@ -132,6 +122,9 @@ export default {
       console.log(this.form)
       this.$refs['form'].validate(valid => {
         if (valid) {
+          this.form.cateId = parseInt(this.form.cateId)
+          this.form.status = parseInt(this.form.status)
+          this.form.sort = parseInt(this.form.sort)
           updateSysContent(this.form).then(response => {
             if (response.code === 200) {
               this.msgSuccess('修改成功')

src/views/syscontent/index.vue

@@ -184,14 +184,6 @@ export default {
         cateId: undefined,
         name: undefined,
         status: undefined
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        cateId: [{ required: true, message: '分类id不能为空', trigger: 'blur' }],
-        name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
-        status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
       }
     }
   },