添加筛选字段

src/views/manage/synchronousMonitoring.vue

@@ -27,14 +27,13 @@
         <el-table :data="monitoringData" v-loading="loading" border stripe @filter-change="filterChange">
             <el-table-column prop="status" label="同步状态" :filters="[
                 { text: '未同步', value: '0' },
+                { text: '同步中', value: '1' },
                 { text: '同步失败', value: '2' },
             ]" :filter-multiple="false" filter-placement="bottom-end" align="center" width="135px">
                 <template #default="scope">
-                    <el-tag :type="scope.row.status === 0 ? 'info' : 'danger'" disable-transitions>{{ scope.row.status
-                            === 0 ?
-                            "未同步" :
-                            "同步失败"
-                    }}</el-tag>
+                    <el-tag type="info" v-show="scope.row.status === 0">未同步</el-tag>
+                    <el-tag type="parmary" v-show="scope.row.status === 1">同步中</el-tag>
+                    <el-tag type="danger" v-show="scope.row.status === 2">同步失败</el-tag>
                 </template>
             </el-table-column>
             <el-table-column prop="dataId" label="数据内码" align="center" />