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

src/config/config.ts

@@ -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 = "agjtCommand"; //鞍钢集团指挥部大屏
-export const COMPANY: string = "agjtProjectKanban"; //鞍钢集团项目看板大屏
+// export const COMPANY: string = "agjtProjectKanban"; //鞍钢集团项目看板大屏
 // export const COMPANY: string = "agjtOverviewScreen"; //鞍钢集团项目总览
 // export const COMPANY: string = "zkjc"; //中科佳成项目
 // export const COMPANY: string = "cqna"; //重庆南岸项目

src/routers/modules/staticRouter.ts

@@ -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: [
 			{

src/views/commandScreen/commandCenter/centerBottom.vue

@@ -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%"],

src/views/commandScreen/commandCenter/leftBottom.vue

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

src/views/commandScreen/commandCenter/rightAll.vue

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

src/views/commandScreen/components/radarMapOption.vue

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