This commit is contained in:
2023-09-08 15:38:33 +08:00
commit b4ffb20ba8
790 changed files with 98659 additions and 0 deletions

View 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>

View 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>