From 95ebce099069f2d976cda27b7b4832812a0db87a Mon Sep 17 00:00:00 2001
From: lingling <1077478963@qq.com>
Date: Wed, 26 Feb 2025 21:12:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=94=B1=E4=BA=8E=E6=B2=A1?=
 =?UTF-8?q?=E6=9C=89=E6=A0=B9=E8=8A=82=E7=82=B9=E5=AF=BC=E8=87=B4=E7=9A=84?=
 =?UTF-8?q?=E5=85=B6=E4=BB=96=E9=A1=B5=E9=9D=A2=E4=B8=8D=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/promotion/details.vue | 181 ++++++++++++++++----------------
 1 file changed, 91 insertions(+), 90 deletions(-)

diff --git a/src/views/promotion/details.vue b/src/views/promotion/details.vue
index 797857b..d216565 100644
--- a/src/views/promotion/details.vue
+++ b/src/views/promotion/details.vue
@@ -1,84 +1,87 @@
 <template>
-  <div class="container">
-    <Breadcrumb :items="['menu.promotion', 'menu.promotion.Table']" />
-    <a-card class="general-card" :title="$t('menu.promotion.Table') + invite_code">
-      <a-row style="padding: 20px;">
-        <a-col :flex="1">
-          <a-form :model="queryParams" :label-col-props="{ span: 6 }" :wrapper-col-props="{ span: 18 }"
-            label-align="left">
-            <a-row :gutter="16">
-              <a-col :span="18">
-                <a-form-item field="createdTime" :label="'按照时间查询'">
-                  <a-range-picker v-model="queryParams" style="width: 100%" />
-                </a-form-item>
-              </a-col>
-            </a-row>
-          </a-form>
-        </a-col>
-
-        <a-col :flex="'86px'" style="text-align: right">
-          <a-space :size="18">
-            <a-button type="primary" @click="search">
-              <template #icon>
-                <icon-search />
-              </template>
-              查询
-            </a-button>
-            <a-button @click="reset">
-              <template #icon>
-                <icon-refresh />
-              </template>
-              重置
-            </a-button>
-          </a-space>
-        </a-col>
-      </a-row>
-      <div class="left-side">
+  <div>
 
 
-        <div class="panel">
+    <div class="container">
+      <Breadcrumb :items="['menu.promotion', 'menu.promotion.Table']" />
+      <a-card class="general-card" :title="$t('menu.promotion.Table') + invite_code">
+        <a-row style="padding: 20px;">
+          <a-col :flex="1">
+            <a-form :model="queryParams" :label-col-props="{ span: 6 }" :wrapper-col-props="{ span: 18 }"
+              label-align="left">
+              <a-row :gutter="16">
+                <a-col :span="18">
+                  <a-form-item field="createdTime" :label="'按照时间查询'">
+                    <a-range-picker v-model="queryParams" style="width: 100%" />
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </a-form>
+          </a-col>
+
+          <a-col :flex="'86px'" style="text-align: right">
+            <a-space :size="18">
+              <a-button type="primary" @click="search">
+                <template #icon>
+                  <icon-search />
+                </template>
+                查询
+              </a-button>
+              <a-button @click="reset">
+                <template #icon>
+                  <icon-refresh />
+                </template>
+                重置
+              </a-button>
+            </a-space>
+          </a-col>
+        </a-row>
+        <div class="left-side">
 
 
-          <a-grid :cols="24" :row-gap="16" class="panel">
-            <a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 8 }">
-              <a-space>
-                <a-avatar :size="54" class="col-avatar">
-                  <img alt="avatar"
-                    src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/288b89194e657603ff40db39e8072640.svg~tplv-49unhts6dw-image.image" />
-                </a-avatar>
-                <a-statistic :title="'注册人数'" :value="data.register" :value-from="0" animation show-group-separator>
-                  <template #suffix>
-                    <span class="unit">个</span>
-                  </template>
-                </a-statistic>
-              </a-space>
-            </a-grid-item>
-            <a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 8 }">
-              <a-space>
-                <a-avatar :size="54" class="col-avatar">
-                  <img alt="avatar"
-                    src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/fdc66b07224cdf18843c6076c2587eb5.svg~tplv-49unhts6dw-image.image" />
-                </a-avatar>
-                <a-statistic :title="'绑定人数'" :value="data.binding" :value-from="0" animation show-group-separator>
-                  <template #suffix>
-                    <span class="unit">{{ $t('workplace.pecs') }}</span>
-                  </template>
-                </a-statistic>
-              </a-space>
-            </a-grid-item>
-          </a-grid>
+          <div class="panel">
+
+
+            <a-grid :cols="24" :row-gap="16" class="panel">
+              <a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 8 }">
+                <a-space>
+                  <a-avatar :size="54" class="col-avatar">
+                    <img alt="avatar"
+                      src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/288b89194e657603ff40db39e8072640.svg~tplv-49unhts6dw-image.image" />
+                  </a-avatar>
+                  <a-statistic :title="'注册人数'" :value="data.register" :value-from="0" animation show-group-separator>
+                    <template #suffix>
+                      <span class="unit">个</span>
+                    </template>
+                  </a-statistic>
+                </a-space>
+              </a-grid-item>
+              <a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 8 }">
+                <a-space>
+                  <a-avatar :size="54" class="col-avatar">
+                    <img alt="avatar"
+                      src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/fdc66b07224cdf18843c6076c2587eb5.svg~tplv-49unhts6dw-image.image" />
+                  </a-avatar>
+                  <a-statistic :title="'绑定人数'" :value="data.binding" :value-from="0" animation show-group-separator>
+                    <template #suffix>
+                      <span class="unit">{{ $t('workplace.pecs') }}</span>
+                    </template>
+                  </a-statistic>
+                </a-space>
+              </a-grid-item>
+            </a-grid>
+          </div>
+
         </div>
