feat: 企微数据 - 数据循环统计 - 数据更新时间

project/src/components/dataBoard/regRangeReport.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-loading="loading">
     <div class="screenBox flex">
-      <switchMpAdq v-model="order_type" @change="init(1)" />
+      <switchMpAdq v-model="order_type" @change="init(1);handleGetUpdateTime();" />
       <el-button type="primary" size="mini" @click="init(1, 'export')">导出Excel</el-button>
     </div>
     <div class="screenBox flex">
@@ -9,7 +9,7 @@
         <date-picker :reset="reset" title="自定义" :quickFlag='true' :afferent_time="default_time" :clearFlag='false'
           @changeTime="changeTime"></date-picker>
         <!-- 推广类型 -->
-        <selfChannel :reset="reset" title="推广类型" type="promotionType" @channelDefine="(val)=>{plat_order_type=val;init(1)}" />
+        <selfChannel :reset="reset" title="推广类型" type="promotionType" @channelDefine="(val)=>{plat_order_type=val;init(1);handleGetUpdateTime();}" />
         <!-- 收益截止日期 -->
         <div style="margin-left: 30px;" class="common-screen-item">
           <label class="common-screen-label">收益截止日期</label>
@@ -26,12 +26,14 @@
       <input-range v-model="totalRoi" label="回本率" />
       <input-range v-model="paid" label="消耗" />
       <div>
-        <el-button size="mini" type="primary" plain @click="init(1)">确定</el-button>
+        <el-button size="mini" type="primary" plain @click="init(1);handleGetUpdateTime();">确定</el-button>
         <el-button size="mini" plain @click="handleReset">重置</el-button>
       </div>
     </div>
     <!-- S 新增区间筛选项 -->
-
+    <!-- S 数据更新时间 -->
+    <div class="update-time"><i class="el-icon-warning-outline" />数据更新时间：{{ updateTime || '-' }}</div>
+    <!-- E 数据更新时间 -->
     <!-- S 汇总表 summaryTable -->
     <ux-grid style="margin-top:10px" ref="summaryTable" :border="false" @row-click="() => { return }" :header-cell-style="() => { return { backgroundColor: '#FFFFFF !important', border: 'none!important' } }" show-footer-overflow="tooltip" show-overflow="tooltip" size="mini">
       <ux-table-column v-for="item in summaryTableCol" :key="item.column" :resizable="true" :field="item.column" :title="item.name" :min-width="item.min_width ? item.min_width : 140" :fixed="item.fixed ? item.fixed : ''" align="center">
@@ -114,6 +116,7 @@ export default {
       closing_date: '', // 收益截止日期
       sort_field: 'date', // 排序字段 默认 时间 & 降序
       sort_type: 'desc', // 升序/降序
+      updateTime: '', // 数据更新时间
     }
   },
   computed: {
@@ -130,8 +133,27 @@ export default {
     this.height = document.documentElement.clientHeight - 200 > 400 ? document.documentElement.clientHeight - 200 : 400
     this.time = this.default_time
     this.init(1)
+    this.handleGetUpdateTime()
   },
   methods: {
+    // 获取"数据更新时间"
+    async handleGetUpdateTime() {
+      console.log('handleGetUpdateTime => ')
+      try {
+        const params = { type: '' }
+        if (this.isMP) params.type = 'data_cycle_mp'
+        if (this.isADQ) params.type = 'data_cycle_adq'
+        const { data: res = {} } = await this.$axios.get(`${this.URL.BASEURL}${this.URL.dataBoard_uptime}`, { params })
+        if (res && res.errno == 0) {
+          this.updateTime = res.rst.uptime
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+          this.updateTime = ''
+        }
+      } catch (error) {
+        this.updateTime = ''
+      }
+    },
     handleReset() {
       this.reset = !this.reset
       this.order_type = orderTypeOptions.MP
@@ -147,6 +169,7 @@ export default {
       this.sort_field = 'date'
       this.sort_type = 'desc'
       this.init(1)
+      this.handleGetUpdateTime()
     },
     changeTime (time) {//筛选时间变化
       if (!time || time && time.length == 0) {
@@ -155,8 +178,10 @@ export default {
         this.time = time
       }
       this.init(1)
+      this.handleGetUpdateTime()
     },
     async init(page, type) {
+      console.log('init => ')
       try {
         if (type != 'export') {
           this.page = page ? page : this.page;
@@ -227,11 +252,13 @@ export default {
     },
     handleCurrentChange (val) {
       this.init(val)
+      this.handleGetUpdateTime()
     },
     // 监听“收益截止日期”筛选变化
     onChangeClosingDate(val) {
       this.closing_date = val || ''
       this.init(1)
+      this.handleGetUpdateTime()
     },
     // 监听排序变化
     onClickSort(sort_field, sort_type) {
@@ -252,6 +279,7 @@ export default {
       }
       // 后端排序 => 获取最新数据
       this.init(1)
+      this.handleGetUpdateTime()
     },
     exportEvent (data) {
       const tHeader = data.list.head.map(v => v.name)
@@ -276,6 +304,19 @@ export default {
   background: #fff;
   padding: 5px 20px;
 }
+.update-time {
+  margin-top: 10px;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  color: #999;
+  i {
+    font-size: 14px;
+    font-weight: 600;
+    margin-right: 4px;
+  }
+}
 .ml-10 {
   margin-left: 10px;
 }