projects/mescc/zhp
naar projects/mescc/develop
2 maanden geleden
@@ -34,17 +34,13 @@ export default { | |||
changeColor(val) { | |||
if (val == true) { | |||
let item = document.getElementsByClassName('el-breadcrumb__separator') | |||
// for (let i in item) { | |||
// console.log('item[i]',item, item[i]) | |||
// if (item[i].style) { | |||
item[0].style.color = 'rgba(255, 255, 255, 0.45)' | |||
item[1].style.color = 'rgba(255, 255, 255, 0.45)' | |||
// } | |||
// } | |||
// let item =document.getElementsByClassName('') | |||
item[0].classList.add("changeColor") | |||
item[1].classList.add("changeColor") | |||
} else { | |||
let item = document.getElementsByClassName('el-breadcrumb__separator') | |||
item[0].style.color = '' | |||
item[1].style.color = '' | |||
item[0].classList.remove("changeColor") | |||
item[1].classList.remove("changeColor") | |||
} | |||
}, | |||
$route(route) { | |||
@@ -102,9 +98,16 @@ export default { | |||
cursor: text; | |||
} | |||
} | |||
.app-breadcrumb .el-breadcrumb__inner a, | |||
.el-breadcrumb__inner.is-link { | |||
color:rgba(0, 0, 0, 0.65) | |||
} | |||
</style> | |||
<style lang="scss"> | |||
.changeColor { | |||
--theme-color: rgba(255, 255, 255, 0.45); | |||
} | |||
.el-breadcrumb__separator { | |||
color:var(--theme-color); | |||
} | |||
</style> |
@@ -1,14 +1,16 @@ | |||
<!-- | |||
* @Author: zhp | |||
* @Date: 2024-06-03 15:38:31 | |||
* @LastEditTime: 2024-07-11 13:56:19 | |||
* @LastEditors: zhp | |||
* @Description: | |||
--> | |||
<template> | |||
<div style="padding: 0 15px;" @click="toggleClick"> | |||
<svg | |||
:class="{'is-active':isActive}" | |||
class="hamburger" | |||
viewBox="0 0 1024 1024" | |||
xmlns="http://www.w3.org/2000/svg" | |||
width="64" | |||
height="64" | |||
> | |||
<path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" /> | |||
<svg :class="{'is-active':isActive}" class="hamburger" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" | |||
width="64" height="64" :fill="changeColor === true ? 'rgba(255, 255, 255, 1)' : '' "> | |||
<path | |||
d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" /> | |||
</svg> | |||
</div> | |||
</template> | |||
@@ -22,6 +24,15 @@ export default { | |||
default: false | |||
} | |||
}, | |||
computed: { | |||
changeColor() { | |||
if (this.$route.path == '/copilot/efficiency-container' || this.$route.path == '/copilot/main' || this.$route.path == '/factoryData/hdIndex' || this.$route.path === '/factoryData/factory-data') { | |||
return true | |||
} else { | |||
return false | |||
} | |||
}, | |||
}, | |||
methods: { | |||
toggleClick() { | |||
this.$emit('toggleClick') | |||
@@ -1,7 +1,7 @@ | |||
<template> | |||
<div ref="navbar" class="navbar" | |||
:style="changeColor ? 'background: rgba(0, 21, 41, 1);boxShadow:0px 1px 8px 0px rgba(0,131,255,0.35)' : ''"> | |||
<hamburger id="hamburger-container" style="color: blue;" :is-active="sidebar.opened" class="hamburger-container" | |||
<hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" | |||
@toggleClick="toggleSideBar" /> | |||
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav" /> | |||
@@ -67,17 +67,21 @@ export default { | |||
} | |||
}, | |||
watch: { | |||
changeColor(val) { | |||
if (val == true) { | |||
let svg = document.getElementsByClassName('hamburger') | |||
console.log('svg',svg); | |||
svg[0].setAttribute('fill', 'rgba(255, 255, 255, 1)') | |||
} else { | |||
let svg = document.getElementsByClassName('hamburger') | |||
console.log('svg', svg); | |||
svg[0].setAttribute('fill', '') | |||
} | |||
}, | |||
// changeColor: { | |||
// handler(val){ | |||
// if (val == true) { | |||
// let svg = document.getElementsByClassName('hamburger') | |||
// console.log('svg', svg) | |||
// svg[0].style.color = 'rgba(255, 255, 255, 1)' | |||
// svg[0].setAttribute('fill', 'rgba(255, 255, 255, 1)') | |||
// } else { | |||
// let svg = document.getElementsByClassName('hamburger') | |||
// console.log('svg', svg); | |||
// svg[0].setAttribute('fill', '') | |||
// } | |||
// }, | |||
// immediate: true, //立即执行 | |||
// } | |||
}, | |||
methods: { | |||
toggleSideBar() { | |||
@@ -192,15 +192,12 @@ export default { | |||
this.makeData(); | |||
this.$nextTick(() => { | |||
let button = document.getElementsByClassName('button-than') | |||
console.log(button); | |||
button[0].children[0].style.borderRadius = '4px 0 0 4px' | |||
button[0].children[1].style.borderRadius = '0px 4px 4px 0' | |||
console.log(button[0].children[0].style); | |||
}) | |||
}, | |||
methods: { | |||
makeData() { | |||
console.log('msgObj', this.msgObj); | |||
this.msgObj.chip = {}; | |||
this.msgObj.stand = {}; | |||
this.msgObj.bipv = {}; | |||
@@ -1,7 +1,7 @@ | |||
<!-- | |||
* @Author: zhp | |||
* @Date: 2024-06-20 16:13:52 | |||
* @LastEditTime: 2024-07-09 16:14:43 | |||
* @LastEditTime: 2024-07-11 13:52:44 | |||
* @LastEditors: zhp | |||
* @Description: | |||
--> | |||
@@ -51,7 +51,6 @@ export default { | |||
}, | |||
}, | |||
formatter: function (params) { | |||
console.log('params', params); | |||
var res = `<span style='color:rgba(0,0,0,0.8)'>${params[0].axisValueLabel}</span>`; | |||
for (var i = 0, l = params.length; i < l; i++) { | |||
res += | |||