当日任务列表

src/assets/js/getData2.js

@@ -38,3 +38,5 @@ export const getDeviceYearStatus = (id) => post('api/deviceBigScreen/getDeviceYe
 export const getDeviceYearMainPlan = (id) => post('api/deviceBigScreen/getDeviceYearMainPlan', {})
 /** 7.1近30天班组情况 */
 export const getDeviceGroupStatus = (id) => post('api/deviceBigScreen/getDeviceGroupStatus', {})
+/** 8.1当日任务列表 */
+export const getTodayTask = (id) => post('api/deviceBigScreen/getTodayTask', {})

src/pages/DeviceManage.vue

@@ -81,7 +81,7 @@
         </div>
         <div class="content_center">
           <div class="center_wrap">
-            <div class="item_wrap item_wrap_3">
+            <div class="item_wrap item_wrap_3 item_wrap_5">
               <div class="tip_item">
                 <p>设备数量</p>
                 <div class="tip_item_bg1"></div>
@@ -120,6 +120,38 @@
                 </div>
               </div>
             </div>
+            <div class="item_wrap item_wrap_2">
+              <div class="tip_item">
+                <p>当日任务列表</p>
+                <div class="tip_item_bg1"></div>
+              </div>
+              <div class="grid_wrap grid_wrap_1">
+                <ul class="scroll_tab_1 scroll_tab_5">
+                  <li>报修时间</li>
+                  <li>设备名称</li>
+                  <li>自编号</li>
+                  <li>故障描述</li>
+                  <li>使用部门</li>
+                  <li>状态</li>
+                  <li>维保人</li>
+                </ul>
+                <div class="scroll_container_1">
+                  <vue-seamless-scroll :data="gridArr5" :class-option="defaultOption5">
+                    <ul class="content-block-scroll-ul_1 content-block-scroll-ul_5">
+                      <li v-for="(e, i) in gridArr5" :key="i">
+                        <div class="scroll-ul_1_div">{{e.input_time}}</div>
+                        <div class="scroll-ul_1_div">{{e.device_name}}</div>
+                        <div class="scroll-ul_1_div">{{e.extend_code}}</div>
+                        <div class="scroll-ul_1_div">{{e.fault_desc}}</div>
+                        <div class="scroll-ul_1_div">{{e.dept_name}}</div>
+                        <div class="scroll-ul_1_div">{{e.invstatus}}</div>
+                        <div class="scroll-ul_1_div">{{e.user_name}}</div>
+                      </li>
+                    </ul>
+                  </vue-seamless-scroll>
+                </div>
+              </div>
+            </div>
             <div class="item_wrap item_wrap_2">
               <div class="tip_item">
                 <p>年保养计划监控</p>
@@ -206,7 +238,7 @@
 
 <script>
 import THeader from '@components/header.vue'
-import {getDeviceTime, getDeviceNumber, getDeviceFault, getDeviceRunStatus, getDeviceYearStatus, getDeviceYearMainPlan, getDeviceGroupStatus} from '@js/getData2.js'
+import {getDeviceTime, getDeviceNumber, getDeviceFault, getDeviceRunStatus, getDeviceYearStatus, getDeviceYearMainPlan, getDeviceGroupStatus, getTodayTask} from '@js/getData2.js'
 export default {
   name: 'DeviceManage',
   components: {
@@ -227,7 +259,8 @@ export default {
       gridArr1: [],
       gridArr2: [],
       gridArr3: [],
-      gridArr4: []
+      gridArr4: [],
+      gridArr5: []
     }
   },
   computed: {
@@ -278,6 +311,18 @@ export default {
         singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
         waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
       }
+    },
+    defaultOption5 () {
+      return {
+        step: 0.4, // 数值越大速度滚动越快
+        limitMoveNum: 5, // 开始无缝滚动的数据量 this.dataList.length
+        hoverStop: true, // 是否开启鼠标悬停stop
+        direction: 1, // 0向下 1向上 2向左 3向右
+        openWatch: true, // 开启数据实时监控刷新dom
+        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
+        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
+        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
+      }
     }
   },
   mounted () {
@@ -288,6 +333,7 @@ export default {
     this._getDeviceYearStatus()
     this._getDeviceYearMainPlan()
     this._getDeviceGroupStatus()
+    this._getTodayTask()
     this.refresh()
   },
   beforeDestroy () {
@@ -303,6 +349,7 @@ export default {
         this._getDeviceYearStatus()
         this._getDeviceYearMainPlan()
         this._getDeviceGroupStatus()
+        this._getTodayTask()
       }, this.interTime)
     },
     /** 每日开机时长 */
@@ -326,7 +373,8 @@ export default {
         },
         legend: {
           top: 0,
-          left: 0,
+          left: '10%',
+          right: '10%',
           icon: 'rect',
           textStyle: {
             color: '#ffffff',
@@ -777,6 +825,15 @@ export default {
       } else {
         this.Dialog(res.desc)
       }
+    },
+    /** 当日任务列表 */
+    async _getTodayTask () {
+      let res = await getTodayTask()
+      if (res.code === '1') {
+        this.gridArr5 = [...res.srb.device_group_arr]
+      } else {
+        this.Dialog(res.desc)
+      }
     }
   }
 }
