style：新增管理权 查看权 修改抽屉样式

src/components/drawers/TimeManage.vue

@@ -54,7 +54,7 @@
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" @click="showopen"  style="margin-right: 20px">
+          <div class="btn btn1" @click="showopen" style="margin-right: 20px">
             <div class="img1"></div>
             <div class="wz">催促学习</div>
           </div>
@@ -92,7 +92,7 @@
         <button class="btn2">确定</button>
       </div>
       <div class="noticebox" v-show="open">
-        <div><img src="../../assets/images/taskpage/check.png"/></div>
+        <div><img src="../../assets/images/taskpage/check.png" /></div>
         <div class="notext">催促学员成功</div>
       </div>
     </div>
@@ -100,7 +100,7 @@
 </template>
 
 <script>
-import { toRefs, reactive, onMounted, onUnmounted} from "vue";
+import { toRefs, reactive, onMounted, onUnmounted } from "vue";
 export default {
   name: "TimeManage",
   props: {
@@ -274,16 +274,16 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:Tvisible", false);
     };
-    const showopen=()=>{
-        state.open = true;
+    const showopen = () => {
+      state.open = true;
     };
     let timer;
-    onMounted(()=> {
-      timer = setInterval(()=>{
+    onMounted(() => {
+      timer = setInterval(() => {
         state.open = false;
-      },3000);
+      }, 3000);
     });
-    onUnmounted(()=>{
+    onUnmounted(() => {
       clearInterval(timer);
     });
     return {
@@ -311,6 +311,7 @@ export default {
 //   }
 // }
 .TimeManage {
+  // overflow-x: scroll;
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
@@ -338,6 +339,7 @@ export default {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
       display: flex;
+      flex-shrink: 0;
       justify-content: space-between;
       align-items: center;
       // background-color: red;
@@ -354,7 +356,7 @@ export default {
       width: 100%;
       height: 100%;
       // background-color: #bfa;
-      // overflow-y: auto;
+      overflow: auto;
       .endtime {
         font-size: 16px;
         font-weight: 500;
@@ -375,6 +377,7 @@ export default {
             margin-bottom: 10px;
             .name {
               margin-top: 8px;
+              white-space: nowrap;
             }
           }
         }
@@ -489,6 +492,7 @@ export default {
       position: absolute;
       bottom: 0;
       left: 0;
+      background-color: #fff;
       display: flex;
       align-items: center;
       justify-content: center;