| | |
| | | data: data |
| | | }], |
| | | series: [{ |
| | | name: '利用率', |
| | | name: 'TEEP', |
| | | type: 'bar', |
| | | zlevel: 1, |
| | | itemStyle: { |
| | |
| | | } |
| | | ] |
| | | } |
| | | option.title.text = `${moment().subtract(1, 'days').format('M月D日')}利用率` |
| | | option.title.text = `${moment().subtract(1, 'days').format('M月D日')}TEEP` |
| | | this.efficiencyChart.setOption(option, true) |
| | | this.efficiencyChart.hideLoading() |
| | | |
| | |
| | | } |
| | | } |
| | | }, |
| | | data: ['OEE', '利用率'] |
| | | data: ['OEE', 'TEEP'] |
| | | }, |
| | | xAxis: { |
| | | type: 'category', |
| | |
| | | type: 'bar', |
| | | barWidth: 15, |
| | | itemStyle: { barBorderRadius: 100 }, |
| | | name: '利用率', |
| | | name: 'TEEP', |
| | | data: this.doubleBarChartData.utilizationList, |
| | | label: { |
| | | show: false, |
| | |
| | | } |
| | | }) |
| | | .finally(() => { |
| | | option.title.text = moment().subtract(1, 'days').format('M月D日') + '利用率' |
| | | option.series[0].name = '利用率' |
| | | option.title.text = moment().subtract(1, 'days').format('M月D日') + 'TEEP' |
| | | option.series[0].name = 'TEEP' |
| | | option.series[0].data = [this.gaugeChartData.utilizationRate] |
| | | this.gaugeChart1.setOption(option, true) |
| | | setTimeout(() => this.gaugeChart1.hideLoading(), this.hideLoadingDelayTime) |
| | |
| | | xAxis: this.lineChartData.dateList, |
| | | yAxis: [ |
| | | { |
| | | name: '利用率', |
| | | name: 'TEEP', |
| | | value: this.lineChartData.dataList.map(item => item.utilizationRate) |
| | | }, |
| | | { |
| | |
| | | value: this.lineChartData.dataList.map(item => item.overallEquipmentEfficiency) |
| | | } |
| | | ], |
| | | yAxisName: '整年度利用率(%)' |
| | | yAxisName: '整年度TEEP(%)' |
| | | } |
| | | let legendData = [] |
| | | let seriesData = [] |
| | |
| | | data: data |
| | | }], |
| | | series: [{ |
| | | name: '利用率', |
| | | name: 'TEEP', |
| | | type: 'bar', |
| | | zlevel: 1, |
| | | itemStyle: { |
| | |
| | | } |
| | | ] |
| | | } |
| | | option.title.text = `${moment().subtract(1, 'days').format('M月D日')}利用率` |
| | | option.title.text = `${moment().subtract(1, 'days').format('M月D日')}TEEP` |
| | | this.efficiencyChart.setOption(option, true) |
| | | this.efficiencyChart.hideLoading() |
| | | this.efficiencyChart.on('click', params => { |
| | |
| | | } |
| | | } |
| | | }, |
| | | data: ['OEE', '利用率'] |
| | | data: ['OEE', 'TEEP'] |
| | | }, |
| | | xAxis: { |
| | | type: 'category', |
| | |
| | | type: 'bar', |
| | | barWidth: 15, |
| | | itemStyle: { barBorderRadius: 100 }, |
| | | name: '利用率', |
| | | name: 'TEEP', |
| | | data: this.doubleBarChartData.utilizationList, |
| | | label: { |
| | | show: false, |
| | |
| | | xAxis: equipmentIdList, |
| | | yAxis: [ |
| | | { |
| | | name: '利用率', |
| | | name: 'TEEP', |
| | | value: this.first7DaysEfficiencyData.dataList.map(item => item.utilizationRate) |
| | | }, |
| | | { |
| | |
| | | value: this.first7DaysEfficiencyData.dataList.map(item => item.openRate) |
| | | } |
| | | ], |
| | | yAxisName: '前7天利用率(%)' |
| | | yAxisName: '前7天TEEP(%)' |
| | | } |
| | | let legendData = [] |
| | | let seriesData = [] |
| | |
| | | } |
| | | }) |
| | | .finally(() => { |
| | | option.title.text = moment().subtract(1, 'days').format('M月D日') + `利用率` |
| | | option.series[0].name = '利用率' |
| | | option.title.text = moment().subtract(1, 'days').format('M月D日') + `TEEP` |
| | | option.series[0].name = 'TEEP' |
| | | option.series[0].data = [this.gaugeChartData.utilizationRate] |
| | | this.gaugeChart1.setOption(option, true) |
| | | this.gaugeChart1.hideLoading() |
| | |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <!-- <a-col :md="5" :sm="5" :xs="5">--> |
| | | <!-- <a-form-item label="设备种类">--> |
| | | <!-- <a-select--> |
| | | <!-- :value="queryParams.deviceCategory"--> |
| | | <!-- mode="multiple"--> |
| | | <!-- placeholder="请选择设备种类"--> |
| | | <!-- allow-clear--> |
| | | <!-- :maxTagCount="1"--> |
| | | <!-- @change="selectChange($event,'deviceCategory')"--> |
| | | <!-- >--> |
| | | <!-- <a-select-option v-for="(item,index) in device_category_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-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> |
| | | |
| | | <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--> |
| | |
| | | :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <!-- <a-col :md="5" :sm="5" :xs="5">--> |
| | | <!-- <a-form-item label="设备种类">--> |
| | | <!-- <a-select--> |
| | | <!-- :value="queryParams.deviceCategory"--> |
| | | <!-- mode="multiple"--> |
| | | <!-- placeholder="请选择设备种类"--> |
| | | <!-- allow-clear--> |
| | | <!-- :maxTagCount="1"--> |
| | | <!-- @change="selectChange($event,'deviceCategory')"--> |
| | | <!-- >--> |
| | | <!-- <a-select-option v-for="(item,index) in device_category_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-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> |
| | | |
| | | <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 |
| | |
| | | </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> |
| | | <!--<th rowspan="2">组别</th>--> |
| | | <template v-for="(tableHead, index) in tableHeads"> |
| | | <th class="timeth" :colspan="checkedList.length">{{tableHead}}</th> |
| | |
| | | {{item.equipmentName}} |
| | | </td> |
| | | <td class="tdgu5 kaitou">{{item.equipmentType}}</td> |
| | | <td class="tdgu5 kaitou">{{item.equipmentModel}}</td> |
| | | </template> |
| | | |
| | | <template v-else> |
| | |
| | | </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> |
| | | |
| | | <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 |
| | |
| | | </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> |
| | |
| | | {{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}} |
| | |
| | | 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, |
| | |
| | | </a-row> |
| | | |
| | | <a-row :gutter="24" v-if="toggleSearchStatus"> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备种类"> |
| | | <a-select |
| | | :value="queryParams.deviceCategory" |
| | | mode="multiple" |
| | | placeholder="请选择设备种类" |
| | | allow-clear |
| | | :maxTagCount="1" |
| | | @change="selectChange($event,'deviceCategory')" |
| | | > |
| | | <a-select-option v-for="(item,index) in device_category_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.deviceCategory"--> |
| | | <!-- mode="multiple"--> |
| | | <!-- placeholder="请选择设备种类"--> |
| | | <!-- allow-clear--> |
| | | <!-- :maxTagCount="1"--> |
| | | <!-- @change="selectChange($event,'deviceCategory')"--> |
| | | <!-- >--> |
| | | <!-- <a-select-option v-for="(item,index) in device_category_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 |
| | |
| | | </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> |
| | | <th class="thgu dong7 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;">班次</th> |
| | | <template v-for="(tableHead, index) in tableHeads"> |
| | | <th class="timeth" :colspan="checkedList.length">{{tableHead}}</th> |
| | |
| | | {{item.equipmentName}} |
| | | </td> |
| | | <td class="tdgu5 kaitou">{{item.equipmentType}}</td> |
| | | <td class="tdgu5 kaitou">{{item.equipmentModel}}</td> |
| | | <td class="tdgu6 kaitou">{{item.shiftSubName}}</td> |
| | | </template> |
| | | |