特种设备记录日期的逾期显示

danger-manage-web/src/views/deviceManagement/specialDeviceRecord/index.vue

@@ -44,12 +44,15 @@
       <el-table-column label="设备编号" align="center" prop="deviceCode" />
       <el-table-column label="登记有效日期" align="center" prop="effectiveDate" width="180">
         <template slot-scope="scope">
-              <span v-if="scope.row.effectiveDate != null && scope.row.effectiveDate != '' && getDays(scope.row.effectiveDate, new Date())<30" style="color: red;">
-                {{ scope.row.effectiveDate }}(即将到期)
-              </span>
+          <span v-if="scope.row.effectiveDate != null && scope.row.effectiveDate != '' && getDays(scope.row.effectiveDate, new Date())<30 && getDays(scope.row.effectiveDate, new Date())>0" style="color: red;">
+            {{ scope.row.effectiveDate }}(即将到期)
+          </span>
+          <span v-if="scope.row.effectiveDate != null && scope.row.effectiveDate != '' && getDays(scope.row.effectiveDate, new Date())<0" style="color: red;">
+            {{ scope.row.effectiveDate }}(已逾期)
+          </span>
           <span v-if="scope.row.effectiveDate != null && scope.row.effectiveDate != '' && getDays(scope.row.effectiveDate, new Date())>30">
-                {{ scope.row.effectiveDate }}
-              </span>
+            {{ scope.row.effectiveDate }}
+          </span>
           <span v-if="scope.row.effectiveDate == null || scope.row.effectiveDate == ''">-</span>
         </template>
       </el-table-column>