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) { function waringConfirm(item: any) {
// //
ElMessageBox.confirm('是否确认?', '提示', { ElMessageBox.confirm('是否确认操作?', '提示', {
confirmButtonText: '确认', confirmButtonText: '确认',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning',

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

@ -120,6 +120,18 @@ function menuUpdateValue(key: string, item: MenuOption) {
font-family: 'AlibabaPuHuiTiBold'; font-family: 'AlibabaPuHuiTiBold';
padding: 0 15px; 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 { // .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-submenu-children {
.n-menu-item-content-header { .n-menu-item-content-header {
font-size: 1.6rem; font-size: 1.6rem;

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

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

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

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

Loading…
Cancel
Save