From c1535f07ba42ea096c68148e545083c120b5f72f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E6=96=87=E6=9D=B0?= <>
Date: Wed, 13 Mar 2024 10:42:14 +0800
Subject: [PATCH] 1

---
 src/pages.json                               |  8 +--
 src/pages/booking/booking.vue                | 66 ++++++--------------
 src/pages/booking/components/SitePanel.vue   | 38 +++++------
 src/pages/booking/components/TimePanel.vue   |  2 +-
 src/pages/index/index.vue                    | 13 ++--
 src/pages/index/styles/category.scss         |  4 +-
 src/pages/index/styles/category.wxss         | 49 +++++++++++++++
 src/pages/orderList/components/OrderList.vue | 20 +++---
 src/pages/orderList/list.vue                 | 21 ++++---
 src/utils/http.ts                            |  4 +-
 10 files changed, 132 insertions(+), 93 deletions(-)
 create mode 100644 src/pages/index/styles/category.wxss

diff --git a/src/pages.json b/src/pages.json
index 94d825f..77e2e23 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -13,15 +13,15 @@
   },
   "pages": [
     {
-      "path": "pages/login/login",
+      "path": "pages/index/index",
       "style": {
-        "navigationBarTitleText": "登录"
+        "navigationStyle": "custom"
       }
     },
     {
-      "path": "pages/index/index",
+      "path": "pages/login/login",
       "style": {
-        "navigationStyle": "custom"
+        "navigationBarTitleText": "登录"
       }
     },
     {
diff --git a/src/pages/booking/booking.vue b/src/pages/booking/booking.vue
index 67988c5..74abac0 100644
--- a/src/pages/booking/booking.vue
+++ b/src/pages/booking/booking.vue
@@ -11,19 +11,23 @@ import SitePanel from './components/SitePanel.vue'
 const activeMenuKey = ref(0)
 const activeWeightKey = ref(0)
 
+
+const locationStorge = uni.getStorageSync('location')
+
 // 经纬度
 let location = reactive({
-  longitude: 0,
-  latitude: 0,
+  longitude: locationStorge.longitude,
+  latitude: locationStorge.latitude,
 })
+
 // 弹出层组件是否展示
 const isShowTimePop = ref(false)
 const isShowAddressPop = ref(false)
 const isShowSitePop = ref(false)
 
 // 回收地址、回收时间、 回收站点{}
-const recycleAddress = ref('请选择回收地址')
-const appointmentTime = ref('请选择回收时间')
+const recycleAddress = ref('')
+const appointmentTime = ref('')
 const siteObj = ref({})
 
 // 	回收订单添加明细
@@ -90,15 +94,15 @@ const categoryList = ref([
 const weightMenuList = [
   {
     val: 'I',
-    name: '10kg以下',
+    name: '10Kg以下',
   },
   {
     val: 'II',
-    name: '10-20kg',
+    name: '10Kg-20Kg',
   },
   {
     val: 'III',
-    name: '20kg以上',
+    name: '20Kg以上',
   },
 ]
 
@@ -108,44 +112,7 @@ const handleMenuChange = (val) => {
 const handleWeightChange = (val) => {
   activeWeightKey.value = val
 }
-// 微信 - 获取当前经纬度
-const getLocationInfo = () => {
-  uni.getLocation({
-    type: 'gcj02',
-    // isHighAccuracy: true,
-    // highAccuracyExpireTime: 5000,
-    success(res) {
-      console.log(res)
-      const longitude = res.longitude.toFixed(6)
-      const latitude = res.latitude.toFixed(6)
-      location = Object.assign(location, {
-        longitude: longitude,
-        latitude: latitude,
-      })
-      uni.setStorageSync('location', location)
-
-    },
-    fail(err) {
-      console.log(err)
-      uni.showModal({
-        content: '检测到您没打开获取定位功能权限，是否去设置打开？',
-        confirmText: '确认',
-        cancelText: '取消',
-        success: function (res) {
-          if (res.confirm) {
-            uni.openSetting({
-              success() {
-                getLocationInfo()
-              },
-            })
-          }
-        },
-      })
-    },
-  })
-}
 onReady(() => {
-  getLocationInfo()
 })
 
 // 预约回收
@@ -243,6 +210,13 @@ const handlePointer = () => {
   uni.chooseLocation({
     success: async function (res) {
       recycleAddress.value = res.address
+      const longitude = res.longitude.toFixed(6)
+      const latitude = res.latitude.toFixed(6)
+      location = Object.assign(location, {
+        longitude: longitude,
+        latitude: latitude,
+      })
+      uni.setStorageSync('location', location)
       console.log(res, '返回地址')
     },
     fail: function (e) {
@@ -268,11 +242,11 @@ const handlePointer = () => {
       <view class="action">
         <view @tap="openPopup('time')" class="item arrow">
           <text class="label">时间：</text>
-          <text class="text ellipsis"> {{ appointmentTime }} </text>
+          <text class="text ellipsis"> {{ appointmentTime || '请选择回收时间' }} </text>
         </view>
         <view @tap="handlePointer()" class="item arrow">
           <text class="label">地址：</text>
-          <text class="text ellipsis"> {{ recycleAddress }} </text>
+          <text class="text ellipsis"> {{ recycleAddress || '请选择回收地址' }} </text>
         </view>
         <!-- <view @tap="openPopup('site')" class="item arrow">
           <text class="label">地址：</text>
diff --git a/src/pages/booking/components/SitePanel.vue b/src/pages/booking/components/SitePanel.vue
index 34626c0..a018523 100644
--- a/src/pages/booking/components/SitePanel.vue
+++ b/src/pages/booking/components/SitePanel.vue
@@ -94,8 +94,20 @@ onReady(async () => {
         <view class="text">回收站点</view>
         <view class="close" @click="handleClose">X</view>
       </view>
-      <view class="content">
-        <view
+      <!-- <view class="content">
+
+      </view> -->
+
+      <!-- 地址列表 -->
+      <scroll-view
+        enable-back-to-top
+        scroll-y
+        class="scroll-view"
+        :refresher-triggered="isTriggered"
+        @refresherrefresh="onRefresherrefresh"
+        @scrolltolower="getDataList"
+      >
+      <view
           class="item"
           v-for="(item, index) in dataList"
           :key="item.id"
@@ -107,20 +119,8 @@ onReady(async () => {
           <view class="address">{{ item.address }}</view>
           <text :class="[activeIndex == index ? 'icon-checked' : 'icon-ring', 'icon']"></text>
         </view>
-      </view>
-
-      <!-- 地址列表 -->
-      <!-- <scroll-view
-        enable-back-to-top
-        scroll-y
-        class="scroll-view"
-        :refresher-triggered="isTriggered"
-        @refresherrefresh="onRefresherrefresh"
-        @scrolltolower="getDataList"
-        @click="handleSelected"
-      >
-        <siteItem class="item" :site-val="item" :data-val="item" v-for="item in dataList" :key="item.id" />
-      </scroll-view> -->
+        <!-- <siteItem class="item" :site-val="item" :data-val="item" v-for="item in dataList" :key="item.id" /> -->
+      </scroll-view>
     </view>
   </view>
 </template>
@@ -151,17 +151,17 @@ page {
       text-align: center;
     }
   }
-  .content {
+  .scroll-view {
     min-height: 300rpx;
     max-height: 540rpx;
     overflow: auto;
-    padding: 20rpx;
+    padding: 20rpx 10rpx;
     margin-bottom: 40rpx;
     .item {
       padding: 30rpx 50rpx 30rpx 60rpx;
       position: relative;
       box-shadow: 0px -2px 8px 0px rgba(133, 155, 180, 0.4);
-      margin: 10rpx 0;
+      margin: 10rpx;
       border-radius: 10rpx;
     }
     .location {
diff --git a/src/pages/booking/components/TimePanel.vue b/src/pages/booking/components/TimePanel.vue
index ea80f84..af84351 100644
--- a/src/pages/booking/components/TimePanel.vue
+++ b/src/pages/booking/components/TimePanel.vue
@@ -120,7 +120,7 @@ const selectLDate = (val) => {
       t[3].disabled = true
       t[4].disabled = true
       timeList = t
-    } else if (nowH <= 21) {
+    } else if (nowH <= 21 || nowH > 21) {
       t[0].disabled = true
       t[1].disabled = true
       t[2].disabled = true
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 21db650..4797538 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { BannerItem, CategoryItem } from '@/types/home'
-import { onShow, onReady } from '@dcloudio/uni-app'
+import { onShow, onLoad, onReady } from '@dcloudio/uni-app'
 import { computed, ref, reactive } from 'vue'
 import { useMemberStore } from '@/stores'
 import CustomNavbar from './components/CustomNavbar.vue'
@@ -44,10 +44,12 @@ const isLogin = computed(() => {
 // 是否加载中标记
 const isLoading = ref(false)
 // 页面加载
-onReady(async () => {
+onShow(async () => {
   // getHomeCategory()
   if (isLogin.value) {
     getSettingInfo()
+  } else {
+    uni.navigateTo({ url: '/pages/login/login' })
   }
 })
 const init = async () => {
@@ -95,7 +97,9 @@ const getLocationInfo = () => {
         latitude: latitude,
       })
       uni.setStorageSync('location', location)
-      init()
+      if (!categoryList.value.length) {
+        init()
+      }
     },
     fail(err) {
       console.log(err)
@@ -227,5 +231,4 @@ page {
     }
   }
 }
-</style>import type { parse } from 'path'
-, onReady, onShow
+</style>
diff --git a/src/pages/index/styles/category.scss b/src/pages/index/styles/category.scss
index 25f26aa..da56d11 100644
--- a/src/pages/index/styles/category.scss
+++ b/src/pages/index/styles/category.scss
@@ -15,7 +15,7 @@
         // margin: 20rpx 0 0;
         padding: 10rpx 0;
         display: flex;
-        justify-content: center;
+        justify-content: space-between;
         flex-wrap: wrap;
         min-height: 328rpx;
         .category-item {
@@ -24,7 +24,7 @@
             margin: 8rpx;
             padding: 16rpx 0;
             display: flex;
-            justify-content: center; // flex-direction: row;
+            justify-content: space-between; // flex-direction: row;
             align-items: center;
             box-sizing: border-box;
             .left {
diff --git a/src/pages/index/styles/category.wxss b/src/pages/index/styles/category.wxss
new file mode 100644
index 0000000..e8af9f9
--- /dev/null
+++ b/src/pages/index/styles/category.wxss
@@ -0,0 +1,49 @@
+@charset "UTF-8";
+/* 前台类目 */
+.category {
+  padding: 32rpx 20rpx;
+  margin: 16rpx;
+  background-color: #fff;
+  border-radius: 4rpx;
+}
+
+.category .module-title {
+  font-size: 30rpx;
+  color: #0D0D26;
+  padding-bottom: 20rpx;
+  border-bottom: 2rpx solid #F2F2F2;
+}
+
+.category .category-items {
+  padding: 10rpx 0;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  min-height: 328rpx;
+}
+
+.category .category-items .category-item {
+  width: 45%;
+  border-radius: 16rpx;
+  margin: 8rpx;
+  padding: 16rpx 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.category .category-items .category-item .left .title {
+  font-size: 26rpx;
+  color: #666;
+}
+
+.category .category-items .category-item .left .desc {
+  font-size: 24rpx;
+  color: #7BAFBD;
+}
+
+.category .category-items .category-item .right .icon {
+  width: 100rpx;
+  height: 100rpx;
+}
diff --git a/src/pages/orderList/components/OrderList.vue b/src/pages/orderList/components/OrderList.vue
index a04cc67..1698579 100644
--- a/src/pages/orderList/components/OrderList.vue
+++ b/src/pages/orderList/components/OrderList.vue
@@ -178,13 +178,11 @@ const onRefresherrefresh = async () => {
         <view class="statusLabel">{{ item.orderStatus.desc }}</view>
       </view>
       <view class="md" @click="handleDetail(item.id)">
-        <!-- <view class="orderDetails" v-for="detail in item.orderDetails" :key="detail.id">
-          <view class="productName">{{ detail.productName }}</view>
-          <view class="productName">{{ detail.productWeight.desc }}</view>
-        </view> -->
         <view class="orderDetails">
-          <view class="productName">{{ item.orderDetails[0].productName }}</view>
-          <!-- <view class="productName">{{ item.orderDetails[0].productWeight.desc }}</view> -->
+          <view class="detail-item" v-for="item2 in item.orderDetails" :key="item2.id">
+            <view class="productName">{{ item2.product.name }}</view>
+            <view class="productName">{{ item2.productWeight.desc }}</view>
+          </view>
         </view>
       </view>
       <view class="foot">
@@ -223,6 +221,14 @@ const onRefresherrefresh = async () => {
       font-size: 28rpx;
       border-top: 2rpx solid #F2F2F2;
       border-bottom: 2rpx solid #F2F2F2;
+      .orderDetails {
+        .detail-item {
+          margin: 20rpx 0;
+          .productName {
+            margin: 10rpx 0;
+          }
+        }
+      }
     }
     .foot {
       padding: 10rpx;
@@ -394,4 +400,4 @@ const onRefresherrefresh = async () => {
     padding: 20rpx 0;
   }
 }
-</style> 
+</style>
diff --git a/src/pages/orderList/list.vue b/src/pages/orderList/list.vue
index d5d0c7a..ac7f325 100644
--- a/src/pages/orderList/list.vue
+++ b/src/pages/orderList/list.vue
@@ -21,6 +21,14 @@ const orderTabs = ref([
 const activeIndex = ref(orderTabs.value.findIndex((v) => v.orderState === 'PENDING'))
 // 默认渲染容器
 orderTabs.value[activeIndex.value].isRender = true
+
+const handleIndexChange = (index: any) => {
+  orderTabs.value.forEach((e) => {
+    e.isRender = false
+  })
+  activeIndex.value = index
+  orderTabs.value[index].isRender = true
+}
 </script>
 
 <template>
@@ -31,12 +39,7 @@ orderTabs.value[activeIndex.value].isRender = true
         class="item"
         v-for="(item, index) in orderTabs"
         :key="item.title"
-        @tap="
-          () => {
-            activeIndex = index
-            item.isRender = true
-          }
-        "
+        @tap="handleIndexChange(index)"
       >
         {{ item.title }}
       </text>
@@ -44,7 +47,11 @@ orderTabs.value[activeIndex.value].isRender = true
       <view class="cursor" :style="{ left: activeIndex * 20 + '%' }"></view>
     </view>
     <!-- 滑动容器 -->
-    <swiper class="swiper" :current="activeIndex" @change="activeIndex = $event.detail.current">
+    <swiper
+      class="swiper"
+      :current="activeIndex"
+      @change="handleIndexChange($event.detail.current)"
+    >
       <!-- 滑动项 -->
       <swiper-item v-for="item in orderTabs" :key="item.title">
         <!-- 订单列表 -->
diff --git a/src/utils/http.ts b/src/utils/http.ts
index 0417d8a..b043226 100644
--- a/src/utils/http.ts
+++ b/src/utils/http.ts
@@ -11,8 +11,8 @@
  *   4. 添加 token 请求头标识
  */
 import { useMemberStore } from '@/stores'
-const baseURL = 'http://192.168.0.166:8808/api'
-// const baseURL = 'http://222.71.165.188:8808/api'
+// const baseURL = 'http://192.168.0.166:8808/api'
+const baseURL = 'http://222.71.165.188:8808/api'
 // 添加拦截器
 const httpInterceptor = {
   // 拦截前触发