推广素材分类管理

src/HManagement/archives_ad/archives_adclass/index.vue

@@ -7,7 +7,7 @@
             </Header>
 
             <template v-slot:release="scope">
-                <release :disabled="tool.checkAuth($route.name, 'release')"
+                <release :disabled="tool.checkAuth($route.name, 'release')" @onSuccess="onSuccess"
                     :value="scope.data.column.data.isenable == '1' ? true : false" :data="scope.data.column.data" />
             </template>
 

src/HManagement/archives_ad/archives_adclass/modules/list.vue

@@ -49,6 +49,7 @@ export default {
             tablecols2: [],
             classList1: [],
             classList2: [],
+            optionIndex: 0
         }
     },
     created() {
@@ -57,8 +58,9 @@ export default {
         this.selectList();
     },
     methods: {
-        rowClick({ children }) {
-            this.classList2 = children;
+        rowClick(data) {
+            this.classList2 = data.children;
+            this.optionIndex = data.index;
         },
         changeData(e) {
             console.log(e)
@@ -73,7 +75,8 @@ export default {
             }).then(res => {
                 console.log("分类", res)
                 this.classList1 = res.data;
-                if (res.data.length > 0) this.classList2 = res.data[0].children;
+                this.classList2 = res.data[this.optionIndex].children;
+                console.log(this.classList2)
             })
         }
     }
@@ -89,6 +92,5 @@ export default {
 .classname {
     flex: 1;
     background: #fff;
-    padding: 0 16px;
 }
 </style>

src/HManagement/archives_ad/archives_adclass/modules/release.vue

@@ -1,12 +1,12 @@
 <template>
-  <el-switch v-model="value" active-color="#3874F6" inactive-color="#ff4949" @change="releaseNotice"
+  <el-switch :value="value" active-color="#3874F6" inactive-color="#ff4949" @change="releaseNotice"
     :disabled="!disabled">
   </el-switch>
 </template>
 
 <script>
 export default {
-  props: ['value', "data", "disabled"],
+  props: ['value', "data", "disabled", 'onSuccess'],
   data() {
     return {}
   },
@@ -22,7 +22,6 @@ export default {
         "method": "insertOrUpdate",
         "content": { ...params }
       })
-
       this.tool.showMessage(res)
       res.code === 1 ? this.$emit('onSuccess') : ''
     }