feat: 系统管理-租户管理 表格状态添加tag样式

src/views/system/tenant/tenant.vue

@@ -29,16 +29,19 @@
 
       <el-table :data="tenantTable" class="tenant-info-table" row-key="id" default-expand-all>
         <el-table-column prop="tenantName" label="租户名称" />
-        <el-table-column prop="tenantCode" label="租户编码" />
-        <el-table-column label="状态">
+        <el-table-column prop="tenantCode" label="租户编码" align="center" />
+        <el-table-column label="状态" align="center">
           <template #default="scope">
-            <div class="">
+            <!-- <div class="">
               {{ TENANT_STATUS_LABEL[scope.row.isDisabled] }}
-            </div>
+            </div> -->
+
+            <el-tag v-if="scope.row.isDisabled === 0" type="success">启用</el-tag>
+            <el-tag v-else type="danger">禁用</el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="startTime" label="生效时间" />
-        <el-table-column prop="endTime" label="失效时间" />
+        <el-table-column prop="startTime" label="生效时间" align="center" />
+        <el-table-column prop="endTime" label="失效时间" align="center" />
         <el-table-column align="center" width="200" label="操作">
           <template #default="scope">
             <div class="operations">
@@ -86,7 +89,7 @@
 
 <script lang="ts" setup>
   import { reactive, ref, onMounted } from 'vue';
-  import { ElInput, ElButton, ElIcon, ElTable, ElTableColumn } from 'element-plus';
+  import { ElInput, ElButton, ElIcon, ElTable, ElTableColumn, ElTag } from 'element-plus';
   import { ElMessageBox, ElMessage } from 'element-plus';
   import { FileAddOutlined, SearchOutlined } from '@vicons/antd';
   import {