重复任务详情

src/point/view/task/my_publish.vue

@@ -108,7 +108,7 @@
 
       <div slot="repetitive">
         <van-cell-group class="list_box" :border="false">
-          <van-cell v-for="(item, index) in list" style="border-bottom: 17px solid #F5F7FA;" :key="index" @click="repetitive_detail(item)">
+          <van-cell v-for="(item, index) in list" style="border-bottom: 17px solid #F5F7FA;" :key="index" @click="repetitive_detail(item)" v-bind:class="scheduleClassName(item)">
             <template slot="title">
               <span class="title_name">{{ item.name }}</span>
             </template>
@@ -194,7 +194,7 @@ export default {
   computed: {
     hasData() {
       return this.loading || (Array.isArray(this.list) && this.list.length > 0);
-    }
+    },
   },
   // 方法
   methods: {
@@ -321,7 +321,14 @@ export default {
     // 时间对比
     date_contrast(date) {
       return moment(this.date) > moment(date);
+    },
+    scheduleClassName(schedule){
+      if (!schedule.schedule_expire_time) return "";
+      let now = new Date();
+      let expire_date = new Date(schedule.schedule_expire_time);
+      return now >= expire_date ? "schedule-expire" : "";
     }
+
   },
   // 组件挂载完成
   mounted() {
@@ -415,4 +422,9 @@ export default {
   padding: 0;
   margin-right: 0.1rem;
 }
+
+.schedule-expire{
+  background-color: oldlace;
+}
+
 </style>

src/point/view/task/repetitive_tasks_detail.vue

@@ -36,6 +36,10 @@
             <div class="flex-1" v-if="info.task_cycle==2">{{info.task_cycle_mark}}{{weekList[info.task_cycle_value - 1] }}截止</div>
             <div class="flex-1" v-if="info.task_cycle==3">{{info.task_cycle_mark}}{{info.task_cycle_value}}号截止</div>
           </div>
+          <div class="flex-box item-box" v-if="info.schedule_expire_time">
+            <div class="laber">有效日期</div>
+            <div class="flex-1">{{info.schedule_expire_time}}</div>
+          </div>
           <div class="flex-box item-box flex-v-ce">
             <div class="laber">可见范围</div>
             <div class="flex-1" v-if="info.department_info.length>0">