任务视图渲染慢问题修改

src/views/task/view.vue

@@ -66,7 +66,9 @@
           <div v-else style="width: 24px">{{ item.week }}</div>
         </template>
         <template slot-scope="scope">
+<!--          <div v-if="">{{ scope.row[item.day].value }}</div>-->
           <el-popover
+            v-if="scope.row[item.day].value!=''"
             placement="top"
             width="680"
             trigger="click">
@@ -88,10 +90,10 @@
                   <div>
                     <div>{{ scope.row.description }}</div>
                     <span v-for="(file,index) in scope.row.fileList">
-                      <a :href="file.url" style="color: darkgreen">
-                        <span v-html="file.fileName"></span>
-                      </a>
-                    </span>
+                                <a :href="file.url" style="color: darkgreen">
+                                  <span v-html="file.fileName"></span>
+                                </a>
+                              </span>
                   </div>
                 </template>
               </el-table-column>
@@ -186,7 +188,6 @@ export default {
       open: false,
       form: {},
       feedbacks: [],
-      visible: false,
       rules: {
         feedbackType: [
           {required: true, message: "反馈类型不能为空", trigger: "change"}
@@ -196,7 +197,7 @@ export default {
         ],
         description: [
           {required: true, message: "反馈描述不能为空", trigger: "blur"},
-          {min: 3, max: 5, message: '长度在 3 到 500 个字符', trigger: 'blur'}
+          {min: 3, max: 500, message: '长度在 3 到 500 个字符', trigger: 'blur'}
         ]
       },
       openDetail: false,
@@ -207,7 +208,7 @@ export default {
         '3': '#f56c6c',
         '4': '#67c23a',
         '5': '#e6a23c',
-      },
+      }
     }
   },
   created() {
@@ -223,8 +224,8 @@ export default {
     },
     getList() {
       listView(this.queryParams).then(res => {
-        this.tableData = res.data
         this.tableHeaders = this.getMonthDate(this.queryParams.month);
+        this.tableData = res.data
       })
     },
     cellStyle({row, column, rowIndex, columnIndex}) {
@@ -242,19 +243,24 @@ export default {
     },
 
     cellClick(row, column, cell, event) {
-      if (!row[column.property].color || row[column.property].color === 'white') {
+      if (!row[column.property].color || row[column.property].color === '1') {
         return
       }
+      if (!row[column.property].value || row[column.property].value === '') {
+        return;
+      }
       let date = this.queryParams.month + '-' + column.property
+      if (DateUtil.unix(date) > DateUtil.unix()) {
+        return;
+      }
       getFeedbackList(row.id, date).then(res => {
         this.feedbacks = res.data
       })
     },
     cellDbClick(row, column, cell, event) {
-      if (!row[column.property].color || row[column.property].color === 'white') {
+      if (!row[column.property].color || row[column.property].color === '1') {
         return
       }
-
       let feedbackDate = this.queryParams.month + '-' + column.property
       if (DateUtil.unix(feedbackDate) > DateUtil.unix()) {
         this.$message.warning("反馈时间不能超过:" + DateUtil.day())