添加了样品留存到期提示

pages/soil-alone-sample-manage/storehouse-sample-manage/AddressManage.vue

@@ -13,6 +13,7 @@
               </Form-item>
               <Form-item class="search-item" label="库房号:">
                 <Input @on-enter="_formSearch" v-model="formObj.warehouse" name="warehouse" placeholder="请输入库房号" clearable/>
+                {{currentTime}}
               </Form-item>
               <Form-item class="search-btn">
                 <Button @click="_formSearch" type="primary">搜索</Button>
@@ -34,12 +35,12 @@
                 :min-width="item.width?item.width:200"
                 :fixed="item.fixed?item.fixed:undefined"
                 v-for="item in pageColumns"
-                :key="item.key" sortable>
+                :key="item.key"
+                sortable>
                 <template slot-scope="scope">
                   <div v-if="item.key==='status'">{{scope.row[item.key]===0?'现行':scope.row[item.key]===1?'即将实施':
                     scope.row[item.key]===2?'部分被代替':scope.row[item.key]===3?'被代替':scope.row[item.key]===4?'作废':''}}
                   </div>
-
                   <div v-else-if="item.key==='classify'">
                     {{scope.row[item.key]===0?'判定依据':scope.row[item.key]===1?'检测依据':scope.row[item.key]===2?'其他':''}}
                   </div>
@@ -47,13 +48,13 @@
                     {{scope.row[item.key]===0?'待检':scope.row[item.key]===1?'备样':scope.row[item.key]===2?'备用': ''}}
                   </div>
 
-                  <div v-else-if="item.date">{{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd'):''}}
+                  <div v-else-if="item.date" :class='scope.row.keepLimitTime<=currentTime?"redFont":""'>{{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd'):''}}
                   </div>
                   <div v-else-if="item.key==='fileUrl'">
                     <span v-if="scope.row['fileUrl']" class="green-color">是</span>
                     <span v-else class="red-color">否</span>
                   </div>
-                  <div v-else>{{scope.row[item.key]}}</div>
+                  <div v-else :class='scope.row.keepLimitTime<=currentTime?"redFont":""'>{{scope.row[item.key]}}</div>
                 </template>
               </vxe-table-column>
             </PTVXETable>
@@ -110,6 +111,8 @@ export default {
         { title: '库房号', key: 'storehouse' },
         { title: '架位号', key: 'shelfCode' }
       ],
+      // 当前时间
+      currentTime: new Date().getTime(),
       // 操作
       iconMsg: [
         {
@@ -350,3 +353,8 @@ export default {
   }
 }
 </script>
+<style>
+.redFont {
+  color: red;
+}
+</style>