移动端dashboard弹窗处

src/views/dashBoard/Header/index.vue

@@ -1,13 +1,9 @@
 <template>
     <div class="headerWrap">
-        <el-drawer v-model="drawer" size="80%" direction="ltr" :show-close="false" :before-close="handleDrawer"
-            style="background-color: #1C3F56;" :with-header="false"  >
-            <Drawer />
-        </el-drawer>
         <div class="left">
             <div class="left-1">
                 <div class="menu">
-                    <img src="@/assets/1x/1x/source5.png" alt="menu" class="menuicon" @click="openDrawer">
+                    <img src="@/assets/1x/1x/source5.png" alt="menu" class="menuicon" @click="drawShow" >
                 </div>
              <span>{{ $t(i18n.global.t('dashboard.Dashboard')) }}</span>
             </div>
@@ -47,7 +43,7 @@ import Lang from "@/views/login/components/Lang.vue";
 import { conforms } from 'lodash';
 const { proxy } = (getCurrentInstance() as any)
 const value = ref(true)
-const drawer = ref(false)
+
 const lang = ref()
 const handleShowLang=(e:any)=>{
 console.log(1111)
@@ -64,7 +60,11 @@ onUnmounted(() => {
     document.documentElement.onclick = null
 })
 const props = defineProps({
-    time: [String, Number]
+    time: [String, Number],
+    openDrawer:{
+        required:true,
+        type:Function
+    }
 })
 const handlesearch = ()=>{
     proxy.$router.push("/home")
@@ -72,8 +72,9 @@ const handlesearch = ()=>{
 const handleDrawer = (done: () => void) => {
     done();
 }
-const openDrawer = () => {
-    drawer.value = true;
+const drawShow = () => {
+    console.log(1111);
+    props.openDrawer();
 }
 </script>