25571

packages/3.0.0/AppContentManage/components/List.vue

@@ -33,10 +33,14 @@
         height="580px"
         title="文章分类"
         @close="onClose"
-        @onConfirm="onConfirm">
+        @onConfirm="isShowAdd = false">
         <el-form ref="form" class="ai-form" :model="form" label-width="110px" label-position="right">
-          <el-form-item label="分类名称" prop="categoryName" style="width: 100%;" :rules="[{ required: true, message: '请输入分类名称', trigger: 'blur' }]">
-            <el-input size="small" placeholder="请输入分类名称" v-model="form.categoryName"></el-input>
+          <el-form-item label="分类名称" style="width: 500px;" prop="categoryName" :rules="[{ required: true, message: '请输入分类名称', trigger: 'blur' }]">
+            <div class="catewrapper">
+              <el-input  size="small" style="width: 300px;" placeholder="请输入分类名称" v-model="form.categoryName">
+              </el-input>
+              <el-button style="margin-left: 20px;" size="small" type="primary" icon="iconfont iconAdd" @click="onConfirm">添加</el-button>
+            </div>
           </el-form-item>
         </el-form>
         <ai-table
@@ -91,7 +95,6 @@
         colConfigs: [
           { prop: 'moduleName',  label: '模块名称', align: 'left', width: '200px' },
           { prop: 'menuName', label: '关联菜单', align: 'center' },
-          // { prop: 'id', label: 'ID', align: 'center' },
           { prop: 'categoryStr', label: '文章分类', align: 'center' }
         ],
         cateColConfigs: [
@@ -175,12 +178,11 @@
                 if (this.id) {
                   this.id = ''
                   this.form.categoryName = ''
-                  this.getCateList()
 
                   return false
                 }
                 this.getList()
-                this.isShowAdd = false
+                this.getCateList()
               }
             })
           }
@@ -208,5 +210,9 @@
 
 <style lang="scss" scoped>
   .notice {
+    .catewrapper {
+      display: flex;
+      align-items: center;
+    }
   }
 </style>