绑定日期

src/components/rank/dataCount.vue

@@ -15,6 +15,8 @@
                         range-separator="至"
                         start-placeholder="开始日期"
                         end-placeholder="结束日期"
+                        value-format="yyyy/MM/dd"
+                        :clearable="false"
                         :picker-options="pickerOptions">
                     </el-date-picker>
                 </div>
@@ -85,7 +87,7 @@
                     <div class="sub-title">客户数据走势</div>
                     <div class="">
                         <span class="dot"></span>
-                        <span class="text-info">2024/11/30 - 2025/01/23</span>
+                        <span class="text-info">{{ parameters.dateRange.join(' - ') }}</span>
                     </div>
                 </div>
                 <div style="height: 320px;">
@@ -100,7 +102,7 @@
                         <div class="sub-title">今日客户数据</div>
                         <div class="">
                             <span class="dot"></span>
-                            <span class="text-info">2025/01/24 - 2025/01/25</span>
+                            <span class="text-info">{{ parameters.dateRange.join(' - ') }}</span>
                         </div>
                     </div>
                     <el-select v-model="platformId" style="width: 140px;">
@@ -147,7 +149,7 @@
                     <div class="sub-title">交易趋势图</div>
                     <div class="">
                         <span class="dot"></span>
-                        <span class="text-info">2024/11/30 - 2025/01/23</span>
+                        <span class="text-info">{{ parameters.dateRange.join(' - ') }}</span>
                     </div>
                 </div>
                 <div style="height: 320px;">
@@ -161,7 +163,7 @@
                     <div class="sub-title">用户活跃概况</div>
                     <div class="">
                         <span class="dot"></span>
-                        <span class="text-info">数据更新：周四 2025/01/25</span>
+                        <span class="text-info">数据更新：{{ parameters.dateRange[1] }}</span>
                     </div>
                 </div>
                 <div class="q-mt-md row items-center">
@@ -230,7 +232,7 @@
                         <div class="sub-title">新增用户概况</div>
                         <div class="">
                             <span class="dot"></span>
-                            <span class="text-info">数据更新：周四 2025/01/25</span>
+                            <span class="text-info">数据更新：{{ parameters.dateRange[1]}}</span>
                         </div>
                     </div>
                     <div class="q-mt-md row items-center">
@@ -268,7 +270,7 @@
                         <div class="sub-title">小程序留存概况</div>
                         <div class="">
                             <span class="dot"></span>
-                            <span class="text-info">数据更新：周四 2025/01/25</span>
+                            <span class="text-info">数据更新： {{ parameters.dateRange[1] }}</span>
                         </div>
                     </div>
                     <div class="q-mt-md row items-center">
@@ -308,7 +310,7 @@
                     <div class="col">
                         <div class="sub-title">访问核心指标趋势</div>
                         <div class="">
-                            <span class="text-info">2024/11/30 - 2025/01/23</span>
+                            <span class="text-info">{{ parameters.dateRange.join(' - ') }}</span>
                         </div>
                     </div>
                     <el-select v-model="coreId" style="width: 120px;">
@@ -327,7 +329,7 @@
                         <div class="col">
                             <div class="sub-title">页面访问Top10</div>
                             <div class="">
-                                <span class="text-info">2024/11/30 - 2025/01/23</span>
+                                <span class="text-info">{{ parameters.dateRange.join(' - ') }}</span>
                             </div>
                         </div>
                         <el-select v-model="metricsId" style="width: 140px;">
@@ -343,7 +345,7 @@
                         <div class="col">
                             <div class="sub-title">客户分布占比</div>
                             <div class="">
-                                <span class="text-info">2024/11/30 - 2025/01/23</span>
+                                <span class="text-info">{{ parameters.dateRange.join(' - ') }}</span>
                             </div>
                         </div>
                         <el-select v-model="areaId" style="width: 140px;">
@@ -401,7 +403,10 @@ export default {
                     start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
                     picker.$emit('pick', [start, end]);
                     }
-                }]
+                }],
+                disabledDate(time) {
+                    return time.getTime() > new Date(Date.now() - 3600 * 1000 * 24);
+                },
             },
             menus:[
                 {
@@ -424,7 +429,7 @@ export default {
             branchs:[],
             parameters:{
                 branchId:-1,
-                dateRange:''
+                dateRange:[]
             },
             coreId:1,
             coreLists:[{"Id":1,"Name":"累计用户数"},{"Id":2,"Name":"日访问人数"},{"Id":3,"Name":"日打开次数"},{"Id":4,"Name":"日访问页面数"},{"Id":5,"Name":"日新增用户"},{"Id":6,"Name":"日打开次数(新用户)"},{"Id":7,"Name":"总添加人数"},{"Id":8,"Name":"新添加人数"},{"Id":9,"Name":"活跃日留存"},{"Id":10,"Name":"新增日留存"},{"Id":11,"Name":"流失用户数"},{"Id":12,"Name":"回流用户数"}],
@@ -446,6 +451,11 @@ export default {
     },
     created(){
         this.getCompanyList();
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+        end.setTime(end.getTime() - 3600 * 1000 * 24);
+        this.parameters.dateRange = [start.toLocaleString().split(' ')[0], end.toLocaleString().split(' ')[0]]
     },
     methods: {
         handleClick(index){