liu_li
/
yxk-storeroom-system
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

全部设备

master
z_yu 2 years ago
parent
d71b2146ac
commit
55c42ec578
1 changed files with 60 additions and 32 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 78
      src/views/dashboard/PanelGroup.vue

78
src/views/dashboard/PanelGroup.vue
View File

@ -33,7 +33,7 @@
</div> </div>
<div class="card-panel-description"> <div class="card-panel-description">
<div class="card-panel-text"> <div class="card-panel-text">
<count-to :start-val="0" :end-val="9280" :duration="3200" class="card-panel-num" />
<count-to :start-val="0" :end-val="totalDeviceNum" :duration="3200" class="card-panel-num" />
</div> </div>
全部设备 全部设备
</div> </div>
@ -46,7 +46,7 @@
</div> </div>
<div class="card-panel-description"> <div class="card-panel-description">
<div class="card-panel-text"> <div class="card-panel-text">
<count-to :start-val="0" :end-val="13600" :duration="3600" class="card-panel-num" />
<count-to :start-val="0" :end-val="17" :duration="3200" class="card-panel-num" />
</div> </div>
在线设备 在线设备
</div> </div>
@ -59,7 +59,7 @@
</div> </div>
<div class="card-panel-description"> <div class="card-panel-description">
<div class="card-panel-text"> <div class="card-panel-text">
<count-to :start-val="0" :end-val="13600" :duration="3600" class="card-panel-num" />
<count-to :start-val="0" :end-val="0" :duration="3200" class="card-panel-num" />
</div> </div>
离线设备 离线设备
</div> </div>
@ -71,6 +71,7 @@
<script> <script>
import CountTo from 'vue-count-to' import CountTo from 'vue-count-to'
import { FetchGetArchivesNum, FetchGetCaseNum } from '@/api/archivesManage/statistics' import { FetchGetArchivesNum, FetchGetCaseNum } from '@/api/archivesManage/statistics'
import { getDeviceList } from '@/api/storeManage/deviceManage/device'
export default { export default {
components: { components: {
CountTo CountTo
@ -78,12 +79,14 @@ export default {
data() { data() {
return { return {
archivesNum: 0, archivesNum: 0,
caseNum: 0
caseNum: 0,
totalDeviceNum: 0
} }
}, },
mounted() { mounted() {
this.handleArchivesNum() this.handleArchivesNum()
this.handleCaseNum() this.handleCaseNum()
this.handleTotalDeviceNum()
}, },
methods: { methods: {
handleSetLineChartData(type) { handleSetLineChartData(type) {
@ -100,6 +103,12 @@ export default {
FetchGetCaseNum().then(data => { FetchGetCaseNum().then(data => {
this.caseNum = data this.caseNum = data
}) })
},
// 设备总数
handleTotalDeviceNum() {
getDeviceList({ page: 0, size: 10 }).then(data => {
this.totalDeviceNum = data.totalElements
})
} }
} }
} }
@ -107,7 +116,6 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.panel-group { .panel-group {
.card-panel-col { .card-panel-col {
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -123,43 +131,63 @@ export default {
// box-shadow: 4px 4px 40px rgba(0, 0, 0, .05); // box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
// border-color: rgba(0, 0, 0, .05); // border-color: rgba(0, 0, 0, .05);
&.danganzongliang { &.danganzongliang {
color: #21AAE1;
background: linear-gradient(180deg, rgba(51,159,210,0.5000) 0%, rgba(56,158,225,0) 100%);
border-top: 2px #21AAE1 solid;
color: #21aae1;
background: linear-gradient(
180deg,
rgba(51, 159, 210, 0.5) 0%,
rgba(56, 158, 225, 0) 100%
);
border-top: 2px #21aae1 solid;
& span.card-panel-num { & span.card-panel-num {
background: linear-gradient(180deg, #FFFFFF 0%, #21AAE1 100%);
background: linear-gradient(180deg, #ffffff 0%, #21aae1 100%);
} }
} }
&.danganhezongliang { &.danganhezongliang {
color: #793CBA;
background: linear-gradient(180deg, rgba(121,60,186,0.5000) 0%, rgba(121,60,186,0) 100%);
border-top: 2px #793CBA solid;
color: #793cba;
background: linear-gradient(
180deg,
rgba(121, 60, 186, 0.5) 0%,
rgba(121, 60, 186, 0) 100%
);
border-top: 2px #793cba solid;
& span.card-panel-num { & span.card-panel-num {
background: linear-gradient(180deg, #FFFFFF 0%, #793CBA 100%)
background: linear-gradient(180deg, #ffffff 0%, #793cba 100%);
} }
} }
&.quanbushebei { &.quanbushebei {
color: #008E81;
background: linear-gradient(180deg, rgba(0,142,129,0.5000) 0%, rgba(0,142,129,0) 100%);
border-top: 2px #008E81 solid;
color: #008e81;
background: linear-gradient(
180deg,
rgba(0, 142, 129, 0.5) 0%,
rgba(0, 142, 129, 0) 100%
);
border-top: 2px #008e81 solid;
& span.card-panel-num { & span.card-panel-num {
background: linear-gradient(180deg, #FFFFFF 0%, #008E81 100%);
background: linear-gradient(180deg, #ffffff 0%, #008e81 100%);
} }
} }
&.zaixianshebei { &.zaixianshebei {
color: #C4C859;
background: linear-gradient(180deg, rgba(196,200,89,0.5000) 0%, rgba(196,200,89,0) 100%);
border-top: 2px #C4C859 solid;
color: #c4c859;
background: linear-gradient(
180deg,
rgba(196, 200, 89, 0.5) 0%,
rgba(196, 200, 89, 0) 100%
);
border-top: 2px #c4c859 solid;
& span.card-panel-num { & span.card-panel-num {
background: linear-gradient(180deg, #FFFFFF 0%, #BFC458 100%);
background: linear-gradient(180deg, #ffffff 0%, #bfc458 100%);
} }
} }
&.lixianshebei { &.lixianshebei {
color: #F65164;
background: linear-gradient(180deg, rgba(246,81,100,0.5000) 0%, rgba(247,80,100,0) 100%);
border-top: 2px #F65164 solid;
color: #f65164;
background: linear-gradient(
180deg,
rgba(246, 81, 100, 0.5) 0%,
rgba(247, 80, 100, 0) 100%
);
border-top: 2px #f65164 solid;
& span.card-panel-num { & span.card-panel-num {
background: linear-gradient(180deg, #FFFFFF 0%, #F55164 100%);
background: linear-gradient(180deg, #ffffff 0%, #f55164 100%);
} }
} }
// &:hover { // &:hover {

Write Preview
Loading…
Cancel
Save