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

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

@@ -55,8 +55,8 @@ color: #333333;"
                       />
                     </el-select>
                   </div>
-<!--                  <div v-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>-->
-<!--                  <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>-->
+                  <!--                  <div v-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>-->
+                  <!--                  <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>-->
                 </div>
               </el-form-item>
               <!--   2-- 文章信息--文章内容 -->
@@ -110,18 +110,16 @@ export default {
       baseURL: process.env.VUE_APP_TEST_API,
       // 状态下拉框
       statusList: [{
-        label: '已启用',
+        label: '已上架',
         value: '0'
       }, {
-        label: '已禁用',
+        label: '已下架',
         value: '1'
       }],
       // 弹出层标题
       title: '',
       // 是否显示弹出层
       open: false,
-      // 状态位
-      value: true,
       // 表单参数
       form: {},
       // 表单校验

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

@@ -47,8 +47,6 @@ color: #333333;"
                       />
                     </el-select>
                   </div>
-<!--                  <div v-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>-->
-<!--                  <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>-->
                 </div>
               </el-form-item>
               <el-form-item label="文章内容" prop="articleContent">
@@ -91,10 +89,10 @@ export default {
     return {
       // 状态下拉框
       statusList: [{
-        label: '已启用',
+        label: '已上架',
         value: '0'
       }, {
-        label: '已禁用',
+        label: '已下架',
         value: '1'
       }],
       user: {},
@@ -104,8 +102,6 @@ export default {
       title: '',
       // 是否显示弹出层
       open: false,
-      // 状态位
-      value: true,
       // 表单参数
       form: {},
       // 表单校验

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

@@ -42,8 +42,8 @@ color: #333333;"
                       />
                     </el-select>
                   </div>
-<!--                  <div v-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>-->
-<!--                  <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>-->
+                  <!--                  <div v-if="form.articleStatus==='0'" style="padding-top: 1px;">已上架</div>-->
+                  <!--                  <div v-else-if="form.articleStatus==='1'" style="padding-top: 1px;">已下架</div>-->
                 </div>
               </el-form-item>
               <el-form-item label="文章内容" prop="articleContent">
@@ -86,10 +86,10 @@ export default {
     return {
       // 状态下拉框
       statusList: [{
-        label: '已启用',
+        label: '已上架',
         value: '0'
       }, {
-        label: '已禁用',
+        label: '已下架',
         value: '1'
       }],
       // 弹出层标题