flx:调整总览大屏样式问题

This commit is contained in:
X_Rian 2024-06-15 10:08:38 +08:00
parent 7138d5d032
commit f65de23079
3 changed files with 38 additions and 12 deletions

View File

@ -29,9 +29,9 @@ export const BASE_IMAGE_URL = import.meta.env.VITE_BASE_IMAGE_URL;
// export const COMPANY: string = "as"; //鞍山项目 // export const COMPANY: string = "as"; //鞍山项目
// export const COMPANY: string = "agjt"; //鞍钢集团 // export const COMPANY: string = "agjt"; //鞍钢集团
// export const COMPANY: string = "agjtLive"; //鞍钢集团现场大屏 // 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 = "agjtOverviewScreen"; //鞍钢集团项目总览
// export const COMPANY: string = "slx"; //苏立信项目 // export const COMPANY: string = "slx"; //苏立信项目
// export const COMPANY: string = "hfqc"; //合肥启程项目 // export const COMPANY: string = "hfqc"; //合肥启程项目
// export const COMPANY: string = "jsyc"; // 江苏盐城项目 // export const COMPANY: string = "jsyc"; // 江苏盐城项目

View File

@ -25,9 +25,9 @@ export const staticRouter: RouteRecordRaw[] = [
path: "/large", path: "/large",
name: "大屏", name: "大屏",
// // component: () => import("@/views/sevenLargeScreen/indexL.vue"), //七参数标准版 // // 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/agjtLiveScreen/indexLive.vue"), //鞍钢现场大屏
component: () => import("@/views/overviewScreen/indexCommand.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"), // 只有一级路由(盘锦、嘉兴、鄱湖美湾医疗项目需切换至该首页) // component: () => import("@/views/sevenLargeScreen/indexL_syhy.vue"), // 只有一级路由(盘锦、嘉兴、鄱湖美湾医疗项目需切换至该首页)
children: [ children: [

View File

@ -103,10 +103,10 @@ let questionTotal = ref(0 as any);
const emits = defineEmits(["openDialog"]); const emits = defineEmits(["openDialog"]);
// //
const openDialogData = (obj: any) => { // const openDialogData = (obj: any) => {
console.log("111111111111"); // console.log("111111111111");
emits("openDialog", obj); // emits("openDialog", obj);
}; // };
let dateRange = ref([] as any); let dateRange = ref([] as any);
@ -210,7 +210,7 @@ function Pie() {
} }
function drawEchart() { function drawEchart() {
echartsTest.value = echarts.init(document.getElementById("echartsSafe")); echartsTest.value = echarts.init(document.getElementById("echartsSafe") as any);
let option = { let option = {
animation: false, // animation: false, //
tooltip: { tooltip: {
@ -639,7 +639,7 @@ const qualityInfo = async (showLoading: boolean) => {
}; };
function getManAnalysisEchart() { function getManAnalysisEchart() {
const echartsTest = echarts.init(document.getElementById("eacherManAnalysis")); const echartsTest = echarts.init(document.getElementById("eacherManAnalysis") as any);
let option = { let option = {
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
@ -656,7 +656,7 @@ function getManAnalysisEchart() {
itemWidth: 10, itemWidth: 10,
itemHeight: 10, itemHeight: 10,
icon: "roundRect", icon: "roundRect",
data: ["一号区域", "二号区域", "三号区域"] data: ["一号区域", "二号区域", "三号区域", "四号区域"]
}, },
// color: ["#2BA5FF", "#F97766", "#1EF1FF", "#1EF1FF"], // color: ["#2BA5FF", "#F97766", "#1EF1FF", "#1EF1FF"],
grid: { grid: {
@ -790,6 +790,26 @@ function getManAnalysisEchart() {
smooth: true, smooth: true,
symbol: "none", symbol: "none",
data: [20, 30, 14, 15, 26, 1] data: [20, 30, 14, 15, 26, 1]
},
{
name: "四号区域",
type: "line",
// stack: "Total",
lineStyle: {
color: "rgba(255, 181, 179, 1)",
shadowBlur: 12,
shadowColor: "rgba(255, 181, 179, 0.9)",
shadowOffsetX: 1,
shadowOffsetY: 1
},
itemStyle: {
color: "rgba(255, 181, 179, 1) ",
borderWidth: 1,
borderColor: "#FFF"
},
smooth: true,
symbol: "none",
data: [10, 82, 52, 10, 42, 20]
} }
] ]
}; };
@ -799,6 +819,7 @@ function getManAnalysisEchart() {
echartsTest.resize(); echartsTest.resize();
}); });
console.log(echartsTest); console.log(echartsTest);
console.log("我是随机数", Math.floor(Math.random() * 256));
} }
watch( watch(
@ -838,7 +859,8 @@ onMounted(async () => {
margin-top: 1%; margin-top: 1%;
:deep(.h-card .content) { :deep(.h-card .content) {
padding: 6px 10px; padding: 6px 10px;
height: 80%; height: 78%;
margin-top: 1%;
} }
.enterprise-info { .enterprise-info {
display: flex; display: flex;
@ -978,6 +1000,10 @@ onMounted(async () => {
height: 100%; height: 100%;
} }
:deep() { :deep() {
.el-carousel__indicators li {
padding-top: 6px;
padding-bottom: 2px;
}
.el-carousel__indicator--horizontal .el-carousel__button { .el-carousel__indicator--horizontal .el-carousel__button {
width: 10px; width: 10px;
height: 10px; height: 10px;