|
@@ -1027,54 +1027,54 @@ onMounted(() => {
|
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
<!-- 数据表格 -->
|
|
<!-- 数据表格 -->
|
|
|
-<!-- <ElCard shadow="never" class="">-->
|
|
|
|
|
- <div class="">
|
|
|
|
|
- <el-table
|
|
|
|
|
- :data="tableData"
|
|
|
|
|
- v-loading="loading"
|
|
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
|
|
- class="w-full"
|
|
|
|
|
- stripe
|
|
|
|
|
- border
|
|
|
|
|
- >
|
|
|
|
|
- <el-table-column type="selection" width="55"/>
|
|
|
|
|
- <el-table-column prop="assetType" label="资产类型" width="100">
|
|
|
|
|
- <template #default="{ row }">
|
|
|
|
|
- <el-tag :type="getAssetTypeTag(row.assetType)">
|
|
|
|
|
- {{ row.assetType }}
|
|
|
|
|
- </el-tag>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="houseName" label="房间名称" width="120"/>
|
|
|
|
|
- <el-table-column prop="building" label="楼栋" width="100"/>
|
|
|
|
|
- <el-table-column prop="floor" label="楼层" width="100"/>
|
|
|
|
|
- <el-table-column prop="address" label="地址" min-width="200" show-overflow-tooltip/>
|
|
|
|
|
- <el-table-column prop="status" label="状态" width="100">
|
|
|
|
|
- <template #default="{ row }">
|
|
|
|
|
- <el-tag :type="row.status === '空闲' ? 'success' : 'warning'">
|
|
|
|
|
- {{ row.status }}
|
|
|
|
|
- </el-tag>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column prop="rentRange" label="租金" width="150"/>
|
|
|
|
|
- <el-table-column label="操作" width="250" fixed="right">
|
|
|
|
|
- <template #default="{ row }">
|
|
|
|
|
- <div class="flex gap-2">
|
|
|
|
|
- <el-button type="primary" size="small" @click="handleViewDetail(row)" :icon="Eye">
|
|
|
|
|
- 详情
|
|
|
|
|
- </el-button>
|
|
|
|
|
- <el-button type="warning" size="small" @click="handleEdit(row)" :icon="Edit">
|
|
|
|
|
- 编辑
|
|
|
|
|
- </el-button>
|
|
|
|
|
- <el-button type="danger" size="small" @click="handleDelete(row)" :icon="Delete">
|
|
|
|
|
- 删除
|
|
|
|
|
- </el-button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- </el-table>
|
|
|
|
|
- </div>
|
|
|
|
|
-<!-- </ElCard>-->
|
|
|
|
|
|
|
+ <!-- <ElCard shadow="never" class="">-->
|
|
|
|
|
+ <div class="">
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ :data="tableData"
|
|
|
|
|
+ v-loading="loading"
|
|
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
|
|
+ class="w-full"
|
|
|
|
|
+ stripe
|
|
|
|
|
+ border
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-table-column type="selection" width="55"/>
|
|
|
|
|
+ <el-table-column prop="assetType" label="资产类型" width="100">
|
|
|
|
|
+ <template #default="{ row }">
|
|
|
|
|
+ <el-tag :type="getAssetTypeTag(row.assetType)">
|
|
|
|
|
+ {{ row.assetType }}
|
|
|
|
|
+ </el-tag>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="houseName" label="房间名称" width="120"/>
|
|
|
|
|
+ <el-table-column prop="building" label="楼栋" width="100"/>
|
|
|
|
|
+ <el-table-column prop="floor" label="楼层" width="100"/>
|
|
|
|
|
+ <el-table-column prop="address" label="地址" min-width="200" show-overflow-tooltip/>
|
|
|
|
|
+ <el-table-column prop="status" label="状态" width="100">
|
|
|
|
|
+ <template #default="{ row }">
|
|
|
|
|
+ <el-tag :type="row.status === '空闲' ? 'success' : 'warning'">
|
|
|
|
|
+ {{ row.status }}
|
|
|
|
|
+ </el-tag>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column prop="rentRange" label="租金" width="150"/>
|
|
|
|
|
+ <el-table-column label="操作" width="250" fixed="right">
|
|
|
|
|
+ <template #default="{ row }">
|
|
|
|
|
+ <div class="flex gap-2">
|
|
|
|
|
+ <el-button type="primary" size="small" @click="handleViewDetail(row)" :icon="Eye">
|
|
|
|
|
+ 详情
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button type="warning" size="small" @click="handleEdit(row)" :icon="Edit">
|
|
|
|
|
+ 编辑
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button type="danger" size="small" @click="handleDelete(row)" :icon="Delete">
|
|
|
|
|
+ 删除
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ </el-table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- </ElCard>-->
|
|
|
<!-- 分页 -->
|
|
<!-- 分页 -->
|
|
|
<div class="flex justify-center p-6">
|
|
<div class="flex justify-center p-6">
|
|
|
<el-pagination
|
|
<el-pagination
|