+      </a-card>
 
-      </div>
-    </a-card>
-    
-  </div>
-  <div >
+    </div>
+    <div>
       <a-row>
         <a-col :span="12">
           <div>注册的用户</div>
           <a-table :data="data.register_user">
-            
+
             <template #columns>
               <a-table-column title="用户id" data-index="id"></a-table-column>
               <a-table-column title="用户名称" data-index="username"></a-table-column>
@@ -97,7 +100,7 @@
         <a-col :span="12">
           <div>绑定手机号的用户</div>
           <a-table :data="data.binding_user">
-            
+
             <template #columns>
               <a-table-column title="用户id" data-index="id"></a-table-column>
               <a-table-column title="用户名称" data-index="username"></a-table-column>
@@ -117,6 +120,7 @@
 
 
     </div>
+  </div>
 </template>
 
 <script setup>
@@ -130,8 +134,8 @@ import dayjs from 'dayjs';
 import { useRoute } from 'vue-router';
 const route = useRoute()
 
-
-const invite_code = ref(route.params.invite_code)
+import router from '@/router';
+const invite_code = ref("")
 
 // const data = reactive({
 //   register: 0,
@@ -143,24 +147,21 @@ const data = ref({
   register_user: [], // 注册用户的详细信息
   binding_user: [] // 绑定用户的详细信息
 });
-
+const queryParams = ref([dayjs().subtract(1, 'day').format("YYYY-MM-DD"), dayjs().format("YYYY-MM-DD")])
 onMounted(async () => {
-  // 获取今天的日期
-  const startDate = dayjs().format("YYYY-MM-DD");
-  const endDate = startDate; // 如果时间段是今天，可以将开始和结束日期设置为相同的日期
-
-  try {
-    const res = await detailed(invite_code.value, queryParams.value[0], queryParams.value[1]); // 调用接口
-
-    // 将返回的数据赋值给响应式对象
-    data.value.register = res.data.register;
-    data.value.binding = res.data.binding;
-    data.value.register_user = res.data.register_user;
-    data.value.binding_user = res.data.binding_user;
-  } catch (error) {
-    console.error("Error fetching data:", error);
-    // 这里可以加入错误处理逻辑，例如显示提示信息
+  if (route.params.invite_code) {
+    invite_code.value = route.params.invite_code
+  } else {
+    router.go(-1)
   }
+  const res = await detailed(invite_code.value, queryParams.value[0], queryParams.value[1]); // 调用接口
+
+  // 将返回的数据赋值给响应式对象
+  data.value.register = res.data.register;
+  data.value.binding = res.data.binding;
+  data.value.register_user = res.data.register_user;
+  data.value.binding_user = res.data.binding_user;
+
 });
 const reset = () => { }
 const search = async () => {
@@ -172,7 +173,7 @@ const search = async () => {
   data.value.register_user = res.data.register_user;
   data.value.binding_user = res.data.binding_user;
 }
-const queryParams = ref([dayjs().subtract(1, 'day').format("YYYY-MM-DD"), dayjs().format("YYYY-MM-DD")])
+
 
 </script>