修改

src/views/index.vue

@@ -37,7 +37,7 @@
             <el-tag type="warning" effect="light" size="small">待办</el-tag>
           </div>
           <div class="card-body">
-            <h2 class="num" style="color: #e6a23c;">15</h2>
+            <h2 class="num" style="color: #e6a23c">15</h2>
             <div class="bottom">
               <span style="color: #909399">需及时处理审批事项</span>
             </div>
@@ -94,30 +94,23 @@
               <el-button style="float: right; padding: 3px 0" type="primary" link>查看更多</el-button>
             </div>
           </template>
-          <el-table :data="partnerList" style="width: 100%" :header-cell-style="{background:'#f8f8f9',color:'#606266'}">
+          <el-table :data="partnerList" style="width: 100%" :header-cell-style="{ background: '#f8f8f9', color: '#606266' }">
             <el-table-column type="index" label="序号" width="60" align="center" />
             <el-table-column prop="companyName" label="伙伴商名称" min-width="200" show-overflow-tooltip />
-            <el-table-column prop="contact" label="联系人" width="120" />
-            <el-table-column prop="phone" label="联系电话" width="150" />
-            <el-table-column prop="level" label="申请评级" width="120" align="center">
+            <el-table-column prop="contact" label="联系人" />
+            <el-table-column prop="phone" label="联系电话" />
+            <el-table-column prop="level" label="申请评级" align="center">
               <template #default="scope">
                 <el-tag :type="getLevelType(scope.row.level)">
                   {{ scope.row.level }}
                 </el-tag>
               </template>
             </el-table-column>
-            <el-table-column prop="status" label="审批状态" width="120" align="center">
-              <template #default="scope">
-                <el-tag :type="scope.row.status === '已通过' ? 'success' : scope.row.status === '待审批' ? 'warning' : 'danger'">
-                  {{ scope.row.status }}
-                </el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column prop="joinTime" label="申请时间" width="160" />
-            <el-table-column label="操作" width="120" align="center">
-              <template #default="scope">
-                <el-button type="primary" link size="small" v-if="scope.row.status === '待审批'">审批</el-button>
-                <el-button type="info" link size="small" v-else>查看</el-button>
+
+            <el-table-column prop="joinTime" label="申请时间" />
+            <el-table-column label="操作" width="150" align="center">
+              <template>
+                <el-button type="info" link size="small">查看</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -139,19 +132,51 @@ let pieChart: echarts.ECharts | null = null;
 
 // 表格数据
 const partnerList = ref([
-  { companyName: '上海星瑞科技有限公司', contact: '张伟', phone: '138****8000', level: '战略伙伴', status: '待审批', joinTime: '2023-11-05 10:23:00' },
-  { companyName: '北京云创集团有限公司', contact: '李娜', phone: '139****5678', level: '核心伙伴', status: '已通过', joinTime: '2023-11-04 15:45:12' },
+  {
+    companyName: '上海星瑞科技有限公司',
+    contact: '张伟',
+    phone: '138****8000',
+    level: '战略伙伴',
+    status: '待审批',
+    joinTime: '2023-11-05 10:23:00'
+  },
+  {
+    companyName: '北京云创集团有限公司',
+    contact: '李娜',
+    phone: '139****5678',
+    level: '核心伙伴',
+    status: '已通过',
+    joinTime: '2023-11-04 15:45:12'
+  },
   { companyName: '深圳速达物流中心', contact: '王强', phone: '137****9999', level: '普通伙伴', status: '已通过', joinTime: '2023-11-02 09:12:30' },
-  { companyName: '广州联智网络股份有限公司', contact: '陈静', phone: '136****6666', level: '核心伙伴', status: '已驳回', joinTime: '2023-10-30 14:20:00' },
-  { companyName: '杭州数智信息技术有限公司', contact: '刘洋', phone: '135****8888', level: '战略伙伴', status: '已通过', joinTime: '2023-10-28 11:10:45' },
+  {
+    companyName: '广州联智网络股份有限公司',
+    contact: '陈静',
+    phone: '136****6666',
+    level: '核心伙伴',
+    status: '已驳回',
+    joinTime: '2023-10-30 14:20:00'
+  },
+  {
+    companyName: '杭州数智信息技术有限公司',
+    contact: '刘洋',
+    phone: '135****8888',
+    level: '战略伙伴',
+    status: '已通过',
+    joinTime: '2023-10-28 11:10:45'
+  }
 ]);
 
 const getLevelType = (level: string) => {
   switch (level) {
-    case '战略伙伴': return 'danger';
-    case '核心伙伴': return 'warning';
-    case '普通伙伴': return 'info';
-    default: return 'primary';
+    case '战略伙伴':
+      return 'danger';
+    case '核心伙伴':
+      return 'warning';
+    case '普通伙伴':
+      return 'info';
+    default:
+      return 'primary';
   }
 };
 
@@ -215,7 +240,7 @@ const initPieChart = () => {
         bottom: '0%',
         left: 'center',
         itemWidth: 10,
-        itemHeight: 10,
+        itemHeight: 10
       },
       series: [
         {
@@ -299,7 +324,7 @@ onBeforeUnmount(() => {
 .box-card {
   border: none;
   border-radius: 8px;
-  
+
   .card-header {
     display: flex;
     justify-content: space-between;
@@ -344,12 +369,12 @@ onBeforeUnmount(() => {
 
 .chart-group {
   margin-bottom: 20px;
-  
+
   .el-card {
     border: none;
     border-radius: 8px;
   }
-  
+
   .clearfix {
     font-size: 16px;
     font-weight: 600;
@@ -362,7 +387,7 @@ onBeforeUnmount(() => {
     border: none;
     border-radius: 8px;
   }
-  
+
   .clearfix {
     font-size: 16px;
     font-weight: 600;