Compare commits
3 Commits
752df8417d
...
08c9cf8dd6
Author | SHA1 | Date | |
---|---|---|---|
|
08c9cf8dd6 | ||
|
517874ffc2 | ||
|
e8cc80495f |
3
.env.dev
3
.env.dev
@ -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
|
||||
|
@ -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",
|
||||
};
|
||||
}
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -6,7 +6,7 @@
|
||||
-->
|
||||
|
||||
<template>
|
||||
<DoubleRingWrapperVue data-source="标准组件输出" :period="period" />
|
||||
<DoubleRingWrapperVue data-source="标准组件产出" :period="period" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
@ -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);
|
||||
},
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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 {
|
||||
|
@ -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);
|
||||
},
|
||||
},
|
||||
};
|
||||
|
@ -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 {
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
});
|
||||
|
@ -39,7 +39,18 @@ export default {
|
||||
watch: {
|
||||
currentActive: {
|
||||
handler(val) {
|
||||
this.$emit("update:active", val);
|
||||
this.$emit(
|
||||
"update:active",
|
||||
[
|
||||
"瑞昌",
|
||||
"邯郸",
|
||||
"株洲",
|
||||
"佳木斯",
|
||||
"成都",
|
||||
"凯盛光伏",
|
||||
"蚌埠兴科",
|
||||
].indexOf(val)
|
||||
);
|
||||
},
|
||||
immediate: true,
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user