update fto data
Bu işleme şunda yer alıyor:
ebeveyn
d9bfbf0d9a
işleme
cddd23855c
@ -18,6 +18,9 @@ const getters = {
|
||||
defaultRoutes:state => state.permission.defaultRoutes,
|
||||
sidebarRouters:state => state.permission.sidebarRouters,
|
||||
// 数据字典
|
||||
dict_datas: state => state.dict.dictDatas
|
||||
dict_datas: state => state.dict.dictDatas,
|
||||
// 驾驶舱和首页
|
||||
home: state => state.copilot.home,
|
||||
copilot: state => state.copilot.copilot,
|
||||
}
|
||||
export default getters
|
||||
|
@ -20,38 +20,51 @@ import LeftChartBase from "./LeftChartBase.vue";
|
||||
export default {
|
||||
name: "FtoChart",
|
||||
components: { LeftChartBase },
|
||||
props: {
|
||||
legend: {
|
||||
type: Array,
|
||||
default: () => [
|
||||
{ label: "2023年", color: "#12f7f1" },
|
||||
{ label: "2024年", color: "#58adfa" },
|
||||
data() {
|
||||
const year = new Date().getFullYear();
|
||||
// 城市数组的顺序必须是固定的
|
||||
const cities = ["瑞昌", "邯郸", "株洲", "佳木斯", "成都", "凯盛", "蚌埠"];
|
||||
return {
|
||||
legend: [
|
||||
{ label: `${year - 1}年`, color: "#12f7f1" },
|
||||
{ label: `${year}年`, color: "#58adfa" },
|
||||
],
|
||||
},
|
||||
xAxis: {
|
||||
type: Array,
|
||||
default: () => ["成都", "邯郸", "株洲", "瑞昌", "heels", "socks"],
|
||||
},
|
||||
series: {
|
||||
type: Array,
|
||||
default: () => [
|
||||
{
|
||||
name: "2023年",
|
||||
data: Array.from({ length: 7 }, () =>
|
||||
Math.floor(Math.random() * 1000)
|
||||
),
|
||||
},
|
||||
{
|
||||
name: "2024年",
|
||||
data: Array.from({ length: 7 }, () =>
|
||||
Math.floor(Math.random() * 1000)
|
||||
),
|
||||
},
|
||||
],
|
||||
},
|
||||
xAxis: cities,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
console.log("FTO created...");
|
||||
computed: {
|
||||
series() {
|
||||
const ftoInvest = this.$store.getters.home.ftoInvest;
|
||||
console.log("FTO ==> ", 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)
|
||||
),
|
||||
},
|
||||
];
|
||||
}
|
||||
|
||||
return [
|
||||
{
|
||||
name: `${new Date().getFullYear() - 1}年`,
|
||||
data: ftoInvest.previous,
|
||||
},
|
||||
{
|
||||
name: `${new Date().getFullYear()}年`,
|
||||
data: ftoInvest.current,
|
||||
},
|
||||
];
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
Yükleniyor…
Yeni konuda referans
Bir kullanıcı engelle