| | |
| | | </div> |
| | | </div> |
| | | <el-table v-loading="loading" :data="list" stripe> |
| | | <el-table-column prop="" label="运维人" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="code" label="设备编号" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="name" label="设备名称" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="stautsName" label="设备状态" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="remark" label="运维备注" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="createTime" label="创建时间" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="" label="客户名称" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="code" label="楼宇名称" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="name" label="房间号" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="stautsName" label="合同编号" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="remark" label="结清状态" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="createTime" label="账单金额" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="createTime" label="应收金额" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="createTime" label="合同状态" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column label="操作" min-width="120" fixed="right"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="handleDetail(row)" icon="el-icon-edit" |
| | | v-permissions="['business:category:update']">查看</el-button> |
| | | v-permissions="['business:category:update']">查看详情</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <Pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> |
| | | </div> |
| | | <Edit v-if="showEdit" ref="EditRef" @success="getList" @close="showEdit = false" /> |
| | | <Detail ref="DetailRef" @success="getList" @close="showEdit = false" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Pagination from '@/components/common/Pagination' |
| | | import QueryForm from '@/components/common/QueryForm' |
| | | import Edit from './components/deviceEdit.vue' |
| | | import Edit from './components/bullEdit.vue' |
| | | import Detail from './components/bullDetail.vue' |
| | | import { fetchList, deleteById } from '@/api/Inspection/device' |
| | | export default { |
| | | components: { |
| | | Pagination, |
| | | QueryForm, |
| | | Edit |
| | | Edit, |
| | | Detail |
| | | }, |
| | | data() { |
| | | return { |