Compare commits

...

3 Commits

Author SHA1 Message Date
DESKTOP-FUDKNA8\znjsz
08c9cf8dd6 update 标准组件产出 环形图 2024-04-26 17:05:26 +08:00
DESKTOP-FUDKNA8\znjsz
517874ffc2 update 2024-04-26 15:44:04 +08:00
DESKTOP-FUDKNA8\znjsz
e8cc80495f update 产量fto投入 2024-04-26 11:23:40 +08:00
13 changed files with 200 additions and 163 deletions

View File

@ -5,7 +5,8 @@ ENV = 'development'
VUE_APP_TITLE = 芋道管理系统
# 芋道管理系统/开发环境
VUE_APP_BASE_API = 'http://192.168.1.61:48080'
# VUE_APP_BASE_API = 'http://192.168.1.61:48080'
VUE_APP_BASE_API = 'http://glass.kszny.picaiba.com'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true

View File

@ -68,9 +68,15 @@ const actions = {
energy: null,
efficiency: null,
}[source];
// 获取产量数据
let { data: factoryList, type } = await fetcher(period);
const payload = splitCurrentAndPrevious(factoryList);
let targetList = null;
if (source === "yield") {
// 获取目标数据
let { data } = await fetcher(period, true);
targetList = data;
}
const payload = splitCurrentAndPrevious(factoryList, targetList);
commit("SET_COPILOT_INFO", { type, payload });
},
};
@ -87,7 +93,6 @@ function splitCurrentAndPrevious(factoryListResponse, targetListResponse) {
const { chipInvest, ftoInvest, chipOutput, stdOutput, bipvOutput } = init();
if (factoryListResponse) {
for (const factory of factoryListResponse) {
debugger;
const fId = getFactoryId(factory);
// 获取目标值
if (targetListResponse) {
@ -104,9 +109,12 @@ function splitCurrentAndPrevious(factoryListResponse, targetListResponse) {
ftoInvest.current[fId] = factory.chipInput;
ftoInvest.previous[fId] = factory.previousYearChipInput;
// 产出数据, 0 - (玻璃)芯片产出, 1 - 标准组件产出, 2 - BIPV产出
// 因为后端写的垃圾数据,所以这里要做一下判断
if (![0, 1, 2].includes(factory.glassType)) continue;
const _t = [chipOutput, stdOutput, bipvOutput][factory.glassType];
_t.current[fId] = factory.outputNumber;
_t.previous[fId] = factory.previousYearOutputNumber;
// debugger;
}
return {
@ -202,10 +210,17 @@ async function getHomeTarget() {
return null;
}
async function fetcher(params) {
const { code, data } = await axios.post("/ip/prod-output/query-by-date", {
...params,
});
async function fetcher(type = "yield", params) {
const { code, data } = await axios.post(
type == "yield"
? // 产量 数据
"/ip/prod-output/query-by-date"
: // 目标数据
"/ip/prod-target/query-by-date",
{
...params,
}
);
if (code == 0) {
return data;
}
@ -213,7 +228,13 @@ async function fetcher(params) {
return null;
}
async function getCopilotYield(period) {
/**
*
* @param {*} period 周期 日周月年
* @param {*} target 是否获取目标数据默认
* @returns
*/
async function getCopilotYield(period, target = false) {
// 请求参数,直接一次性获取所有工厂
let queryParams = {
factorys: [],
@ -238,5 +259,8 @@ async function getCopilotYield(period) {
break;
}
return { data: await fetcher(queryParams), type: "yield" };
return {
data: await fetcher(target ? "target" : "yield", queryParams),
type: "yield",
};
}

View File

@ -6,7 +6,7 @@
-->
<template>
<DoubleRingWrapperVue :data-source="dataBundle" :period="period" />
<DoubleRingWrapperVue data-source="BIPV产出" :period="period" />
</template>
<script>
@ -22,7 +22,7 @@ export default {
},
},
data() {
return { dataBundle: null };
return {};
},
};
</script>

View File

@ -10,7 +10,8 @@
:legend="legend"
:series="series"
:xAxis="xAxis"
class="fto-chart"
in="ChipInvest"
class="chip-invest-chart"
/>
</template>
@ -44,8 +45,8 @@ export default {
const year = new Date().getFullYear();
const month = new Date().getMonth() + 1;
return [
{ label: `${year}${month}`, color: "#12f7f1" },
{ label: `${year - 1}${month}`, color: "#58adfa" },
{ label: `${year - 1}${month}`, color: "#12f7f1" },
{ label: `${year}${month}`, color: "#58adfa" },
];
}
case "年": {
@ -63,59 +64,43 @@ export default {
}
},
series() {
const template =
this.period == "日" || this.period == "周"
? [
{
name: "样例数据--2023年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
},
]
: [
{
name: "样例数据--2023年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
},
{
name: "样例数据--2024年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
},
];
const ftoInvest = this.$store.getters.home.ftoInvest;
if (!ftoInvest || !ftoInvest.current || !ftoInvest.previous) {
return [
{
name: "样例数据--2023年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
},
{
name: "样例数据--2024年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
},
];
const { chipInvest } = this.$store.getters.copilot.yield;
let dataList = null;
switch (this.period) {
case "日":
case "周":
dataList = chipInvest?.current;
break;
default:
dataList = [];
dataList[0] = chipInvest?.pervious;
dataList[1] = chipInvest?.current;
}
return [
{
name: `${new Date().getFullYear() - 1}`,
data: ftoInvest.previous,
},
{
name: `${new Date().getFullYear()}`,
data: ftoInvest.current,
},
];
return getTemplate(this.period, dataList);
},
},
};
function getTemplate(period, dataList) {
const year = new Date().getFullYear();
const month = new Date().getMonth() + 1;
return period == "日" || period == "周"
? [
{
name: period == "日" ? "昨日" : "本周",
data: dataList ?? [],
},
]
: [
{
name: period == "年" ? `${year - 1}` : `${year - 1}${month}`,
data: dataList ? dataList[0] : [],
},
{
name: period == "年" ? `${year}` : `${year}${month}`,
data: dataList ? dataList[1] : [],
// : Array.from({ length: 7 }, () => Math.floor(Math.random() * 1000)),
},
];
}
</script>

View File

@ -6,7 +6,7 @@
-->
<template>
<DoubleRingWrapperVue :data-source="dataBundle" :period="period" />
<DoubleRingWrapperVue data-source="芯片产出" :period="period" />
</template>
<script>
@ -22,7 +22,7 @@ export default {
},
},
data() {
return { dataBundle: null };
return {};
},
};
</script>

View File

@ -10,6 +10,7 @@
:legend="legend"
:series="series"
:xAxis="xAxis"
in="ftoInvest"
class="fto-chart"
/>
</template>
@ -44,8 +45,8 @@ export default {
const year = new Date().getFullYear();
const month = new Date().getMonth() + 1;
return [
{ label: `${year}${month}`, color: "#12f7f1" },
{ label: `${year - 1}${month}`, color: "#58adfa" },
{ label: `${year - 1}${month}`, color: "#12f7f1" },
{ label: `${year}${month}`, color: "#58adfa" },
];
}
case "年": {
@ -63,59 +64,45 @@ export default {
}
},
series() {
const template =
this.period == "日" || this.period == "周"
? [
{
name: "样例数据--2023年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
},
]
: [
{
name: "样例数据--2023年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
},
{
name: "样例数据--2024年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
},
];
const ftoInvest = this.$store.getters.home.ftoInvest;
if (!ftoInvest || !ftoInvest.current || !ftoInvest.previous) {
return [
{
name: "样例数据--2023年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
},
{
name: "样例数据--2024年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
},
];
const { ftoInvest } = this.$store.getters.copilot.yield;
let dataList = null;
switch (this.period) {
case "日":
case "周":
dataList = ftoInvest?.current;
break;
default:
dataList = [];
dataList[0] = ftoInvest?.pervious;
dataList[1] = ftoInvest?.current;
}
return [
{
name: `${new Date().getFullYear() - 1}`,
data: ftoInvest.previous,
},
{
name: `${new Date().getFullYear()}`,
data: ftoInvest.current,
},
];
return getTemplate(this.period, dataList);
},
},
};
function getTemplate(period, dataList) {
const year = new Date().getFullYear();
const month = new Date().getMonth() + 1;
return period == "日" || period == "周"
? [
{
name: period == "日" ? "昨日" : "本周",
data: dataList ?? [],
},
]
: [
{
name: period == "年" ? `${year - 1}` : `${year - 1}${month}`,
data: dataList ? dataList[0] : [],
},
{
name: period == "年" ? `${year}` : `${year}${month}`,
data: dataList ? dataList[1] : [],
// : Array.from({ length: 7 }, () => Math.floor(Math.random() * 1000)),
},
];
}
</script>

View File

@ -6,7 +6,7 @@
-->
<template>
<DoubleRingWrapperVue data-source="标准组件" :period="period" />
<DoubleRingWrapperVue data-source="标准组件" :period="period" />
</template>
<script>

View File

@ -52,6 +52,10 @@ export default {
type: Array,
required: true,
},
in: {
type: String,
default: "",
},
},
data() {
return {
@ -197,8 +201,8 @@ export default {
const actualOptions = JSON.parse(JSON.stringify(this.options));
actualOptions.series[0].data = val[0].data;
actualOptions.series[0].name = val[0].name;
actualOptions.series[1].data = val[1].data;
actualOptions.series[1].name = val[1].name;
actualOptions.series[1].data = val?.[1]?.data || [];
actualOptions.series[1].name = val?.[1]?.name || "";
this.actualOptions = actualOptions;
this.initOptions(actualOptions);
},

View File

@ -57,13 +57,13 @@ export default {
headquarterValue() {
let getterName = "";
switch (this.dataSource) {
case "标准组件出":
case "标准组件出":
getterName = "stdOutput";
break;
case "芯片出":
case "芯片出":
getterName = "chipOutput";
break;
case "BIPV出":
case "BIPV出":
getterName = "bipvOutput";
break;
}
@ -74,13 +74,13 @@ export default {
cities() {
let getterName = "";
switch (this.dataSource) {
case "标准组件出":
case "标准组件出":
getterName = "stdOutput";
break;
case "芯片出":
case "芯片出":
getterName = "chipOutput";
break;
case "BIPV出":
case "BIPV出":
getterName = "bipvOutput";
break;
}

View File

@ -23,7 +23,7 @@
<script>
import chartMixin from "@/mixins/chart.js";
import fullscreenMixin from "@/mixins/fullscreen.js";
import options from "./double-ring-chart-options";
import getOptions from "./double-ring-chart-options";
export default {
name: "DoubleRingChart",
@ -37,6 +37,10 @@ export default {
type: String,
default: "日",
},
dataSource: {
type: String,
default: null,
},
},
data() {
return {};
@ -45,9 +49,25 @@ export default {
legendItems() {
return calculateItems(this.period);
},
options() {
// TODO:
let titleValue = "10%",
subtitle = "测试子标题",
previousSum = 10,
currentSum = 0,
targetSum = 100;
return getOptions({
titleValue,
subtitle,
previousSum,
currentSum,
targetSum,
});
},
},
mounted() {
this.initOptions(options);
this.initOptions(this.options);
},
methods: {
// fullscreen mixin
@ -136,17 +156,17 @@ function calculateItems(period) {
}
.legend-item:nth-child(1) .legend-item__label::before {
background: #0f65ff;
background: #12fff5;
}
.legend-item:nth-child(1) .legend-item__value {
color: #0f65ff;
color: #12fff5;
}
.legend-item:nth-child(2) .legend-item__label::before {
background: #12fff5;
background: #0f65ff;
}
.legend-item:nth-child(2) .legend-item__value {
color: #12fff5;
color: #0f65ff;
}
.legend-item:nth-child(3) .legend-item__label::before {

View File

@ -13,7 +13,7 @@
:options="cityOptions"
/>
<div class="flex-1 stretch">
<DoubleRingChartVue :period="period" />
<DoubleRingChartVue :data-source="dataSource" :period="period" />
</div>
</template>
<template v-else>
@ -24,7 +24,6 @@
<script>
import CopilotSelect from "../../select.vue";
import fetcher from "./fetcherDoubleRing";
import DoubleRingChartVue from "./DoubleRingChart.vue";
import CityData from "./CityData.vue";
@ -54,15 +53,9 @@ export default {
],
};
},
computed: {},
mounted() {
fetcher.getData().then((res) => {
console.log("getData--->", res);
});
},
methods: {
handleActiveUpdate(val) {
console.log("handleActiveUpdate--->", val);
handleActiveUpdate(index) {
console.log("handleActiveUpdate--->", index);
},
},
};

View File

@ -1,4 +1,10 @@
export default {
export default ({
titleValue,
subtitle,
previousSum,
currentSum,
targetSum,
}) => ({
grid: {
left: 0,
right: 0,
@ -8,16 +14,16 @@ export default {
},
tooltip: {},
title: {
text: "78%",
left: "50%",
top: "40%",
text: titleValue,
left: "49%",
top: "39%",
textAlign: "center",
textStyle: {
fontWeight: 600,
fontSize: 32,
color: "#fffd",
},
subtext: "\u200224年累计产出\u2002",
subtext: `\u2002${subtitle}\u2002`,
subtextStyle: {
fontSize: 14,
fontWeight: 100,
@ -26,17 +32,17 @@ export default {
},
},
series: [
// 背景 series - 2024计划
// 背景 series
{
type: "pie",
name: "2024目标",
name: "当前目标",
radius: ["70%", "85%"],
center: ["50%", "52%"],
emptyCircleStyle: {
color: "#042c5f33",
},
},
// 数据 series - 2024累计
// 数据 series
{
type: "pie",
radius: ["70%", "85%"],
@ -44,15 +50,14 @@ export default {
avoidLabelOvervlap: false,
label: {
show: false,
// position: "center",
},
labelLine: {
show: false,
},
data: [
{
value: 90,
name: "2024累计产出",
value: currentSum,
name: "当前累计产出",
selected: false,
itemStyle: {
borderJoin: "round",
@ -73,8 +78,15 @@ export default {
},
},
{
value: 20,
name: "-",
value:
targetSum > currentSum
? targetSum - currentSum
: targetSum == currentSum
? currentSum == 0
? 1
: 0
: 0,
name: "未达成累计",
itemStyle: { color: "transparent" },
label: { show: false },
},
@ -94,8 +106,8 @@ export default {
},
data: [
{
value: 90,
name: "2023累计产出",
value: previousSum,
name: "上期累计产出",
selected: false,
itemStyle: {
borderJoin: "round",
@ -116,7 +128,7 @@ export default {
},
},
{
value: 20,
value: targetSum > previousSum ? targetSum - previousSum : 0,
name: "-",
itemStyle: { color: "transparent" },
label: { show: false },
@ -124,4 +136,4 @@ export default {
],
},
],
};
});

View File

@ -39,7 +39,18 @@ export default {
watch: {
currentActive: {
handler(val) {
this.$emit("update:active", val);
this.$emit(
"update:active",
[
"瑞昌",
"邯郸",
"株洲",
"佳木斯",
"成都",
"凯盛光伏",
"蚌埠兴科",
].indexOf(val)
);
},
immediate: true,
},