admin/zhgdlarge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

flx：修改指挥部大屏样式问题

Browse Source
This commit is contained in:
X_Rian 2024-06-21 18:47:03 +08:00
parent cb90879199
commit 2695f1efd0
6 changed files with 29 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/config/config.ts
View File

@ -29,8 +29,8 @@ export const BASE_IMAGE_URL = import.meta.env.VITE_BASE_IMAGE_URL;
// export const COMPANY: string = "as"; //鞍山项目
// export const COMPANY: string = "agjt"; //鞍钢集团
// export const COMPANY: string = "agjtLive"; //鞍钢集团现场大屏
// export const COMPANY: string = "agjtCommand"; //鞍钢集团指挥部大屏
export const COMPANY: string = "agjtProjectKanban"; //鞍钢集团项目看板大屏
export const COMPANY: string = "agjtCommand"; //鞍钢集团指挥部大屏
// export const COMPANY: string = "agjtProjectKanban"; //鞍钢集团项目看板大屏
// export const COMPANY: string = "agjtOverviewScreen"; //鞍钢集团项目总览
// export const COMPANY: string = "zkjc"; //中科佳成项目
// export const COMPANY: string = "cqna"; //重庆南岸项目

4
src/routers/modules/staticRouter.ts
View File

@ -25,10 +25,10 @@ export const staticRouter: RouteRecordRaw[] = [
path: "/large",
name: "大屏",
// component: () => import("@/views/sevenLargeScreen/indexL.vue"), //七参数标准版
// component: () => import("@/views/commandScreen/indexCommand.vue"), //指挥部大屏
component: () => import("@/views/commandScreen/indexCommand.vue"), //指挥部大屏
// component: () => import("@/views/agjtLiveScreen/indexLive.vue"), //鞍钢现场大屏
// component: () => import("@/views/overviewScreen/indexCommand.vue"), //总览大屏
component: () => import("@/views/agjtProjectKanban/indexL.vue"), //鞍钢集团项目看板大屏
// component: () => import("@/views/agjtProjectKanban/indexL.vue"), //鞍钢集团项目看板大屏
// component: () => import("@/views/sevenLargeScreen/indexL_syhy.vue"), // 只有一级路由(盘锦、嘉兴、鄱湖美湾医疗项目需切换至该首页)
children: [
{

2
src/views/commandScreen/commandCenter/centerBottom.vue
View File

@ -179,6 +179,7 @@ const activeIfo = reactive({
});
const randerInfo = reactive({
id: "radarMap2",
fontSize: 12,
isLegend: "right",
radarCenter: ["34%", "50%"],
radius: "63%",
@ -231,6 +232,7 @@ const openDialogData = async () => {
res.result.forEach((item: any, index: number) => {
resultList.push({
id: `list${index}`,
fontSize: 12,
radius: "70%",
isLegend: "top",
radarCenter: ["50%", "60%"],

18
src/views/commandScreen/commandCenter/leftBottom.vue
View File

@ -164,6 +164,7 @@ const store = GlobalStore();
const randerInfo = reactive({
id: "radarMap1",
fontSize: 12,
isLegend: "right",
radarCenter: ["34%", "50%"],
radius: "65%",
@ -208,12 +209,13 @@ const openDialogData = async () => {
res.result.forEach((item: any, index: number) => {
resultList.push({
id: `list${index}`,
radius: "70%",
fontSize: 12,
radius: "60%",
isLegend: "top",
radarCenter: ["50%", "60%"],
radarCenter: ["50%", "56%"],
dataList: [
{
value: [item.age, 1, item.safe, item.workerType, item.security, item.exam],
value: [item.age, 1, item.security, item.workerType, item.safe, item.exam],
name: item.enterpriseName
// areaStyle: {}
}
@ -232,7 +234,7 @@ const openDialogData = async () => {
percentage: item.area
},
workerFlag: true,
workerList: [item.age, item.total, item.safe, item.workerType, item.security, item.exam]
workerList: [item.age, item.total, item.security, item.workerType, item.safe, item.exam]
});
});
}
@ -507,17 +509,17 @@ const getWorkerRiskByProject = async (showLoading: boolean, val: number) => {
randerInfo.dataList[0].value = [
res.result.age,
1,
res.result.safe,
res.result.workerType,
res.result.security,
res.result.workerType,
res.result.safe,
res.result.exam
];
randerInfo.workerList = [
res.result.age,
res.result.total,
res.result.safe,
res.result.workerType,
res.result.security,
res.result.workerType,
res.result.safe,
res.result.exam
];
randerInfo.titleInfo.percentage = res.result.area;

7
src/views/commandScreen/commandCenter/rightAll.vue
View File

@ -223,6 +223,7 @@ const openDialogData = async () => {
res.result.forEach((item: any, index: number) => {
resultList.push({
id: `list${index}`,
fontSize: 12,
radius: "60%",
isLegend: "top",
radarCenter: ["50%", "55%"],
@ -280,9 +281,10 @@ const activeInfo = reactive({
});
const randerInfo = reactive({
id: "radarMap3",
fontSize: 10,
isLegend: "right",
radarCenter: ["34%", "50%"],
radius: "55%",
radius: "68%",
dataList: [
{
value: [0, 0, 0, 0],
@ -306,9 +308,10 @@ const randerInfo = reactive({
});
const randerInfo2 = reactive({
id: "radarMap4",
fontSize: 10,
isLegend: "right",
radarCenter: ["34%", "50%"],
radius: "55%",
radius: "70%",
dataList: [
{
value: [0, 0, 0, 0, 0, 0, 0, 0],

12
src/views/commandScreen/components/radarMapOption.vue
View File

@ -104,13 +104,13 @@ function radarMapEchart() {
position: "inside"
}
: { top: "2%" };
console.log(props.randerInfo.dataList);
console.log(props.randerInfo.dataList, props.randerInfo.fontSize);
let option = {
legend: {
...isLegend,
textStyle: {
color: "#AAAAAA",
fontSize: 10
fontSize: props.randerInfo.fontSize > 10 ? props.randerInfo.fontSize : 10
},
itemWidth: 20,
itemHeight: 10,
@ -134,8 +134,12 @@ function radarMapEchart() {
},
axisName: {
color: "#AAAAAA",
fontSize: 10
fontSize: props.randerInfo.fontSize ? props.randerInfo.fontSize : 10
},
name: {
fontSize: props.randerInfo.fontSize ? props.randerInfo.fontSize : 10
},
nameGap: 8,
splitArea: {
areaStyle: {
color: ["#3F3C54", "#373551"],
@ -146,7 +150,7 @@ function radarMapEchart() {
},
series: [
{
name: "Budget vs spending",
// name: "Budget vs spending",
type: "radar",
data: props.randerInfo.dataList
}