From 73c00629b4059926e6832dd8a5c753d4695a0b45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=AE=9C=E9=98=B3?= <1301318913@qq.com>
Date: Tue, 2 Apr 2024 20:50:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=97=A5=E5=8E=86=E5=BC=B9?=
 =?UTF-8?q?=E5=87=BA=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/holidayCalendar/index.vue | 40 ++++++++++++++++++++++---
 1 file changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/views/mes/holidayCalendar/index.vue b/src/views/mes/holidayCalendar/index.vue
index 05ec182c2..21eeb6ee8 100644
--- a/src/views/mes/holidayCalendar/index.vue
+++ b/src/views/mes/holidayCalendar/index.vue
@@ -5,7 +5,8 @@
         <div
           style="height: 100"
           :class="data.isSelected ? 'is-selected' : ''"
-          @click="handleClick(data.day)">
+          @click="handleClick(data.day)"
+        >
           <div>{{ data.day.split('-').slice(1).join('-') }}</div>
           <div v-if="arr.find((v) => v.date === data.day)">{{ arr.find((v) => v.date === data.day).content }}
           </div>
@@ -13,10 +14,36 @@
         </div>
       </template>
     </el-calendar>
+    <!-- 自定义弹出框 -->
+    <el-dialog v-model="dialogFormVisible" title="日程安排" width="600" draggable="true">
+      <el-form :model="calendar" :label-width="100">
+        <el-form-item label="日程内容">
+          <el-input v-model="calendar.content" autocomplete="off" />
+        </el-form-item>
+        <el-form-item label="创建时间">
+          <el-input v-model="calendar.content" autocomplete="off" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="save"> 确定 </el-button>
+          <el-button @click="dialogFormVisible = false"> 取消 </el-button>
+        </div>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script>
+import { reactive, ref } from 'vue'
+import { HolidayCalendar, HolidayCalendarRules } from './holidayCalendar.data'
+import * as HolidayCalendarApi from '@/api/mes/holidayCalendar'
+
+const dialogTableVisible = ref(false)
+const dialogFormVisible = ref(false)
+const formLabelWidth = '160px'
+
+
 export default {
   name: 'Calendar',
   data() {
@@ -27,17 +54,22 @@ export default {
         { date: '2024-04-02', content: '打台球' },
         { date: '2024-04-03', content: '打篮球' },
         { date: '2024-04-04', content: '踢足球' }
-      ]
+      ],
+      dialogFormVisible:false,
+      calendar: {}
     }
   },
   methods: {
     handleClick(date) {
-      alert(date)
+      this.dialogFormVisible = true
+      this.calendar.date=date
+    },
+    save(){
+
     }
   }
 }
 </script>
 
 <style scoped>
-
 </style>
\ No newline at end of file