录像计划和录像模板页面修改

src/views/iot/videoChannelPlan/index.vue

@@ -84,9 +84,24 @@
             {{ getPlanTypeDesc(scope.row) }}
           </template>
         </el-table-column>
-        <el-table-column label="录像检测模板" align="center" prop="templateName" show-overflow-tooltip/>
-        <el-table-column label="前端设备起始时间" align="center" prop="minTime" min-width="100"/>
-        <el-table-column label="前端设备结束时间" align="center" prop="maxTime" min-width="100"/>
+        <el-table-column label="录像检测模板" align="center" prop="templateName" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span v-if="scope.row.planType === -2 || scope.row.planType === -3" style="color: red">未绑定</span>
+            <span v-else>{{scope.row.templateName}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="前端设备起始时间" align="center" prop="minTime" min-width="100">
+          <template slot-scope="scope">
+            <span v-if="scope.row.planType === -2 || scope.row.planType === -3">-</span>
+            <span v-else>{{scope.row.minTime}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="前端设备结束时间" align="center" prop="maxTime" min-width="100">
+          <template slot-scope="scope">
+            <span v-if="scope.row.planType === -2 || scope.row.planType === -3">-</span>
+            <span v-else>{{scope.row.maxTime}}</span>
+          </template>
+        </el-table-column>
         <el-table-column label="更新时间" align="center" prop="planUpdateTime" show-overflow-tooltip/>
         <el-table-column label="异常原因" align="center" prop="failRemark">
           <template slot-scope="scope">
@@ -196,6 +211,18 @@ export default {
         return "全天移动侦测";
       } else if (val === 3) {
         return "混合录像计划";
+      } else if (val === -2) {
+        return "设备不支持";
+      }else if (val === -3) {
+        return "通讯失败";
+      }
+    },
+    getPlanNameDesc(row) {
+      let val = row.planType;
+      if (val === -2 || val === -3) {
+        return '<span style="color: red">未绑定</span>';
+      } else {
+        return row.templateName;
       }
     },
     onOrgSelect(node) {