From 0dd1a5df6d60badc79242cfc4a4844b7fb4e0a47 Mon Sep 17 00:00:00 2001
From: zheng_hb <19584434@qq.com>
Date: Wed, 18 Dec 2024 23:34:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json              |  24 +++++
 pages/index/cart.vue    |  12 +++
 pages/index/center.vue  |   3 +-
 pages_my/activeList.vue | 242 ++++++++++++++++++++++++++++++++++++++++++++++++
 pages_my/collection.vue | 109 ++++++++++++++++++++++
 pages_my/travelList.vue | 236 ++++++++++++++++++++++++++++++++++++++++++++++
 static/image/icon.png   | Bin 0 -> 5006 bytes
 uni.scss                |   1 +
 8 files changed, 626 insertions(+), 1 deletion(-)
 create mode 100644 pages_my/activeList.vue
 create mode 100644 pages_my/collection.vue
 create mode 100644 pages_my/travelList.vue
 create mode 100644 static/image/icon.png

diff --git a/pages.json b/pages.json
index 22302a5..82e6588 100644
--- a/pages.json
+++ b/pages.json
@@ -114,6 +114,30 @@
 					"navigationStyle": "custom" ,
 					"navigationBarTextStyle": "white"
 				}
+			},
+			{
+				"path": "collection",
+				"style": {
+					"enablePullDownRefresh": true,
+					"navigationStyle": "custom" ,
+					"navigationBarTextStyle": "white"
+				}
+			},
+			{
+				"path": "travelList",
+				"style": {
+					"enablePullDownRefresh": true,
+					"navigationStyle": "custom" ,
+					"navigationBarTextStyle": "white"
+				}
+			},
+			{
+				"path": "activeList",
+				"style": {
+					"enablePullDownRefresh": true,
+					"navigationStyle": "custom" ,
+					"navigationBarTextStyle": "white"
+				}
 			}
 		]
 	}],
diff --git a/pages/index/cart.vue b/pages/index/cart.vue
index a2e6394..a07acbe 100644
--- a/pages/index/cart.vue
+++ b/pages/index/cart.vue
@@ -13,6 +13,8 @@
 				:inactiveStyle="{color: '#999', transform: 'scale(1)'}" 
 				itemStyle="padding-left: 15px; padding-right: 15px; height: 44px;"
 			></uv-tabs>
+            <button class="mini-btn" size="mini" @click="travelList">旅行列表</button>
+            <button class="mini-btn" size="mini" @click="activeList">活动列表</button>
 			<cardList :cardListData="cardListData" @btnClick="btnClick" @toOrderDetails="toOrderDetails" />
 		</view>
 		<tabber select="cart" />
