文章管理 设备文章

src/views/article/list/detail.vue

@@ -13,6 +13,12 @@
       <el-form-item label="文章内容：">
         <el-input v-model="form.content" type="textarea" rows="10" placeholder="请输入文章内容" />
       </el-form-item>
+      <el-form-item label="文章状态：">
+        <el-select v-model="form.status" placeholder="请选择文章状态">
+          <el-option v-for="item in statusOptions" :key="item.value" :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
     </el-form>
     <div class="form-btn">
       <el-button @click="cancel">取消</el-button>
@@ -57,7 +63,7 @@ export default {
       this.form.linkDevice = this.linkDevice.join(',')
       if (this.form.id) {
         edit(this.form).then(res => {
-          if(res.code === 0) {
+          if (res.code === 0) {
             this.$message.success('修改成功！')
             this.cancel()
           }

src/views/article/list/index.vue

@@ -59,11 +59,6 @@ export default {
       deleteList: [],
       // 设备列表
       devOptions: [],
-      // 状态
-      statusOptions: [
-        { value: 0, label: '上架' },
-        { value: 1, label: '下架' }
-      ]
     }
   },
   mounted() {

src/views/article/list/mixin.js

@@ -5,7 +5,18 @@ import {
 const devMixin = {
   data() {
     return {
-      devOptions: []
+      // 设备列表
+      devOptions: [],
+      // 当前状态
+      statusOptions: [{
+          value: 0,
+          label: '上架'
+        },
+        {
+          value: 1,
+          label: '下架'
+        }
+      ]
     }
   },
   mounted() {
@@ -22,4 +33,6 @@ const devMixin = {
   }
 }
 
-export { devMixin }
+export {
+  devMixin
+}