| | |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备种类"> |
| | | <a-form-item label="设备级别"> |
| | | <a-select |
| | | :value="queryParams.deviceCategory" |
| | | :value="queryParams.deviceLevel" |
| | | mode="multiple" |
| | | placeholder="请选择设备种类" |
| | | placeholder="请选择设备级别" |
| | | allow-clear |
| | | :maxTagCount="1" |
| | | @change="selectChange($event,'deviceCategory')" |
| | | @change="selectChange($event,'deviceLevel')" |
| | | > |
| | | <a-select-option v-for="(item,index) in device_category_list" :value="item.value" :key="index"> |
| | | <a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index"> |
| | | {{item.label}} |
| | | </a-select-option> |
| | | </a-select> |
| | |
| | | |
| | | <a-row :gutter="24" v-if="toggleSearchStatus"> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备级别"> |
| | | <a-select |
| | | :value="queryParams.deviceLevel" |
| | | mode="multiple" |
| | | placeholder="请选择设备级别" |
| | | allow-clear |
| | | :maxTagCount="1" |
| | | @change="selectChange($event,'deviceLevel')" |
| | | > |
| | | <a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index"> |
| | | {{item.label}} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="重要程度"> |
| | | <a-select |
| | | :value="queryParams.deviceImportanceLevel" |
| | | mode="multiple" |
| | | v-model="queryParam.deviceImportanceLevel" |
| | | placeholder="请选择设备重要程度" |
| | | allow-clear |
| | | :maxTagCount="1" |
| | | @change="selectChange($event,'deviceImportanceLevel')" |
| | | > |
| | | <a-select-option v-for="(item,index) in device_importance_level_list" :value="item.value" |
| | | :key="index"> |
| | |
| | | </th> |
| | | <th class="thgu dong6 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;">设备类型 |
| | | </th> |
| | | <th class="thgu dong6 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;">设备型号 |
| | | <th class="thgu dong7 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">设备型号 |
| | | </th> |
| | | <!--<th rowspan="2">组别</th>--> |
| | | <template v-for="(tableHead, index) in tableHeads"> |
| | |
| | | </tr> |
| | | <tr class="thead notfixed gudingth"> |
| | | <template v-for="(tableHead, index) in tableHeads"> |
| | | <th v-if="checkedList.indexOf('lyl') > -1">利用率(%)</th> |
| | | <th v-if="checkedList.indexOf('lyl') > -1">TEEP(%)</th> |
| | | <th v-if="checkedList.indexOf('kjl') > -1">开机率(%)</th> |
| | | <th v-if="checkedList.indexOf('kjsj') > -1">开机时间(小时)</th> |
| | | <th v-if="checkedList.indexOf('jgsj') > -1">加工时间(小时)</th> |
| | |
| | | {{item.equipmentName}} |
| | | </td> |
| | | <td class="tdgu5 kaitou">{{item.equipmentType}}</td> |
| | | <td class="tdgu5 kaitou">{{item.equipmentModel}}</td> |
| | | <td class="tdgu6 kaitou">{{item.equipmentModel}}</td> |
| | | </template> |
| | | |
| | | <!--合计与平均值区域--> |
| | |
| | | {{tableHead.utilizationRate | numFilter}} |
| | | </td> |
| | | <td :style="{background:tableHead.color }" v-if="checkedList.indexOf('kjl') > -1"> |
| | | {{tableHead.openRate | n umFilter}} |
| | | {{tableHead.openRate | numFilter}} |
| | | </td> |
| | | <td :style="{background:tableHead.color }" v-if="checkedList.indexOf('kjsj') > -1"> |
| | | {{tableHead.openLong | getFormattedTime}} |
| | |
| | | equipmentTypeList: [], |
| | | driveTypeList: [], |
| | | device_level_list: [], |
| | | device_category_list: [], |
| | | device_importance_level_list: [], |
| | | identifying: [], |
| | | queryParam: {}, |
| | | queryParams: { |
| | | equipmentType: [], |
| | | driveType: [], |
| | | deviceLevel: [], |
| | | deviceCategory: [], |
| | | deviceImportanceLevel: [] |
| | | deviceLevel: [] |
| | | }, |
| | | queryParamEquip: {}, |
| | | queryParamPeople: {}, |
| | | efficiencyOptions: [ |
| | | { label: '利用率', value: 'lyl' }, |
| | | { label: 'TEEP', value: 'lyl' }, |
| | | { label: '开机率', value: 'kjl' }, |
| | | { label: '开机时间', value: 'kjsj' }, |
| | | { label: '加工时间', value: 'jgsj' }, |
| | |
| | | $('#Efficiency').table2excel({ |
| | | exclude: '.noExl', |
| | | name: 'Excel Document Name', |
| | | filename: '设备利用率', |
| | | filename: '设备TEEP', |
| | | exclude_img: true, |
| | | fileext: '.xls', |
| | | exclude_links: true, |
| | |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | Object.keys(this.queryParams).forEach(item => { |
| | | this.queryParam[item] = this.queryParams[item].join() |
| | | // 此处为保证接口参数不多余,可省略 |
| | | if (this.queryParams[item].length === 0) delete this.queryParam[item] |
| | | if (Array.isArray(this.queryParams[item])) { |
| | | this.queryParam[item] = this.queryParams[item].join() |
| | | // 此处为保证接口参数不多余,可省略 |
| | | if (this.queryParams[item].length === 0) delete this.queryParam[item] |
| | | } |
| | | }) |
| | | this.loadData() |
| | | }, |
| | |
| | | this.queryParams = { |
| | | equipmentType: [], |
| | | driveType: [], |
| | | deviceLevel: [], |
| | | deviceCategory: [] |
| | | deviceLevel: [] |
| | | } |
| | | // this.ipagination.current = 1 |
| | | this.loadData() |
| | | // this.queryParam = {} |
| | | // this.dates = [] |
| | | // this.loadData() |
| | | // this.onClearSelected() |
| | | }, |
| | | loadData() { |
| | | this.tableHeads = [] |
| | |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table tbody tr .tdgu6 { |
| | | position: sticky; |
| | | left: 512px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table2 thead tr .timeth, |
| | | .table2 thead tr .thgu { |
| | | position: sticky; |
| | |
| | | left: 412px; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong7 { |
| | | z-index: 5; |
| | | left: 512px; |
| | | } |
| | | |
| | | #Efficiency { |
| | | overflow: hidden; |
| | | } |