修改看板

src/views/OperationalOverview/components/baseContainer/index.vue

@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2022-01-19 15:58:17
  * @LastEditors: zhp
- * @LastEditTime: 2024-01-24 17:01:21
+ * @LastEditTime: 2024-01-29 15:35:37
  * @Description: file content
  * @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseContainer\index.vue
 -->
@@ -27,9 +27,12 @@
           <svg-icon :icon-class="titleIcon" style="font-size: 1em; position: relative; top: .08em" />
           {{ title }}
         </span>
-        <!-- <span style="font-size: 20px;color:#52FFF8;margin-left: 10px;margin-top: 2px;">
-          {{ time +'-'+ time2 }}
+        <!-- <span v-if="showTime" style="font-size: 20px;color:#52FFF8;margin-left: 10px;margin-top: 2px;">
+          {{ time2 +'-'+ time }}
         </span> -->
+        <span  style="font-size: 20px;color:#52FFF8;margin-left: 10px;margin-top: 2px;">
+          {{ startTime + '-' + endTime }}
+        </span>
       </div>
       <!-- <div v-if="true" class="bar-title">
         <span>
@@ -45,6 +48,7 @@
 </template>
 
 <script>
+import moment from "moment";
 export default {
   name: 'BaseContainer',
   props: {
@@ -56,6 +60,14 @@ export default {
       type: Boolean,
       default: false
     },
+    showTime: {
+      type: Boolean,
+      default: false
+    },
+    showYesTime: {
+      type: Boolean,
+      default: false
+    },
     back: {
       type: String,
       default: ''
@@ -93,38 +105,52 @@ export default {
     return {
       curIndex: 0,
       time: null,
-      time2:null
+      time2: null,
+      startTime: undefined,
+      endTime: undefined
       // imgUrl: require(`../../../../assets/img/${this.back}.png`),
     }
   },
   created() {
   },
   mounted () {
-    this.time = this.format(new Date().setHours(7,0,0));
-    // console.log(time);
-    //前一天时间
-    this.time2 = this.format(new Date().setHours(7, 0, 0) - 86400000 * 1);
-    console.log(new Date().setHours(7, 0, 0) - 86400000 * 1);
+    // this.time = this.format(new Date().setHours(7,0,0));
+    // // console.log(time);
+    // //前一天时间
+    let nowTime = new Date
+    let hour = nowTime.getHours()
+    if (hour > 6) {
+      this.startTime = moment(nowTime).format('yyyy.MM.DD') + ' 7点'
+      this.endTime = moment(moment(nowTime) + 86400000).format('yyyy.MM.DD') + ' 7点'
+    } else {
+      this.endTime = moment(nowTime).format('yyyy.MM.DD') + ' 7点'
+      this.startTime = moment(moment(nowTime) - 86400000).format('yyyy.MM.DD') + ' 7点'
+    }
+    // this.yesStartTime = moment(moment(nowTime) - 86400000).format('yyyy.MM.DD') + ' 0点'
+    // this.yesEndTime = moment(moment(nowTime) - 86400000).format('yyyy.MM.DD') + ' 24点'
+
+    // this.time2 = this.format(new Date().setHours(7, 0, 0) - 86400000 * 1);
+    // console.log(new Date().setHours(7, 0, 0) - 86400000 * 1);
   },
   methods: {
-    add0(m) {
-      return m < 10 ? '0' + m : m
-    },
-    format(shijianchuo) {
-      //shijianchuo是整数，否则要parseInt转换
-      var time = new Date(shijianchuo);
-      var y = time.getFullYear();
-      var m = time.getMonth() + 1;
-      var d = time.getDate();
-      var h = time.getHours();
-      var mm = time.getMinutes();
-      var s = time.getSeconds();
-      return y + '-' + this.add0(m) + '-' + this.add0(d) + ' ' + h + '时'
-    },
-    changeTab(num) {
-      this.curIndex = num
-      this.$emit('tabSelect', num)
-    },
+    // add0(m) {
+    //   return m < 10 ? '0' + m : m
+    // },
+    // format(shijianchuo) {
+    //   //shijianchuo是整数，否则要parseInt转换
+    //   var time = new Date(shijianchuo);
+    //   var y = time.getFullYear();
+    //   var m = time.getMonth() + 1;
+    //   var d = time.getDate();
+    //   var h = time.getHours();
+    //   var mm = time.getMinutes();
+    //   var s = time.getSeconds();
+    //   return y + '-' + this.add0(m) + '-' + this.add0(d) + ' ' + h + '时'
+    // },
+    // changeTab(num) {
+    //   this.curIndex = num
+    //   this.$emit('tabSelect', num)
+    // },
   }
 }
 </script>