|
|
|
|
@ -55,7 +55,7 @@
|
|
|
|
|
</view>
|
|
|
|
|
<view class="charts-box" style="height: 200px;">
|
|
|
|
|
<qiun-data-charts type="line" canvasId="finance_a" :canvas2d="isCanvas2d" :reshow="delayload"
|
|
|
|
|
:opts="{ xAxis: { itemCount: 12, disableGrid: true }, yAxis: { disableGrid: true, data: [{ disabled: true }] } }"
|
|
|
|
|
:opts="{ xAxis: { itemCount: historyData.length, disableGrid: true, labelCount: 5 }, yAxis: { disableGrid: true, data: [{ disabled: true }] } }"
|
|
|
|
|
:chartData="historyData"/>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
@ -99,7 +99,6 @@
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import dataOne from '@/pages/json/1.json';
|
|
|
|
|
import expendDetail from '@/pages/json/2.json';
|
|
|
|
|
import { getDayReportTime, getLastMonthSum, getReportTime, getSumReportTime, getThisMonthSum } from "@/api/mes/report";
|
|
|
|
|
import useUserStore from "@/store/modules/user";
|
|
|
|
|
import Config from '@/pages/js/config'
|
|
|
|
|
@ -120,7 +119,7 @@ const isCanvas2d = ref(Config.ISCANVAS2D)
|
|
|
|
|
let expendCount = 0;
|
|
|
|
|
let delayload = ref(false);
|
|
|
|
|
let historyData = ref({});
|
|
|
|
|
const reportTime = ref({})
|
|
|
|
|
const reportTime = ref([])
|
|
|
|
|
const lastMonthSum = ref({});
|
|
|
|
|
const thisMonthSum = ref({});
|
|
|
|
|
const sumReportTime = ref({})
|
|
|
|
|
@ -145,7 +144,8 @@ const historyBtn = ref([
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
const filterHistoryData = () => {
|
|
|
|
|
let type = historyBtn.value.filter(x => x.state == 1)[0].type;
|
|
|
|
|
getReportTimeList()
|
|
|
|
|
let type = historyBtn.value.filter(x => x.state === 1)[0].type;
|
|
|
|
|
switch (type) {
|
|
|
|
|
case "sumNumber":
|
|
|
|
|
historyData.value = dataOne.sumNumber;
|
|
|
|
|
@ -158,19 +158,7 @@ const filterHistoryData = () => {
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
const getData =()=> {
|
|
|
|
|
filterHistoryData();
|
|
|
|
|
for (let i = 0; i < expendDetail.series.length; i++) {
|
|
|
|
|
expendDetail.series[i].format = "pieDemo";
|
|
|
|
|
}
|
|
|
|
|
let length = expendDetail.series[0].data.length;
|
|
|
|
|
for (let i = 0; i < length; i++) {
|
|
|
|
|
expendCount += expendDetail.series[0].data[i].value;
|
|
|
|
|
}
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
delayload.value = true;
|
|
|
|
|
}, 1000);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const changeHistoryBtn = (type) => {
|
|
|
|
|
for (let i = 0; i < historyBtn.value.length; i++) {
|
|
|
|
|
if (historyBtn.value[i].type === type) {
|
|
|
|
|
@ -185,6 +173,20 @@ const changeHistoryBtn = (type) => {
|
|
|
|
|
const getReportTimeList = ()=>{
|
|
|
|
|
getReportTime(userId.value).then(response => {
|
|
|
|
|
reportTime.value = response.data;
|
|
|
|
|
dataOne.sumNumber.categories = []
|
|
|
|
|
dataOne.sumNumber.series[0].data = []
|
|
|
|
|
dataOne.totalQualityNumber.categories = []
|
|
|
|
|
dataOne.totalQualityNumber.series[0].data = []
|
|
|
|
|
dataOne.totalWasteNumber.categories = []
|
|
|
|
|
dataOne.totalWasteNumber.series[0].data = []
|
|
|
|
|
reportTime.value.forEach(item=>{
|
|
|
|
|
dataOne.sumNumber.categories.push(`${new Date(item.reportDay).getMonth() + 1}月${new Date(item.reportDay).getDate()}日`)
|
|
|
|
|
dataOne.sumNumber.series[0].data.push(item.sumNumber)
|
|
|
|
|
dataOne.totalQualityNumber.categories.push(`${new Date(item.reportDay).getMonth() + 1}月${new Date(item.reportDay).getDate()}日`)
|
|
|
|
|
dataOne.totalQualityNumber.series[0].data.push(item.totalQualityNumber)
|
|
|
|
|
dataOne.totalWasteNumber.categories.push(`${new Date(item.reportDay).getMonth() + 1}月${new Date(item.reportDay).getDate()}日`)
|
|
|
|
|
dataOne.totalWasteNumber.series[0].data.push(item.totalWasteNumber)
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -217,12 +219,12 @@ const getDayReportTimeList = ()=>{
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
onLoad(() => {
|
|
|
|
|
getData();
|
|
|
|
|
filterHistoryData()
|
|
|
|
|
getReportTimeList()
|
|
|
|
|
getLastMonthSumList()
|
|
|
|
|
getThisMonthSumList()
|
|
|
|
|
getSumReportTimeList()
|
|
|
|
|
getDayReportTimeList();
|
|
|
|
|
getDayReportTimeList()
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
@ -262,53 +264,6 @@ onLoad(() => {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.extend_message {
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
color: #ccc;
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
|
|
text {
|
|
|
|
|
color: #ff9900;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.level_bar {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 40rpx;
|
|
|
|
|
border-radius: 40rpx;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
display: flex;
|
|
|
|
|
color: #ccc;
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
text-align: right;
|
|
|
|
|
line-height: 40rpx;
|
|
|
|
|
|
|
|
|
|
view {
|
|
|
|
|
border-right: 2rpx solid #fff;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.name {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -30rpx;
|
|
|
|
|
right: -40rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.range {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 30rpx;
|
|
|
|
|
right: -40rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.default_bar {
|
|
|
|
|
background-color: #A0DFCD;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.active_bar {
|
|
|
|
|
background-color: #02AE7A;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.right_btn {
|
|
|
|
|
float: right;
|
|
|
|
|
display: flex;
|
|
|
|
|
|