讲师管理页面调整

src/views/lecturer/MonthlyStatistics.vue

@@ -24,11 +24,11 @@
           </a-form-item>
           <a-form-item class="select">
             <a-select style="width: 230px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地"
-                  :options="PlaceOfPayList"/>
+                  :options="PlaceOfPayList" allowClear showSearch/>
           </a-form-item>
           <a-form-item class="select " >
             <a-select style="width: 276px" v-model:value="searchParam.trainorgId" placeholder="培训发生组织"
-              :options="trainOrglist">
+              :options="trainOrglist" allowClear showSearch>
             </a-select>
           </a-form-item>
           <div style="display: flex; margin-bottom: 20px">
@@ -82,8 +82,45 @@
       />
       </div>
     </div>
-    <CostDetails v-model:visible="opendrawer" :teacherNo="teacherNo">
-    </CostDetails>
+   <!-- 抽屉 -->
+   <a-drawer v-model:visible="opendrawer" placement="right"
+@closa="cancelTeachingDialog" :maskClosable="true"  width="60%" title="查看详情">
+<a-form  layout="inline">
+  <a-form-item class="select">
+          <a-input v-model:value="drawer.name" style="width: 260px; height: 40px; border-radius: 8px"
+            placeholder="请输入课程名称进行搜索" allowClear showSearch>
+          </a-input>
+        </a-form-item>
+        <a-form-item class="select ">
+          <a-range-picker style="width: 260px; height: 40px; margin-bottom: 20px; border-radius: 8px" v-model:value="drawersearchdate" separator="至"
+            :placeholder="['      开始时间', '        结束时间']" @change="searchTimeChange" />
+        </a-form-item>
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="searchSubmitdrawer()" type="primary" class="resetbtn">查询 </a-button>
+          <a-button class="resetbtn " @click="searchResetdrawer">重置</a-button>
+</div>
+</a-form>
+<span>讲师费发放情况</span>
+<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="column"  :data-source="tableDatas" :loading="tableLoadings" :pagination="false">
+            <template #bodyCell="{ record, column }">
+            </template>
+          </a-table>
+  <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button  class="drabtn"  @click="cancelTeachingDialog">取消</a-button>
+        <a-button   class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
+        </a-button>
+      </div>
+</a-drawer>>
   </div>
 </template>
 <script lang="jsx">
