Browse Source

组态设备图更换

develop
fuguobin 1 year ago
parent
commit
d18e309efa
  1. BIN
      src/assets/images/device01.gif
  2. BIN
      src/assets/images/device02.gif
  3. BIN
      src/assets/images/device03.gif
  4. 4
      src/styles/index.scss
  5. 2
      src/views/monitoring/components/header.vue
  6. 16
      src/views/monitoring/components/menu.vue
  7. 4
      src/views/monitoring/devicemanage/components/main.vue
  8. 52
      src/views/monitoring/devicemanage/index.scss

BIN
src/assets/images/device01.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 948 KiB

BIN
src/assets/images/device02.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 MiB

BIN
src/assets/images/device03.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 MiB

4
src/styles/index.scss

@ -160,3 +160,7 @@
}
}
}
.el-overlay{
z-index: 99999 !important;
}

2
src/views/monitoring/components/header.vue

@ -225,7 +225,7 @@ function getwaringList() {
}
function waringConfirm(item: any) {
//
ElMessageBox.confirm('是否确认?', '提示', {
ElMessageBox.confirm('是否确认操作?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',

16
src/views/monitoring/components/menu.vue

@ -120,6 +120,18 @@ function menuUpdateValue(key: string, item: MenuOption) {
font-family: 'AlibabaPuHuiTiBold';
padding: 0 15px;
}
.n-menu-item-content__arrow{
color: #B1E3FF;
}
}
.n-menu-item-content.n-menu-item-content--child-active {
.n-menu-item-content-header {
color: #B1E3FF;
}
.n-menu-item-content__arrow{
color: #B1E3FF;
}
}
// .n-menu-item-content--child-active {
@ -141,6 +153,10 @@ function menuUpdateValue(key: string, item: MenuOption) {
}
}
.n-menu-item:hover {
color: red;
}
.n-submenu-children {
.n-menu-item-content-header {
font-size: 1.6rem;

4
src/views/monitoring/devicemanage/components/main.vue

@ -60,7 +60,7 @@
<div class="card card_f">
<div class="dataInfo" v-html="doubleCount('015', 0)"></div>
</div>
<img class="deviceImg" src="@/assets/images/device02.jpg" />
<img class="deviceImg" src="@/assets/images/device02.gif" />
</div>
<div class="deviceImg deviceImgC" v-if="zoneType === 3">
<div class="card card_a">
@ -106,7 +106,7 @@
<div class="card card_f">
<div class="dataInfo" v-html="doubleCount('015', 0)"></div>
</div>
<img class="deviceImg" src="@/assets/images/device03.jpg" />
<img class="deviceImg" src="@/assets/images/device03.gif" />
</div>
<!-- <div class="deviceImg deviceImgA" v-if="zoneType===1">
<div class="dataInfo dataInfo0" v-html="doubleCount('002',0)"></div>

52
src/views/monitoring/devicemanage/index.scss

@ -165,81 +165,81 @@
.deviceImgA {
.card_a {
top: 40%;
left: 4%;
left: 5%;
}
.card_b {
top: 5%;
left: 3%;
left: 5%;
}
.card_c {
top: 9%;
top: 30%;
right: 3%;
}
.card_f {
top: 52%;
right: 6%;
top: 30%;
right: 20%;
}
}
.deviceImgB {
.card_a {
top: 42%;
left: 8%;
left: 5%;
}
.card_b {
top: 10%;
left: 9%;
top: 8%;
left: 5%;
}
.card_c {
top: 1%;
right: 21%;
top: 16%;
right: 3%;
}
.card_d {
top: 32%;
right: 18%;
top: 52%;
right: 3%;
}
.card_f {
top: 62%;
right: 11%;
top: 30%;
right: 21%;
}
}
.deviceImgC {
.card_a {
top: 1%;
left: 9%;
top: 6%;
left: 6%;
}
.card_b {
top: 55%;
left: 6%;
top: 62%;
left: 5%;
}
.card_c {
top: 1%;
right: 22%;
top: 2%;
right: 2%;
}
.card_d {
top: 32%;
right: 20%;
top: 35%;
right: 2%;
}
.card_e {
top: 36%;
right: 4%;
top: 67%;
right: 2%;
}
.card_f {
top: 68%;
right: 13%;
top: 30%;
right: 21%;
}
}

Loading…
Cancel
Save