文章管理

src/views/article-management/article-insert.vue

@@ -18,7 +18,7 @@
           <div style="display:flex;">
             <el-form ref="form" :model="form" :rules="rules" label-width="80px">
               <el-form-item label="文章标题" prop="articleTitle">
-                <el-input v-model="form.articleTitle" placeholder="请输入文章标题"/>
+                <el-input v-model="form.articleTitle" maxlength="40" show-word-limit placeholder="请输入文章标题"/>
               </el-form-item>
               <el-form-item label="权重" prop="articleWeight">
                 <el-input-number v-model="form.articleWeight" :min="1" :max="9999" controls-position="right"></el-input-number>

src/views/article-management/article-management.vue

 <template>
+  <div style="background-color: #FFFFFF;">
   <div class="app-container">
     <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="68px" size="small">
-      <el-form-item label="文章标题" prop="articleTitle">
+      <el-form-item prop="articleTitle">
         <el-input
           v-model="queryParams.articleTitle"
           clearable
@@ -9,7 +10,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="创建时间" prop="articleCreateTime">
+      <el-form-item prop="articleCreateTime">
         <el-date-picker v-model="queryParams.articleCreateTime"
                         clearable
                         placeholder="请选择创建时间"
@@ -18,7 +19,7 @@
         >
         </el-date-picker>
       </el-form-item>
-      <el-form-item label="状态" prop="articleStatus">
+      <el-form-item  prop="articleStatus">
         <el-select v-model="queryParams.articleStatus" clearable placeholder="请选择文章状态">
           <el-option
             v-for="dict in dict.type.article_status"
@@ -28,7 +29,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="排序方式" prop="sort">
+      <el-form-item prop="sort">
         <el-select
           v-model="queryParams.params.sort"
           clearable
@@ -47,39 +48,39 @@
         <el-button
           v-hasPermi="['business:article:add']"
           icon="el-icon-circle-plus-outline"
-          size="mini" type="success"
+          size="mini" class="fourWordsBtn"
           @click="handleAdd"
         >新增文章
         </el-button>
-        <el-button icon="el-icon-search" size="mini" type="success" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button icon="el-icon-search" size="mini"  class="queryBtn" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" class="resetBtn" @click="resetQuery">重置</el-button>
         <!--        选择全部-->
-        <el-button v-hasPermi="['system:manage:export']" icon="el-icon-right" size="mini" type="success"
+        <el-button v-hasPermi="['system:manage:export']" icon="el-icon-right" size="mini" class="fourWordsBtn"
                    @click="selectAll"
         >选择全部
         </el-button>
         <!--        反向选择-->
         <el-button v-hasPermi="['system:manage:export']"
                    icon="el-icon-back"
-                   size="mini" type="success"
+                   size="mini" class="fourWordsBtn"
                    @click="reverseSelect"
         >反向选择
         </el-button>
         <!--        批量导入-->
         <el-button
           v-hasPermi="['system:pets:export']"
-          icon="el-icon-bottom-left"
+          icon="el-icon-download"
           size="mini"
-          type="success"
+          class="fourWordsBtn"
           @click="handleExport"
         >批量导入
         </el-button>
         <!--        批量导出-->
         <el-button
           v-hasPermi="['system:pets:export']"
-          icon="el-icon-top-right"
+          icon="el-icon-upload2"
           size="mini"
-          type="success"
+          class="fourWordsBtn"
           @click="handleExport"
         >批量导出
         </el-button>
@@ -115,7 +116,7 @@
             icon="el-icon-document"
             plain
             size="mini"
-            style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(123, 213, 102);"
+            style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(95,181,75);"
             type="success"
             @click="handleDetail(scope.row)"
           >详情
@@ -125,7 +126,7 @@
             icon="el-icon-edit"
             plain
             size="mini"
-            style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(97,200,238);"
+            style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(52,144,206);"
             type="primary"
             @click="handleUpdate(scope.row)"
           >编辑
@@ -136,7 +137,7 @@
               icon="el-icon-delete"
               plain
               size="mini"
-              style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(255,67,82);"
+              style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(219,71,71);"
               type="danger"
               @click="handleDelete(scope.row)"
             >删除
@@ -147,7 +148,7 @@
               icon="el-icon-video-pause"
               plain
               size="mini"
-              style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(255,67,82);"
+              style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(255,157,78);"
               type="warning"
               @click="handleChange(scope.row)"
             >下架
@@ -207,6 +208,7 @@
       </div>
     </el-dialog>
   </div>
+  </div>
 </template>
 
 <script>
@@ -303,7 +305,9 @@ export default {
     },
     /** 编辑按钮操作--跳转文章编辑页 */
     handleUpdate(row) {
+      console.log("start to edit..." + row)
       this.reset()
+      console.log("start to edit...")
       this.$router.push({
         name: 'ArticleEdit', params: { id: row.id }
       })