projects/mes-test #133

Merged
gtz217 merged 281 commits from projects/mes-test into projects/mes 2023-11-30 09:11:34 +08:00
26 changed files with 689 additions and 235 deletions
Showing only changes of commit f9741b07c0 - Show all commits

View File

@ -14,10 +14,11 @@ VUE_APP_TITLE = MES系统
# 芋道管理系统/开发环境 # 芋道管理系统/开发环境
# VUE_APP_BASE_API = 'http://100.64.0.26:48082' # VUE_APP_BASE_API = 'http://100.64.0.26:48082'
# VUE_APP_BASE_API = 'http://192.168.0.33:48082' # VUE_APP_BASE_API = 'http://192.168.0.33:48082'
VUE_APP_BASE_API = 'http://192.168.4.173:48080'
# VUE_APP_BASE_API = 'http://192.168.2.173:48080' # VUE_APP_BASE_API = 'http://192.168.2.173:48080'
# VUE_APP_BASE_API = 'http://192.168.1.49:48080' # VUE_APP_BASE_API = 'http://192.168.1.49:48080'
# VUE_APP_BASE_API = 'http://192.168.1.8:48080' # VUE_APP_BASE_API = 'http://192.168.1.8:48080'
VUE_APP_BASE_API = 'http://192.168.1.56:48080' # VUE_APP_BASE_API = 'http://192.168.1.56:48080'
# VUE_APP_BASE_API = 'http://192.168.1.188:48080' # VUE_APP_BASE_API = 'http://192.168.1.188:48080'
# VUE_APP_BASE_API = 'http://192.168.2.159:48080' # VUE_APP_BASE_API = 'http://192.168.2.159:48080'

View File

