diff --git a/src/assets/css/index.css b/src/assets/css/index.css index ea02e9c..0dd7187 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -117,7 +117,8 @@ --xinxititle: #fff; /* 历史数据名字 白色变蓝色 #065CFE */ - --lefticon1: url("../../../static/img/zs_icon.png") no-repeat; + --activebgc: rgb(4, 51, 52); + /* 选中背景色 变为更亮一点的颜色 */ } .form-cascader .el-cascader-panel .el-radio { diff --git a/src/assets/css/index.css b/src/assets/css/index.css index ea02e9c..0dd7187 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -117,7 +117,8 @@ --xinxititle: #fff; /* 历史数据名字 白色变蓝色 #065CFE */ - --lefticon1: url("../../../static/img/zs_icon.png") no-repeat; + --activebgc: rgb(4, 51, 52); + /* 选中背景色 变为更亮一点的颜色 */ } .form-cascader .el-cascader-panel .el-radio { diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue index 1ca0f14..797babd 100644 --- a/src/components/ConfigManager/SiteManagement.vue +++ b/src/components/ConfigManager/SiteManagement.vue @@ -514,7 +514,7 @@ label: "所属项目", value: "platformCode", list: "projectList", - hideLabel: true, + hideLabel: true }, { type: "input", @@ -527,7 +527,7 @@ label: "关联项目状态", value: "sign", list: "signList", - hideLabel: true, + hideLabel: true }, { type: "date", @@ -617,9 +617,9 @@ listTypeInfo: { projectList: this.$store.state.common.allProject, signList: [ - {key:"全部项目",value:""}, - {key:"已关联项目",value:"bind"}, - {key:"未关联项目",value:"unbind"}, + { key: "全部项目", value: "" }, + { key: "已关联项目", value: "bind" }, + { key: "未关联项目", value: "unbind" } ] }, loadingdelet: undefined, @@ -1130,12 +1130,12 @@ //编辑站点 case "update": this.title = "修改站点"; - this.projectList = this.allPlatSite.map((item) => { + this.projectList = this.allPlatSite.map(item => { return { id: item.id, key: item.platformName, value: item.platformCode, - areaId: item.area, + areaId: item.area }; }); this.iscodefalse = true; diff --git a/src/assets/css/index.css b/src/assets/css/index.css index ea02e9c..0dd7187 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -117,7 +117,8 @@ --xinxititle: #fff; /* 历史数据名字 白色变蓝色 #065CFE */ - --lefticon1: url("../../../static/img/zs_icon.png") no-repeat; + --activebgc: rgb(4, 51, 52); + /* 选中背景色 变为更亮一点的颜色 */ } .form-cascader .el-cascader-panel .el-radio { diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue index 1ca0f14..797babd 100644 --- a/src/components/ConfigManager/SiteManagement.vue +++ b/src/components/ConfigManager/SiteManagement.vue @@ -514,7 +514,7 @@ label: "所属项目", value: "platformCode", list: "projectList", - hideLabel: true, + hideLabel: true }, { type: "input", @@ -527,7 +527,7 @@ label: "关联项目状态", value: "sign", list: "signList", - hideLabel: true, + hideLabel: true }, { type: "date", @@ -617,9 +617,9 @@ listTypeInfo: { projectList: this.$store.state.common.allProject, signList: [ - {key:"全部项目",value:""}, - {key:"已关联项目",value:"bind"}, - {key:"未关联项目",value:"unbind"}, + { key: "全部项目", value: "" }, + { key: "已关联项目", value: "bind" }, + { key: "未关联项目", value: "unbind" } ] }, loadingdelet: undefined, @@ -1130,12 +1130,12 @@ //编辑站点 case "update": this.title = "修改站点"; - this.projectList = this.allPlatSite.map((item) => { + this.projectList = this.allPlatSite.map(item => { return { id: item.id, key: item.platformName, value: item.platformCode, - areaId: item.area, + areaId: item.area }; }); this.iscodefalse = true; diff --git a/src/components/index.vue b/src/components/index.vue index 268ef5a..d2e2aff 100644 --- a/src/components/index.vue +++ b/src/components/index.vue @@ -415,7 +415,7 @@ root.style.setProperty("--lishisousuohead", "#CEE0FF"); root.style.setProperty("--lishisousuobeibu", "#C0D5F8"); root.style.setProperty("--xinxititle", "#065CFE"); - // root.style.setProperty("--lefticon1", "url("../../../static/img/zs_icon.png")"); + root.style.setProperty("--activebgc", "#fff"); this.flag = false; // ---------------------分界线----------------------------------// @@ -464,6 +464,7 @@ root.style.setProperty("--lishisousuohead", "#152636"); root.style.setProperty("--lishisousuobeibu", "#0b141d"); root.style.setProperty("--xinxititle", "#fff"); + root.style.setProperty("--activebgc", "rgb(4, 51, 52)"); this.flag = true; } diff --git a/src/assets/css/index.css b/src/assets/css/index.css index ea02e9c..0dd7187 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -117,7 +117,8 @@ --xinxititle: #fff; /* 历史数据名字 白色变蓝色 #065CFE */ - --lefticon1: url("../../../static/img/zs_icon.png") no-repeat; + --activebgc: rgb(4, 51, 52); + /* 选中背景色 变为更亮一点的颜色 */ } .form-cascader .el-cascader-panel .el-radio { diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue index 1ca0f14..797babd 100644 --- a/src/components/ConfigManager/SiteManagement.vue +++ b/src/components/ConfigManager/SiteManagement.vue @@ -514,7 +514,7 @@ label: "所属项目", value: "platformCode", list: "projectList", - hideLabel: true, + hideLabel: true }, { type: "input", @@ -527,7 +527,7 @@ label: "关联项目状态", value: "sign", list: "signList", - hideLabel: true, + hideLabel: true }, { type: "date", @@ -617,9 +617,9 @@ listTypeInfo: { projectList: this.$store.state.common.allProject, signList: [ - {key:"全部项目",value:""}, - {key:"已关联项目",value:"bind"}, - {key:"未关联项目",value:"unbind"}, + { key: "全部项目", value: "" }, + { key: "已关联项目", value: "bind" }, + { key: "未关联项目", value: "unbind" } ] }, loadingdelet: undefined, @@ -1130,12 +1130,12 @@ //编辑站点 case "update": this.title = "修改站点"; - this.projectList = this.allPlatSite.map((item) => { + this.projectList = this.allPlatSite.map(item => { return { id: item.id, key: item.platformName, value: item.platformCode, - areaId: item.area, + areaId: item.area }; }); this.iscodefalse = true; diff --git a/src/components/index.vue b/src/components/index.vue index 268ef5a..d2e2aff 100644 --- a/src/components/index.vue +++ b/src/components/index.vue @@ -415,7 +415,7 @@ root.style.setProperty("--lishisousuohead", "#CEE0FF"); root.style.setProperty("--lishisousuobeibu", "#C0D5F8"); root.style.setProperty("--xinxititle", "#065CFE"); - // root.style.setProperty("--lefticon1", "url("../../../static/img/zs_icon.png")"); + root.style.setProperty("--activebgc", "#fff"); this.flag = false; // ---------------------分界线----------------------------------// @@ -464,6 +464,7 @@ root.style.setProperty("--lishisousuohead", "#152636"); root.style.setProperty("--lishisousuobeibu", "#0b141d"); root.style.setProperty("--xinxititle", "#fff"); + root.style.setProperty("--activebgc", "rgb(4, 51, 52)"); this.flag = true; } diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue index c58b694..7471ed3 100644 --- a/src/components/newFiber/NewFiberSearch.vue +++ b/src/components/newFiber/NewFiberSearch.vue @@ -146,7 +146,7 @@ class="site-sidebar_list-item" v-for="(site, index) in leftSiteList" :key="index" - @click="handleClick('detail', site)" + @click="handleClick('detail', site, index)" >

{{ site.stName }}

@@ -587,9 +587,15 @@ // }); }, //点击事件 - handleClick(event, data) { + handleClick(event, data, index) { switch (event) { case "detail": + let items = document.querySelectorAll(".site-sidebar_list-item"); + for (var i = 0; i < items.length; i++) { + items[i].className = "site-sidebar_list-item"; + items[index].className = "site-sidebar_list-item clickbgc"; + } + this.showCurrentSiteInfo = true; this.currentSiteNo = data.stCode; // console.log(this.currentSiteNo); @@ -1420,4 +1426,8 @@ flex: 1; overflow: hidden; } + +.clickbgc { + background-color: var(--activebgc) !important; +}