|
@@ -16,16 +16,17 @@
|
|
|
<template #header>
|
|
|
<div class="card-header">
|
|
|
<span class="card-title">房间列表</span>
|
|
|
- <span>
|
|
|
+ <span style="display: flex">
|
|
|
+ <el-button size="mini" type="primary" @click="downloadMould" v-if="checkMenuLimit('room/room/Import')">导出模板</el-button>
|
|
|
<el-upload
|
|
|
:action="'device/jywsRoom/importRoom/' + (tableData.selectNode ? tableData.selectNode.data.value : '')"
|
|
|
:headers="{Authorization: 'Bearer '+ token}"
|
|
|
accept=".xlsx"
|
|
|
:show-file-list="false"
|
|
|
:on-success="uploadSuccess"
|
|
|
- :disabled="!tableData.selectNode"
|
|
|
- v-if="checkMenuLimit('room/room/Import')">
|
|
|
- <el-button size="mini" type="primary" :disabled="!tableData.selectNode">批量导入</el-button>
|
|
|
+ v-if="checkMenuLimit('room/room/Import')"
|
|
|
+ style="margin-left: 8px">
|
|
|
+ <el-button size="mini" type="primary">批量导入</el-button>
|
|
|
</el-upload>
|
|
|
</span>
|
|
|
</div>
|
|
@@ -64,12 +65,12 @@
|
|
|
<el-table-column prop="roomCode" label="房间编码" minWidth="160" align="center"></el-table-column>
|
|
|
<el-table-column label="房型" minWidth="120" align="center">
|
|
|
<template #default="scope">
|
|
|
- {{dictionaryData.roomList.find(site => site.value == scope.row.roomType).label}}
|
|
|
+ {{getTypeName(scope.row.roomType)}}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="房间状态" minWidth="120" align="center">
|
|
|
<template #default="scope">
|
|
|
- {{dictionaryData.stateList.find(site => site.value == scope.row.roomStatus).label}}
|
|
|
+ {{getStateName(scope.row.roomStatus)}}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="currentYearRepairNum" label="本年维保次数" minWidth="120" align="center"></el-table-column>
|
|
@@ -96,12 +97,12 @@
|
|
|
<el-form-item label="房间号">{{formData.detailForm.roomNumber}}</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="房型">{{dictionaryData.roomList.find(site => site.value == formData.detailForm.roomType).label}}</el-form-item>
|
|
|
+ <el-form-item label="房型">{{getTypeName(formData.detailForm.roomType)}}</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="房间状态">{{dictionaryData.stateList.find(site => site.value == formData.detailForm.roomStatus).label}}</el-form-item>
|
|
|
+ <el-form-item label="房间状态">{{getStateName(formData.detailForm.roomStatus)}}</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12"></el-col>
|
|
|
</el-row>
|
|
@@ -155,13 +156,26 @@
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="资产信息" name="2">
|
|
|
- <el-table :data="tableData.assetsTableList" v-loading="tableData.assetsTableLoading" :height="props.resizeHeight - 250" stripe border fit>
|
|
|
+ <div style="display: flex; justify-content: flex-end; margin-bottom: 10px;">
|
|
|
+ <el-button size="mini" type="primary" @click="downloadAssetsMould" v-if="checkMenuLimit('room/room/AssetImport')">导出模板</el-button>
|
|
|
+ <el-upload
|
|
|
+ :action="'device/jywsRoom/importRoomAssets/' + (tableData.selectNode ? tableData.selectNode.data.value : '')"
|
|
|
+ :headers="{Authorization: 'Bearer '+ token}"
|
|
|
+ accept=".xlsx"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="uploadSuccess"
|
|
|
+ v-if="checkMenuLimit('room/room/AssetImport')"
|
|
|
+ style="margin-left: 8px">
|
|
|
+ <el-button size="mini" type="primary">批量导入</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </div>
|
|
|
+ <el-table :data="tableData.assetsTableList" v-loading="tableData.assetsTableLoading" :height="props.resizeHeight - 290" stripe border fit>
|
|
|
<el-table-column prop="assetsClassify" label="资产分类" minWidth="120" align="center"></el-table-column>
|
|
|
<el-table-column prop="assetsName" label="资产名称" minWidth="120" align="center"></el-table-column>
|
|
|
<el-table-column prop="costPrice" label="成本价" minWidth="120" align="center"></el-table-column>
|
|
|
<el-table-column prop="washPrice" label="清洗费" minWidth="120" align="center"></el-table-column>
|
|
|
<el-table-column prop="purchasePrice" label="购买/赔偿价" minWidth="120" align="center"></el-table-column>
|
|
|
- <el-table-column label="操作" width="160" align="center" fixed="right">
|
|
|
+ <el-table-column label="操作" width="160" align="center">
|
|
|
<template #default="scope">
|
|
|
<el-button size="mini" type="primary" @click="handleAssetsDetail" v-if="checkMenuLimit('room/room/AssetEdit')">编辑</el-button>
|
|
|
<el-button size="mini" type="danger" @click="handleAssetsDelete" v-if="checkMenuLimit('room/room/AssetDelete')">删除</el-button>
|
|
@@ -236,6 +250,8 @@
|
|
|
getAssetsTableListOfRoom,
|
|
|
submitEditAssetsFormOfRoom,
|
|
|
submitDeleteAssetsFormOfRoom,
|
|
|
+ downloadImportMouldOfRoom,
|
|
|
+ downloadAssetsImportMouldOfRoom,
|
|
|
} from 'api/maintain'
|
|
|
import {
|
|
|
ElNotification,
|
|
@@ -266,9 +282,26 @@
|
|
|
{label:'住脏房', value: 'DO',},
|
|
|
{label:'维修房', value: 'O',},
|
|
|
{label:'锁房', value: 'S',},
|
|
|
+ {label:'临时', value: 'I',},
|
|
|
],
|
|
|
assetsList: [],
|
|
|
})
|
|
|
+ // 获取房型名称
|
|
|
+ function getTypeName(code){
|
|
|
+ if (dictionaryData.roomList.find(site => site.value == code)){
|
|
|
+ return dictionaryData.roomList.find(site => site.value == code).label
|
|
|
+ } else {
|
|
|
+ return '其他'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 获取房态名称
|
|
|
+ function getStateName(code){
|
|
|
+ if (dictionaryData.stateList.find(site => site.value == code)){
|
|
|
+ return dictionaryData.stateList.find(site => site.value == code).label
|
|
|
+ } else {
|
|
|
+ return '其他'
|
|
|
+ }
|
|
|
+ }
|
|
|
// 树形结构点击节点
|
|
|
function nodeClick (node, data) {
|
|
|
tableData.tableList = []
|
|
@@ -507,6 +540,14 @@
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
+ // 导出房间模板
|
|
|
+ function downloadMould () {
|
|
|
+ downloadImportMouldOfRoom({})
|
|
|
+ }
|
|
|
+ // 导出资产模板
|
|
|
+ function downloadAssetsMould () {
|
|
|
+ downloadAssetsImportMouldOfRoom({})
|
|
|
+ }
|
|
|
// 暴露
|
|
|
return {
|
|
|
checkMenuLimit,
|
|
@@ -514,6 +555,8 @@
|
|
|
token,
|
|
|
// 字典
|
|
|
dictionaryData,
|
|
|
+ getTypeName,
|
|
|
+ getStateName,
|
|
|
// 树形
|
|
|
nodeClick,
|
|
|
// 表格
|
|
@@ -533,6 +576,8 @@
|
|
|
submitAssetsForm,
|
|
|
// 上传
|
|
|
uploadSuccess,
|
|
|
+ downloadMould,
|
|
|
+ downloadAssetsMould,
|
|
|
}
|
|
|
}
|
|
|
}
|