| | |
|---|
| | | <div class="table-page-search-wrapper"> |
|---|
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
|---|
| | | <a-row :gutter="24"> |
|---|
| | | <a-col :md="5" :sm="5"> |
|---|
| | | <a-col :md="4" :sm="4"> |
|---|
| | | <a-form-item label="设备类型"> |
|---|
| | | <a-select placeholder="请选择设备类型" :triggerChange="true" v-model="queryParam.equipmentType" :allowClear="true"> |
|---|
| | | <a-select-option v-for='item in selectList' :key='item.id' :value='item.equipmentTypeName'> |
|---|
| | |
|---|
| | | </a-select> |
|---|
| | | </a-form-item> |
|---|
| | | </a-col> |
|---|
| | | <a-col :md="5" :sm="5"> |
|---|
| | | <a-col :md="4" :sm="4"> |
|---|
| | | <a-form-item label="驱动类型"> |
|---|
| | | <a-auto-complete |
|---|
| | | v-model="queryParam.driveType" |
|---|
| | |
|---|
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" v-model="dates" :allowClear="false"/> |
|---|
| | | </a-form-item> |
|---|
| | | </a-col> |
|---|
| | | <a-col :md="8" :sm="8" style="display: flex;align-items: flex-start;-webkit-align-items: flex-start;justify-content: space-between;"> |
|---|
| | | <table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;margin-left: 24px"> |
|---|
| | | <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="8" :sm="8" style="display: flex;align-items: flex-start;-webkit-align-items: flex-start;justify-content: space-between;">--> |
|---|
| | | <!--<table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;margin-left: 24px">--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!--<td v-for="(item, index) in identifying">{{item.title}}</td>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--<tr>--> |
|---|
| | | <!--<td style="text-align:center;" v-for="(item, index) in identifying">--> |
|---|
| | | <!--<div class="identifyingclass" :style="{background: item.color}"></div>--> |
|---|
| | | <!--</td>--> |
|---|
| | | <!--<!–<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #e8ff37;display:inline-block"></div></td>–>--> |
|---|
| | | <!--<!–<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #99ff4e;display:inline-block"></div></td>–>--> |
|---|
| | | <!--</tr>--> |
|---|
| | | <!--</table>--> |
|---|
| | | <!--</a-col>--> |
|---|
| | | </a-row> |
|---|
| | | <a-row :gutter="24" type="flex" align="middle"> |
|---|
| | | <a-col :md="24" :sm="24" :xs="24" |
|---|
| | | style="display: flex;justify-content: space-between;align-items: flex-start"> |
|---|
| | | <div> |
|---|
| | | <a-space style="margin-right: 20px"> |
|---|
| | | <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="'#EfficiencyPO'" |
|---|
| | | v-has="'EfficiencyPO:print'">打印 |
|---|
| | | </a-button> |
|---|
| | | </a-space> |
|---|
| | | <a-checkbox-group :value="checkedList" :default-value="['lyl']" :options="efficiencyOptions" |
|---|
| | | @change="efficiencyOptionsOnChange"/> |
|---|
| | | </div> |
|---|
| | | <table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;"> |
|---|
| | | <tr> |
|---|
| | | <td v-for="(item, index) in identifying">{{item.title}}</td> |
|---|
| | | </tr> |
|---|
| | |
|---|
| | | <td style="text-align:center;" v-for="(item, index) in identifying"> |
|---|
| | | <div class="identifyingclass" :style="{background: item.color}"></div> |
|---|
| | | </td> |
|---|
| | | <!--<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #e8ff37;display:inline-block"></div></td>--> |
|---|
| | | <!--<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #99ff4e;display:inline-block"></div></td>--> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </a-col> |
|---|
| | | </a-row> |
|---|
| | | <a-row :gutter="24" type="flex" align="middle"> |
|---|
| | | <a-col :md="5" :sm="5"> |
|---|
| | | <a-space> |
|---|
| | | <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-space> |
|---|
| | | </a-col> |
|---|
| | | <a-col :md="19" :sm="19"> |
|---|
| | | <a-checkbox-group :value="checkedList" :default-value="['lyl']" :options="efficiencyOptions" |
|---|
| | | @change="efficiencyOptionsOnChange"/> |
|---|
| | | </a-col> |
|---|
| | | <!--<a-col :md="6" :sm="6">--> |
|---|
| | | <!--<a-space>--> |
|---|
| | | <!--<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="'#EfficiencyPO'" v-has="'EfficiencyPO:print'">打印</a-button>--> |
|---|
| | | <!--</a-space>--> |
|---|
| | | <!--</a-col>--> |
|---|
| | | <!--<a-col :md="18" :sm="18">--> |
|---|
| | | <!--<a-checkbox-group :value="checkedList" :default-value="['lyl']" :options="efficiencyOptions"--> |
|---|
| | | <!--@change="efficiencyOptionsOnChange"/>--> |
|---|
| | | <!--</a-col>--> |
|---|
| | | </a-row> |
|---|
| | | </a-form> |
|---|
| | | </div> |
|---|
