Bläddra i källkod

update fto data

projects/mescc/lb-home-map
DESKTOP-FUDKNA8\znjsz 5 månader sedan
förälder
incheckning
cddd23855c
2 ändrade filer med 43 tillägg och 27 borttagningar
  1. +4
    -1
      src/store/getters.js
  2. +39
    -26
      src/views/dashboard/charts/Fto.vue

+ 4
- 1
src/store/getters.js Visa fil

@@ -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

+ 39
- 26
src/views/dashboard/charts/Fto.vue Visa fil

@@ -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: () => [
xAxis: cities,
};
},
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: "2023年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
name: `${new Date().getFullYear() - 1}年`,
data: ftoInvest.previous,
},
{
name: "2024年",
data: Array.from({ length: 7 }, () =>
Math.floor(Math.random() * 1000)
),
name: `${new Date().getFullYear()}年`,
data: ftoInvest.current,
},
],
];
},
},
mounted() {
console.log("FTO created...");
},
};
</script>

Laddar…
Avbryt
Spara