完善服务详情页面的价格范围筛选
This commit is contained in:
parent
0a6d26eb49
commit
744073e7ec
@ -64,8 +64,8 @@ export default {
|
|||||||
url: "/packages/community/index/index",
|
url: "/packages/community/index/index",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
photo: "http://localhost:8080/footer_localLife.png",
|
photo: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_localLife.png",
|
||||||
photoAc: "http://localhost:8080/footer_localLifeAc.png",
|
photoAc: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_localLifeAc.png",
|
||||||
nav_name: "本地生活",
|
nav_name: "本地生活",
|
||||||
url: "/packages/localLife/index/index",
|
url: "/packages/localLife/index/index",
|
||||||
},
|
},
|
||||||
|
|||||||
@ -391,7 +391,7 @@
|
|||||||
<view class="boxshadow_text">好友对方可以直接查看详情</view>
|
<view class="boxshadow_text">好友对方可以直接查看详情</view>
|
||||||
<view class="boxshadow_text2">张师傅</view>
|
<view class="boxshadow_text2">张师傅</view>
|
||||||
<view class="boxshadow_img">
|
<view class="boxshadow_img">
|
||||||
<image src="http://localhost:8080/erweima.png"> </image>
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/erweima.png"> </image>
|
||||||
</view>
|
</view>
|
||||||
<view class="boxshadow_text2">扫描二维码查看服务详情</view>
|
<view class="boxshadow_text2">扫描二维码查看服务详情</view>
|
||||||
<view class="boxshadow_btnList">
|
<view class="boxshadow_btnList">
|
||||||
|
|||||||
@ -8,7 +8,7 @@
|
|||||||
<view class="notice-content">{{ item.content }}</view>
|
<view class="notice-content">{{ item.content }}</view>
|
||||||
<view class="notice-date">
|
<view class="notice-date">
|
||||||
<image
|
<image
|
||||||
src="http://localhost:8080/time.png"
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/time.png"
|
||||||
class="date-image"
|
class="date-image"
|
||||||
></image>
|
></image>
|
||||||
<view>{{ item.date }}</view>
|
<view>{{ item.date }}</view>
|
||||||
@ -31,13 +31,13 @@ export default {
|
|||||||
return {
|
return {
|
||||||
noticeList: [
|
noticeList: [
|
||||||
{
|
{
|
||||||
image: "http://localhost:8080/test.png",
|
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||||
title: "公告标题1",
|
title: "公告标题1",
|
||||||
content: "公告内容",
|
content: "公告内容",
|
||||||
date: "2023-01-01",
|
date: "2023-01-01",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image: "http://localhost:8080/test.png",
|
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||||
title: "公告标题2",
|
title: "公告标题2",
|
||||||
content: "公告内容",
|
content: "公告内容",
|
||||||
date: "2023-01-02",
|
date: "2023-01-02",
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
<image
|
<image
|
||||||
:src="
|
:src="
|
||||||
selectedFilter === filter.id
|
selectedFilter === filter.id
|
||||||
? 'http://localhost:8080/search_up.png'
|
? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/search_up.png'
|
||||||
: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png'
|
: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png'
|
||||||
"
|
"
|
||||||
:class="{ iconStyle: selectedFilter === filter.id }"
|
:class="{ iconStyle: selectedFilter === filter.id }"
|
||||||
|
|||||||
@ -30,7 +30,7 @@ export default {
|
|||||||
shops: [
|
shops: [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -39,7 +39,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -48,7 +48,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -57,7 +57,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 4,
|
id: 4,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -66,7 +66,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 5,
|
id: 5,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -75,7 +75,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 6,
|
id: 6,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -84,7 +84,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -93,7 +93,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -102,7 +102,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -111,7 +111,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -120,7 +120,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -129,7 +129,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -138,7 +138,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -147,7 +147,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -156,7 +156,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -165,7 +165,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -174,7 +174,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
@ -183,7 +183,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
image: 'http://localhost:8080/test.png',
|
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||||
title: '专业到家服务',
|
title: '专业到家服务',
|
||||||
ratingCount: 5,
|
ratingCount: 5,
|
||||||
rating: 4.8,
|
rating: 4.8,
|
||||||
|
|||||||
@ -262,3 +262,71 @@
|
|||||||
bottom: -16rpx;
|
bottom: -16rpx;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.FilterMore {
|
||||||
|
width: 100%;
|
||||||
|
height: 220rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 20rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* 添加阴影 */
|
||||||
|
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-section {
|
||||||
|
padding: 20rpx 30rpx;
|
||||||
|
border-bottom: 1rpx solid #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-title {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-range {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 20rpx;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-input {
|
||||||
|
flex: 1;
|
||||||
|
height: 60rpx;
|
||||||
|
background: #f5f5f5;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-buttons {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20rpx 30rpx;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reset-button {
|
||||||
|
width: 150rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
border: 1rpx solid #7abbff;
|
||||||
|
border-radius: 50rpx;
|
||||||
|
background: #f0f7ff;
|
||||||
|
color: #409eff;
|
||||||
|
font-size: 26rpx;
|
||||||
|
line-height: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirm-button {
|
||||||
|
width: 150rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
background: #409eff;
|
||||||
|
border-radius: 50rpx;
|
||||||
|
color: white;
|
||||||
|
font-size: 26rpx;
|
||||||
|
border: none;
|
||||||
|
line-height: 50rpx;
|
||||||
|
}
|
||||||
@ -19,16 +19,6 @@
|
|||||||
>
|
>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <swiper>
|
|
||||||
<swiper-item>
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_banner.png"></image>
|
|
||||||
</swiper-item>
|
|
||||||
</swiper>
|
|
||||||
<div class="dotList">
|
|
||||||
<div class="dot active"></div>
|
|
||||||
<div class="dot"></div>
|
|
||||||
<div class="dot"></div>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
<div class="serverTitBox">
|
<div class="serverTitBox">
|
||||||
@ -44,28 +34,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
<!-- <div class="priceSelect">
|
|
||||||
<div class="tit">价格范围</div>
|
|
||||||
|
|
||||||
<div class="range">
|
|
||||||
<div class="minPrice">¥10</div>
|
|
||||||
<slider-range
|
|
||||||
style="flex: 1"
|
|
||||||
:value="rangeValue"
|
|
||||||
:min="rangeMin"
|
|
||||||
:max="rangeMax"
|
|
||||||
:step="5"
|
|
||||||
:bar-height="3"
|
|
||||||
:block-size="26"
|
|
||||||
background-color="#EEEEF6"
|
|
||||||
active-color="#FF6B00"
|
|
||||||
:format="format"
|
|
||||||
:decorationVisible="true"
|
|
||||||
@change="handleRangeChange"
|
|
||||||
></slider-range>
|
|
||||||
<div class="maxPrice">¥39</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<div class="serverList">
|
<div class="serverList">
|
||||||
<div class="serverListTit">找到8个匹配服务商</div>
|
<div class="serverListTit">找到8个匹配服务商</div>
|
||||||
@ -79,10 +47,35 @@
|
|||||||
{{ item.category_name }}
|
{{ item.category_name }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<div class="FilterMore" v-if="showPrice">
|
||||||
|
<div class="filter-section">
|
||||||
|
<div class="price-range">
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
v-model="minPrice"
|
||||||
|
placeholder="最低价"
|
||||||
|
class="price-input"
|
||||||
|
@input="validatePriceRange"
|
||||||
|
/>
|
||||||
|
<span class="price-separator">—</span>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
v-model="maxPrice"
|
||||||
|
placeholder="最高价"
|
||||||
|
class="price-input"
|
||||||
|
@input="validatePriceRange"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filter-buttons">
|
||||||
|
<button class="reset-button" @click="resetFilters">重置</button>
|
||||||
|
<button class="confirm-button" @click="applyFilters">确定</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="serverItem" @click="selectVendor">
|
<div class="serverItem" @click="selectVendor">
|
||||||
<div class="serverItem_left">
|
<div class="serverItem_left">
|
||||||
<image src="http://localhost:8080/test.png"></image>
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png"></image>
|
||||||
</div>
|
</div>
|
||||||
<div class="serverItem_right">
|
<div class="serverItem_right">
|
||||||
<div class="serverItem_right_msg">
|
<div class="serverItem_right_msg">
|
||||||
@ -96,20 +89,20 @@
|
|||||||
<span class="rating">
|
<span class="rating">
|
||||||
<image
|
<image
|
||||||
class="infoImage"
|
class="infoImage"
|
||||||
src="http://localhost:8080/serverInfo_xing.png"
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_xing.png"
|
||||||
/>
|
/>
|
||||||
4.8
|
4.8
|
||||||
</span>
|
</span>
|
||||||
<span class="distance">
|
<span class="distance">
|
||||||
<image
|
<image
|
||||||
class="infoImage"
|
class="infoImage"
|
||||||
src="http://localhost:8080/serverInfo_weizhi.png"
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_weizhi.png"
|
||||||
/>3.3km</span
|
/>3.3km</span
|
||||||
>
|
>
|
||||||
<span class="served">
|
<span class="served">
|
||||||
<image
|
<image
|
||||||
class="infoImage"
|
class="infoImage"
|
||||||
src="http://localhost:8080/serverInfo_fuwu.png"
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_fuwu.png"
|
||||||
/>服务12226人</span
|
/>服务12226人</span
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
@ -140,14 +133,14 @@ export default {
|
|||||||
return {
|
return {
|
||||||
bannerList: [
|
bannerList: [
|
||||||
{
|
{
|
||||||
pic_src: "http://localhost:8080/test.png",
|
pic_src: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
pic_src:
|
pic_src:
|
||||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_banner.png",
|
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_banner.png",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
pic_src: "http://localhost:8080/test.png",
|
pic_src: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
currentIdx: 0,
|
currentIdx: 0,
|
||||||
@ -166,6 +159,10 @@ export default {
|
|||||||
{ category_name: "服务最多" },
|
{ category_name: "服务最多" },
|
||||||
{ category_name: "价格范围" },
|
{ category_name: "价格范围" },
|
||||||
],
|
],
|
||||||
|
|
||||||
|
showPrice: false,
|
||||||
|
minPrice: "",
|
||||||
|
maxPrice: "",
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@ -196,6 +193,38 @@ export default {
|
|||||||
},
|
},
|
||||||
selectTab(index, item) {
|
selectTab(index, item) {
|
||||||
this.selectedTab = index;
|
this.selectedTab = index;
|
||||||
|
if (item.category_name === "价格范围") {
|
||||||
|
this.showPrice = !this.showPrice;
|
||||||
|
} else {
|
||||||
|
this.showPrice = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
validatePriceRange() {
|
||||||
|
// 确保最小值在0-99999之间
|
||||||
|
if (this.minPrice < 0) this.minPrice = 0;
|
||||||
|
if (this.minPrice > 99999) this.minPrice = 99999;
|
||||||
|
// 确保最大值在0-99999之间且不小于最小值
|
||||||
|
if (
|
||||||
|
this.maxPrice &&
|
||||||
|
(this.maxPrice < this.minPrice || this.maxPrice > 99999)
|
||||||
|
) {
|
||||||
|
this.maxPrice = Math.min(Math.max(this.maxPrice, this.minPrice), 99999);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
resetFilters() {
|
||||||
|
this.minPrice = "";
|
||||||
|
this.maxPrice = "";
|
||||||
|
},
|
||||||
|
applyFilters() {
|
||||||
|
const filterData = {
|
||||||
|
priceRange: {
|
||||||
|
min: this.minPrice || 0,
|
||||||
|
max: this.maxPrice || 99999,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
console.log("筛选条件:", filterData);
|
||||||
|
this.showPrice = false;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
onReady() {},
|
onReady() {},
|
||||||
|
|||||||
@ -10,7 +10,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="goods">
|
<view class="goods">
|
||||||
<view>
|
<view>
|
||||||
<image src="http://localhost:8080/test.png" class="goodsImg"></image>
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png" class="goodsImg"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="rating">
|
<view class="rating">
|
||||||
<view>很差</view>
|
<view>很差</view>
|
||||||
@ -84,7 +84,7 @@
|
|||||||
v-if="imageList.length < 3"
|
v-if="imageList.length < 3"
|
||||||
>
|
>
|
||||||
<image
|
<image
|
||||||
src="http://localhost:8080/upload.png"
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/upload.png"
|
||||||
class="upload-icon"
|
class="upload-icon"
|
||||||
></image>
|
></image>
|
||||||
<view class="upload-text">上传图片</view>
|
<view class="upload-text">上传图片</view>
|
||||||
@ -107,16 +107,16 @@ export default {
|
|||||||
return {
|
return {
|
||||||
// 商品列表
|
// 商品列表
|
||||||
goods: [
|
goods: [
|
||||||
{ image: "http://localhost:8080/order_index1.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
|
||||||
{ image: "http://localhost:8080/order_index2.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
|
||||||
{ image: "http://localhost:8080/order_index3.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
|
||||||
{ image: "http://localhost:8080/order_index4.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
|
||||||
{ image: "http://localhost:8080/order_index5.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
|
||||||
{ image: "http://localhost:8080/order_index1.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
|
||||||
{ image: "http://localhost:8080/order_index2.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
|
||||||
{ image: "http://localhost:8080/order_index3.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
|
||||||
{ image: "http://localhost:8080/order_index4.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
|
||||||
{ image: "http://localhost:8080/order_index5.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
|
||||||
],
|
],
|
||||||
// 评分数据
|
// 评分数据
|
||||||
qualityRating: 5,
|
qualityRating: 5,
|
||||||
|
|||||||
@ -43,14 +43,14 @@ export default {
|
|||||||
orderNumber: "4534534255",
|
orderNumber: "4534534255",
|
||||||
products: [
|
products: [
|
||||||
{
|
{
|
||||||
imageUrl: "http://localhost:8080/product.png",
|
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||||
tag: "当日达",
|
tag: "当日达",
|
||||||
name: "货品名称",
|
name: "货品名称",
|
||||||
spec: "货品规格",
|
spec: "货品规格",
|
||||||
unit: "货品单位",
|
unit: "货品单位",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
imageUrl: "http://localhost:8080/product.png",
|
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||||
tag: "当日达",
|
tag: "当日达",
|
||||||
name: "货品名称",
|
name: "货品名称",
|
||||||
spec: "货品规格",
|
spec: "货品规格",
|
||||||
@ -62,21 +62,21 @@ export default {
|
|||||||
orderNumber: "54352342331",
|
orderNumber: "54352342331",
|
||||||
products: [
|
products: [
|
||||||
{
|
{
|
||||||
imageUrl: "http://localhost:8080/product.png",
|
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||||
tag: "",
|
tag: "",
|
||||||
name: "货品名称",
|
name: "货品名称",
|
||||||
spec: "货品规格",
|
spec: "货品规格",
|
||||||
unit: "货品单位",
|
unit: "货品单位",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
imageUrl: "http://localhost:8080/product.png",
|
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||||
tag: "",
|
tag: "",
|
||||||
name: "货品名称",
|
name: "货品名称",
|
||||||
spec: "货品规格",
|
spec: "货品规格",
|
||||||
unit: "货品单位",
|
unit: "货品单位",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
imageUrl: "http://localhost:8080/product.png",
|
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||||
tag: "",
|
tag: "",
|
||||||
name: "货品名称",
|
name: "货品名称",
|
||||||
spec: "货品规格",
|
spec: "货品规格",
|
||||||
|
|||||||
@ -30,7 +30,7 @@
|
|||||||
>{{ getOrderStatus(item.order_status) }}</view
|
>{{ getOrderStatus(item.order_status) }}</view
|
||||||
>
|
>
|
||||||
<view v-else-if="item.order_status == 7" class="status2">
|
<view v-else-if="item.order_status == 7" class="status2">
|
||||||
<img src="http://localhost:8080/refund.png" />
|
<img src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/refund.png" />
|
||||||
{{ getOrderStatus(item.order_status) }}
|
{{ getOrderStatus(item.order_status) }}
|
||||||
</view>
|
</view>
|
||||||
<view v-else class="order_status">{{
|
<view v-else class="order_status">{{
|
||||||
|
|||||||
@ -57,13 +57,13 @@ export default {
|
|||||||
evaluationInfo: {
|
evaluationInfo: {
|
||||||
content: "评价文字内容",
|
content: "评价文字内容",
|
||||||
images: [
|
images: [
|
||||||
{ url: "http://localhost:8080/eval1.png", text: "评价图片" },
|
{ url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval1.png", text: "评价图片" },
|
||||||
{ url: "http://localhost:8080/eval2.png", text: "评价图片" },
|
{ url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval2.png", text: "评价图片" },
|
||||||
{ url: "http://localhost:8080/eval3.png", text: "评价图片" },
|
{ url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval3.png", text: "评价图片" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
productInfo: {
|
productInfo: {
|
||||||
imageUrl: "http://localhost:8080/product.png",
|
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||||
tags: ["当日达", "当日达"],
|
tags: ["当日达", "当日达"],
|
||||||
name: "货品名称",
|
name: "货品名称",
|
||||||
spec: "货品规格",
|
spec: "货品规格",
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
<img
|
<img
|
||||||
class="copy-btn"
|
class="copy-btn"
|
||||||
@click="copyNumber"
|
@click="copyNumber"
|
||||||
src="http://localhost:8080/copy.png"
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/copy.png"
|
||||||
alt="复制"
|
alt="复制"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -16,7 +16,7 @@
|
|||||||
<view class="countdown">预计到货时间: 2025-09-09 9:59:59</view>
|
<view class="countdown">预计到货时间: 2025-09-09 9:59:59</view>
|
||||||
<view class="tips">
|
<view class="tips">
|
||||||
配送司机:15901518415
|
配送司机:15901518415
|
||||||
<img class="phone" src="http://localhost:8080/phone.png" />
|
<img class="phone" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/phone.png" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="status-bar" v-if="status === '已完成' || status === '退款中'">
|
<view class="status-bar" v-if="status === '已完成' || status === '退款中'">
|
||||||
@ -190,21 +190,21 @@ export default {
|
|||||||
remark: "明天9点之前送到",
|
remark: "明天9点之前送到",
|
||||||
goodsList: [
|
goodsList: [
|
||||||
{
|
{
|
||||||
image: "http://localhost:8080/order_details.png",
|
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_details.png",
|
||||||
name: "泰国金枕榴莲",
|
name: "泰国金枕榴莲",
|
||||||
desc: "泰国金枕榴莲 软糯 香甜",
|
desc: "泰国金枕榴莲 软糯 香甜",
|
||||||
price: "125.9",
|
price: "125.9",
|
||||||
quantity: 1,
|
quantity: 1,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image: "http://localhost:8080/order_details.png",
|
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_details.png",
|
||||||
name: "泰国金枕榴莲",
|
name: "泰国金枕榴莲",
|
||||||
desc: "泰国金枕榴莲 软糯 香甜",
|
desc: "泰国金枕榴莲 软糯 香甜",
|
||||||
price: "125.9",
|
price: "125.9",
|
||||||
quantity: 1,
|
quantity: 1,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
image: "http://localhost:8080/order_details.png",
|
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_details.png",
|
||||||
name: "泰国金枕榴莲",
|
name: "泰国金枕榴莲",
|
||||||
desc: "泰国金枕榴莲 软糯 香甜",
|
desc: "泰国金枕榴莲 软糯 香甜",
|
||||||
price: "125.9",
|
price: "125.9",
|
||||||
|
|||||||
@ -87,7 +87,7 @@
|
|||||||
v-if="imageList.length < 3"
|
v-if="imageList.length < 3"
|
||||||
>
|
>
|
||||||
<image
|
<image
|
||||||
src="http://localhost:8080/upload.png"
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/upload.png"
|
||||||
class="upload-icon"
|
class="upload-icon"
|
||||||
></image>
|
></image>
|
||||||
<view class="upload-text">上传图片</view>
|
<view class="upload-text">上传图片</view>
|
||||||
@ -108,16 +108,16 @@ export default {
|
|||||||
return {
|
return {
|
||||||
// 商品列表
|
// 商品列表
|
||||||
goods: [
|
goods: [
|
||||||
{ image: "http://localhost:8080/order_index1.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
|
||||||
{ image: "http://localhost:8080/order_index2.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
|
||||||
{ image: "http://localhost:8080/order_index3.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
|
||||||
{ image: "http://localhost:8080/order_index4.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
|
||||||
{ image: "http://localhost:8080/order_index5.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
|
||||||
{ image: "http://localhost:8080/order_index1.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
|
||||||
{ image: "http://localhost:8080/order_index2.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
|
||||||
{ image: "http://localhost:8080/order_index3.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
|
||||||
{ image: "http://localhost:8080/order_index4.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
|
||||||
{ image: "http://localhost:8080/order_index5.png" },
|
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
|
||||||
],
|
],
|
||||||
// 评分数据
|
// 评分数据
|
||||||
qualityRating: 5,
|
qualityRating: 5,
|
||||||
|
|||||||
@ -315,12 +315,12 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="temp">
|
<view class="temp">
|
||||||
<view class="temp1">
|
<view class="temp1">
|
||||||
<img class="temp_img" src="http://localhost:8080/pingjia.png" />
|
<img class="temp_img" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/pingjia.png" />
|
||||||
为你展示真实评价
|
为你展示真实评价
|
||||||
</view>
|
</view>
|
||||||
<view class="temp1" @click="showSizePopup">
|
<view class="temp1" @click="showSizePopup">
|
||||||
款式
|
款式
|
||||||
<img class="temp_img1" src="http://localhost:8080/kuanshi.png" />
|
<img class="temp_img1" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kuanshi.png" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="reviews-list" v-if="comments.length > 0">
|
<view class="reviews-list" v-if="comments.length > 0">
|
||||||
@ -410,24 +410,24 @@ export default {
|
|||||||
showReviewPopup: false,
|
showReviewPopup: false,
|
||||||
comments: [
|
comments: [
|
||||||
{
|
{
|
||||||
avatar: "http://localhost:8080/test.png",
|
avatar: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||||
username: "TP",
|
username: "TP",
|
||||||
product: "库尔勒香梨 10kg/箱",
|
product: "库尔勒香梨 10kg/箱",
|
||||||
content:
|
content:
|
||||||
"踏入这家位于街角的餐厅,木质门框与暖黄灯光交织出温馨氛围,墙面上手绘的食材插画画透着文艺气息,开放式厨房的设计让食客能看见厨师处理食材的全过程,第一印象便给人以干净与安心。",
|
"踏入这家位于街角的餐厅,木质门框与暖黄灯光交织出温馨氛围,墙面上手绘的食材插画画透着文艺气息,开放式厨房的设计让食客能看见厨师处理食材的全过程,第一印象便给人以干净与安心。",
|
||||||
images: ["http://localhost:8080/test.png"],
|
images: ["https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png"],
|
||||||
time: "2025-03-01 11:24:20",
|
time: "2025-03-01 11:24:20",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
avatar: "http://localhost:8080/test.png",
|
avatar: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||||
username: "TP",
|
username: "TP",
|
||||||
product: "库尔勒香梨 10kg/箱",
|
product: "库尔勒香梨 10kg/箱",
|
||||||
content:
|
content:
|
||||||
"踏入这家位于街角的餐厅,木质门框与暖黄灯光交织出温馨氛围,墙面上手绘的食材插_draw着文艺气息,开放式厨房的设计让食客能看见厨师处理食材的全过程,第一印象便给人以干净与安心。",
|
"踏入这家位于街角的餐厅,木质门框与暖黄灯光交织出温馨氛围,墙面上手绘的食材插_draw着文艺气息,开放式厨房的设计让食客能看见厨师处理食材的全过程,第一印象便给人以干净与安心。",
|
||||||
images: [
|
images: [
|
||||||
"http://localhost:8080/test.png",
|
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||||
"http://localhost:8080/test.png",
|
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||||
"http://localhost:8080/test.png",
|
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||||
],
|
],
|
||||||
time: "2025-03-01 11:24:20",
|
time: "2025-03-01 11:24:20",
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user