添加随访次数，即将超期、超期未随访、超期已随访添加颜色效果

acupuncture-前台/src/views/followFile/work.vue

@@ -36,7 +36,7 @@
 			<el-table-column label="年龄" align="center" prop="age" show-overflow-tooltip min-width="60" />
 			<el-table-column label="证件号码" align="center" prop="idCard" show-overflow-tooltip min-width="180" />
 			<el-table-column label="手机号码" align="center" prop="phone" show-overflow-tooltip min-width="150" />
-			<el-table-column label="随访序号" align="center" prop="phone" show-overflow-tooltip min-width="150" />
+			<el-table-column label="随访次数" align="center" prop="times" show-overflow-tooltip min-width="150" />
 			<el-table-column label="开始时间" align="center" prop="startTime" show-overflow-tooltip min-width="150">
 				<template slot-scope="scope">
 					<span>{{
@@ -56,34 +56,15 @@
 			<!--待随访： 随访状态（待随访） -->
 			<el-table-column label="随访状态" align="center" prop="phone" show-overflow-tooltip min-width="150" fixed="right">
 				<template slot-scope="scope">
-					{{ status[scope.row.status] }}
+					<span :class="classStatus[scope.row.status] ">{{ status[scope.row.status] }}</span>
 				</template>
 			</el-table-column>
-			<!-- <el-table-column
-        label="失访状态"
-        align="center"yuy
-        prop="phone"
-        show-overflow-tooltip
-        width="150"
-      /> -->
-			<!-- 随访相关内容 -->
-			<!-- <view v-if="queryParams.param.status == 1">
-				<el-table-column label="随访人" align="center" prop="followuper" show-overflow-tooltip width="100" />
-				<el-table-column label="随访时间" align="center" prop="reason" show-overflow-tooltip width="140">
-					<template slot-scope="scope">
-						<span>{{
-					  parseTime(scope.row.followupTime, "{y}-{m}-{d} {h}:{i}")
-					}}</span>
-					</template>
-				</el-table-column>
-				<el-table-column label="随访内容" align="center" prop="followupText" show-overflow-tooltip width="140" />
-			</view> -->
 			<el-table-column v-if="queryParams.param.status == 2" label="失访原因" align="center" prop="reason"
 				show-overflow-tooltip width="200" />
 			<el-table-column fixed="right" label="操作" align="center" width="180">
 				<template slot-scope="scope">
 					<!-- 待随访 -->
-					<div v-if="scope.row.status == 0">
+					<div v-if="scope.row.status == 0 || scope.row.status == 3 || scope.row.status == 4">
 						<el-button size="mini" type="text" icon="el-icon-s-check"
 							@click="handleFollow(scope.row)">
 							去随访
@@ -222,6 +203,11 @@
 					4: "超期未随访",
 					5: "超期已随访",
 				},
+				classStatus: {
+					3: "status3",
+					4: "status4",
+					5: "status4",
+				},
 				idCardType: [{
 						label: "身份证",
 						value: 0,
@@ -477,6 +463,12 @@
 </script>
 <style scoped src="@/assets/styles/common.css"></style>
 <style scoped>
+	.status3{
+		color: orange;
+	}
+	.status4{
+		color: red;
+	}
 	.form-item-age {
 		display: flex;
 		align-items: center;