| | |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-04-16 15:22:46 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-06-21 09:55:24 |
| | | * @LastEditTime: 2024-06-21 10:24:23 |
| | | * @FilePath: /CPSnew/smart-web/src/views/home/widgets/components/mdcDeviceStatus.vue |
| | | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |
| | |
| | | :data="parentData" |
| | | :props="{ label: 'title' }" |
| | | style="width:80%;" |
| | | :default-checked-keys="selectedIds" |
| | | :render-after-expand="false" /> |
| | | </div> |
| | | <div> |
| | |
| | | parentData: {}, |
| | | list: [], |
| | | timeLevelList: [], |
| | | selectedIds: [], |
| | | topList: [], |
| | | search: { |
| | | workStationIdList: [], |
| | |
| | | top: "" |
| | | }, |
| | | isSearch: false, |
| | | timeLevel: "", |
| | | top: "", |
| | | timeLevel: "24", |
| | | top: "5", |
| | | apiResource: { |
| | | workStationIdList: [] |
| | | }, |
| | |
| | | }, |
| | | serchSubmit() { |
| | | this.apiResource = this.search; |
| | | this.getRunData(); |
| | | this.getRunData('search'); |
| | | }, |
| | | setCurrentKey(v) { |
| | | if (this.firstWorkKey) return |
| | |
| | | } |
| | | }) |
| | | }, |
| | | getRunData() { |
| | | var ids = this.extractLastLevelIds(this.parentData); |
| | | getRunData(type) { |
| | | if(type != "search") { |
| | | var ids = this.extractLastLevelIds(this.parentData); |
| | | this.selectedIds = ids; |
| | | this.search.workStationIdList = ids; |
| | | }else { |
| | | var ids = this.search.workStationIdList; |
| | | } |
| | | var obj = { |
| | | timeLevel: 24, |
| | | top: 7, |
| | |
| | | } |
| | | this.$HTTP.post(`/api/blade-visual/status/oee-top`,obj).then(res=> { |
| | | if(res.code == 200) { |
| | | // if(res.data.categories.length == 0) { |
| | | |
| | | // return; |
| | | // } |
| | | this.isSearch = false; |
| | | var recordDom = document.getElementById('equipment'); |
| | | if(res.data.categories.length == 0) return; |
| | | this.option.yAxis.data = res.data.categories; |
| | | console.log(this.option.yAxis.data,'this.option.yAxis.data') |
| | | this.option.series[0].data = res.data.series[0].data; |
| | | this.oeeTitle = res.data.series[0].name; |
| | | console.log(this.oeeTitle,'this.oeeTitle') |
| | | var myChart = echarts.init(recordDom); |
| | | myChart.setOption(this.option); |
| | | } |