feat: 我的园区表格样式修改

src/views/user/MyDevelopDetail.vue

@@ -76,20 +76,34 @@
           </div>
         </ElTabPane>
         <ElTabPane label="土地信息" :name="DetailType.carrier">
-          <div class="bg-[#F8F8F8]">
-            <ElTable :data="landList">
-              <ElTableColumn prop="name" label="土地名称"></ElTableColumn>
-              <ElTableColumn prop="address" label="地块位置"></ElTableColumn>
-              <ElTableColumn prop="area" label="地块面积">
+          <div class="overflow-x-auto bg-[#F8F8F8]">
+            <ElTable
+              scrollbar-always-on
+              :data="landList"
+              header-cell-class-name="bg-[#000000] text-[#000000]/[.85] text-sm"
+              cell-class-name="text-[#4D4D4D] text-sm leading-[22px]"
+            >
+              <ElTableColumn width="64" label="编号">
+                <template #default="{ $index }">
+                  <div>{{ $index }}</div>
+                </template>
+              </ElTableColumn>
+              <ElTableColumn min-width="240" prop="name" label="土地名称"></ElTableColumn>
+              <ElTableColumn min-width="150" prop="address" label="地块位置"></ElTableColumn>
+              <ElTableColumn min-width="100" prop="area" label="地块面积">
                 <template #default="{ row }">
                   <div v-if="row.area">{{ formatNumber(row.area) }}平方公里</div>
                 </template>
               </ElTableColumn>
-              <ElTableColumn prop="type" label="土地类型"></ElTableColumn>
-              <ElTableColumn prop="landStatus" label="土地现状"></ElTableColumn>
-              <ElTableColumn prop="industryDirection" label="产业方向"></ElTableColumn>
-              <ElTableColumn prop="contacterName" label="招商联系人"></ElTableColumn>
-              <ElTableColumn prop="contacterPhone" label="联系方式"></ElTableColumn>
+              <ElTableColumn width="100" prop="type" label="土地类型"></ElTableColumn>
+              <ElTableColumn width="100" prop="landStatus" label="土地现状"></ElTableColumn>
+              <ElTableColumn
+                min-width="200"
+                prop="industryDirection"
+                label="产业方向"
+              ></ElTableColumn>
+              <ElTableColumn width="100" prop="contacterName" label="招商联系人"></ElTableColumn>
+              <ElTableColumn width="120" prop="contacterPhone" label="联系方式"></ElTableColumn>
             </ElTable>
 
             <ListPagination

src/views/user/MyIndustrialDetail.vue

@@ -73,33 +73,42 @@
         </ElTabPane>
         <ElTabPane label="载体信息" :name="DetailType.carrier">
           <div class="bg-[#F8F8F8]">
-            <ElTable :data="carrierList">
-              <ElTableColumn prop="buildingNumber" label="楼号"></ElTableColumn>
-              <ElTableColumn prop="structure" label="建筑结构"></ElTableColumn>
-              <ElTableColumn prop="area" label="建筑面积">
+            <ElTable
+              scrollbar-always-on
+              :data="carrierList"
+              header-cell-class-name="bg-[#000000] text-[#000000]/[.85] text-sm"
+              cell-class-name="text-[#4D4D4D] text-sm leading-[22px]"
+            >
+              <ElTableColumn width="64" prop="buildingNumber" label="楼号"></ElTableColumn>
+              <ElTableColumn min-width="150" prop="structure" label="建筑结构"></ElTableColumn>
+              <ElTableColumn width="120" prop="area" label="建筑面积">
                 <template #default="{ row }">
                   <div v-if="row.area">{{ formatNumber(row.area) }}㎡</div>
                 </template>
               </ElTableColumn>
-              <ElTableColumn prop="floorNumber" label="层数"></ElTableColumn>
+              <ElTableColumn width="100" prop="floorNumber" label="层数"></ElTableColumn>
               <ElTableColumn prop="floorHigh" label="层高">
                 <template #default="{ row }">
                   <div v-if="row.floorHigh">{{ row.floorHigh }}m</div>
                 </template>
               </ElTableColumn>
-              <ElTableColumn prop="singleArea" label="单层面积">
+              <ElTableColumn width="120" prop="singleArea" label="单层面积">
                 <template #default="{ row }">
                   <div v-if="row.area">{{ formatNumber(row.singleArea) }}㎡</div>
                 </template>
               </ElTableColumn>
-              <ElTableColumn prop="distance" label="柱距">
+              <ElTableColumn width="100" prop="distance" label="柱距">
                 <template #default="{ row }">
                   <div v-if="row.distance">{{ row.distance }}m</div>
                 </template>
               </ElTableColumn>
-              <ElTableColumn prop="elevatorType" label="电梯类型"></ElTableColumn>
-              <ElTableColumn prop="fireProtectionLevel" label="消防等级"></ElTableColumn>
-              <ElTableColumn prop="fireResistant" label="耐火等级"></ElTableColumn>
+              <ElTableColumn width="120" prop="elevatorType" label="电梯类型"></ElTableColumn>
+              <ElTableColumn
+                width="120"
+                prop="fireProtectionLevel"
+                label="消防等级"
+              ></ElTableColumn>
+              <ElTableColumn width="120" prop="fireResistant" label="耐火等级"></ElTableColumn>
             </ElTable>
 
             <ListPagination