@@ -811,10 +868,12 @@ export default {
 .item_wrap_1
   height 30%
 .item_wrap_2
-  height calc(60% - .25rem)
+  height calc(33% - .125rem)
-  margin-top .25rem
+  margin-top .125rem
 .item_wrap_3
   height 40%
+.item_wrap_5
+  height 34%
 .item_wrap_4
   height 60%
 .tip_item
@@ -850,7 +909,9 @@ export default {
 .grid_wrap_1
   margin-left 0
   margin-right 0
+  margin-bottom 0
   width 100%
+  height calc(100% - .5rem)
 .scroll_tab_1
   _wh(100%, .4rem)
   border-bottom .01rem solid rgba(8,205,248,0.3)
@@ -883,6 +944,13 @@ export default {
     width 15% !important
   &:nth-child(4), &:nth-child(5)
     width 20% !important
+.scroll_tab_5 li
+  &:nth-child(1), &:nth-child(2), &:nth-child(4), &:nth-child(5)
+    width 18% !important
+  &:nth-child(6)
+    width 8% !important
+  &:nth-child(3), &:nth-child(7)
+    width 10% !important
 .content-block-scroll-ul_1
   li
     _wh(100%, .44rem)
@@ -936,6 +1004,13 @@ export default {
     width 15% !important
   &:nth-child(4), &:nth-child(5)
     width 20% !important
+.content-block-scroll-ul_5 li .scroll-ul_1_div
+  &:nth-child(1), &:nth-child(2), &:nth-child(4), &:nth-child(5)
+    width 18% !important
+  &:nth-child(6)
+    width 8% !important
+  &:nth-child(3), &:nth-child(7)
+    width 10% !important
 .num_items
   _wh(100%, 100%)
   _fj(space-evenly)
@@ -969,12 +1044,11 @@ export default {
 .echart_wrap_r
   _wh(30%, 100%)
   padding-left .2rem
-  _fj(flex-start,flex-start)
+  _fj(,flex-start)
   flex-direction column
 .right_1_down_inner_3_i
-  _wh(100%, .4rem)
+  _wh(100%, .39rem)
   _fj()
-  margin-bottom .1rem
   background center bottom / 100% 100% url(../assets/images/item_5.png) no-repeat
 .right_1_down_inner_3_l
   _wh(60%, 100%)
@@ -984,7 +1058,7 @@ export default {
     display block
     float left
     &:nth-child(1)
-      _wh(.0725rem, .4rem)
+      _wh(.0725rem, .39rem)
       margin-left .15rem
       _fj()
       overflow hidden
@@ -993,24 +1067,24 @@ export default {
         _wh(.0725rem, .0725rem)
         border-radius 100%
     &:nth-child(2)
-      _wh(calc(100% - 0.2825rem), .4rem)
+      _wh(calc(100% - 0.2825rem), .39rem)
       font-family "SourceHanSansCN"
-      _font(.14rem, .4rem, #fff,400,)
+      _font(.14rem, .39rem, #fff,400,)
       margin-left .06rem
       overflow hidden
       text-overflow ellipsis
       white-space nowrap
 .right_1_down_inner_3_r
   _wh(40%, 100%)
-  line-height .4rem
+  line-height .39rem
   overflow hidden
   text-align right
   span
     font-family "SourceHanSansCN"
-    _font(.14rem, .4rem, #fff,700,)
+    _font(.14rem, .39rem, #fff,700,)
     &:nth-child(1)
       font-family "SourceHanSansCN"
-      _font(.18rem, .4rem, #00D5FF,700,)
+      _font(.18rem, .39rem, #00D5FF,700,)
       overflow hidden
       text-overflow ellipsis
       white-space nowrap