create 返回官网

src/components/layout/AppSidebar.vue

@@ -27,6 +27,15 @@
           </el-sub-menu>
         </template>
       </el-menu>
+      <!-- 返回官网链接 -->
+      <div class="home-link-container">
+        <a href="https://www.tianyuanapi.com/" target="_blank" rel="noopener" class="home-link" @click="handleMenuSelect">
+          <el-icon class="menu-icon">
+            <HomeIcon />
+          </el-icon>
+          <span class="menu-title">返回官网</span>
+        </a>
+      </div>
     </div>
   </el-aside>
 </template>
@@ -34,6 +43,7 @@
 <script setup>
 import { useAppStore } from '@/stores/app'
 import { useUserStore } from '@/stores/user'
+import { HomeIcon } from '@heroicons/vue/24/outline'
 import { onMounted, onUnmounted, watch } from 'vue'
 import { useRouter } from 'vue-router'
 
@@ -178,6 +188,46 @@ watch(
   width: 100%;
 }
 
+/* 返回官网链接样式 */
+.home-link-container {
+  padding: 8px;
+  border-top: 1px solid rgba(226, 232, 240, 0.6);
+  margin-top: auto;
+  flex-shrink: 0;
+}
+
+.home-link {
+  display: flex;
+  align-items: center;
+  padding: 12px 16px;
+  height: 50px;
+  line-height: 50px;
+  margin: 4px 8px;
+  transition: background-color 0.3s ease, color 0.3s ease;
+  border: 2px solid transparent;
+  border-radius: 48px;
+  text-decoration: none;
+  color: #1e293b;
+  cursor: pointer;
+}
+
+.home-link:hover {
+  background-color: #f5f7fa;
+  color: #409eff;
+}
+
+.home-link .menu-icon {
+  font-size: 18px;
+  margin-right: 12px;
+  width: 20px;
+  height: 20px;
+}
+
+.home-link .menu-title {
+  font-size: 14px;
+  font-weight: 500;
+}
+
 .menu-item {
   height: 50px;
   line-height: 50px;
@@ -227,6 +277,21 @@ watch(
   margin-right: 0;
 }
 
+/* 折叠状态下的返回官网链接 */
+.el-menu--collapse ~ .home-link-container .home-link {
+  justify-content: center;
+  padding: 12px;
+  margin: 4px 4px;
+}
+
+.el-menu--collapse ~ .home-link-container .home-link .menu-icon {
+  margin-right: 0;
+}
+
+.el-menu--collapse ~ .home-link-container .home-link .menu-title {
+  display: none;
+}
+
 /* 移动端样式 */
 .mobile-sidebar {
   position: fixed;
@@ -281,6 +346,22 @@ watch(
   .menu-title {
     font-size: 13px;
   }
+
+  .home-link {
+    height: 44px;
+    line-height: 44px;
+    margin: 2px 4px;
+    padding: 10px 12px;
+  }
+
+  .home-link .menu-icon {
+    font-size: 16px;
+    margin-right: 8px;
+  }
+
+  .home-link .menu-title {
+    font-size: 13px;
+  }
 }
 
 :global(body.sidebar-locked) {

src/pages/admin/consumption/index.vue

@@ -64,7 +64,7 @@
             />
           </FilterItem>
 
-          <FilterItem label="消费时间" class="md:col-span-2">
+          <FilterItem label="消费时间" class="col-span-1 md:col-span-2">
             <el-date-picker
               v-model="dateRange"
               type="datetimerange"
@@ -75,6 +75,7 @@
               value-format="YYYY-MM-DD HH:mm:ss"
               @change="handleTimeRangeChange"
               class="w-full"
+              :size="isMobile ? 'small' : 'default'"
             />
           </FilterItem>
 
@@ -255,6 +256,7 @@ import { userApi, walletTransactionApi } from '@/api'
 import FilterItem from '@/components/common/FilterItem.vue'
 import FilterSection from '@/components/common/FilterSection.vue'
 import ListPageLayout from '@/components/common/ListPageLayout.vue'
+import { useMobileTable } from '@/composables/useMobileTable'
 import { Back, Close, User } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 import { onMounted, reactive, ref, watch } from 'vue'
@@ -263,6 +265,9 @@ import { useRoute, useRouter } from 'vue-router'
 const router = useRouter()
 const route = useRoute()
 
+// 移动端检测
+const { isMobile } = useMobileTable()
+
 // 响应式数据
 const loading = ref(false)
 const transactions = ref([])

src/pages/admin/invoices/index.vue

@@ -36,7 +36,7 @@
           </el-select>
         </FilterItem>
 
-        <FilterItem label="申请时间">
+        <FilterItem label="申请时间" class="col-span-1">
           <el-date-picker
             v-model="dateRange"
             type="daterange"
@@ -47,6 +47,7 @@
             value-format="YYYY-MM-DD"
             @change="handleDateRangeChange"
             class="w-full"
+            :size="isMobile ? 'small' : 'default'"
           />
         </FilterItem>
 
@@ -372,10 +373,14 @@ import { adminInvoiceApi } from '@/api'
 import FilterItem from '@/components/common/FilterItem.vue'
 import FilterSection from '@/components/common/FilterSection.vue'
 import ListPageLayout from '@/components/common/ListPageLayout.vue'
+import { useMobileTable } from '@/composables/useMobileTable'
 import { ElMessage } from 'element-plus'
 
 const router = useRouter()
 
+// 移动端检测
+const { isMobile } = useMobileTable()
+
 // 响应式数据
 const loading = ref(false)
 const applications = ref([])

src/pages/admin/recharge-records/index.vue

@@ -71,7 +71,7 @@
             </el-select>
           </FilterItem>
 
-          <FilterItem label="充值时间" class="md:col-span-2">
+          <FilterItem label="充值时间" class="col-span-1 md:col-span-2">
             <el-date-picker
               v-model="dateRange"
               type="datetimerange"
@@ -82,6 +82,7 @@
               value-format="YYYY-MM-DD HH:mm:ss"
               @change="handleTimeRangeChange"
               class="w-full"
+              :size="isMobile ? 'small' : 'default'"
             />
           </FilterItem>
 
@@ -367,6 +368,7 @@ import ExportDialog from '@/components/common/ExportDialog.vue'
 import FilterItem from '@/components/common/FilterItem.vue'
 import FilterSection from '@/components/common/FilterSection.vue'
 import ListPageLayout from '@/components/common/ListPageLayout.vue'
+import { useMobileTable } from '@/composables/useMobileTable'
 import { Back, Close, Download, User } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 import { onMounted, reactive, ref, watch } from 'vue'
@@ -375,6 +377,9 @@ import { useRoute, useRouter } from 'vue-router'
 const router = useRouter()
 const route = useRoute()
 
+// 移动端检测
+const { isMobile } = useMobileTable()
+
 // 响应式数据
 const loading = ref(false)
 const rechargeRecords = ref([])

src/pages/admin/subscriptions/index.vue

@@ -64,7 +64,7 @@
           />
         </FilterItem>
 
-        <FilterItem label="订阅时间">
+        <FilterItem label="订阅时间" class="col-span-1">
           <el-date-picker
             v-model="filters.timeRange"
             type="datetimerange"
@@ -75,6 +75,7 @@
             value-format="YYYY-MM-DD HH:mm:ss"
             @change="handleTimeRangeChange"
             class="w-full"
+            :size="isMobile ? 'small' : 'default'"
           />
         </FilterItem>
 

src/pages/admin/transactions/index.vue

@@ -66,7 +66,7 @@
             />
           </FilterItem>
 
-          <FilterItem label="消费时间" class="md:col-span-2">
+          <FilterItem label="消费时间" class="col-span-1 md:col-span-2">
             <el-date-picker
               v-model="dateRange"
               type="datetimerange"
@@ -77,6 +77,7 @@
               value-format="YYYY-MM-DD HH:mm:ss"
               @change="handleTimeRangeChange"
               class="w-full"
+              :size="isMobile ? 'small' : 'default'"
             />
           </FilterItem>
 

src/pages/admin/usage/index.vue

@@ -80,17 +80,18 @@
             </el-select>
           </FilterItem>
 
-          <FilterItem label="调用时间" class="md:col-span-2">
+          <FilterItem label="调用时间" class="col-span-1 md:col-span-2">
             <el-date-picker
               v-model="dateRange"
               type="datetimerange"
               range-separator="至"
-              start-placeholder="开始时间"
+              :start-placeholder="isMobile ? '开始' : '开始时间'"
-              end-placeholder="结束时间"
+              :end-placeholder="isMobile ? '结束' : '结束时间'"
-              format="YYYY-MM-DD HH:mm:ss"
+              :format="isMobile ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD HH:mm:ss'"
               value-format="YYYY-MM-DD HH:mm:ss"
               @change="handleTimeRangeChange"
-              class="w-full"
+              :class="['date-picker-mobile', isMobile ? 'w-auto' : 'w-full']"
+              :size="isMobile ? 'small' : 'default'"
             />
           </FilterItem>
         </div>
@@ -747,5 +748,15 @@ const handleExport = async (options) => {
   .info-label {
     min-width: auto;
   }
+
+  /* 移动端时间筛选器宽度限制 */
+  .date-picker-mobile {
+    max-width: 300px !important;
+    width: 100%;
+  }
+  
+  .date-picker-mobile :deep(.el-date-editor) {
+    width: 100%;
+  }
 }
 </style>

src/pages/api/Usage.vue

@@ -50,7 +50,7 @@
           </el-select>
         </FilterItem>
 
-        <FilterItem label="时间范围">
+        <FilterItem label="时间范围" class="col-span-1">
           <el-date-picker
             v-model="dateRange"
             type="datetimerange"
@@ -61,6 +61,7 @@
             value-format="YYYY-MM-DD HH:mm:ss"
             @change="handleDateRangeChange"
             class="w-full"
+            :size="isMobile ? 'small' : 'default'"
           />
         </FilterItem>
 
@@ -281,8 +282,12 @@ import FilterItem from '@/components/common/FilterItem.vue'
 import FilterSection from '@/components/common/FilterSection.vue'
 import ListPageLayout from '@/components/common/ListPageLayout.vue'
 import { useCertification } from '@/composables/useCertification'
+import { useMobileTable } from '@/composables/useMobileTable'
 import { ElMessage } from 'element-plus'
 
+// 移动端检测
+const { isMobile } = useMobileTable()
+
 // 认证相关
 const {
   isCertified,

src/pages/finance/Transactions.vue

@@ -42,7 +42,7 @@
           </div>
         </FilterItem>
 
-        <FilterItem label="时间范围">
+        <FilterItem label="时间范围" class="col-span-1">
           <el-date-picker
             v-model="dateRange"
             type="datetimerange"
@@ -53,6 +53,7 @@
             value-format="YYYY-MM-DD HH:mm:ss"
             @change="handleDateRangeChange"
             class="w-full"
+            :size="isMobile ? 'small' : 'default'"
           />
         </FilterItem>
 
@@ -200,8 +201,12 @@ import { financeApi } from '@/api'
 import FilterItem from '@/components/common/FilterItem.vue'
 import FilterSection from '@/components/common/FilterSection.vue'
 import ListPageLayout from '@/components/common/ListPageLayout.vue'
+import { useMobileTable } from '@/composables/useMobileTable'
 import { ElMessage } from 'element-plus'
 
+// 移动端检测
+const { isMobile } = useMobileTable()
+
 // 响应式数据
 const loading = ref(false)
 const transactions = ref([])

src/pages/finance/recharge-records/index.vue

@@ -35,7 +35,7 @@
           </el-select>
         </FilterItem>
 
-        <FilterItem label="开始时间">
+        <FilterItem label="开始时间" class="col-span-1">
           <el-date-picker
             v-model="filters.start_time"
             type="datetime"
@@ -44,10 +44,11 @@
             value-format="YYYY-MM-DD HH:mm:ss"
             @change="handleFilterChange"
             class="w-full"
+            :size="isMobile ? 'small' : 'default'"
           />
         </FilterItem>
 
-        <FilterItem label="结束时间">
+        <FilterItem label="结束时间" class="col-span-1">
           <el-date-picker
             v-model="filters.end_time"
             type="datetime"
@@ -56,6 +57,7 @@
             value-format="YYYY-MM-DD HH:mm:ss"
             @change="handleFilterChange"
             class="w-full"
+            :size="isMobile ? 'small' : 'default'"
           />
         </FilterItem>
 
@@ -188,8 +190,12 @@ import { financeApi } from '@/api'
 import FilterItem from '@/components/common/FilterItem.vue'
 import FilterSection from '@/components/common/FilterSection.vue'
 import ListPageLayout from '@/components/common/ListPageLayout.vue'
+import { useMobileTable } from '@/composables/useMobileTable'
 import { ElMessage } from 'element-plus'
 
+// 移动端检测
+const { isMobile } = useMobileTable()
+
 // 响应式数据
 const loading = ref(false)
 const records = ref([])