巡检计划巡检状态选项添加颜色

列表页面添加

在 index.vue 中添加，如下的代码

<!--  巡检计划状态添加颜色显示   -->
<template v-if="column.leapKey === 'select' && column.prop === 'inspectionPlanStatus'">
<a-tag :color="record[column.prop] === '启用'? 'green':'red'" >
  {{ record[column.prop] }}
</a-tag>
</template>

详情页面添加

在 Detail.vue 的计划状态处，修改代码，代码信息如下

<a-col :span="12" class="ant-col-item">
<a-form-item name="inspectionPlanStatus">
  <template #label>巡检计划状态 </template>
  <p>
    <a-tag :color="dataForm.inspectionPlanStatus === '启用'? 'green':'red'">
      {{ dataForm.inspectionPlanStatus }}
    </a-tag>
  </p>
</a-form-item>
</a-col>

计划状态详情页