员工日报bug

src/views/oa/work/dailyPaper/index.vue

@@ -9,7 +9,7 @@
     </div>
     <div class="outer-layer">
       <div class="left">
-        <el-calendar v-model="date" ref="calendar">
+        <el-calendar v-model="date" ref="calendar" :class="selectState ? '' : ' no-selectState'">
           <template #header="{ date }">
             <span>{{ date }}</span>
             <el-button-group>
@@ -88,7 +88,9 @@
           <el-button type="primary" @click="clickSubmit()" size="large">确 定</el-button>
         </div>
         <div style="display: flex" v-else>
-          <div style="width: 260px; border-right: 1px solid #eee; padding: 20px; max-height: calc(100vh - 100px - 72px - 60px); overflow-y: auto">
+          <div
+            style="width: 260px; border-right: 1px solid #eee; padding: 20px; max-height: calc(100vh - 100px - 72px - 60px); overflow-y: auto"
+            v-if="isMounted">
             <ul v-infinite-scroll="load" class="infinite-list" style="overflow: auto">
               <li v-for="(item, index) in sourceList.data" :key="item">
                 <div style="padding: 8px 0; color: #909399" v-if="judgeShow(sourceList.data, item, index)">
@@ -122,7 +124,14 @@
             </div>
             <div style="padding: 8px 0">
               <span style="color: #909399" v-if="dailyPaperDetail.createTime">{{ dailyPaperDetail.createTime.substring(0, 10) }}</span>
-              <span style="color: #909399; margin-left: 16px">日报接收人</span>
+              <template v-if="dailyPaperDetail.detailsList && dailyPaperDetail.detailsList.length > 0">
+                <span style="color: #909399; margin-left: 16px">
+                  <span v-for="(detailsList, index) in dailyPaperDetail.detailsList" :key="index">
+                    <span v-if="index === 0">{{ detailsList.recipientName }}</span>
+                    <span v-else> ,{{ detailsList.recipientName }}</span>
+                  </span>
+                </span>
+              </template>
             </div>
             <div style="padding: 8px 0">
               <span style="font-size: 18px; font-weight: 700">今日完成工作:</span>
@@ -356,6 +365,7 @@ const formConfigShare = computed(() => {
 let rulesShare = ref({
   completedWork: [{ required: true, message: "请输入今日完成工作", trigger: "blur" }],
 });
+const selectState = ref(false);
 watch(
   () => date.value,
   (newValue) => {
@@ -363,10 +373,12 @@ watch(
     sourceList.value.pagination.pageNum = 1;
     sourceList.value.total = 0;
     sourceList.value.data = [];
+    selectState.value = true;
     getList();
   }
 );
 const handleSelectMenu = (index) => {
+  selectState.value = false;
   if (index == 1 || index == 2) {
     sourceList.value.pagination.type = index;
     sourceList.value.pagination.date = "";
@@ -407,6 +419,9 @@ const getList = () => {
 };
 const newDaily = () => {
   getUser();
+  attachmentList.value = [];
+  imgList.value = [];
+  dailyReportDetailsList.value = [];
   formData.data = {
     isVisibleToRecipient: 1,
     imgList: [],
@@ -619,6 +634,10 @@ const clickLookOver = (detail) => {
 };
 getUser();
 getList();
+const isMounted = ref(false);
+onMounted(() => {
+  isMounted.value = true;
+});
 </script>
 
 <style lang="scss" scoped>
@@ -688,4 +707,9 @@ getList();
 ::v-deep(.el-menu-item) {
   height: 40px;
 }
+::v-deep(.no-selectState) {
+  .is-selected {
+    background-color: #409eff42 !important;
+  }
+}
 </style>