同步6/16

src/views/system/carArea/index.vue

@@ -53,9 +53,13 @@
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="区域名称" align="center" prop="areaName" />
         <el-table-column label="区域编号" align="center" prop="areaCode" />
-        <el-table-column label="面积" align="center" prop="area" />
-        <el-table-column label="车位数量" align="center" prop="parkingCount" />
-        <el-table-column label="备注" align="center" prop="remark" />
+        <el-table-column label="面积" align="center" prop="area" width="90">
+          <template #default="scope">
+            {{ scope.row.area + ' m²' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="车位数量" align="center" prop="parkingCount" width="90" />
+        <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
         <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
           <template #default="scope">
             <el-button link type="primary" @click="handleUpdate(scope.row)" v-hasPermi="['area:area:edit']">修改</el-button>
@@ -122,10 +126,14 @@ const { queryParams, form, rules } = toRefs(data);
 /** 查询车位区域管理列表 */
 const getList = async () => {
   loading.value = true;
-  const res = await listArea(queryParams.value);
-  areaList.value = res.rows;
-  total.value = res.total;
-  loading.value = false;
+  listArea(queryParams.value)
+    .then((res) => {
+      areaList.value = res.rows;
+      total.value = res.total;
+    })
+    .finally(() => {
+      loading.value = false;
+    });
 };
 
 /** 搜索按钮操作 */
@@ -156,7 +164,7 @@ const handleAdd = () => {
 
 /** 修改按钮操作 */
 const handleUpdate = async (row?: AreaVO) => {
-  const _id = row.id || ids.value[0];
+  const _id = row ? row.id : ids.value[0];
   router.push({
     path: '/carArea/editCarArea',
     query: {