素材管理分类

src/HManagement/archives_ad/modules/list.vue

@@ -9,7 +9,7 @@
           <p style="flex:1 0 auto;font-size:14px">素材分类:&nbsp;</p>
 
           <el-cascader class="cascader" size="small" v-model="selectClassId" :options="selectList"
-            :props="{ expandTrigger: 'hover', label: 'classname', value: 'sat_sharematerial_classid' }"
+            :props="{ expandTrigger: 'hover', label: 'classname', value: 'sat_sharematerial_classid', checkStrictly: true }"
             @change="handleChange" clearable />
 
           <el-input style="width:270px" v-model="params.content.where.condition" @change="getList(true)"
@@ -26,11 +26,11 @@
         <template v-slot:customcol="scope">
           <div v-if="scope.column.columnname === 'status'">
             <span :style="scope.column.data.status === '审核' ? 'color:#52C41A' : ''">{{
-                                scope.column.data.status == '审核' ? '发布' : scope.column.data.status
-                        }}</span>
+                scope.column.data.status == '审核' ? '发布' : scope.column.data.status
+            }}</span>
           </div>
           <p v-else-if="scope.column.columnname === 'title'">
-            【{{getType(scope.column.data.type)  }}】{{scope.column.data.title}}
+            【{{ getType(scope.column.data.type) }}】{{ scope.column.data.title }}
           </p>
           <p v-else>{{ scope.column.data[scope.column.columnname] }}</p>
         </template>
@@ -60,7 +60,7 @@
 export default {
   name: "list",
   components: {},
-  data () {
+  data() {
     return {
       list: [],
       tablecols: [],
@@ -84,14 +84,14 @@ export default {
 
     }
   },
-  created () {
+  created() {
     //获取表结构
     this.tablecols = this.tool.tabelCol(this.$route.name)['listTable'].tablecols;
     this.getList();
     this.getSelectList();
   },
   methods: {
-    getType (type) {
+    getType(type) {
       if (type == 1) {
         return '图片'
       } else if (type == 2) {
@@ -101,7 +101,7 @@ export default {
       }
     },
     /* 获取分类列表 */
-    getSelectList () {
+    getSelectList() {
       this.$api.requested({
         "classname": "webmanage.saletool.sharematerial.sharematerialClass",
         "method": "select",
@@ -109,12 +109,13 @@ export default {
           parentid: 0
         }
       }).then(res => {
+        console.log("分类列表",res)
         if (res.msg != '成功') return this.$message.error(res.data);
         this.selectList = res.data;
       })
     },
     /* 获取列表 */
-    getList (init = false) {
+    getList(init = false) {
       let initID = '9999' + JSON.parse(window.sessionStorage.getItem("active_account")).userid;
       //初始化分页
       if (init) this.currentPage = 1;
@@ -133,7 +134,7 @@ export default {
       })
     },
     /* 处理批量删除 */
-    handleDelete (list) {
+    handleDelete(list) {
       this.$api.requested({
         "classname": "webmanage.saletool.sharematerial.sharematerial",
         "method": "delete",
@@ -146,13 +147,14 @@ export default {
       })
     },
     /* 切换分页 */
-    handleCurrentChange (e) {
+    handleCurrentChange(e) {
       this.currentPage = e;
       this.params.content.pageNumber = e;
       this.getList();
     },
-    handleChange (value) {
-      this.selectClassId = value[1] ? value[1] : '';
+    handleChange(value) {
+      if(value.length==0)  value[0] = "";
+      this.selectClassId = value[1] ? value[1] : value[0];
       this.getList(true);
     }
   }