更新
This commit is contained in:
71
src/views/asrs/inventoryOverview/index.vue
Normal file
71
src/views/asrs/inventoryOverview/index.vue
Normal file
@@ -0,0 +1,71 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2023-08-22 15:01:54
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2023-09-05 13:50:38
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="10">
|
||||
<gaugeChart
|
||||
ref="gaugeChart"
|
||||
title="仓库占用率"
|
||||
height="500px"
|
||||
:occupancy-data="occupancyData" />
|
||||
</el-col>
|
||||
<el-col :span="14">
|
||||
<barChart
|
||||
ref="barChart"
|
||||
height="500px"
|
||||
title="库存总览"
|
||||
:all-data="allData" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import basicPage from '../mixins/basic-page';
|
||||
import barChart from '../chart/BarChart.vue';
|
||||
import gaugeChart from '../chart/GaugeChart.vue';
|
||||
import { getOccupancy } from '@/api/asrs/warehouseStorehouse';
|
||||
import { inventoryOverview } from '@/api/asrs/warehouseStorehouseGoodsSpecification';
|
||||
|
||||
export default {
|
||||
mixins: [basicPage],
|
||||
data() {
|
||||
return {
|
||||
urlOptions: {
|
||||
occupancyURL: getOccupancy,
|
||||
allURL: inventoryOverview,
|
||||
},
|
||||
occupancyData: 0,
|
||||
allData: {},
|
||||
};
|
||||
},
|
||||
components: {
|
||||
barChart,
|
||||
gaugeChart,
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
// 获取数据列表
|
||||
getDataList() {
|
||||
this.urlOptions.occupancyURL(this.aId).then((response) => {
|
||||
this.occupancyData = response.data;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.gaugeChart.initChart();
|
||||
});
|
||||
});
|
||||
this.urlOptions.allURL(this.aId).then((response) => {
|
||||
this.allData = response.data;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.barChart.initChart();
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
73
src/views/asrs/inventoryOverview/indexb.vue
Normal file
73
src/views/asrs/inventoryOverview/indexb.vue
Normal file
@@ -0,0 +1,73 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2023-08-22 15:01:54
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2023-09-05 14:51:54
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="10">
|
||||
<gaugeChart
|
||||
ref="gaugeChart"
|
||||
title="仓库占用率"
|
||||
height="500px"
|
||||
:occupancy-data="occupancyData" />
|
||||
</el-col>
|
||||
<el-col :span="14">
|
||||
<barChart
|
||||
ref="barChart"
|
||||
height="500px"
|
||||
title="库存总览"
|
||||
:all-data="allData" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import basicPage from '../mixins/basic-page';
|
||||
import barChart from '../chart/BarChart.vue';
|
||||
import gaugeChart from '../chart/GaugeChart.vue';
|
||||
import { getOccupancy } from '@/api/asrs/warehouseStorehouse';
|
||||
import { inventoryOverview } from '@/api/asrs/warehouseStorehouseGoodsSpecification';
|
||||
|
||||
export default {
|
||||
mixins: [basicPage],
|
||||
data() {
|
||||
return {
|
||||
urlOptions: {
|
||||
occupancyURL: getOccupancy,
|
||||
allURL: inventoryOverview,
|
||||
},
|
||||
occupancyData: 0,
|
||||
allData: {},
|
||||
};
|
||||
},
|
||||
components: {
|
||||
barChart,
|
||||
gaugeChart,
|
||||
},
|
||||
created() {
|
||||
this.listQuery.warehouseId = this.bId;
|
||||
},
|
||||
methods: {
|
||||
// 获取数据列表
|
||||
getDataList() {
|
||||
this.urlOptions.occupancyURL(this.bId).then((response) => {
|
||||
this.occupancyData = response.data;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.gaugeChart.initChart();
|
||||
});
|
||||
});
|
||||
this.urlOptions.allURL(this.bId).then((response) => {
|
||||
this.allData = response.data;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.barChart.initChart();
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user