讲师管理bug

src/views/lecturer/MonthlyStatistics.vue

@@ -1,5 +1,7 @@
 <!-- 讲师费月度统计详情页面 -->
 <template>
+  <a-drawer :visible="visible" class="largeDrawerInside" placement="right" :closable="false" 
+    width="80%" :title="false" @close="handleBack">
     <div  class="MonthlyStatistics">
     <!-- 搜索框及按钮 -->
     <!-- <a-layout-header style="background: white;color: black; font-size: 20px ;">
@@ -13,12 +15,11 @@
      </a-layout-header> -->
      <div class="header">
         <div class="headerTitle">讲师费月度统计详情</div>
-        <router-link to="/LecturerFeeStatistics">
-          <img
-            style="width: 29px; height: 29px; cursor: pointer"
-            src="../../assets/images/basicinfo/close.png"
-          />
-        </router-link>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="handleBack"
+        />
       </div>
      <!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> -->
     <div class="filter">
@@ -149,6 +150,7 @@
     </div>
 </a-drawer>
   </div>
+</a-drawer>
 </template>
 <script lang="jsx">
 import { reactive, toRefs, ref, watch,computed  } from "vue";
@@ -169,7 +171,17 @@ export default {
     UploadOutlined,//图标--导出,
     ProjectManager,CostDetails
   },
-  setup() {
+  props:{
+    visible:{
+      type: Boolean,
+      default: false,
+    },
+    id:{
+      type: String,
+      default: ""
+    },
+  },
+  setup(props,emits) {
     const router=useRouter();
     const route = useRoute();
     const { query: { id }} = useRoute();
@@ -197,7 +209,7 @@ export default {
         payrollPlaceId: null,
         departId: null,
         summaryDate:null,
-        id: route.query.id,
+        id: props.id,
         // trainOrgId: '',
       },
       name:null,
@@ -210,8 +222,25 @@ export default {
         startTime: '',
       }
     })
-    watch(
-    )
+    const handleBack = () => {
+      emits.emit('update:visible',false)
+    }
+    watch(()=>props.visible,(val)=>{
+      if(val){
+        state.searchParam.id = props.id
+        getTableDate()
+      }else{
+        state.searchParam = {
+          pageNo: "1",
+          pageSize: "10",
+          name: '',
+          payrollPlaceId: null,
+          departId: null,
+          summaryDate:null,
+          id: null,
+        }
+      }
+    })
     const endOrg = (val) => {
       if(val){
         const parts = val.split('/');
@@ -351,7 +380,6 @@ export default {
           state.tableLoading = false
         })
     };
-    getTableDate()
   
       //获取所属组织
       const getOrganizationList = ref([
@@ -420,7 +448,7 @@ export default {
         state.searchParam = { 
           pageNo: "1",
           pageSize: "10",
-          id: route.query.id,
+          id: props.id,
           name : '',
           payrollPlaceId: null,
           departId: '',
@@ -614,6 +642,7 @@ export default {
       searchResetdrawer,
       sysTypeOptions,
       endOrg,
+      handleBack,
     }
   },
 };