讲师管理bug

src/views/lecturer/MonthlyStatistics.vue

@@ -99,12 +99,20 @@
       </div>
     </div>
    <!-- 抽屉 -->
-   <a-drawer class="largeDrawerStyle" v-model:visible="opendrawer" placement="right"
-@closa="cancelTeachingDialog" :maskClosable="true"  width="60%" title="查看详情">
+   <a-drawer class="largeDrawerInside" v-model:visible="opendrawer" placement="right"
+@closa="cancelTeachingDialog" :maskClosable="true"  width="60%" :title="false">
 <div style="padding:24px;">
+  <div class="headers" style="margin-top:-24px;">
+    <div class="headerTitle">查看详情</div>
+    <img
+      style="width: 29px; height: 29px; cursor: pointer"
+      src="@/assets/images/basicinfo/close.png"
+      @click="cancelTeachingDialog"
+    />
+  </div>
 <a-form  layout="inline">
   <a-form-item class="select">
-          <a-input v-model:value="drawer.name" style="width: 260px; height: 40px; border-radius: 8px"
+          <a-input @pressEnter="searchSubmitdrawer" v-model:value="drawer.name" style="width: 260px; height: 40px; border-radius: 8px"
             placeholder="请输入课程名称进行搜索" allowClear showSearch>
           </a-input>
         </a-form-item>
@@ -221,7 +229,7 @@ export default {
         key: 'name',
         ellipsis: true,
         align: "center",
-        width: 200,
+        width: 160,
       },
       {
         title: '讲师工号',
@@ -229,7 +237,7 @@ export default {
         key: 'userNo',
         align: "center",
         ellipsis: true,
-        width: 200,
+        width: 160,
       },
       {
         title: '所属组织 ',
@@ -248,7 +256,7 @@ export default {
         key: 'payrollPlace',
         ellipsis: true,
         align: "center",
-        width: 200,
+        width: 160,
       },
       {
         title: '授课时长(系统 ) ',
@@ -256,7 +264,7 @@ export default {
         key: 'teachingSystem',
         ellipsis: true,
         align: "center",
-        width: 200,
+        width: 160,
       },
       {
         title: '授课时长(录入) ',
@@ -264,7 +272,7 @@ export default {
         key: 'teachingEnter',
         ellipsis: true,
         align: "center",
-        width: 200,
+        width: 160,
       },
       {
         title: '开发课程时长 ',
@@ -272,7 +280,7 @@ export default {
         key: 'expense',
         ellipsis: true,
         align: "center",
-        width: 200,
+        width: 160,
       },
       {
         title: '计划费用 ',
@@ -280,7 +288,7 @@ export default {
         key: 'expense',
         ellipsis: true,
         align: "center",
-        width: 200,
+        width: 160,
       },
       {
         title: '应发费用 ',
@@ -288,16 +296,16 @@ export default {
         key: 'payableExpense',
         ellipsis: true,
         align: "center",
-        width: 200,
+        width: 160,
       },
       {
         title: '操作 ',
         dataIndex: 'operation',
         key: 'operation',
         ellipsis: true,
-        align: "right",
+        align: "center",
         fixed: "right",
-        width: 120,
+        width: 160,
         scopedSlots: { customRender: "action" },
       },
     ])
@@ -652,7 +660,24 @@ export default {
 .select .ant-picker {
   width: 410px !important;
 }
+.headers {
+  height: 73px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+  flex-shrink: 0;
 
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
 .addTimeBox {
   position: relative;
   display: flex;