@@ -107,9 +144,8 @@ export default {
   setup() {
     const router=useRouter();
     const { query: { id }} = useRoute();
-    const opendrawer=ref(false)
     const state = reactive({
-      open:true,
+      opendrawer:false,
       id,
       summaryDate: null,
       resbgTxt: null,
@@ -132,21 +168,10 @@ export default {
         departId: null,
         summaryDate:null,
       },
-      queryFeeMonthly: {
-        teacherNo: null,
-        payrollPlaceId: null,
-        departId: null,
-        pageNo: "1",
-        pageSize: "10"
-      },
-      queryTeacherFeeDetail: {
-        teacherNo: null,
-        teachingDate: null
-      },
       teacherNo:null,
-      querytableFee: {
-        teacherNo: null,
-        teachingDate: null,
+      drawer: {
+        name: null,
+        drawersearchdate: null,
         pageNo: '1',
         pageSize: '10',
       }
@@ -314,25 +339,162 @@ export default {
     getOrganizationLista()
     //表格内查看数据操作
     const handleLook = (record) => {
-      opendrawer.value=true
+      state.opendrawer=true
     }
     const changePagination = (page, pageSize) => {
       state.searchParam.pageNo = page;
       getTableDate();
     };
-    // 二级页面导出
+    // 导出
     const handleFeeMonthly = () => {
       window.open(
-        `${process.env.VUE_APP_BASE_API}/teacher/fee/exportTeacherMonthlyFee?pageNo=${state.currentPage2
-        }&pageSize=${state.pageSize2}
-        &userNo=${state.queryFeeMonthly.payrollPlaceId ? state.queryFeeMonthly.payrollPlaceId : ""}
-        &teacherNo=${state.queryFeeMonthly.teacherNo ? state.queryFeeMonthly.teacherNo : ""}
-        &departId=${state.queryFeeMonthly.departId ? state.queryFeeMonthly.departId : ""}`)
+        `${process.env.VUE_APP_BASE_API}/teacher/fee/exportTeacherMonthlyFee?pageNo=${state.searchParam.currentPage
+        }&pageSize=${state.searchParam.pageSize}
+        &userNo=${state.searchParam.payrollPlaceId ? state.searchParam.payrollPlaceId : ""}
+        &teacherNo=${state.searchParam.teacherNo ? state.searchParam.teacherNo : ""}
+        &departId=${state.searchParam.trainorgId ? state.searchParam.trainorgId : ""}`)
     }
+     //重置
+     const searchReset = () => {
+        state.searchParam = { 
+          pageNo: "1",
+        pageSize: "10",
+        teacherNo: null,
+        payrollPlaceId: null,
+        departId: null,
+        summaryDate:null,
+        };
+        getTableDate();
+      };
+      //二级页面重置
+      const searchResetdrawer =()=>{
+        state. drawer={
+        name: null,
+        drawersearchdate: null,
+        pageNo: '1',
+        pageSize: '10',
+      }
+      }
+      //二级页面查询
+      const searchSubmitdrawer=()=>{
 
+      }
+      const  tableDatas = ref[{}]
+      const column = ref([
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'teacherName',
+        key: 'teacherName',
+        elipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '讲师工号',
+        dataIndex: 'teacherNo',
+        key: 'teacherNo',
+        align: "center",
+        elipsis: true,
+        width: 200,
+      },
+      {
+          title: '课程名称 ',
+          dataIndex: 'courseName',
+          key: 'courseName',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '课程类型 ',
+          dataIndex: ' courseType',
+          key: ' courseType',
+        elipsis: true, align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {value.record. courseType == "1" || value.record. courseType == "2"|| value.record.courseTypeype == "3"
+                  ? {
+                    "1": "项目开课",
+                    "2": "路径开课",
+                    "3": "面授开课",
+                  }[value.record. courseType + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '授课时长 ',
+          dataIndex: 'teachingTime',
+          key: 'teachingTime',
+        elipsis: true, align: "center",
+          width: 120,
+          
+        },
+      {
+        title: '授课日期 ',
+        dataIndex: 'teacherOrg',
+        key: 'teacherOrg',
+        elipsis: true,
+        align: "center",
+        width: 300,
+        scopedSlots: { customRender: "teacherOrg" },
+      },
+      {
+          title: '讲师体系',
+          dataIndex: 'systemName',
+          key: 'systemName',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+      {
+          title: '讲师级别 ',
+          dataIndex: 'levelName',
+          key: 'levelName',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+      {
+        title: '讲师发薪地 ',
+        dataIndex: 'teacherpayrollPlace',
+        key: 'teacherpayrollPlace',
+        elipsis: true,
+        align: "center",
+        width: 200,
+      },
+    
+      {
+          title: '基准课酬 ',
+          dataIndex: 'teacherlevelPay',
+          key: 'teacherlevelPay',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+      {
+        title: '计划费用 ',
+        dataIndex: 'expense',
+        key: 'expense',
+        elipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '应发费用 ',
+        dataIndex: 'payableExpense',
+        key: 'payableExpense',
+        elipsis: true,
+        align: "center",
+        width: 200,
+      },
+   
+    ])
     return {
       ...toRefs(state), 
       trainOrglist,
+      tableDatas, 
+      column,
+      searchReset,
         trainOrglista,
       handleFeeMonthly,
       handleLook,
@@ -345,6 +507,7 @@ export default {
       PlaceOfPayLista,
       getOrganizationList,
       getOrganizationLista,
+      searchResetdrawer
     }
   },
 };