上下架

src/views/classification/index.vue

@@ -100,11 +100,7 @@
           </template>
         </el-form-item>
         <el-form-item label="分类级别" :label-width="formLabelWidth">
-          <el-select v-model="form.type" placeholder="请选择分类级别">
-            <el-option label="一级" value="视频" />
-            <el-option label="二级" value="音频" />
-            <el-option label="三级" value="图片" />
-          </el-select>
+          <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer ">
@@ -211,12 +207,54 @@ export default {
         resource: '',
         desc: ''
       },
-      formLabelWidth: '120px'
+      formLabelWidth: '120px',
+      data: [{
+        label: '一级 1',
+        children: [{
+          label: '二级 1-1',
+          children: [{
+            label: '三级 1-1-1'
+          }]
+        }]
+      }, {
+        label: '一级 2',
+        children: [{
+          label: '二级 2-1',
+          children: [{
+            label: '三级 2-1-1'
+          }]
+        }, {
+          label: '二级 2-2',
+          children: [{
+            label: '三级 2-2-1'
+          }]
+        }]
+      }, {
+        label: '一级 3',
+        children: [{
+          label: '二级 3-1',
+          children: [{
+            label: '三级 3-1-1'
+          }]
+        }, {
+          label: '二级 3-2',
+          children: [{
+            label: '三级 3-2-1'
+          }]
+        }]
+      }],
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      }
     }
   },
   methods: {
     toRouer() {
       this.$router.push('/Database/classification/info')
+    },
+    handleNodeClick(data) {
+      console.log(data)
     }
   }
 }

src/views/database/index.vue

@@ -76,13 +76,13 @@
         </el-table-column>
         <el-table-column label="状态" width="200">
           <template slot-scope="scope">
-            <span style="margin-left: 10px">{{ scope.row.status }}</span>
+            <span style="margin-left: 10px">{{ scope.row.status | brand }}</span>
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
             <el-button size="mini" type="primary" @click="dialogFormVisible = true,sort=true ;">修改</el-button>
-            <el-button size="mini" type="success" @click="handleModifyStatus(row,'published')">上架</el-button>
+            <el-button size="mini" type="success" @click="handleModifyStatus(row,'published')">{{ scope.row.status == 0 ? "上架" : "下架" }}</el-button>
             <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
           </template>
         </el-table-column>