kevinMao
/
canteen_system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

大屏

This commit is contained in:
wangyilin 2025-05-22 10:14:13 +08:00
parent bd219fd37f
commit 45589016a0
8 changed files with 57 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/overviewLargeScreen/components/bottomLeft/chart/draw.vue
View File

@ -67,7 +67,7 @@
],
series: [
{
name: "贯通率",
name: "中学",
type: "line",
smooth: true,
showAllSymbol: true,
@ -83,7 +83,7 @@
data: val.rateData,
},
{
name: "已贯通",
name: "小学",
type: "bar",
barWidth: 10,
itemStyle: {
@ -98,7 +98,7 @@
data: val.barData,
},
{
name: "计划贯通",
name: "幼儿园",
type: "bar",
barGap: "-100%",
barWidth: 10,

2
src/views/overviewLargeScreen/components/bottomLeft/chart/index.vue
View File

@ -40,7 +40,7 @@
18092, 20728, 24045, 28348, 32808, 36097, 39867, 44715, 48444, 50415,
56061, 62677, 59521, 67560, 18092, 20728, 24045, 28348, 32808, 36097,
39867, 44715, 48444, 50415, 36097, 39867, 44715, 48444, 50415, 50061,
32677, 49521, 32808,
32677, 49521, 808,
],
barData: [
4600, 5000, 5500, 6500, 7500, 8500, 9900, 12500, 14000, 21500, 23200,

6
src/views/overviewLargeScreen/components/bottomRight/chart/draw.vue
View File

@ -164,15 +164,15 @@
max: val.maxData
},
{
name: "产品质量",
name: "菜品质量",
max: 10
},
{
name: "任务效率",
name: "用户数量",
max: 12
},
{
name: "售后保障",
name: "卫生保障",
max: 3.5
}
]

52
src/views/overviewLargeScreen/components/center/index.vue
View File

@ -20,7 +20,7 @@
<span>
<i class="iconfont icon-tongji2"></i>
</span>
<span class="fs-xl text mx-2 mb-1" style="font-size: 12px">年度负责人组件达标榜</span>
<span class="fs-xl text mx-2 mb-1" style="font-size: 12px">年度负责人</span>
<dv-scroll-ranking-board
class="dv-scr-rank-board"
:config="ranking"
@ -59,28 +59,28 @@
// 下层数据
const titleDate = [
{
number: 1020,
text: "今年累计任务建次数",
number: 2,
text: "今年原料快检",
},
{
number: 18,
text: "本月累计任务次数",
text: "月度原料抽检",
},
{
number: 0,
text: "厨具快检",
},
{
number: 0,
text: "今日异常",
},
{
number: 4,
text: "今日累计任务次数",
text: "管控排查",
},
{
number: 71,
text: "今年失败任务次数",
},
{
number: 949,
text: "今年失败成功次数",
},
{
number: 811,
text: "今年达标任务个数",
number: 1,
text: "整改追踪",
},
];
@ -112,19 +112,19 @@
// 排名数据
const ranking = reactive({
data: [
{ name: "周口", value: 55 },
{ name: "南阳", value: 120 },
{ name: "西峡", value: 78 },
{ name: "驻马店", value: 66 },
{ name: "新乡", value: 80 },
{ name: "新乡2", value: 80 },
{ name: "新乡3", value: 80 },
{ name: "新乡4", value: 80 },
{ name: "新乡5", value: 80 },
{ name: "新乡6", value: 80 },
{ name: "某某小学刘主管", value: 55 },
{ name: "某某中学李主管", value: 120 },
{ name: "某某幼儿园张主管", value: 78 },
{ name: "某某中学王主管", value: 66 },
{ name: "某某幼儿园关主管", value: 80 },
{ name: "某某小学龙主管", value: 80 },
{ name: "某某中学罗主管", value: 80 },
{ name: "某某小学卞主管", value: 80 },
{ name: "某某中学张主管", value: 80 },
{ name: "某某小学张主管", value: 80 },
],
carousel: "single",
unit: "人",
unit: "分",
});
// 水球图数据

1
src/views/overviewLargeScreen/components/centerLeft2/index.vue
View File

@ -45,6 +45,7 @@
const mapJson = await axios.get(
"https://geo.datav.aliyun.com/areas_v3/bound/430000_full.json"
);
console.log(mapJson,'222');
echarts.registerMap("hunan", mapJson.data);
const option = {

12
src/views/overviewLargeScreen/components/centerRight1/chart/index.vue
View File

@ -10,12 +10,12 @@
let intervalInstance = null;
const cdata = reactive({
indicatorData: [
{ name: "数据1", max: 300 },
{ name: "数据2", max: 250 },
{ name: "数据3", max: 300 },
{ name: "数据4", max: 5 },
{ name: "数据5", max: 200 },
{ name: "数据6", max: 100 }
{ name: "辣椒炒肉", max: 300 },
{ name: "胡萝卜炒肉", max: 250 },
{ name: "土豆炖牛肉", max: 300 },
{ name: "蔬菜沙拉", max: 5 },
{ name: "豉油肉沫蒸水蛋", max: 200 },
{ name: "白灼虾", max: 100 }
],
dataBJ: [
[94, 69, 114, 2.08, 73, 39, 22],

10
src/views/overviewLargeScreen/components/centerRight1/index.vue
View File

@ -23,11 +23,11 @@
import Chart from "./chart/index.vue";
const config = reactive({
data: [
{ name: "南阳", value: 167 },
{ name: "周口", value: 67 },
{ name: "漯河", value: 123 },
{ name: "郑州", value: 55 },
{ name: "西峡", value: 98 },
{ name: "中学", value: 167 },
{ name: "小学", value: 67 },
{ name: "幼儿园", value: 123 },
{ name: "中学", value: 55 },
{ name: "小学", value: 98 },
],
});
</script>

24
src/views/overviewLargeScreen/components/centerRight2/index.vue
View File

@ -6,7 +6,7 @@
<i class="iconfont icon-vector" />
</span>
<div class="d-flex">
<span class="fs-xl text mx-2" style="font-size: 12px">任务完成排行榜</span>
<span class="fs-xl text mx-2" style="font-size: 12px">排行榜综合TOP10</span>
</div>
</div>
<div class="d-flex mt-1 jc-center body-box">
@ -23,18 +23,18 @@
import { reactive } from "vue";
const config = reactive({
header: ["组件", "分支", "覆盖率"],
header: ["学校", "厨师名", "点赞数"],
data: [
["组件1", "dev-1", "<span class='colorGrass'>↑75%</span>"],
["组件2", "dev-2", "<span class='colorRed'>↓33%</span>"],
["组件3", "dev-3", "<span class='colorGrass'>↑100%</span>"],
["组件4", "rea-1", "<span class='colorGrass'>↑94%</span>"],
["组件5", "rea-2", "<span class='colorGrass'>↑95%</span>"],
["组件6", "fix-2", "<span class='colorGrass'>↑63%</span>"],
["组件7", "fix-4", "<span class='colorGrass'>↑84%</span>"],
["组件8", "fix-7", "<span class='colorRed'>↓46%</span>"],
["组件9", "dev-2", "<span class='colorRed'>↓13%</span>"],
["组件10", "dev-9", "<span class='colorGrass'>↑76%</span>"],
["中学", "李1", "<span class='colorGrass'>↑750</span>"],
["小学", "李2", "<span class='colorRed'>↓73</span>"],
["幼儿园", "李3", "<span class='colorGrass'>↑190</span>"],
["小学", "张1", "<span class='colorGrass'>↑940</span>"],
["幼儿园", "张2", "<span class='colorGrass'>↑195</span>"],
["中学", "刘2", "<span class='colorGrass'>↑163</span>"],
["小学", "刘4", "<span class='colorGrass'>↑184</span>"],
["小学", "刘7", "<span class='colorRed'>↓146</span>"],
["中学", "曹2", "<span class='colorRed'>↓130</span>"],
["中学", "曹9", "<span class='colorGrass'>↑176</span>"],
],
rowNum: 7, // 表格行数
headerHeight: 35,