Merge remote-tracking branch 'origin/main' into ls_tev

src/views/components/request.vue

@@ -36,19 +36,27 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue'; 
+import Vue, { PropType } from 'vue'
+import { info } from '../request-managemant.vue'
 
 export default Vue.extend({
   name:'request',
   props:{
-    detail:{},
+    detail:{
+      type:Object as PropType<info>
+    },
+  },
+  data(){
+    return{
+      state:''
+    }
   },
   methods: {
     toConfirm(){
-      console.log('confirmed');
+      this.$emit('change','confirm')
     },
     toDeny(){
-      console.log('deny');  
+      this.$emit('change','deny')
     }
   }
 });

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,index) in item.children.info" :key="index">
-            <request :detail="detail" class=" pb-4" />
+          <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>
         </div>
       </div>
@@ -25,7 +25,7 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue';
+import Vue, { PropType } from 'vue'
 
 export interface list{
     id:number,
@@ -52,14 +52,21 @@ export default Vue.extend({
     'request':()=>import('@/views/components/request.vue')
   },
   methods: {
-  handleClickLeft() {
-    console.log('click left')
-  }
+    handleClickLeft() {
+      console.log('click left')
+    },
+    changeState(state:string,index:number,i:number){
+      this.list[index].children.info[i].current = state
+      console.log(state,index,i);   
+    }
   },
   props:{
     details:{
+      type:Object as PropType<list>
     },
-    detail:[]
+    detail:{
+      type:Array as PropType<Array<info>>
+    }
   },
   data(){
     let list :Array<list> = [