@ -35,34 +35,39 @@
<el-tabs v-model="activeName" @tab-click="toggleTab"> <el-tabs v-model="activeName" @tab-click="toggleTab">
<el-tab-pane label="数据列表" name="dataList"> <el-tab-pane label="数据列表" name="dataList">
<!-- 列表 --> <!-- 列表 -->
<base-table <div v-if="activeName === 'dataList'">
:page="queryParams.pageNo" <base-table
:limit="queryParams.pageSize" :page="queryParams.pageNo"
:table-props="tableProps" :limit="queryParams.pageSize"
:table-data="tableData" :table-props="tableProps"
:max-height="tableH" :table-data="tableData"
> :max-height="tableH"
<method-btn >
v-if="tableBtn.length" <method-btn
slot="handleBtn" v-if="tableBtn.length"
:width="150" slot="handleBtn"
label="操作" :width="150"
:method-list="tableBtn" label="操作"
@clickBtn="viewDetDetail" :method-list="tableBtn"
@clickBtn="viewDetDetail"
/>
</base-table>
<pagination
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
:total="total"
@pagination="getList"
/> />
</base-table> </div>
<pagination
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
:total="total"
@pagination="getList"
/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="环形图" name="barChart"> <el-tab-pane label="环形图" name="barChart">
<div <div v-if="activeName === 'barChart'">
id="logDetPieBar" <div
style="width: 182px; height: 180px;" id="logDetPieBar"
></div> style="width: 100%"
:style="{ height: chartHeight + 'px' }"
></div>
</div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@ -110,6 +115,8 @@
<script> <script>
import { deliveryLogPage, deliveryLogDetPage } from '@/api/base/delivery' import { deliveryLogPage, deliveryLogDetPage } from '@/api/base/delivery'
import { parseTime } from '@/utils/ruoyi' import { parseTime } from '@/utils/ruoyi'
import * as echarts from 'echarts'
import resize from '@/utils/chartMixins/resize'
const tableProps = [ const tableProps = [
{ {
prop: 'deliveryTime', prop: 'deliveryTime',
@ -182,6 +189,7 @@ const tableProps2 = [
] ]
export default { export default {
name: 'DeliveryLogDetDetail', name: 'DeliveryLogDetDetail',
mixins: [resize],
data() { data() {
return { return {
centervisible: false, centervisible: false,
@ -195,6 +203,7 @@ export default {
orderMsg: {}, orderMsg: {},
tableProps, tableProps,
tableData: [], tableData: [],
total: 0,
tableH: this.tableHeight(350), tableH: this.tableHeight(350),
tableBtn: [ tableBtn: [
this.$auth.hasPermi('base:group-team:update') this.$auth.hasPermi('base:group-team:update')
@ -215,9 +224,18 @@ export default {
tableData2: [], tableData2: [],
tableH2: this.tableHeight(275), tableH2: this.tableHeight(275),
total2: 0, total2: 0,
logCode: '' logCode: '',
//
chartDom: '',
chart: '',
chartHeight: this.tableHeight(300)
} }
}, },
// watch: {
// chartData: function () {
// this.getChart()
// }
// },
mounted() { mounted() {
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
this.tableH = this.tableHeight(350) this.tableH = this.tableHeight(350)
@ -225,6 +243,9 @@ export default {
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
this.tableH2 = this.tableHeight(275) this.tableH2 = this.tableHeight(275)
}) })
window.addEventListener('resize', () => {
this.chartHeight = this.tableHeight(300)
})
}, },
methods: { methods: {
init(params) { init(params) {
@ -236,13 +257,87 @@ export default {
getList() { getList() {
deliveryLogPage({...this.queryParams}).then(res => { deliveryLogPage({...this.queryParams}).then(res => {
this.tableData = res.data.list || [] this.tableData = res.data.list || []
this.taotal = res.data.total || 0
}) })
}, },
toggleTab() { toggleTab() {
if (this.activeName === 'barChart') {
this.$nextTick(() => {
this.getBar()
})
}
}, },
getBar() { getBar() {
if (
this.chart !== null &&
this.chart !== '' &&
this.chart !== undefined
) {
this.chart.dispose() // Dom
}
this.chartDom = document.getElementById('logDetPieBar')
this.chart = echarts.init(this.chartDom)
let seriesData = []
let sumData = 0
this.tableData && this.tableData.map(item =>{
let obj = {}
obj.value = item.rate
obj.name = item.name
seriesData.push(obj)
sumData+=item.rate
})
if (sumData < 100) {
let obj = {}
obj.value = 100 - sumData
obj.name = "未发货"
seriesData.push(obj)
}
var option = {
color: ['#B0EB42', '#FF9747', '#FF6860', '#7164FF', '#288AFF', '#63BDFF', '#73DE93', '#FFCE6A'],
tooltip: {
trigger: 'item',
formatter: function(params) {
let str = `<span style="display:inline-block;width:8px;height:8px;margin: 0 8px 0 -3px;border-radius:2px;background-color:${params.color};"></span>`
return `<span>
<span style="color:rgba(0,0,0,0.85);">${str}${params.name}</span>
<span style="display:inline-block;margin-left:10px;color:rgba(0,0,0,0.45);">${params.percent}</span>
</span>`
}
},
legend: {
bottom: '5%',
left: 'center',
icon: 'rect',
itemHeight: 8,
itemWidth: 8
},
series: [
{
type: 'pie',
radius: ['60%', '80%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
},
scale: true ,
scaleSize: 20 ,
},
labelLine: {
show: false
},
data: seriesData
}
]
};
option && this.chart.setOption(option);
}, },
viewDetDetail(val) { viewDetDetail(val) {
this.logCode = val.data.code this.logCode = val.data.code

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<el-drawer title="参数绑定" :visible.sync="visible" size="70%" @close='closeD'> <el-drawer :title="drawerTitle" :visible.sync="visible" size="70%" @close='closeD'>
<div class="box"> <div class="box">
<el-form :inline="true"> <el-form :inline="true">
<el-form-item label="关联表名"> <el-form-item label="关联表名">
@ -94,6 +94,7 @@ export default {
data() { data() {
return { return {
visible: false, visible: false,
drawerTitle: '',
tableProps, tableProps,
tableData: [], tableData: [],
tableBtn: [], tableBtn: [],
@ -131,9 +132,11 @@ export default {
this.objName = data.objName this.objName = data.objName
this.getList() this.getList()
if (title === 'detail') { if (title === 'detail') {
this.drawerTitle = '查看参数'
this.showBtn = false this.showBtn = false
this.tableBtn = [] this.tableBtn = []
} else { } else {
this.drawerTitle = '参数绑定'
this.showBtn = true this.showBtn = true
this.tableBtn = [ this.tableBtn = [
{ {

View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<el-drawer title="参数绑定" :visible.sync="visible" size="70%" @close='closeD'> <el-drawer :title="drawerTitle" :visible.sync="visible" size="70%" @close='closeD'>
<div class="box"> <div class="box">
<el-form :inline="true"> <el-form :inline="true">
<el-form-item label="方案名称"> <el-form-item label="方案名称">
@ -85,6 +85,7 @@ export default {
data() { data() {
return { return {
visible: false, visible: false,
drawerTitle: '',
tableProps, tableProps,
tableData: [], tableData: [],
tableBtn: [], tableBtn: [],
@ -125,9 +126,11 @@ export default {
this.energyTypeId = data.energyTypeId this.energyTypeId = data.energyTypeId
this.getList() this.getList()
if (title === 'detail') { if (title === 'detail') {
this.drawerTitle = '查看参数'
this.showBtn = false this.showBtn = false
this.tableBtn = [] this.tableBtn = []
} else { } else {
this.drawerTitle = '参数绑定'
this.showBtn = true this.showBtn = true
this.tableBtn = [ this.tableBtn = [
{ {

View File

@ -60,31 +60,31 @@ export default {
this.chart = echarts.init(this.$el, 'macarons'); this.chart = echarts.init(this.$el, 'macarons');
this.chart.setOption({ this.chart.setOption({
title: { // title: {
text: this.title // text: this.title
? '{space|}{tip|}{space|}{value|' + this.title + '}' // ? '{space|}{tip|}{space|}{value|' + this.title + '}'
: '', // : '',
left: '0%', // left: '0%',
top: '0%', // top: '0%',
textStyle: { // textStyle: {
rich: { // rich: {
tip: { // tip: {
width: 4, // width: 4,
height: 18, // height: 18,
backgroundColor: '#0B58FF', // backgroundColor: '#0B58FF',
marginRight: 6, // marginRight: 6,
}, // },
space: { // space: {
width: 8, // width: 8,
}, // },
value: { // value: {
fontSize: 16, // fontSize: 16,
fontWeight: 'bold', // fontWeight: 'bold',
color: 'black', // color: 'black',
}, // },
}, // },
}, // },
}, // },
color: ['#288AFF', '#8EF0AB', '#FFDC94'], color: ['#288AFF', '#8EF0AB', '#FFDC94'],
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
@ -148,6 +148,7 @@ export default {
yAxis: [ yAxis: [
{ {
gridIndex: 0, gridIndex: 0,
name: '库存数量',
axisTick: { axisTick: {
show: false, show: false,
}, },
@ -160,6 +161,7 @@ export default {
}, },
{ {
gridIndex: 1, gridIndex: 1,
name: '剩余使用天数',
axisTick: { axisTick: {
show: false, show: false,
}, },

View File

@ -59,7 +59,7 @@ export default {
zlevel: 2, // zlevel: 2, //
text: '总数', text: '总数',
subtext: totalNumber, subtext: totalNumber,
top: '42%', // top: '35%', //
left: '50%', // left: '50%', //
textAlign: 'center', // textAlign: 'center', //
textStyle: { textStyle: {
@ -72,7 +72,7 @@ export default {
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
show: true, // show: true, //
formatter: '产品: {b}<br/>数量: {c}<br/>占比: {d}%', formatter: '{b}<br/>数量: {c}<br/>占比: {d}%',
}, },
legend: { legend: {
orient: 'vartical', orient: 'vartical',

View File

@ -2,16 +2,20 @@
* @Author: zwq * @Author: zwq
* @Date: 2023-08-22 15:01:54 * @Date: 2023-08-22 15:01:54
* @LastEditors: zwq * @LastEditors: zwq
* @LastEditTime: 2023-11-04 16:32:13 * @LastEditTime: 2023-11-07 14:12:00
* @Description: * @Description:
--> -->
<template> <template>
<el-row :gutter="10" class="chart-container"> <el-row :gutter="10" class="chart-container">
<el-col :span="14"> <el-col :span="wareType === 1 ? 14 : 24">
<div class="chart-card"> <div class="chart-card">
<div class="title">库存总览</div>
<div class="sub-title">产品总数量
<div style="color: black;">{{ totalNum }}</div>
</div>
<barChart <barChart
ref="barChart" ref="barChart"
height="500px" height="600px"
title="库存总览" title="库存总览"
v-if="overviewList.length" v-if="overviewList.length"
:histogram="overviewList" /> :histogram="overviewList" />
@ -19,16 +23,18 @@
<div class="no-data-bg" v-else></div> <div class="no-data-bg" v-else></div>
</div> </div>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="wareType === 1 ? 10 : 0">
<div class="chart-card"> <div class="chart-card">
<div class="title">库位占用率</div>
<pieChart <pieChart
ref="pieChart" ref="pieChart"
height="600px" height="600px"
title="库位占用率"
v-if="rateList.length" v-if="rateList.length"
:pie-data="rateList" /> :pie-data="rateList" />
<!-- 没有数据 --> <!-- 没有数据 -->
<div class="no-data-bg" v-else></div> <div class="no-data-bg" v-else></div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -36,46 +42,62 @@
<script> <script>
import barChart from '../../chart/BarChart.vue'; import barChart from '../../chart/BarChart.vue';
import pieChart from '../../chart/PieChart.vue'; import pieChart from '../../chart/PieChart.vue';
import { import { getOverview, getRate } from '@/api/warehouse/warehouseLocation';
getOverview, import { getWarehouseList } from '@/api/warehouse/warehouse-info';
getRate,
} from '@/api/warehouse/warehouseLocation';
export default { export default {
data() { data() {
return { return {
urlOptions: { urlOptions: {
allURL: getOverview, allURL: getOverview,
rateURL: getRate rateURL: getRate,
}, },
listQuery: {
storageType: 2,
},
wareType: 1,
totalNum: 0,
overviewList: [], overviewList: [],
rateList: [] rateList: [],
}; };
}, },
components: { components: {
barChart, barChart,
pieChart pieChart,
}, },
mounted() { mounted() {
this.getDataList(); this.getDataList();
}, },
created() {
getWarehouseList().then((response) => {
response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
this.wareType = item.type;
}
});
});
},
methods: { methods: {
// //
getDataList() { getDataList() {
const data = { this.urlOptions.allURL(this.listQuery).then((response) => {
storageType : 2 if (response.data && response.data.length) {
} this.overviewList = response.data;
this.urlOptions.allURL(data).then((response) => { this.overviewList.forEach(item=>{
this.overviewList = response.data; this.totalNum += item.num
this.$nextTick(() => { })
this.$refs.barChart.initChart(); this.$nextTick(() => {
}); this.$refs.barChart.initChart();
});
}
}); });
this.urlOptions.rateURL(data).then((response) => { this.urlOptions.rateURL(this.listQuery).then((response) => {
this.rateList = response.data; if (response.data && response.data.length) {
this.$nextTick(() => { this.rateList = response.data;
this.$refs.pieChart.initChart(); this.$nextTick(() => {
}); this.$refs.pieChart.initChart();
});
}
}); });
}, },
}, },
@ -93,4 +115,33 @@ export default {
padding: 16px; padding: 16px;
border-radius: 8px; border-radius: 8px;
} }
.title {
font-size: 18px;
line-height: 16px;
margin-bottom: 10px;
color: #000;
font-weight: 500;
font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
.title::before {
content: '';
display: inline-block;
vertical-align: top;
width: 4px;
height: 16px;
border-radius: 1px;
margin-right: 5px;
background-color: #0b58ff;
}
.sub-title{
font-size: 16px;
line-height: 18px;
color: #888686;
min-width: 80px;
text-align: center;
font-weight: 500;
margin-right: 30px;
font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
float: right;
}
</style> </style>

View File

@ -58,7 +58,7 @@ import {
getWarehouseLocationHisPage, getWarehouseLocationHisPage,
} from '@/api/warehouse/warehouseRealtimeLocation'; } from '@/api/warehouse/warehouseRealtimeLocation';
import { listByWarehouse } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
import { listData } from '@/api/system/dict/data'; import { listData } from '@/api/system/dict/data';
import { publicFormatter } from '@/utils/dict'; import { publicFormatter } from '@/utils/dict';
@ -179,8 +179,14 @@ export default {
listData(queryParams).then((response) => { listData(queryParams).then((response) => {
this.formConfig[2].selectOptions = response.data.list; this.formConfig[2].selectOptions = response.data.list;
}); });
listByWarehouse(this.listQuery.storageType).then((response) => { getWarehouseList().then((response) => {
this.formConfig[0].selectOptions = response.data; response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
listByWarehouse(item.id).then((response) => {
this.formConfig[0].selectOptions = response.data;
});
}
});
}); });
}, },
methods: { methods: {

View File

@ -2,7 +2,7 @@
* @Author: zwq * @Author: zwq
* @Date: 2023-08-21 14:26:23 * @Date: 2023-08-21 14:26:23
* @LastEditors: zwq * @LastEditors: zwq
* @LastEditTime: 2023-11-04 14:46:59 * @LastEditTime: 2023-11-06 11:25:34
* @Description: * @Description:
--> -->
<template> <template>
@ -93,7 +93,8 @@
</template> </template>
<script> <script>
import { listByWarehouse, listAll } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
export default { export default {
data() { data() {
@ -129,7 +130,10 @@ export default {
there: [], there: [],
four: [], four: [],
}), }),
listAll(1).then((response) => { getWarehouseList().then((response) => {
response.data.forEach((item) => {
if (item.storageType === 2) {
listByWarehouse(item.id).then((response) => {
response.data.forEach((a, b) => { response.data.forEach((a, b) => {
if (b % 4 === 0) { if (b % 4 === 0) {
this.wareData.one.push(a); this.wareData.one.push(a);
@ -142,7 +146,10 @@ export default {
} }
}); });
this.total = Math.ceil(response.data.length / 40); this.total = Math.ceil(response.data.length / 40);
}); });
}
});
});
}, },
buttonClick(val) { buttonClick(val) {
switch (val.btnName) { switch (val.btnName) {

View File

@ -64,7 +64,7 @@ import {
outWarehouseRealtimeLocation, outWarehouseRealtimeLocation,
} from '@/api/warehouse/warehouseRealtimeLocation'; } from '@/api/warehouse/warehouseRealtimeLocation';
import { listByWarehouse } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
import { listData } from '@/api/system/dict/data'; import { listData } from '@/api/system/dict/data';
import { publicFormatter } from '@/utils/dict'; import { publicFormatter } from '@/utils/dict';
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
@ -203,8 +203,14 @@ export default {
listData(queryParams).then((response) => { listData(queryParams).then((response) => {
this.formConfig[2].selectOptions = response.data.list; this.formConfig[2].selectOptions = response.data.list;
}); });
listByWarehouse(this.listQuery.storageType).then((response) => { getWarehouseList().then((response) => {
this.formConfig[0].selectOptions = response.data; response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
listByWarehouse(item.id).then((response) => {
this.formConfig[0].selectOptions = response.data;
});
}
});
}); });
}, },
methods: { methods: {

View File

@ -2,16 +2,20 @@
* @Author: zwq * @Author: zwq
* @Date: 2023-08-22 15:01:54 * @Date: 2023-08-22 15:01:54
* @LastEditors: zwq * @LastEditors: zwq
* @LastEditTime: 2023-11-04 16:11:36 * @LastEditTime: 2023-11-07 14:11:50
* @Description: * @Description:
--> -->
<template> <template>
<el-row :gutter="10" class="chart-container"> <el-row :gutter="10" class="chart-container">
<el-col :span="14"> <el-col :span="wareType === 1 ? 14 : 24">
<div class="chart-card"> <div class="chart-card">
<div class="title">库存总览</div>
<div class="sub-title">产品总数量
<div style="color: black;">{{ totalNum }}</div>
</div>
<barChart <barChart
ref="barChart" ref="barChart"
height="500px" height="600px"
title="库存总览" title="库存总览"
v-if="overviewList.length" v-if="overviewList.length"
:histogram="overviewList" /> :histogram="overviewList" />
@ -19,16 +23,18 @@
<div class="no-data-bg" v-else></div> <div class="no-data-bg" v-else></div>
</div> </div>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="wareType === 1 ? 10 : 0">
<div class="chart-card"> <div class="chart-card">
<div class="title">库位占用率</div>
<pieChart <pieChart
ref="pieChart" ref="pieChart"
height="600px" height="600px"
title="库位占用率"
v-if="rateList.length" v-if="rateList.length"
:pie-data="rateList" /> :pie-data="rateList" />
<!-- 没有数据 --> <!-- 没有数据 -->
<div class="no-data-bg" v-else></div> <div class="no-data-bg" v-else></div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -36,46 +42,62 @@
<script> <script>
import barChart from '../../chart/BarChart.vue'; import barChart from '../../chart/BarChart.vue';
import pieChart from '../../chart/PieChart.vue'; import pieChart from '../../chart/PieChart.vue';
import { import { getOverview, getRate } from '@/api/warehouse/warehouseLocation';
getOverview, import { getWarehouseList } from '@/api/warehouse/warehouse-info';
getRate,
} from '@/api/warehouse/warehouseLocation';
export default { export default {
data() { data() {
return { return {
urlOptions: { urlOptions: {
allURL: getOverview, allURL: getOverview,
rateURL: getRate rateURL: getRate,
}, },
listQuery: {
storageType: 5,
},
wareType: 1,
totalNum: 0,
overviewList: [], overviewList: [],
rateList: [] rateList: [],
}; };
}, },
components: { components: {
barChart, barChart,
pieChart pieChart,
}, },
mounted() { mounted() {
this.getDataList(); this.getDataList();
}, },
created() {
getWarehouseList().then((response) => {
response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
this.wareType = item.type;
}
});
});
},
methods: { methods: {
// //
getDataList() { getDataList() {
const data = { this.urlOptions.allURL(this.listQuery).then((response) => {
storageType : 5 if (response.data && response.data.length) {
} this.overviewList = response.data;
this.urlOptions.allURL(data).then((response) => { this.overviewList.forEach(item=>{
this.overviewList = response.data; this.totalNum += item.num
this.$nextTick(() => { })
this.$refs.barChart.initChart(); this.$nextTick(() => {
}); this.$refs.barChart.initChart();
});
}
}); });
this.urlOptions.rateURL(data).then((response) => { this.urlOptions.rateURL(this.listQuery).then((response) => {
this.rateList = response.data; if (response.data && response.data.length) {
this.$nextTick(() => { this.rateList = response.data;
this.$refs.pieChart.initChart(); this.$nextTick(() => {
}); this.$refs.pieChart.initChart();
});
}
}); });
}, },
}, },
@ -93,4 +115,33 @@ export default {
padding: 16px; padding: 16px;
border-radius: 8px; border-radius: 8px;
} }
.title {
font-size: 18px;
line-height: 16px;
margin-bottom: 10px;
color: #000;
font-weight: 500;
font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
.title::before {
content: '';
display: inline-block;
vertical-align: top;
width: 4px;
height: 16px;
border-radius: 1px;
margin-right: 5px;
background-color: #0b58ff;
}
.sub-title{
font-size: 16px;
line-height: 18px;
color: #888686;
min-width: 80px;
text-align: center;
font-weight: 500;
margin-right: 30px;
font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
float: right;
}
</style> </style>

View File

@ -58,7 +58,7 @@ import {
getWarehouseLocationHisPage, getWarehouseLocationHisPage,
} from '@/api/warehouse/warehouseRealtimeLocation'; } from '@/api/warehouse/warehouseRealtimeLocation';
import { listByWarehouse } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
import { listData } from '@/api/system/dict/data'; import { listData } from '@/api/system/dict/data';
import { publicFormatter } from '@/utils/dict'; import { publicFormatter } from '@/utils/dict';
@ -179,8 +179,14 @@ export default {
listData(queryParams).then((response) => { listData(queryParams).then((response) => {
this.formConfig[2].selectOptions = response.data.list; this.formConfig[2].selectOptions = response.data.list;
}); });
listByWarehouse(this.listQuery.storageType).then((response) => { getWarehouseList().then((response) => {
this.formConfig[0].selectOptions = response.data; response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
listByWarehouse(item.id).then((response) => {
this.formConfig[0].selectOptions = response.data;
});
}
});
}); });
}, },
methods: { methods: {

View File

@ -2,7 +2,7 @@
* @Author: zwq * @Author: zwq
* @Date: 2023-08-21 14:26:23 * @Date: 2023-08-21 14:26:23
* @LastEditors: zwq * @LastEditors: zwq
* @LastEditTime: 2023-11-04 14:46:59 * @LastEditTime: 2023-11-06 11:32:23
* @Description: * @Description:
--> -->
<template> <template>
@ -93,7 +93,8 @@
</template> </template>
<script> <script>
import { listByWarehouse, listAll } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
export default { export default {
data() { data() {
@ -129,7 +130,10 @@ export default {
there: [], there: [],
four: [], four: [],
}), }),
listAll(1).then((response) => { getWarehouseList().then((response) => {
response.data.forEach((item) => {
if (item.storageType === 5) {
listByWarehouse(item.id).then((response) => {
response.data.forEach((a, b) => { response.data.forEach((a, b) => {
if (b % 4 === 0) { if (b % 4 === 0) {
this.wareData.one.push(a); this.wareData.one.push(a);
@ -142,7 +146,10 @@ export default {
} }
}); });
this.total = Math.ceil(response.data.length / 40); this.total = Math.ceil(response.data.length / 40);
}); });
}
});
});
}, },
buttonClick(val) { buttonClick(val) {
switch (val.btnName) { switch (val.btnName) {

View File

@ -64,7 +64,7 @@ import {
outWarehouseRealtimeLocation, outWarehouseRealtimeLocation,
} from '@/api/warehouse/warehouseRealtimeLocation'; } from '@/api/warehouse/warehouseRealtimeLocation';
import { listByWarehouse } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
import { listData } from '@/api/system/dict/data'; import { listData } from '@/api/system/dict/data';
import { publicFormatter } from '@/utils/dict'; import { publicFormatter } from '@/utils/dict';
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
@ -203,8 +203,14 @@ export default {
listData(queryParams).then((response) => { listData(queryParams).then((response) => {
this.formConfig[2].selectOptions = response.data.list; this.formConfig[2].selectOptions = response.data.list;
}); });
listByWarehouse(this.listQuery.storageType).then((response) => { getWarehouseList().then((response) => {
this.formConfig[0].selectOptions = response.data; response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
listByWarehouse(item.id).then((response) => {
this.formConfig[0].selectOptions = response.data;
});
}
});
}); });
}, },
methods: { methods: {

View File

@ -2,16 +2,20 @@
* @Author: zwq * @Author: zwq
* @Date: 2023-08-22 15:01:54 * @Date: 2023-08-22 15:01:54
* @LastEditors: zwq * @LastEditors: zwq
* @LastEditTime: 2023-11-04 16:06:10 * @LastEditTime: 2023-11-07 14:11:37
* @Description: * @Description:
--> -->
<template> <template>
<el-row :gutter="10" class="chart-container"> <el-row :gutter="10" class="chart-container">
<el-col :span="14"> <el-col :span="wareType === 1 ? 14 : 24">
<div class="chart-card"> <div class="chart-card">
<div class="title">库存总览</div>
<div class="sub-title">产品总数量
<div style="color: black;">{{ totalNum }}</div>
</div>
<barChart <barChart
ref="barChart" ref="barChart"
height="500px" height="600px"
title="库存总览" title="库存总览"
v-if="overviewList.length" v-if="overviewList.length"
:histogram="overviewList" /> :histogram="overviewList" />
@ -19,16 +23,18 @@
<div class="no-data-bg" v-else></div> <div class="no-data-bg" v-else></div>
</div> </div>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="wareType === 1 ? 10 : 0">
<div class="chart-card"> <div class="chart-card">
<div class="title">库位占用率</div>
<pieChart <pieChart
ref="pieChart" ref="pieChart"
height="600px" height="600px"
title="库位占用率"
v-if="rateList.length" v-if="rateList.length"
:pie-data="rateList" /> :pie-data="rateList" />
<!-- 没有数据 --> <!-- 没有数据 -->
<div class="no-data-bg" v-else></div> <div class="no-data-bg" v-else></div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -36,46 +42,62 @@
<script> <script>
import barChart from '../../chart/BarChart.vue'; import barChart from '../../chart/BarChart.vue';
import pieChart from '../../chart/PieChart.vue'; import pieChart from '../../chart/PieChart.vue';
import { import { getOverview, getRate } from '@/api/warehouse/warehouseLocation';
getOverview, import { getWarehouseList } from '@/api/warehouse/warehouse-info';
getRate,
} from '@/api/warehouse/warehouseLocation';
export default { export default {
data() { data() {
return { return {
urlOptions: { urlOptions: {
allURL: getOverview, allURL: getOverview,
rateURL: getRate rateURL: getRate,
}, },
listQuery: {
storageType: 3,
},
wareType: 1,
totalNum: 0,
overviewList: [], overviewList: [],
rateList: [] rateList: [],
}; };
}, },
components: { components: {
barChart, barChart,
pieChart pieChart,
}, },
mounted() { mounted() {
this.getDataList(); this.getDataList();
}, },
created() {
getWarehouseList().then((response) => {
response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
this.wareType = item.type;
}
});
});
},
methods: { methods: {
// //
getDataList() { getDataList() {
const data = { this.urlOptions.allURL(this.listQuery).then((response) => {
storageType : 3 if (response.data && response.data.length) {
} this.overviewList = response.data;
this.urlOptions.allURL(data).then((response) => { this.overviewList.forEach(item=>{
this.overviewList = response.data; this.totalNum += item.num
this.$nextTick(() => { })
this.$refs.barChart.initChart(); this.$nextTick(() => {
}); this.$refs.barChart.initChart();
});
}
}); });
this.urlOptions.rateURL(data).then((response) => { this.urlOptions.rateURL(this.listQuery).then((response) => {
this.rateList = response.data; if (response.data && response.data.length) {
this.$nextTick(() => { this.rateList = response.data;
this.$refs.pieChart.initChart(); this.$nextTick(() => {
}); this.$refs.pieChart.initChart();
});
}
}); });
}, },
}, },
@ -93,4 +115,33 @@ export default {
padding: 16px; padding: 16px;
border-radius: 8px; border-radius: 8px;
} }
.title {
font-size: 18px;
line-height: 16px;
margin-bottom: 10px;
color: #000;
font-weight: 500;
font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
.title::before {
content: '';
display: inline-block;
vertical-align: top;
width: 4px;
height: 16px;
border-radius: 1px;
margin-right: 5px;
background-color: #0b58ff;
}
.sub-title{
font-size: 16px;
line-height: 18px;
color: #888686;
min-width: 80px;
text-align: center;
font-weight: 500;
margin-right: 30px;
font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
float: right;
}
</style> </style>

View File

@ -58,7 +58,7 @@ import {
getWarehouseLocationHisPage, getWarehouseLocationHisPage,
} from '@/api/warehouse/warehouseRealtimeLocation'; } from '@/api/warehouse/warehouseRealtimeLocation';
import { listByWarehouse } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
import { listData } from '@/api/system/dict/data'; import { listData } from '@/api/system/dict/data';
import { publicFormatter } from '@/utils/dict'; import { publicFormatter } from '@/utils/dict';
@ -179,8 +179,14 @@ export default {
listData(queryParams).then((response) => { listData(queryParams).then((response) => {
this.formConfig[2].selectOptions = response.data.list; this.formConfig[2].selectOptions = response.data.list;
}); });
listByWarehouse(3).then((response) => { getWarehouseList().then((response) => {
this.formConfig[0].selectOptions = response.data; response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
listByWarehouse(item.id).then((response) => {
this.formConfig[0].selectOptions = response.data;
});
}
});
}); });
}, },
methods: { methods: {

View File

@ -2,7 +2,7 @@
* @Author: zwq * @Author: zwq
* @Date: 2023-08-21 14:26:23 * @Date: 2023-08-21 14:26:23
* @LastEditors: zwq * @LastEditors: zwq
* @LastEditTime: 2023-11-04 14:46:59 * @LastEditTime: 2023-11-06 11:31:52
* @Description: * @Description:
--> -->
<template> <template>
@ -93,7 +93,8 @@
</template> </template>
<script> <script>
import { listByWarehouse, listAll } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
export default { export default {
data() { data() {
@ -129,7 +130,10 @@ export default {
there: [], there: [],
four: [], four: [],
}), }),
listAll(1).then((response) => { getWarehouseList().then((response) => {
response.data.forEach((item) => {
if (item.storageType === 3) {
listByWarehouse(item.id).then((response) => {
response.data.forEach((a, b) => { response.data.forEach((a, b) => {
if (b % 4 === 0) { if (b % 4 === 0) {
this.wareData.one.push(a); this.wareData.one.push(a);
@ -142,7 +146,10 @@ export default {
} }
}); });
this.total = Math.ceil(response.data.length / 40); this.total = Math.ceil(response.data.length / 40);
}); });
}
});
});
}, },
buttonClick(val) { buttonClick(val) {
switch (val.btnName) { switch (val.btnName) {

View File

@ -64,7 +64,7 @@ import {
outWarehouseRealtimeLocation, outWarehouseRealtimeLocation,
} from '@/api/warehouse/warehouseRealtimeLocation'; } from '@/api/warehouse/warehouseRealtimeLocation';
import { listByWarehouse } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
import { listData } from '@/api/system/dict/data'; import { listData } from '@/api/system/dict/data';
import { publicFormatter } from '@/utils/dict'; import { publicFormatter } from '@/utils/dict';
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
@ -203,8 +203,14 @@ export default {
listData(queryParams).then((response) => { listData(queryParams).then((response) => {
this.formConfig[2].selectOptions = response.data.list; this.formConfig[2].selectOptions = response.data.list;
}); });
listByWarehouse(3).then((response) => { getWarehouseList().then((response) => {
this.formConfig[0].selectOptions = response.data; response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
listByWarehouse(item.id).then((response) => {
this.formConfig[0].selectOptions = response.data;
});
}
});
}); });
}, },
methods: { methods: {

View File

@ -2,16 +2,20 @@
* @Author: zwq * @Author: zwq
* @Date: 2023-08-22 15:01:54 * @Date: 2023-08-22 15:01:54
* @LastEditors: zwq * @LastEditors: zwq
* @LastEditTime: 2023-11-04 16:24:11 * @LastEditTime: 2023-11-07 14:11:24
* @Description: * @Description:
--> -->
<template> <template>
<el-row :gutter="10" class="chart-container"> <el-row :gutter="10" class="chart-container">
<el-col :span="14"> <el-col :span="wareType === 1 ? 14 : 24">
<div class="chart-card"> <div class="chart-card">
<div class="title">库存总览</div>
<div class="sub-title">产品总数量
<div style="color: black;">{{ totalNum }}</div>
</div>
<barChart <barChart
ref="barChart" ref="barChart"
height="500px" height="600px"
title="库存总览" title="库存总览"
v-if="overviewList.length" v-if="overviewList.length"
:histogram="overviewList" /> :histogram="overviewList" />
@ -19,16 +23,18 @@
<div class="no-data-bg" v-else></div> <div class="no-data-bg" v-else></div>
</div> </div>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="wareType === 1 ? 10 : 0">
<div class="chart-card"> <div class="chart-card">
<div class="title">库位占用率</div>
<pieChart <pieChart
ref="pieChart" ref="pieChart"
height="600px" height="600px"
title="库位占用率"
v-if="rateList.length" v-if="rateList.length"
:pie-data="rateList" /> :pie-data="rateList" />
<!-- 没有数据 --> <!-- 没有数据 -->
<div class="no-data-bg" v-else></div> <div class="no-data-bg" v-else></div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -36,46 +42,62 @@
<script> <script>
import barChart from '../../chart/BarChart.vue'; import barChart from '../../chart/BarChart.vue';
import pieChart from '../../chart/PieChart.vue'; import pieChart from '../../chart/PieChart.vue';
import { import { getOverview, getRate } from '@/api/warehouse/warehouseLocation';
getOverview, import { getWarehouseList } from '@/api/warehouse/warehouse-info';
getRate,
} from '@/api/warehouse/warehouseLocation';
export default { export default {
data() { data() {
return { return {
urlOptions: { urlOptions: {
allURL: getOverview, allURL: getOverview,
rateURL: getRate rateURL: getRate,
}, },
listQuery: {
storageType: 4,
},
wareType: 1,
totalNum: 0,
overviewList: [], overviewList: [],
rateList: [] rateList: [],
}; };
}, },
components: { components: {
barChart, barChart,
pieChart pieChart,
}, },
mounted() { mounted() {
this.getDataList(); this.getDataList();
}, },
created() {
getWarehouseList().then((response) => {
response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
this.wareType = item.type;
}
});
});
},
methods: { methods: {
// //
getDataList() { getDataList() {
const data = { this.urlOptions.allURL(this.listQuery).then((response) => {
storageType : 4 if (response.data && response.data.length) {
} this.overviewList = response.data;
this.urlOptions.allURL(data).then((response) => { this.overviewList.forEach(item=>{
this.overviewList = response.data; this.totalNum += item.num
this.$nextTick(() => { })
this.$refs.barChart.initChart(); this.$nextTick(() => {
}); this.$refs.barChart.initChart();
});
}
}); });
this.urlOptions.rateURL(data).then((response) => { this.urlOptions.rateURL(this.listQuery).then((response) => {
this.rateList = response.data; if (response.data && response.data.length) {
this.$nextTick(() => { this.rateList = response.data;
this.$refs.pieChart.initChart(); this.$nextTick(() => {
}); this.$refs.pieChart.initChart();
});
}
}); });
}, },
}, },
@ -93,4 +115,33 @@ export default {
padding: 16px; padding: 16px;
border-radius: 8px; border-radius: 8px;
} }
.title {
font-size: 18px;
line-height: 16px;
margin-bottom: 10px;
color: #000;
font-weight: 500;
font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
.title::before {
content: '';
display: inline-block;
vertical-align: top;
width: 4px;
height: 16px;
border-radius: 1px;
margin-right: 5px;
background-color: #0b58ff;
}
.sub-title{
font-size: 16px;
line-height: 18px;
color: #888686;
min-width: 80px;
text-align: center;
font-weight: 500;
margin-right: 30px;
font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
float: right;
}
</style> </style>

View File

@ -58,7 +58,7 @@ import {
getWarehouseLocationHisPage, getWarehouseLocationHisPage,
} from '@/api/warehouse/warehouseRealtimeLocation'; } from '@/api/warehouse/warehouseRealtimeLocation';
import { listByWarehouse } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
import { listData } from '@/api/system/dict/data'; import { listData } from '@/api/system/dict/data';
import { publicFormatter } from '@/utils/dict'; import { publicFormatter } from '@/utils/dict';
@ -179,8 +179,14 @@ export default {
listData(queryParams).then((response) => { listData(queryParams).then((response) => {
this.formConfig[2].selectOptions = response.data.list; this.formConfig[2].selectOptions = response.data.list;
}); });
listByWarehouse(this.listQuery.storageType).then((response) => { getWarehouseList().then((response) => {
this.formConfig[0].selectOptions = response.data; response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
listByWarehouse(item.id).then((response) => {
this.formConfig[0].selectOptions = response.data;
});
}
});
}); });
}, },
methods: { methods: {

View File

@ -2,7 +2,7 @@
* @Author: zwq * @Author: zwq
* @Date: 2023-08-21 14:26:23 * @Date: 2023-08-21 14:26:23
* @LastEditors: zwq * @LastEditors: zwq
* @LastEditTime: 2023-11-04 14:46:59 * @LastEditTime: 2023-11-06 11:31:14
* @Description: * @Description:
--> -->
<template> <template>
@ -93,7 +93,8 @@
</template> </template>
<script> <script>
import { listByWarehouse, listAll } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
export default { export default {
data() { data() {
@ -129,7 +130,10 @@ export default {
there: [], there: [],
four: [], four: [],
}), }),
listAll(1).then((response) => { getWarehouseList().then((response) => {
response.data.forEach((item) => {
if (item.storageType === 4) {
listByWarehouse(item.id).then((response) => {
response.data.forEach((a, b) => { response.data.forEach((a, b) => {
if (b % 4 === 0) { if (b % 4 === 0) {
this.wareData.one.push(a); this.wareData.one.push(a);
@ -142,7 +146,10 @@ export default {
} }
}); });
this.total = Math.ceil(response.data.length / 40); this.total = Math.ceil(response.data.length / 40);
}); });
}
});
});
}, },
buttonClick(val) { buttonClick(val) {
switch (val.btnName) { switch (val.btnName) {

View File

@ -64,7 +64,7 @@ import {
outWarehouseRealtimeLocation, outWarehouseRealtimeLocation,
} from '@/api/warehouse/warehouseRealtimeLocation'; } from '@/api/warehouse/warehouseRealtimeLocation';
import { listByWarehouse } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
import { listData } from '@/api/system/dict/data'; import { listData } from '@/api/system/dict/data';
import { publicFormatter } from '@/utils/dict'; import { publicFormatter } from '@/utils/dict';
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
@ -203,8 +203,14 @@ export default {
listData(queryParams).then((response) => { listData(queryParams).then((response) => {
this.formConfig[2].selectOptions = response.data.list; this.formConfig[2].selectOptions = response.data.list;
}); });
listByWarehouse(this.listQuery.storageType).then((response) => { getWarehouseList().then((response) => {
this.formConfig[0].selectOptions = response.data; response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
listByWarehouse(item.id).then((response) => {
this.formConfig[0].selectOptions = response.data;
});
}
});
}); });
}, },
methods: { methods: {

View File

@ -2,16 +2,20 @@
* @Author: zwq * @Author: zwq
* @Date: 2023-08-22 15:01:54 * @Date: 2023-08-22 15:01:54
* @LastEditors: zwq * @LastEditors: zwq
* @LastEditTime: 2023-11-04 15:18:38 * @LastEditTime: 2023-11-07 14:11:10
* @Description: * @Description:
--> -->
<template> <template>
<el-row :gutter="10" class="chart-container"> <el-row :gutter="10" class="chart-container">
<el-col :span="14"> <el-col :span="wareType === 1 ? 14 : 24">
<div class="chart-card"> <div class="chart-card">
<div class="title">库存总览</div>
<div class="sub-title">产品总数量
<div style="color: black;">{{ totalNum }}</div>
</div>
<barChart <barChart
ref="barChart" ref="barChart"
height="500px" height="600px"
title="库存总览" title="库存总览"
v-if="overviewList.length" v-if="overviewList.length"
:histogram="overviewList" /> :histogram="overviewList" />
@ -19,16 +23,18 @@
<div class="no-data-bg" v-else></div> <div class="no-data-bg" v-else></div>
</div> </div>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="wareType === 1 ? 10 : 0">
<div class="chart-card"> <div class="chart-card">
<div class="title">库位占用率</div>
<pieChart <pieChart
ref="pieChart" ref="pieChart"
height="600px" height="600px"
title="库位占用率"
v-if="rateList.length" v-if="rateList.length"
:pie-data="rateList" /> :pie-data="rateList" />
<!-- 没有数据 --> <!-- 没有数据 -->
<div class="no-data-bg" v-else></div> <div class="no-data-bg" v-else></div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -36,46 +42,62 @@
<script> <script>
import barChart from '../../chart/BarChart.vue'; import barChart from '../../chart/BarChart.vue';
import pieChart from '../../chart/PieChart.vue'; import pieChart from '../../chart/PieChart.vue';
import { import { getOverview, getRate } from '@/api/warehouse/warehouseLocation';
getOverview, import { getWarehouseList } from '@/api/warehouse/warehouse-info';
getRate,
} from '@/api/warehouse/warehouseLocation';
export default { export default {
data() { data() {
return { return {
urlOptions: { urlOptions: {
allURL: getOverview, allURL: getOverview,
rateURL: getRate rateURL: getRate,
}, },
listQuery: {
storageType: 1,
},
wareType: 1,
totalNum: 0,
overviewList: [], overviewList: [],
rateList: [] rateList: [],
}; };
}, },
components: { components: {
barChart, barChart,
pieChart pieChart,
}, },
mounted() { mounted() {
this.getDataList(); this.getDataList();
}, },
created() {
getWarehouseList().then((response) => {
response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
this.wareType = item.type;
}
});
});
},
methods: { methods: {
// //
getDataList() { getDataList() {
const data = { this.urlOptions.allURL(this.listQuery).then((response) => {
storageType : 1 if (response.data && response.data.length) {
} this.overviewList = response.data;
this.urlOptions.allURL(data).then((response) => { this.overviewList.forEach(item=>{
this.overviewList = response.data; this.totalNum += item.num
this.$nextTick(() => { })
this.$refs.barChart.initChart(); this.$nextTick(() => {
}); this.$refs.barChart.initChart();
});
}
}); });
this.urlOptions.rateURL(data).then((response) => { this.urlOptions.rateURL(this.listQuery).then((response) => {
this.rateList = response.data; if (response.data && response.data.length) {
this.$nextTick(() => { this.rateList = response.data;
this.$refs.pieChart.initChart(); this.$nextTick(() => {
}); this.$refs.pieChart.initChart();
});
}
}); });
}, },
}, },
@ -93,4 +115,33 @@ export default {
padding: 16px; padding: 16px;
border-radius: 8px; border-radius: 8px;
} }
.title {
font-size: 18px;
line-height: 16px;
margin-bottom: 10px;
color: #000;
font-weight: 500;
font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
.title::before {
content: '';
display: inline-block;
vertical-align: top;
width: 4px;
height: 16px;
border-radius: 1px;
margin-right: 5px;
background-color: #0b58ff;
}
.sub-title{
font-size: 16px;
line-height: 18px;
color: #888686;
min-width: 80px;
text-align: center;
font-weight: 500;
margin-right: 30px;
font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
float: right;
}
</style> </style>

View File

@ -58,7 +58,7 @@ import {
getWarehouseLocationHisPage, getWarehouseLocationHisPage,
} from '@/api/warehouse/warehouseRealtimeLocation'; } from '@/api/warehouse/warehouseRealtimeLocation';
import { listByWarehouse } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
import { listData } from '@/api/system/dict/data'; import { listData } from '@/api/system/dict/data';
import { publicFormatter } from '@/utils/dict'; import { publicFormatter } from '@/utils/dict';
@ -179,8 +179,14 @@ export default {
listData(queryParams).then((response) => { listData(queryParams).then((response) => {
this.formConfig[2].selectOptions = response.data.list; this.formConfig[2].selectOptions = response.data.list;
}); });
listByWarehouse(1).then((response) => { getWarehouseList().then((response) => {
this.formConfig[0].selectOptions = response.data; response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
listByWarehouse(item.id).then((response) => {
this.formConfig[0].selectOptions = response.data;
});
}
});
}); });
}, },
methods: { methods: {

View File

@ -2,7 +2,7 @@
* @Author: zwq * @Author: zwq
* @Date: 2023-08-21 14:26:23 * @Date: 2023-08-21 14:26:23
* @LastEditors: zwq * @LastEditors: zwq
* @LastEditTime: 2023-11-04 14:46:59 * @LastEditTime: 2023-11-06 11:30:20
* @Description: * @Description:
--> -->
<template> <template>
@ -93,7 +93,8 @@
</template> </template>
<script> <script>
import { listByWarehouse, listAll } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
export default { export default {
data() { data() {
@ -129,7 +130,10 @@ export default {
there: [], there: [],
four: [], four: [],
}), }),
listAll(1).then((response) => { getWarehouseList().then((response) => {
response.data.forEach((item) => {
if (item.storageType === 1) {
listByWarehouse(item.id).then((response) => {
response.data.forEach((a, b) => { response.data.forEach((a, b) => {
if (b % 4 === 0) { if (b % 4 === 0) {
this.wareData.one.push(a); this.wareData.one.push(a);
@ -142,7 +146,10 @@ export default {
} }
}); });
this.total = Math.ceil(response.data.length / 40); this.total = Math.ceil(response.data.length / 40);
}); });
}
});
});
}, },
buttonClick(val) { buttonClick(val) {
switch (val.btnName) { switch (val.btnName) {

View File

@ -64,7 +64,7 @@ import {
outWarehouseRealtimeLocation, outWarehouseRealtimeLocation,
} from '@/api/warehouse/warehouseRealtimeLocation'; } from '@/api/warehouse/warehouseRealtimeLocation';
import { listByWarehouse } from '@/api/warehouse/warehouseLocation'; import { listByWarehouse } from '@/api/warehouse/warehouseLocation';
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
import { listData } from '@/api/system/dict/data'; import { listData } from '@/api/system/dict/data';
import { publicFormatter } from '@/utils/dict'; import { publicFormatter } from '@/utils/dict';
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
@ -175,7 +175,7 @@ export default {
label: '入库时间', label: '入库时间',
dateType: 'daterange', dateType: 'daterange',
format: 'yyyy-MM-dd', format: 'yyyy-MM-dd',
valueFormat: "timestamp", valueFormat: 'timestamp',
rangeSeparator: '-', rangeSeparator: '-',
startPlaceholder: '开始时间', startPlaceholder: '开始时间',
endPlaceholder: '结束时间', endPlaceholder: '结束时间',
@ -203,8 +203,14 @@ export default {
listData(queryParams).then((response) => { listData(queryParams).then((response) => {
this.formConfig[2].selectOptions = response.data.list; this.formConfig[2].selectOptions = response.data.list;
}); });
listByWarehouse(1).then((response) => { getWarehouseList().then((response) => {
this.formConfig[0].selectOptions = response.data; response.data.forEach((item) => {
if (item.storageType === this.listQuery.storageType) {
listByWarehouse(item.id).then((response) => {
this.formConfig[0].selectOptions = response.data;
});
}
});
}); });
}, },
methods: { methods: {
@ -216,7 +222,7 @@ export default {
this.listQuery.locationId = val.name; this.listQuery.locationId = val.name;
this.listQuery.palletCode = val.code; this.listQuery.palletCode = val.code;
this.listQuery.status = val.status; this.listQuery.status = val.status;
this.listQuery.inTime = val.searchTime?val.searchTime:null; this.listQuery.inTime = val.searchTime ? val.searchTime : null;
this.getDataList(); this.getDataList();
break; break;
default: default: