申请管理DTO

src/DTO/request.ts

@@ -9,17 +9,14 @@ interface info{
 interface list{
   id:number,
   time:string,
-  children:{
-    info:Array<info>
-  }
+  children:Array<info>
 }
 
 const details:Array<list>=[
   {
     id:0,
     time:'2021/6',
-    children:{
-      info:[
+    children:[
         {
           path:'../../assets/icons/avator.png',
           name:'真实姓名',
@@ -40,13 +37,11 @@ const details:Array<list>=[
           current: 'pending'
         },                     
       ]
-    }
   },
   {
     id:1,
     time:'2021/5',
-    children:{
-      info:[
+    children:[
         {
           path:'../../assets/icons/avator.png',
           name:'真实姓名',
@@ -55,7 +50,6 @@ const details:Array<list>=[
         }   
       ]
     }
-  }
 ]
 
 export {

src/views/request-managemant.vue

@@ -15,8 +15,8 @@
         <!-- 申请详情 -->
         <div :details="list" v-for="(item,index) in list" :key="index">
           <p class=" text-right text-xs text-text-secondary pr-4 pb-2 ">{{item.time}}</p>
-          <div v-for="(detail,i) in item.children.info" :key="i">
-            <request :detail="detail" class=" pb-4" v-on:change="changeState($event,index,i)" />
+          <div v-for="(detail,i) in item.children" :key="i">
+            <request :detail="detail" class=" pb-4" @change="changeState($event,index,i)" />
           </div>
         </div>
       </div>
@@ -40,8 +40,8 @@ export default Vue.extend({
       console.log('click left')
     },
     changeState(state:string,index:number,i:number){
-      this.list[index].children.info[i].current = state
-      console.log(state,index,i);   
+      this.list[index].children[i].current = state   
+      // console.log(state,index,i);   
     }
   },
   props:{