日历

src/views/wms/basicDataManage/supplierManage/receivedCalendar/index.vue

@@ -3,16 +3,18 @@
   <ContentWrap>
     <el-calendar ref='calendar'>
       <template #header="{ date }">
-         <el-select v-model="value" placeholder="受入号" style="width: 240px">
+        <div class="header">
-          <el-option
+          <div class="search">
-            v-for="item in options"
+            <el-select v-model="value" placeholder="受入号" style="width: 240px">
-            :key="item.value"
+              <el-option
-            :label="item.label"
+                v-for="item in options"
-            :value="item.value"
+                :key="item.value"
-          />
+                :label="item.label"
-        </el-select>
+                :value="item.value"
-<ButtonBaseMore :Butttondata="HeadButttondata" @button-base-click="buttonTableClick($event,row)" />
+              />
-        <div style="display: flex;justify-content: center;align-items: center;width: 100%;">
+            </el-select>
+            <ButtonBaseMore :Butttondata="HeadButttondata" @button-base-click="buttonTableClick($event,row)" />
+          </div>
           <el-button size="small" text @click="selectDate('prev-month',date)">
             <Icon icon="ep:arrow-left" size="18px"/>
           </el-button>
@@ -288,4 +290,18 @@ onMounted(async () => {
 .is-selected{
   color:#409eff
 }
+.header{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  position: relative;
+  .search{
+    position: absolute;
+    left: 0px;
+  }
+}
+::v-deep(.el-calendar__header){
+  padding: 12px 0px !important;
+}
 </style>