进度信息模块封装ui代码优化

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

@@ -14,7 +14,7 @@ color: #333333;"
       <div style="padding: 20px;">
         <div style="display: flex">
           <!--  文章信息 -->
-          <div class="tip-green" />
+          <div class="tip-green"/>
           <div
             style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #333333;"
           >文章信息
@@ -24,23 +24,23 @@ color: #333333;"
         <div class="base-msg">
           <div style="display:flex;">
             <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-              <el-form-item style="padding-top: 32px;" label="文章标题" prop="articleTitle">
-                <el-input v-model="form.articleTitle" disabled placeholder="请输入文章标题" />
+              <el-form-item label="文章标题" prop="articleTitle" style="padding-top: 32px;">
+                <el-input v-model="form.articleTitle" disabled placeholder="请输入文章标题"/>
               </el-form-item>
               <el-form-item label="权重" prop="articleWeight">
                 <el-input-number
                   v-model="form.articleWeight"
-                  disabled
                   :max="9999"
                   :min="1"
                   controls-position="right"
+                  disabled
                 />
               </el-form-item>
               <el-form-item label="文章封面" prop="articleCover">
                 <!--   0-- 文章信息的页面--文章封面 -->
                 <div class="base-msg">
                   <div class="petPicture" style="padding-bottom: 20px;">
-                    <ImagePreview :src="baseURL+form.articleCover" :width="150" :height="150" />
+                    <ImagePreview :height="150" :src="baseURL+form.articleCover" :width="150"/>
                   </div>
                 </div>
               </el-form-item>
@@ -49,9 +49,9 @@ color: #333333;"
                   <div style="padding-right: 15px;">
                     <el-switch
                       v-model="form.articleStatus"
-                      disabled
                       active-color="#13ce66"
                       active-value="0"
+                      disabled
                       inactive-color="#ff4949"
                       inactive-value="1"
                     />
@@ -63,7 +63,7 @@ color: #333333;"
               <!--   2-- 文章信息--文章内容 -->
               <div style="display: flex">
                 <!--  文章内容-->
-                <div class="tip-green" />
+                <div class="tip-green"/>
                 <div
                   style="padding-left: 13px;font-size: 16px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #333333;"
                 >文章内容
@@ -72,7 +72,7 @@ color: #333333;"
               <!--   2-- 文章信息的页面--文章内容 -->
               <div class="base-msg" style="padding-top: 32px; padding-bottom: 20px; padding-left: 1%;">
                 <el-row>
-                  <div v-html="form.articleContent" />
+                  <div v-html="form.articleContent"/>
                 </el-row>
               </div>
             </el-form>
@@ -176,9 +176,10 @@ export default {
     },
     /** 返回跳转列表页 */
     goBack() {
-      this.$router.push({
-        path: '/article-management/index'
-      })
+      this.$router.back()
+      // this.$router.push({
+      //   path: '/article-management/index'
+      // })
     }
   }
 }
@@ -230,7 +231,8 @@ export default {
     background-color: #F6FCF5 !important;
   }
 }
-::v-deep .el-card__body{
-  padding :unset !important;
+
+::v-deep .el-card__body {
+  padding: unset !important;
 }
 </style>