| | |
|---|
| | | <div class="table-page-search-wrapper"> |
|---|
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
|---|
| | | <a-row :gutter="24"> |
|---|
| | | <a-col :md="5" :sm="5" :xs="5"> |
|---|
| | | <a-col :md="4" :sm="4" :xs="4"> |
|---|
| | | <a-form-item label="驱动类型"> |
|---|
| | | <a-auto-complete |
|---|
| | | v-model="queryParam.driveType" |
|---|
| | |
|---|
| | | </a-form-item> |
|---|
| | | </a-col> |
|---|
| | | |
|---|
| | | <a-col :md="7" :sm="7" :xs="7"> |
|---|
| | | <a-col :md="4" :sm="4" :xs="4"> |
|---|
| | | <a-form-item label="设备级别"> |
|---|
| | | <j-dict-select-tag placeholder="请选择设备级别" dictCode="device_level" v-model="queryParam.deviceLevel" |
|---|
| | | allow-clear/> |
|---|
| | | </a-form-item> |
|---|
| | | </a-col> |
|---|
| | | <a-col :md="4" :sm="4" :xs="4"> |
|---|
| | | <a-form-item label="设备种类"> |
|---|
| | | <j-dict-select-tag placeholder="请选择设备种类" dictCode="device_category" v-model="queryParam.deviceCategory" |
|---|
| | | allow-clear/> |
|---|
| | | </a-form-item> |
|---|
| | | </a-col> |
|---|
| | | |
|---|
| | | <a-col :md="5" :sm="5" :xs="5"> |
|---|
| | | <a-form-item label="时间"> |
|---|
| | | <a-range-picker |
|---|
| | | :placeholder="['开始时间', '结束时间']" |
|---|
| | |
|---|
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
|---|
| | | <a-button type="primary" @click="searchReset" icon="reload">重置</a-button> |
|---|
| | | <a-button type="primary" @click="exportExcel" icon="download">导出</a-button> |
|---|
| | | <a-button type="primary" icon="printer" v-print="'#EfficiencyShift'" v-has="'deviceProcess:print'">打印</a-button> |
|---|
| | | </a-space> |
|---|
| | | </a-col> |
|---|
| | | </a-row> |
|---|
| | |
|---|
| | | * 当浏览器可视窗口尺寸发生改变时触发 |
|---|
| | | */ |
|---|
| | | handleWindowResize(){ |
|---|
| | | const boxHeight = +window.getComputedStyle(document.getElementById('EfficiencyShift')).height.slice(0,-2) |
|---|
| | | const tableHeadHeight = +window.getComputedStyle(document.querySelector('.ant-table-thead th')).height.slice(0,-2) |
|---|
| | | this.scrollY = boxHeight - tableHeadHeight |
|---|
| | | const devicePixelRatio = window.devicePixelRatio // 浏览器缩放比 |
|---|
| | | if (devicePixelRatio < 1) return // 缩放比小于1时不进行高度重新设置，因为scrollY变大后表格超出部分会被隐藏导致滚动条不可见 |
|---|
| | | const clientHeight = document.body.clientHeight // 浏览器可视区域高度 |
|---|
| | | const containerTopToClientTopHeight = document.getElementById('EfficiencyShift').getBoundingClientRect().top // 表格容器顶部到浏览器可视区域顶部的间距 |
|---|
| | | const tableHeadHeight = +window.getComputedStyle(document.querySelector('.ant-table-thead th')).height.slice(0, -2) // 表格表头高度 |
|---|
| | | this.scrollY = clientHeight - containerTopToClientTopHeight - tableHeadHeight // 表格垂直滚动条高度 |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