@@ -114,6 +116,16 @@
 			}
 		},
 		methods: {
+            travelList() {
+                uni.navigateTo({
+                    url: '/pages_my/travelList'
+                })
+            },
+            activeList() {
+                uni.navigateTo({
+                    url: '/pages_my/activeList'
+                })
+            },
 			tabs(val) {
 				console.log(val);
 			},
diff --git a/pages/index/center.vue b/pages/index/center.vue
index b7e3c3b..0a0cb30 100644
--- a/pages/index/center.vue
+++ b/pages/index/center.vue
@@ -90,7 +90,8 @@
 					},
 					{
 						src:require('@/static/image/center/line-2.png'),
-						name:'我的收藏'
+						name:'我的收藏',
+                        url:'/pages_my/collection'
 					},
 					{
 						src:require('@/static/image/center/line-3.png'),
diff --git a/pages_my/activeList.vue b/pages_my/activeList.vue
new file mode 100644
index 0000000..f8dfff1
--- /dev/null
+++ b/pages_my/activeList.vue
@@ -0,0 +1,242 @@
+<template>
+	<view class="travelList">
+        <view class="head-box"></view>
+		<Navbar title="活动列表" :autoBack="true" :bgColor="bgColor" leftIconSize="18px" height="100rpx" :leftIconColor="leftIconColor" :titleStyle="{color:fontColor}" />
+        <view class="content contentPosition_">
+            <view class="drop">
+                <uv-drop-down
+                    ref="dropDown"
+                    text-color="#fff"
+                    text-size="30rpx"
+                    sign="dropDown_1" 
+                    text-active-color="#fff"
+                    :extra-icon="{name:'arrow-down-fill',color:'#666',size:'26rpx'}" 
+                    :extra-active-icon="{name:'arrow-up-fill',color:'#fff',size:'26rpx'}"
+                    :defaultValue="defaultValue" 
+                    :custom-style="{padding: '0 30rpx'}" 
+                    @click="selectMenu"
+                >
+                    <uv-drop-down-item 
+                        name="order" 
+                        type="2" 
+                        :label="dropItem('order').label" 
+                        :value="dropItem('order').value">
+                    </uv-drop-down-item>
+                    <uv-drop-down-item 
+                        name="place" 
+                        type="2" 
+                        :label="dropItem('type').label" 
+                        :value="dropItem('type').value">
+                    </uv-drop-down-item>
+                    <uv-drop-down-item 
+                        name="type" 
+                        type="2" 
+                        :label="dropItem('type').label" 
+                        :value="dropItem('type').value">
+                    </uv-drop-down-item>
+                </uv-drop-down>
+
+                <uv-drop-down-popup 
+                    sign="dropDown_1" 
+                    :click-overlay-on-close="true"
+                    :currentDropItem="currentDropItem" 
+                    @clickItem="clickItem"
+                    @popupChange="change"
+                ></uv-drop-down-popup>
+            </view>
+            <view class="info cardStyle_">
+                <view class="left">
+                    <image src="https://img0.baidu.com/it/u=4274003247,920124130&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1031" alt="">
+                </view>
+                <view class="right">
+                    <view class="detailed">
+                        <view class="title">夏日去撒野旅游计划～</view>
+                        <view class="date">2024.10.28 10:00</view>
+                        <view class="address">成都市东丽湖露营地32号</view>
+                    </view>
+                    <view class="data">
+                        <text>¥233.00</text>
+                        <text>11/40</text>
+                        <text class="btn">已开票</text>
+                    </view>
+                </view>
+            </view>
+        </view>
+	</view>
+</template>
+
+<script>
+    import Navbar from '@/pages/components/Navbar.vue'
+    import { globalMixin } from '../pages/mixins/globalMixin';
+	export default{
+        onPageScroll() {
+			// 滚动后及时更新位置
+			this.$refs.dropDown.init();
+		},
+        mixins: [globalMixin],
+        components:{
+            Navbar
+		},
+        computed: {
+			dropItem(name) {
+				return (name) => {
+					const result = {};
+					const find = this.result.find(item => item.name === name);
+					if (find) {
+						result.label = find.label;
+						result.value = find.value;
+					} else {
+						result.label = this[name].label;
+						result.value = this[name].value;
+					}
+					return result;
+				}
+			},
+			// 获取当前下拉筛选项
+			currentDropItem() {
+				return this[this.activeName];
+			}
+		},
+		data() {
+			return {
+                // 表示value等于这些值，就属于默认值
+				defaultValue: [0, 'all', '0'],
+				// 筛选结果
+				result: [{ name: 'order', label: '全部', value: 'new' }],
+				// { name: 'order', label: '最新发布', value: 'new' }
+				activeName: 'order',
+				order: {
+					label: '全部',
+					value: 'all',
+					activeIndex: 0,
+					color: '#333',
+					activeColor: '#FF4546',
+					child: [{
+						label: '综合排序',
+						value: 'all'
+					}, {
+						label: '最新发布',
+						value: 'new'
+					}, {
+						label: '低价优先',
+						value: 'money'
+					}]
+				},
+				type: {
+					label: '时间',
+					value: 'all',
+					activeIndex: 0,
+					color: '#333',
+					activeColor: '#FF4546',
+					child: [{
+						label: '全部',
+						value: 'all'
+					}, {
+						label: 'PDF',
+						value: 'pdf'
+					}, {
+						label: 'WROD',
+						value: 'word'
+					}, {
+						label: 'PPT',
+						value: 'ppt'
+					}]
+				}
+			}
+		},
+		methods: {
+            change(e) {
+				console.log('弹窗打开状态：',e);
+			},
+			/**
+			 * 点击每个筛选项回调
+			 * @param {Object} e { name, active, type } = e
+			 */
+			selectMenu(e) {
+				const { name, active, type } = e;
+				this.activeName = name;
+				// type 等于1 的需要特殊处理：type不等于1可以忽略
+				if (type == 1) {
+					this.clickItem({
+						name: 'vip_type',
+						label: 'VIP文档',
+						value: e.active ? 1 : 0
+					});
+				} else {
+					const find = this.result.find(item => item.name == this.activeName);
+					if (find) {
+						const findIndex = this[this.activeName].child.findIndex(item => item.label == find.label && item.value == find.value);
+						this[this.activeName].activeIndex = findIndex;
+					} else {
+						this[this.activeName].activeIndex = 0;
+					}
+				}
+			},
+			/**
+			 * 点击菜单回调处理
+			 * @param {Object} item 选中项 { label,value } = e
+			 */
+			clickItem(e) {
+				// 下面有重新赋值，所以用let
+				let { label, value } = e;
+				const findIndex = this.result.findIndex(item => item.name == this.activeName);
+				if (this.defaultValue.indexOf(value) > -1 && this[this.activeName].label) {
+					label = this[this.activeName].label;
+				}
+				// 已经存在筛选项
+				if (findIndex > -1) {
+					this.$set(this.result, findIndex, {
+						name: this.activeName,
+						label,
+						value
+					})
+				} else {
+					this.result.push({
+						name: this.activeName,
+						label,
+						value
+					});
+				}
+				this.result = this.result.filter(item => this.defaultValue.indexOf(item.value) == -1);
+				uni.showModal({
+					content: `筛选的值：${JSON.stringify(this.result)}`
+				})
+			}
+		}
+	}
+</script>
+<style scoped lang="scss">
+/deep/.uv-sticky__content{
+    .uv-drop-down {
+        justify-content: normal;
+        border: 0;
+        background: transparent;
+    }
+}
+.travelList {
+    margin-bottom: 500rpx;
+    
+    .content {
+        .info {
+            position: relative;
+            margin: 10rpx 32rpx 36rpx;;
+            padding: 35rpx 0 35rpx 24rpx;
+            border-radius: 26rpx;
+            .right {
+                .data {
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    .btn {
+                        background: #381615;
+                        color: $uni-color-primary;
+                        padding: 10rpx 40rpx;
+                        border-radius: 30rpx 0px 0px 30rpx;
+                    }
+                }
+            }
+        }
+    }
+}
+
+</style>
\ No newline at end of file
diff --git a/pages_my/collection.vue b/pages_my/collection.vue
new file mode 100644
index 0000000..5ede9bb
--- /dev/null
+++ b/pages_my/collection.vue
@@ -0,0 +1,109 @@
+<template>
+	<view class="invoiceIssuance">
+        <view class="head-box"></view>
+		<Navbar title="订单详情" :autoBack="true" :bgColor="bgColor" leftIconSize="18px" height="100rpx" :leftIconColor="leftIconColor" :titleStyle="{color:fontColor}" />
+        <view class="content contentPosition_">
+            <view class="info cardStyle_">
+                <view class="left">
+                    <image src="https://img0.baidu.com/it/u=4274003247,920124130&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1031" alt="">
+                </view>
+                <view class="right">
+                    <view class="detailed">
+                        <view class="title">夏日去撒野旅游计划～</view>
+                        <view class="date">2024.10.28 10:00</view>
+                        <view class="address">成都市东丽湖露营地32号</view>
+                    </view>
+                    <view class="data">
+                        <view>12/30</view>
+                        <button class="mini-btn" size="mini">立即报名</button>
+                    </view>
+                </view>
+                <i class="icon"></i>
+            </view>
+            <view class="info cardStyle_">
+                <view class="left">
+                    <image src="https://img0.baidu.com/it/u=4274003247,920124130&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1031" alt="">
+                </view>
+                <view class="right">
+                    <view class="detailed">
+                        <view class="title">夏日去撒野旅游计划～</view>
+                        <view class="date">2024.10.28 10:00</view>
+                        <view class="address">成都市东丽湖露营地32号</view>
+                    </view>
+                    <view class="data">
+                        <view>12/30</view>
+                        <button class="mini-btn" size="mini">立即报名</button>
+                    </view>
+                </view>
+                <i class="icon"></i>
+            </view>
+        </view>
+	</view>
+</template>
+
+<script>
+    import Navbar from '@/pages/components/Navbar.vue'
+    import { globalMixin } from '../pages/mixins/globalMixin';
+	export default{
+        mixins: [globalMixin],
+        components:{
+            Navbar
+		},
+        computed: {
+            customStyle1() {
+                return {
+                    height: '30rpx',
+                    color: '#FF4546',
+                }
+            }
+        },
+		data() {
+			return {
+			}
+		},
+		methods: {
+		}
+	}
+</script>
+<style scoped lang="scss">
+.invoiceIssuance {
+    margin-bottom: 500rpx;
+    
+    .content {
+        .info {
+            position: relative;
+            margin: 10rpx 32rpx 36rpx;;
+            border-radius: 26rpx;
+            .icon {
+                position: absolute;
+                right: 0;
+                top: 0;
+                display: block;
+                width: 66rpx;
+                height: 56rpx;
+                background: red;
+                background: url('@/static/image/icon.png') no-repeat;
+                background-size: 100% 100%;
+            }
+            .right {
+                .data {
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    .mini-btn {
+                        margin: 0;
+                        background: linear-gradient(to right, #FE5E5E, #E41522);
+                        height: 45rpx;
+                        line-height: 45rpx;
+                        width: 181rpx;
+                        color:#fff;
+                        border-radius: 60rpx;
+                        padding-bottom: 5rpx;
+                    }
+                }
+            }
+        }
+    }
+}
+
+</style>
\ No newline at end of file
diff --git a/pages_my/travelList.vue b/pages_my/travelList.vue
new file mode 100644
index 0000000..c9557b0
--- /dev/null
+++ b/pages_my/travelList.vue
@@ -0,0 +1,236 @@
+<template>
+	<view class="travelList">
+        <view class="head-box"></view>
+		<Navbar title="旅行列表" :autoBack="true" :bgColor="bgColor" leftIconSize="18px" height="100rpx" :leftIconColor="leftIconColor" :titleStyle="{color:fontColor}" />
+        <view class="content contentPosition_">
+            <view class="drop">
+                <uv-drop-down
+                    ref="dropDown"
+                    text-color="#fff"
+                    text-size="30rpx"
+                    sign="dropDown_1" 
+                    text-active-color="#fff"
+                    :extra-icon="{name:'arrow-down-fill',color:'#666',size:'26rpx'}" 
+                    :extra-active-icon="{name:'arrow-up-fill',color:'#fff',size:'26rpx'}"
+                    :defaultValue="defaultValue" 
+                    :custom-style="{padding: '0 30rpx'}" 
+                    @click="selectMenu"
+                >
+                    <uv-drop-down-item 
+                        name="order" 
+                        type="2" 
+                        :label="dropItem('order').label" 
+                        :value="dropItem('order').value">
+                    </uv-drop-down-item>
+                    <uv-drop-down-item 
+                        name="type" 
+                        type="2" 
+                        :label="dropItem('type').label" 
+                        :value="dropItem('type').value">
+                    </uv-drop-down-item>
+                </uv-drop-down>
+
+                <uv-drop-down-popup 
+                    sign="dropDown_1" 
+                    :click-overlay-on-close="true"
+                    :currentDropItem="currentDropItem" 
+                    @clickItem="clickItem"
+                    @popupChange="change"
+                ></uv-drop-down-popup>
+            </view>
+            <view class="info cardStyle_">
+                <view class="left">
+                    <image src="https://img0.baidu.com/it/u=4274003247,920124130&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1031" alt="">
+                </view>
+                <view class="right">
+                    <view class="detailed">
+                        <view class="title">夏日去撒野旅游计划～</view>
+                        <view class="date">2024.10.28 10:00</view>
+                        <view class="address">成都市东丽湖露营地32号</view>
+                    </view>
+                    <view class="data">
+                        <text>¥233.00</text>
+                        <text>11/40</text>
+                        <text class="btn">已开票</text>
+                    </view>
+                </view>
+            </view>
+        </view>
+	</view>
+</template>
+
+<script>
+    import Navbar from '@/pages/components/Navbar.vue'
+    import { globalMixin } from '../pages/mixins/globalMixin';
+	export default{
+        onPageScroll() {
+			// 滚动后及时更新位置
+			this.$refs.dropDown.init();
+		},
+        mixins: [globalMixin],
+        components:{
+            Navbar
+		},
+        computed: {
+			dropItem(name) {
+				return (name) => {
+					const result = {};
+					const find = this.result.find(item => item.name === name);
+					if (find) {
+						result.label = find.label;
+						result.value = find.value;
+					} else {
+						result.label = this[name].label;
+						result.value = this[name].value;
+					}
+					return result;
+				}
+			},
+			// 获取当前下拉筛选项
+			currentDropItem() {
+				return this[this.activeName];
+			}
+		},
+		data() {
+			return {
+                // 表示value等于这些值，就属于默认值
+				defaultValue: [0, 'all', '0'],
+				// 筛选结果
+				result: [{ name: 'order', label: '全部', value: 'new' }],
+				// { name: 'order', label: '最新发布', value: 'new' }
+				activeName: 'order',
+				order: {
+					label: '全部',
+					value: 'all',
+					activeIndex: 0,
+					color: '#333',
+					activeColor: '#FF4546',
+					child: [{
+						label: '综合排序',
+						value: 'all'
+					}, {
+						label: '最新发布',
+						value: 'new'
+					}, {
+						label: '低价优先',
+						value: 'money'
+					}]
+				},
+				type: {
+					label: '时间',
+					value: 'all',
+					activeIndex: 0,
+					color: '#333',
+					activeColor: '#FF4546',
+					child: [{
+						label: '全部',
+						value: 'all'
+					}, {
+						label: 'PDF',
+						value: 'pdf'
+					}, {
+						label: 'WROD',
+						value: 'word'
+					}, {
+						label: 'PPT',
+						value: 'ppt'
+					}]
+				}
+			}
+		},
+		methods: {
+            change(e) {
+				console.log('弹窗打开状态：',e);
+			},
+			/**
+			 * 点击每个筛选项回调
+			 * @param {Object} e { name, active, type } = e
+			 */
+			selectMenu(e) {
+				const { name, active, type } = e;
+				this.activeName = name;
+				// type 等于1 的需要特殊处理：type不等于1可以忽略
+				if (type == 1) {
+					this.clickItem({
+						name: 'vip_type',
+						label: 'VIP文档',
+						value: e.active ? 1 : 0
+					});
+				} else {
+					const find = this.result.find(item => item.name == this.activeName);
+					if (find) {
+						const findIndex = this[this.activeName].child.findIndex(item => item.label == find.label && item.value == find.value);
+						this[this.activeName].activeIndex = findIndex;
+					} else {
+						this[this.activeName].activeIndex = 0;
+					}
+				}
+			},
+			/**
+			 * 点击菜单回调处理
+			 * @param {Object} item 选中项 { label,value } = e
+			 */
+			clickItem(e) {
+				// 下面有重新赋值，所以用let
+				let { label, value } = e;
+				const findIndex = this.result.findIndex(item => item.name == this.activeName);
+				if (this.defaultValue.indexOf(value) > -1 && this[this.activeName].label) {
+					label = this[this.activeName].label;
+				}
+				// 已经存在筛选项
+				if (findIndex > -1) {
+					this.$set(this.result, findIndex, {
+						name: this.activeName,
+						label,
+						value
+					})
+				} else {
+					this.result.push({
+						name: this.activeName,
+						label,
+						value
+					});
+				}
+				this.result = this.result.filter(item => this.defaultValue.indexOf(item.value) == -1);
+				uni.showModal({
+					content: `筛选的值：${JSON.stringify(this.result)}`
+				})
+			}
+		}
+	}
+</script>
+<style scoped lang="scss">
+/deep/.uv-sticky__content{
+    .uv-drop-down {
+        justify-content: normal;
+        border: 0;
+        background: transparent;
+    }
+}
+.travelList {
+    margin-bottom: 500rpx;
+    
+    .content {
+        .info {
+            position: relative;
+            margin: 10rpx 32rpx 36rpx;;
+            padding: 35rpx 0 35rpx 24rpx;
+            border-radius: 26rpx;
+            .right {
+                .data {
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    .btn {
+                        background: #381615;
+                        color: $uni-color-primary;
+                        padding: 10rpx 40rpx;
+                        border-radius: 30rpx 0px 0px 30rpx;
+                    }
+                }
+            }
+        }
+    }
+}
+
+</style>
\ No newline at end of file
diff --git a/static/image/icon.png b/static/image/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..64bc431bbdde46c1fdf468b6db5ae66329e2e054
GIT binary patch
literal 5006
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
YADqohbI*XC^Z)<=07*qoM6N<$g1k_Qy#N3J

literal 0
HcmV?d00001

diff --git a/uni.scss b/uni.scss
index d60fa1e..20cf941 100644
--- a/uni.scss
+++ b/uni.scss
@@ -15,6 +15,7 @@
 $uni-color: #A3D250;
 $uni-color-background: #060504;
 $uni-color-card-background: #1B1713;
+$uni--bg-color-btn: #381615;
 
 /* 行为相关颜色 */
 $uni-color-primary: #FF4546;