fix: 排版日历pop交互方式修改

src/views/mes/cal/calendar/team.vue

@@ -72,10 +72,10 @@
                     class="grid-content"
                   >
                     <el-popover
-                      ref="popoverRef"
-                      placement="top"
-                      trigger="focus"
-                      @show="handleShow(teamShift)"
+                      :ref="`popoverRef-${calendarDay.theDay}`"
+                      placement="bottom"
+                      trigger="click"
+                      @show="handleShow(teamShift, `popoverRef-${calendarDay.theDay}`)"
                     >
                       <span
                         v-for="(item, index) in content"
@@ -300,7 +300,19 @@ export default {
 
       return festAndTerm == "" ? lunarMD : festAndTerm;
     },
-    handleShow(row) {
+    handleShow(row, ref) {
+      Object.keys(this.$refs).forEach((key) => {
+        if(key.includes("popoverRef-")) {
+          if (
+          key != ref &&
+          this.$refs[key][0].showPopper
+        ) {
+          this.$nextTick(() => {
+            this.$refs[key][0].doClose();
+          });
+        }
+        }
+      });
       this.content  = [];
       const params = {
         shiftName: row.shiftName,