添加时间

src/views/databoard/wholePlant/OrderStatus.vue

@@ -1,6 +1,7 @@
 <template>
   <div style="flex: 1;" class="orderContainer">
     <Container name="订单完成情况" size="small" style="">
+      <TimePrompt class="timeShow" :timestr="timestr" />
       <div style="padding: 5px 10px;">
         <dv-scroll-board :config="config" style="width:575px;height:230px" ref='orderScrollBoard'/>
       </div>
@@ -9,10 +10,12 @@
 </template>
 <script>
 import Container from '../components/Container'
+import TimePrompt from '../components/TimePrompt';
 import { formatDate } from '@/utils'
+import { switchShowTime } from '../utils'
 export default {
   name: 'OrderStatus',
-  components: { Container },
+  components: { Container, TimePrompt },
   computed: {
     order() {
       return this.$store.state.websocket.order
@@ -20,6 +23,7 @@ export default {
   },
   data() {
     return {
+      timestr: '',
       config: {
         header: ['上线时间', '客户名称', '规格','完成度'],
         headerBGC: 'rgba(32, 55, 96, 0.8)',
@@ -31,7 +35,9 @@ export default {
       }
     }
   },
-  mounted() {},
+  mounted() {
+    this.timestr = switchShowTime('日')
+  },
   watch:{
     order:{
       handler() {
@@ -49,8 +55,16 @@ export default {
       ]);
       this.config.data = outArr
       this.$refs['orderScrollBoard'].updateRows(outArr)
+      this.timestr = switchShowTime('日')
       }
     }
   }
 }
-</script>
+</script>
+<style lang='scss' scoped>
+.timeShow {
+  position: absolute;
+  top: 20px;
+  left: 210px;
+}
+</style>