style：面授管理单独弹窗样式

src/components/drawers/WorkManage.vue

@@ -54,7 +54,11 @@
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" style="margin-right: 20px">
+          <div
+            class="btn btn1"
+            style="margin-right: 20px; cursor: pointer"
+            @click="showModal"
+          >
             <div class="img1"></div>
             <div class="wz">导出数据</div>
           </div>
@@ -79,6 +83,13 @@
         <button class="btn1">取消</button>
         <button class="btn2">确定</button>
       </div>
+      <div class="modal">
+        <a-modal v-model:visible="visible" :closable="close" :footer="null">
+          <p>Some contents...</p>
+          <p>Some contents...</p>
+          <p>Some contents...</p>
+        </a-modal>
+      </div>
     </div>
   </a-drawer>
 </template>
@@ -97,7 +108,8 @@ export default {
   setup(props, ctx) {
     const state = reactive({
       name: null,
-
+      visible: false, //导出数据弹窗
+      close: false, //导出弹窗的关闭按钮
       projectNameList: [
         {
           id: 1,
@@ -287,10 +299,18 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:Wvisible", false);
     };
+    const showModal = () => {
+      state.visible = true;
+    };
+    const closeModal = () => {
+      state.visible = false;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
       closeDrawer,
+      showModal,
+      closeModal,
     };
   },
 };
@@ -310,6 +330,20 @@ export default {
 
 // }
 .WorkManage {
+  .modal {
+    .ant-modal {
+      width: 473px !important;
+      height: 308px !important;
+      .ant-modal-content {
+        width: 473px !important;
+        height: 308px !important;
+        .ant-modal-body {
+          width: 473px !important;
+          height: 308px !important;
+        }
+      }
+    }
+  }
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;