root/screen-xinrui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

管理看板

Browse Source
This commit is contained in:
caill
2022-10-12 17:20:54 +08:00
parent 267df25a98
commit be7be98fcd
1 changed files with 29 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/pages/DeviceManage.vue
View File

@@ -1,6 +1,6 @@
<template>
<section>
<t-header title="设备管理综合查询"></t-header>
<t-header title="武汉新锐设备管理看板"></t-header>
<div class="goods_shelves">
<div class="yard-wrap">
<div class="content_left">
@@ -43,13 +43,13 @@
</div>
<div class="item_wrap item_wrap_1">
<div class="tip_item">
<p>设备年计划保养状态</p>
<p>设备年保养计划状态</p>
<div class="tip_item_bg1"></div>
</div>
<div class="grid_wrap">
<ul class="scroll_tab_1 scroll_tab_2">
<li>事业部</li>
<li>需保养(台)</li>
<li>计划数(台)</li>
<li>已保养(台)</li>
<li>在保养(台)</li>
<li>未保养(台)</li>
@@ -93,11 +93,15 @@
<div class="num_items">
<div class="right_1_up_right_item">
<p class="right_1_up_p1">总设备台数</p>
<p class="right_1_up_p2">{{num1}}<span></span></p>
<p class="right_1_up_p2">{{num1}}</p>
</div>
<div class="right_1_up_right_item">
<p class="right_1_up_p1">在用台数</p>
<p class="right_1_up_p2">{{num2}}<span></span></p>
<p class="right_1_up_p2">{{num2}}</p>
</div>
<div class="right_1_up_right_item">
<p class="right_1_up_p1">总故障台数</p>
<p class="right_1_up_p2">{{num3}}</p>
</div>
</div>
</div>
@@ -162,12 +166,12 @@
<li>事业部</li>
<li>设备名称</li>
<li>设备号</li>
<li>计划内容</li>
<li>计划明细数</li>
<li>计划时期</li>
<li>实施人</li>
<li>保养对象</li>
<li>实际操作时间</li>
<li>保养倒计时</li>
<li>延期时间</li>
<li>保养倒计时 (天)</li>
<li>延期时间 (天)</li>
<li>评价</li>
</ul>
<div class="scroll_container_1">
@@ -177,9 +181,9 @@
<div class="scroll-ul_1_div">{{e.dept_name}}</div>
<div class="scroll-ul_1_div">{{e.device_name}}</div>
<div class="scroll-ul_1_div">{{e.device_code}}</div>
<div class="scroll-ul_1_div">{{e.plan_content}}</div>
<div class="scroll-ul_1_div">{{e.num}}</div>
<div class="scroll-ul_1_div">{{e.plan_time}}</div>
<div class="scroll-ul_1_div">{{e.impl_name}}</div>
<div class="scroll-ul_1_div">{{e.maint_object}}</div>
<div class="scroll-ul_1_div">{{e.impl_time}}</div>
<div class="scroll-ul_1_div">{{e.main_time}}</div>
<div class="scroll-ul_1_div">{{e.putoff_time}}</div>
@@ -256,6 +260,7 @@ export default {
echartArr3: [],
num1: '',
num2: '',
num3: '',
gridArr1: [],
gridArr2: [],
gridArr3: [],
@@ -742,6 +747,7 @@ export default {
if (res.code === '1') {
this.num1 = res.srb.device_all_num
this.num2 = res.srb.device_use_num
this.num3 = res.srb.device_request_num
let colors = ['#E0CA07', '#007744', '#C0C0C0', '#B68845', '#07E083', '#2D7CEB', '#00D5FF ', '#C44545', '#8B31A1', '#E1BF94']
res.srb.device_all_arr.map((e, i) => {
this.$set(e, 'color', colors[i])
@@ -1016,21 +1022,23 @@ export default {
_fj(space-evenly)
flex-direction: column
.right_1_up_right_item
_wh(100%, .8rem)
_wh(100%, 31%)
background center bottom / 100% 100% url(../assets/images/item_3.png) no-repeat
_fj(space-evenly)
flex-direction column
&:nth-child(2)
margin-top .2rem
margin-bottom 3.5%
&:last-child
margin-bottom 0
.right_1_up_p1
display block
_font(.2rem, .4rem, #78B1DE, 700, center)
display flex
align-items center
height 50%
_font(.2rem, 1, #78B1DE, 700, center)
.right_1_up_p2
display block
_font(.22rem, .4rem, #fff, 700, center)
span
_font(.12rem, .18rem, #fff, 700, center)
padding-left .1rem
display flex
align-items center
height 50%
_font(.22rem, 1, #fff, 700, center)
.echart_wrap_l
_fj()
_wh(70%, 100%)