refactor(公告): 提取状态标签逻辑为独立方法

src/views/announcement/index.vue

@@ -35,8 +35,8 @@
                 <el-tag type="primary">{{ row.categoryName }}</el-tag>
             </template>
             <template slot-scope="{row}" slot="status">
-                <el-tag :type="row.status === 1 ? 'success' : 'danger'">
-                    {{ row.status === 1 ? '正常' : '禁用' }}
+                <el-tag :type="getStatusTagType(row.status)">
+                    {{ getStatusLabel(row.status) }}
                 </el-tag>
             </template>
             <template slot-scope="{row}" slot="visibleRoles">
@@ -64,8 +64,8 @@
                         </span>
                     </p>
                     <p><strong>状态：</strong>
-                        <el-tag :type="currentDetail.status === 1 ? 'success' : 'danger'">
-                            {{ currentDetail.status === 1 ? '正常' : '禁用' }}
+                        <el-tag :type="getStatusTagType(currentDetail.status)">
+                            {{ getStatusLabel(currentDetail.status) }}
                         </el-tag>
                     </p>
                 </div>
@@ -423,6 +423,8 @@ export default {
         getVisibleRolesTextArray,
         getRoleLabel,
         getRoleTagType,
+        getStatusTagType,
+        getStatusLabel,
         getStatusText: getStatusLabel,
         /**
          * 加载分类选项