2024-11-20 10:41:15 +08:00
|
|
|
<template>
|
|
|
|
|
<!-- 外部装备参与管理 -->
|
|
|
|
|
<div class="app-container">
|
|
|
|
|
<el-form
|
|
|
|
|
:model="queryParams"
|
|
|
|
|
ref="queryForm"
|
|
|
|
|
size="small"
|
|
|
|
|
:inline="true"
|
|
|
|
|
label-width="80px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item prop="unitId">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.keyWords"
|
|
|
|
|
placeholder="请输入关键字"
|
|
|
|
|
clearable
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item prop="deviceType">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="queryParams.deviceType"
|
|
|
|
|
placeholder="请选择设备类型"
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item prop="deviceType">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="queryParams.deviceType"
|
|
|
|
|
placeholder="请选择规格型号"
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
icon="el-icon-search"
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="handleQuery"
|
|
|
|
|
>查询</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
icon="el-icon-refresh"
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="resetQuery"
|
|
|
|
|
>重置</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
<el-table border :data="tableList">
|
|
|
|
|
<el-table-column label="序号" type="index" align="center" />
|
2024-11-21 17:26:43 +08:00
|
|
|
<el-table-column prop="type_name" label="设备名称" align="center" />
|
|
|
|
|
<el-table-column prop="type_name1" label="设备类型" align="center" />
|
2024-11-20 10:41:15 +08:00
|
|
|
<el-table-column
|
2024-11-21 17:26:43 +08:00
|
|
|
prop="type_name2"
|
2024-11-20 10:41:15 +08:00
|
|
|
label="规格型号"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
2024-11-21 17:26:43 +08:00
|
|
|
prop="name"
|
2024-11-20 10:41:15 +08:00
|
|
|
label="所属公司"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="upload_time"
|
|
|
|
|
label="租赁开始时间"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="upload_time"
|
|
|
|
|
label="租赁结束时间"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
2024-11-21 17:26:43 +08:00
|
|
|
<el-table-column prop="upload_user" label="租赁人" align="center" />
|
2024-11-20 10:41:15 +08:00
|
|
|
<el-table-column
|
2024-11-21 17:26:43 +08:00
|
|
|
prop="device"
|
2024-11-20 10:41:15 +08:00
|
|
|
label="所属部门"
|
|
|
|
|
align="center"
|
|
|
|
|
/>
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
<pagination
|
|
|
|
|
:total="total"
|
|
|
|
|
:page.sync="queryParams.pageNum"
|
|
|
|
|
:limit.sync="queryParams.pageSize"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { tableList } from './tableData'
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
queryParams: {
|
|
|
|
|
keyWords: '',
|
|
|
|
|
deviceType: '',
|
|
|
|
|
time: '',
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
},
|
|
|
|
|
tableList,
|
|
|
|
|
total: 10,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style></style>
|
