Compare commits
No commits in common. "main" and "2025-08-11中团内部测试版，上线的第一版内容" have entirely different histories.
main
...
2025-08-11
41
pages.json
41
pages.json
@ -21,13 +21,13 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/index/category",
|
"path": "pages/index/fabu",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "商品分类"
|
"navigationBarTitleText": "发布信息"
|
||||||
},
|
},
|
||||||
"meta": {
|
"meta": {
|
||||||
"sync": true,
|
"sync": true,
|
||||||
"title": "商品分类",
|
"title": "发布信息",
|
||||||
"group": "商城"
|
"group": "商城"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -42,6 +42,17 @@
|
|||||||
"group": "商城"
|
"group": "商城"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/category",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "商品分类"
|
||||||
|
},
|
||||||
|
"meta": {
|
||||||
|
"sync": true,
|
||||||
|
"title": "商品分类",
|
||||||
|
"group": "商城"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/index/cart",
|
"path": "pages/index/cart",
|
||||||
"style": {
|
"style": {
|
||||||
@ -106,28 +117,6 @@
|
|||||||
"group": "食堂招租"
|
"group": "食堂招租"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"path": "lawNotice",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "法律声明"
|
|
||||||
},
|
|
||||||
"meta": {
|
|
||||||
"sync": true,
|
|
||||||
"title": "法律声明",
|
|
||||||
"group": "商品"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "fabu",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "发布信息"
|
|
||||||
},
|
|
||||||
"meta": {
|
|
||||||
"sync": true,
|
|
||||||
"title": "发布信息",
|
|
||||||
"group": "商城"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"path": "rentEdit",
|
"path": "rentEdit",
|
||||||
"style": {
|
"style": {
|
||||||
@ -865,7 +854,7 @@
|
|||||||
"pagePath": "pages/index/index"
|
"pagePath": "pages/index/index"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/index/category"
|
"pagePath": "pages/index/fabu"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/index/user"
|
"pagePath": "pages/index/user"
|
||||||
|
|||||||
@ -1,9 +1,6 @@
|
|||||||
<!-- 页面 -->
|
<!-- 页面 -->
|
||||||
<template>
|
<template>
|
||||||
<s-layout title="积分商城">
|
<s-layout title="积分商城">
|
||||||
<scroll-view @scrolltolower="onScrolltolower" :refresher-enabled="true" :refresher-triggered="homrS"
|
|
||||||
@refresherrefresh="onS" scroll-y="true" class="flex align-items "
|
|
||||||
style="height: 100vh;box-sizing: border-box;">
|
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<!-- 顶部信息 -->
|
<!-- 顶部信息 -->
|
||||||
<view class="conTop">
|
<view class="conTop">
|
||||||
@ -17,42 +14,33 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- tabs页签
|
<!-- tabs页签 -->
|
||||||
<view class="tabs-box">
|
<view class="tabs-box">
|
||||||
<su-tabs :list="tabMaps" @change="onChange" :scrollable="false" :current="currentTab"></su-tabs>
|
<su-tabs :list="tabMaps" @change="onChange" :scrollable="false" :current="currentTab"></su-tabs>
|
||||||
</view>-->
|
</view>
|
||||||
|
|
||||||
<!-- 可兑换券列表 -->
|
<!-- 可兑换券列表 -->
|
||||||
|
<scroll-view @scrolltolower="onScrolltolower" :refresher-enabled="true" :refresher-triggered="homrS"
|
||||||
|
@refresherrefresh="onS" scroll-y="true" class="flex align-items"
|
||||||
|
style="height: 1250rpx;box-sizing: border-box;">
|
||||||
<!-- 满减券 -->
|
<!-- 满减券 -->
|
||||||
<view class="exChangeBox">
|
<view class="exChangeBox" v-if="currentTab == 0">
|
||||||
<view class="scoreBox" style="display: flex;justify-content: center;align-items: center;width: 100%;margin: 40rpx 30rpx;">
|
|
||||||
<view style="width: 60rpx;height: 8rpx;background-color: #fcc74e;"></view>
|
|
||||||
<view style="color: #333333;font-size: 42rpx;font-weight: bold;line-height: 28rpx;margin: 0 30rpx;font-family: PingFang SC;;">积分兑换</view>
|
|
||||||
<view style="width: 60rpx;height: 8rpx;background-color: #fcc74e;"></view>
|
|
||||||
</view>
|
|
||||||
<view class="couponsList">
|
<view class="couponsList">
|
||||||
<view class="list-item" v-for="(item, index) in couponList" :key="index" @click="openCouponPro(item)">
|
<view class="list-item" v-for="(item, index) in couponList" :key="index" @click="openCouponPro(item)">
|
||||||
<view >
|
<image style="width: 330rpx;height: 200rpx;" src="https://jiangxiaoxian.0rui.cn/fullCoupon.png">
|
||||||
<image v-if="item.status == 1" style="width: 330rpx;height: 200rpx;" src="https://jiangxiaoxian.0rui.cn/fullCoupon.png">
|
</image>
|
||||||
</image>
|
<view class="item-text">
|
||||||
<image v-else style="width: 330rpx;height: 200rpx;"
|
<view class="fs30 c3" style="margin: 0 auto;text-align: center;">{{item.name}}</view>
|
||||||
src="https://jiangxiaoxian.0rui.cn/scoreNumCoupon.png"></image>
|
<view class="exchangeBtn">
|
||||||
<view class="item-text">
|
{{item.score}}积分兑换
|
||||||
<view class="fs30 c3" style="margin: 0 auto;text-align: center;">{{item.name}}</view>
|
|
||||||
<view class="exchangeBtn">
|
|
||||||
{{item.score}}积分兑换
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<!-- 次数券
|
<!-- 次数券 -->
|
||||||
<view class="exChangeBox">
|
<view class="exChangeBox" v-if="currentTab == 1">
|
||||||
<view class="couponsList">
|
<view class="couponsList">
|
||||||
<view class="list-item" v-for="(item, index) in couponList" :key="index" @click="openCouponPro(item)">
|
<view class="list-item" v-for="(item, index) in couponList" :key="index" @click="openCouponPro(item)">
|
||||||
<image style="width: 330rpx;height: 200rpx;"
|
<image style="width: 330rpx;height: 200rpx;"
|
||||||
@ -66,9 +54,9 @@
|
|||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>-->
|
</view>
|
||||||
|
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -96,8 +84,6 @@
|
|||||||
</su-popup>
|
</su-popup>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</scroll-view>
|
|
||||||
|
|
||||||
</s-layout>
|
</s-layout>
|
||||||
</template>
|
</template>
|
||||||
@ -160,10 +146,10 @@
|
|||||||
const couponCount = ref(0)
|
const couponCount = ref(0)
|
||||||
const homrS = ref(false)
|
const homrS = ref(false)
|
||||||
async function getCouponList() {
|
async function getCouponList() {
|
||||||
// status: listQuery.value.status,
|
|
||||||
const res = await sheep.$api.app.scoreShop.fullList({
|
const res = await sheep.$api.app.scoreShop.fullList({
|
||||||
page: listQuery.value.page,
|
page: listQuery.value.page,
|
||||||
limit: listQuery.value.limit,
|
limit: listQuery.value.limit,
|
||||||
|
status: listQuery.value.status,
|
||||||
order: 'normal'
|
order: 'normal'
|
||||||
});
|
});
|
||||||
if (res.code === 1) {
|
if (res.code === 1) {
|
||||||
|
|||||||
@ -80,7 +80,7 @@
|
|||||||
</image>
|
</image>
|
||||||
<view class="signTask-text">
|
<view class="signTask-text">
|
||||||
<view class="textFir">发布1条信息</view>
|
<view class="textFir">发布1条信息</view>
|
||||||
<view class="textSec">+100积分</view>
|
<view class="textSec">+10积分</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -98,7 +98,7 @@
|
|||||||
</image>
|
</image>
|
||||||
<view class="signTask-text">
|
<view class="signTask-text">
|
||||||
<view class="textFir">每日签到</view>
|
<view class="textFir">每日签到</view>
|
||||||
<view class="textSec">+20积分</view>
|
<view class="textSec">+10积分</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -120,12 +120,12 @@
|
|||||||
mode="">
|
mode="">
|
||||||
</image>
|
</image>
|
||||||
<view class="signTask-text">
|
<view class="signTask-text">
|
||||||
<view class="textFir">每消费1元</view>
|
<view class="textFir">每消费100元</view>
|
||||||
<view class="textSec">+1积分</view>
|
<view class="textSec">+10积分</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="signBtn" @click="toTabb('/pages/index/category')">
|
<view class="signBtn" @click="toPage('/pages/index/category')">
|
||||||
去消费
|
去消费
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -139,7 +139,7 @@
|
|||||||
</image>
|
</image>
|
||||||
<view class="signTask-text">
|
<view class="signTask-text">
|
||||||
<view class="textFir">分享1个好友注册平台</view>
|
<view class="textFir">分享1个好友注册平台</view>
|
||||||
<view class="textSec">+500积分</view>
|
<view class="textSec">+10积分</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -218,7 +218,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="contactBtn">
|
<view class="contactBtn">
|
||||||
<view class="tactBtnBox" style="color: #999999;" @click="showFB = false">取消</view>
|
<view class="tactBtnBox" style="color: #999999;" @click="showFB = false">取消</view>
|
||||||
<view class="tactBtnBox2" style="color: #323232;" @click="toFaBu">去发布</view>
|
<view class="tactBtnBox2" style="color: #323232;" @click="toTabb('/pages/index/fabu')">去发布</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</su-popup>
|
</su-popup>
|
||||||
@ -410,15 +410,7 @@
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const showFB = ref(false);
|
const showFB = ref(false)
|
||||||
function toFaBu() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/canteenRent/fabu',
|
|
||||||
})
|
|
||||||
setTimeout(() => {
|
|
||||||
showFB.value = false;
|
|
||||||
},1000)
|
|
||||||
}
|
|
||||||
function openFB() {
|
function openFB() {
|
||||||
showFB.value = true;
|
showFB.value = true;
|
||||||
}
|
}
|
||||||
@ -426,6 +418,7 @@
|
|||||||
showFB.value = false;
|
showFB.value = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//分享功能
|
//分享功能
|
||||||
function showShare() {
|
function showShare() {
|
||||||
// 确保使用有效的图片URL
|
// 确保使用有效的图片URL
|
||||||
|
|||||||
@ -1,55 +0,0 @@
|
|||||||
<template>
|
|
||||||
<s-layout title="法律声明">
|
|
||||||
<view style="padding: 30rpx;">
|
|
||||||
<rich-text style="text-align: justify;" :nodes="legal_notice_agreement"></rich-text>
|
|
||||||
</view>
|
|
||||||
</s-layout>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import {
|
|
||||||
ref,
|
|
||||||
reactive
|
|
||||||
} from 'vue'
|
|
||||||
import {
|
|
||||||
onLoad,
|
|
||||||
onShow,
|
|
||||||
} from '@dcloudio/uni-app';
|
|
||||||
import sheep from '@/sheep';
|
|
||||||
import rent from '../../sheep/api/rent';
|
|
||||||
|
|
||||||
const rentId = ref('');
|
|
||||||
const legal_notice_agreement = ref('');
|
|
||||||
|
|
||||||
onLoad((options) => {
|
|
||||||
console.log('options', options.id);
|
|
||||||
if (options.id) {
|
|
||||||
rentId.value = options.id;
|
|
||||||
getDetail();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
function getDetail() {
|
|
||||||
sheep.$api.rent.rentInfo(rentId.value).then((res) => {
|
|
||||||
console.log('获取招租详情', res);
|
|
||||||
if (res.code == 1) {
|
|
||||||
legal_notice_agreement.value = res.data.detail.legal_notice_agreement;
|
|
||||||
console.log(' legal_notice_agreement', legal_notice_agreement.value);
|
|
||||||
} else {
|
|
||||||
sheep.$helper.toast(res.msg);
|
|
||||||
// uni.showToast({
|
|
||||||
// title: res.msg,
|
|
||||||
// icon: 'none'
|
|
||||||
// })
|
|
||||||
}
|
|
||||||
}).catch((error) => {
|
|
||||||
console.log('error: ', error);
|
|
||||||
// 'error: ',
|
|
||||||
// error;
|
|
||||||
})
|
|
||||||
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
</style>
|
|
||||||
@ -80,23 +80,6 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 重要提示 -->
|
|
||||||
<view class="lawBox">
|
|
||||||
<view class="importTitle">
|
|
||||||
<image src="https://jiangxiaoxian.0rui.cn/lawImage.png" style="width: 50rpx;height: 50rpx;border-radius: 116rpx;" mode=""></image>
|
|
||||||
<view style="font-weight: bold;font-size: 36rpx;line-height: 38rpx;color: #3d3d3d;margin-left: 20rpx;">重要提醒</view>
|
|
||||||
</view>
|
|
||||||
<view class="importText">
|
|
||||||
<view class="textLaw">
|
|
||||||
1.请再次阅读团餐宝典
|
|
||||||
<view class="lawPage" @click="toPage(`/pages/canteenRent/lawNotice?id=` + detailRent.id )">《法律声明》</view>
|
|
||||||
</view>
|
|
||||||
<view class="textNotice">2.练习时请说明是在团餐宝典看到的</view>
|
|
||||||
<view class="textNotice">3.不要轻信先付款再带你去看餐厅档口信息，以免上当受骗</view>
|
|
||||||
<view class="textNotice">4.本文系作者授权发表。如需转载请联系团餐宝典平台</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view style="width: 100%;height: 248rpx;"></view>
|
<view style="width: 100%;height: 248rpx;"></view>
|
||||||
|
|
||||||
<!-- 底部按钮 -->
|
<!-- 底部按钮 -->
|
||||||
@ -581,48 +564,6 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.lawBox {
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
background-color: #ffffff;
|
|
||||||
padding: 20rpx 30rpx;
|
|
||||||
|
|
||||||
.importTitle {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.importText {
|
|
||||||
margin-top: 23rpx;
|
|
||||||
width: 690rpx;
|
|
||||||
|
|
||||||
.textLaw {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-start;
|
|
||||||
font-size: 28rpx;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #3d3d3d;
|
|
||||||
line-height: 42rpx;
|
|
||||||
|
|
||||||
.lawPage {
|
|
||||||
color: #ff6200;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.textNotice {
|
|
||||||
font-size: 28rpx;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #3d3d3d;
|
|
||||||
line-height: 42rpx;
|
|
||||||
margin-top: 10rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-box {
|
.footer-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100rpx auto;
|
height: 100rpx auto;
|
||||||
|
|||||||
@ -31,12 +31,12 @@
|
|||||||
|
|
||||||
<view class="row " style="">
|
<view class="row " style="">
|
||||||
<view class="label flex align-items" style="width: auto;">
|
<view class="label flex align-items" style="width: auto;">
|
||||||
学校名
|
详细地址
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-top: 20rpx;height: 80rpx;">
|
<view style="margin-top: 20rpx;height: 80rpx;">
|
||||||
<textarea v-model="form.address_detail" style="height: 80rpx;width: 100%;"
|
<textarea v-model="form.address_detail" style="height: 80rpx;width: 100%;"
|
||||||
maxlength="400" placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
|
maxlength="400" placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
|
||||||
placeholder="请输入学校全名"></textarea>
|
placeholder="请输入详细地址"></textarea>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
@ -44,10 +44,10 @@
|
|||||||
|
|
||||||
<view class="row flex align-items" style="padding: 0 30rpx;">
|
<view class="row flex align-items" style="padding: 0 30rpx;">
|
||||||
<view class="label flex align-items" style="width: auto;">
|
<view class="label flex align-items" style="width: auto;">
|
||||||
经理
|
联系人
|
||||||
</view>
|
</view>
|
||||||
<view class="row-right" style="width: 80%;">
|
<view class="row-right" style="width: 80%;">
|
||||||
<input type="text" placeholder="请输入经理名字" class="input" v-model="form.contacts"
|
<input type="text" placeholder="请输入联系人" class="input" v-model="form.contacts"
|
||||||
style="width: 80%;text-align: right;" />
|
style="width: 80%;text-align: right;" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -55,10 +55,10 @@
|
|||||||
|
|
||||||
<view class="row flex align-items" style="padding: 0 30rpx;">
|
<view class="row flex align-items" style="padding: 0 30rpx;">
|
||||||
<view class="label flex align-items" style="width: auto;">
|
<view class="label flex align-items" style="width: auto;">
|
||||||
经理电话
|
联系电话
|
||||||
</view>
|
</view>
|
||||||
<view class="row-right" style="width: 80%;">
|
<view class="row-right" style="width: 80%;">
|
||||||
<input type="number" placeholder="请输入经理电话" class="input" v-model="form.contact_number"
|
<input type="number" placeholder="请输入联系电话" class="input" v-model="form.contact_number"
|
||||||
style="width: 80%;text-align: right;" />
|
style="width: 80%;text-align: right;" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -70,12 +70,12 @@
|
|||||||
style="margin-top: 20rpx;padding: 30rpx;">
|
style="margin-top: 20rpx;padding: 30rpx;">
|
||||||
<view class="row align-items" style="">
|
<view class="row align-items" style="">
|
||||||
<view class="label flex align-items" style="width: auto;">
|
<view class="label flex align-items" style="width: auto;">
|
||||||
餐厅信息
|
详细信息
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-top: 20rpx;height: 120rpx;margin-bottom: 30rpx;">
|
<view style="margin-top: 20rpx;height: 120rpx;margin-bottom: 30rpx;">
|
||||||
<textarea v-model="form.content" style="height: 120rpx;width: 100%;" maxlength="400"
|
<textarea v-model="form.content" style="height: 120rpx;width: 100%;" maxlength="400"
|
||||||
placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
|
placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
|
||||||
placeholder="餐厅发布信息:\n楼层:**,\n押金:**,\n房租:**,\n扣点:**,\n水电燃气费:**,\n公摊:**,"></textarea>
|
placeholder="请输入你的招标详细信息"></textarea>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 图片 :value="state.formData.images" @success="handleUploadSuccess" @del-file="handleDelFile"
|
<!-- 图片 :value="state.formData.images" @success="handleUploadSuccess" @del-file="handleDelFile"
|
||||||
@ -616,7 +616,7 @@
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (form.value.address_detail == '') {
|
if (form.value.address_detail == '') {
|
||||||
sheep.$helper.toast('请输入学校全名');
|
sheep.$helper.toast('请输入详细地址');
|
||||||
// uni.showToast({
|
// uni.showToast({
|
||||||
// title: '请输入详细地址',
|
// title: '请输入详细地址',
|
||||||
// icon: 'none',
|
// icon: 'none',
|
||||||
@ -624,7 +624,7 @@
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (form.value.contacts == '') {
|
if (form.value.contacts == '') {
|
||||||
sheep.$helper.toast('请输入经理名字');
|
sheep.$helper.toast('请输入联系人');
|
||||||
// uni.showToast({
|
// uni.showToast({
|
||||||
// title: '请输入联系人',
|
// title: '请输入联系人',
|
||||||
// icon: 'none',
|
// icon: 'none',
|
||||||
@ -632,7 +632,7 @@
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (form.value.contact_number == '') {
|
if (form.value.contact_number == '') {
|
||||||
sheep.$helper.toast('请输入经理电话');
|
sheep.$helper.toast('请输入联系人电话');
|
||||||
// uni.showToast({
|
// uni.showToast({
|
||||||
// title: '请输入联系人电话',
|
// title: '请输入联系人电话',
|
||||||
// icon: 'none',
|
// icon: 'none',
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
<view class="locTop-left-left" @click="state.showRegion = true">
|
<view class="locTop-left-left" @click="state.showRegion = true">
|
||||||
<view @click="state.showRegion = true"
|
<view @click="state.showRegion = true"
|
||||||
style="font-size: 28rpx;font-weight: 400;line-height: 32rpx;color: #999999;max-width: 140rpx;">
|
style="font-size: 28rpx;font-weight: 400;line-height: 32rpx;color: #999999;max-width: 140rpx;">
|
||||||
{{state.model.city_name ? state.model.city_name:'全部地区' }}
|
{{state.model.city_name ? state.model.city_name:'全国' }}
|
||||||
</view>
|
</view>
|
||||||
<image @click="state.showRegion = true"
|
<image @click="state.showRegion = true"
|
||||||
style="width: 27rpx;height: 27rpx;margin-left: 10rpx;"
|
style="width: 27rpx;height: 27rpx;margin-left: 10rpx;"
|
||||||
|
|||||||
@ -182,7 +182,7 @@
|
|||||||
/* 使用券 */
|
/* 使用券 */
|
||||||
function toUseFull(item) {
|
function toUseFull(item) {
|
||||||
console.log('使用满减券', item);
|
console.log('使用满减券', item);
|
||||||
uni.switchTab({
|
uni.navigateTo({
|
||||||
url: '/pages/index/category'
|
url: '/pages/index/category'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@ -62,11 +62,11 @@
|
|||||||
value: 'goods',
|
value: 'goods',
|
||||||
to: 'detail-swiper-selector',
|
to: 'detail-swiper-selector',
|
||||||
},
|
},
|
||||||
// {
|
{
|
||||||
// label: '评价',
|
label: '评价',
|
||||||
// value: 'comment',
|
value: 'comment',
|
||||||
// to: 'detail-comment-selector',
|
to: 'detail-comment-selector',
|
||||||
// },
|
},
|
||||||
{
|
{
|
||||||
label: '详情',
|
label: '详情',
|
||||||
value: 'detail',
|
value: 'detail',
|
||||||
@ -150,34 +150,30 @@
|
|||||||
.icon-box {
|
.icon-box {
|
||||||
box-shadow: 0px 0px 4rpx rgba(51, 51, 51, 0.08), 0px 4rpx 6rpx 2rpx rgba(102, 102, 102, 0.12);
|
box-shadow: 0px 0px 4rpx rgba(51, 51, 51, 0.08), 0px 4rpx 6rpx 2rpx rgba(102, 102, 102, 0.12);
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
width: 150rpx;
|
width: 134rpx;
|
||||||
height: 64rpx;
|
height: 56rpx;
|
||||||
// width: 134rpx;
|
|
||||||
// height: 56rpx;
|
|
||||||
margin-left: 8rpx;
|
margin-left: 8rpx;
|
||||||
border: 1px solid rgba(#fff, 0.4);
|
border: 1px solid rgba(#fff, 0.4);
|
||||||
.line {
|
.line {
|
||||||
width: 3rpx;
|
width: 2rpx;
|
||||||
height: 30rpx;
|
height: 24rpx;
|
||||||
// height: 24rpx;
|
background: #e5e5e7;
|
||||||
// background: #e5e5e7;
|
|
||||||
background-color: #000;
|
|
||||||
}
|
}
|
||||||
.sicon-back {
|
.sicon-back {
|
||||||
font-size: 36rpx;
|
font-size: 32rpx;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.sicon-home {
|
.sicon-home {
|
||||||
font-size: 36rpx;
|
font-size: 32rpx;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.sicon-more {
|
.sicon-more {
|
||||||
font-size: 36rpx;
|
font-size: 32rpx;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.icon-button {
|
.icon-button {
|
||||||
width: 67rpx;
|
width: 67rpx;
|
||||||
height: 56rpx;s
|
height: 56rpx;
|
||||||
&-left:hover {
|
&-left:hover {
|
||||||
background: rgba(0, 0, 0, 0.16);
|
background: rgba(0, 0, 0, 0.16);
|
||||||
border-radius: 30rpx 0px 0px 30rpx;
|
border-radius: 30rpx 0px 0px 30rpx;
|
||||||
|
|||||||
@ -1,390 +1,417 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<s-layout :onShareAppMessage="shareInfo" navbar="goods">
|
<s-layout :onShareAppMessage="shareInfo" navbar="goods">
|
||||||
<!-- 标题栏 -->
|
<!-- 标题栏 -->
|
||||||
<detailNavbar />
|
<detailNavbar />
|
||||||
|
|
||||||
<!-- 骨架屏 -->
|
<!-- 骨架屏 -->
|
||||||
<detailSkeleton v-if="state.skeletonLoading" />
|
<detailSkeleton v-if="state.skeletonLoading" />
|
||||||
<!-- 下架/售罄提醒 -->
|
<!-- 下架/售罄提醒 -->
|
||||||
<s-empty v-else-if="state.goodsInfo === null" text="商品不存在或已下架" icon="/static/soldout-empty.png" showAction
|
<s-empty
|
||||||
actionText="再逛逛" actionUrl="/pages/goods/list" />
|
v-else-if="state.goodsInfo === null"
|
||||||
<block v-else>
|
text="商品不存在或已下架"
|
||||||
<view class="detail-swiper-selector">
|
icon="/static/soldout-empty.png"
|
||||||
<!-- 商品轮播图 -->
|
showAction
|
||||||
<su-swiper class="ss-m-b-14" isPreview :list="state.goodsSwiper" dotStyle="tag" imageMode="widthFix"
|
actionText="再逛逛"
|
||||||
dotCur="bg-mask-40" :seizeHeight="750" />
|
actionUrl="/pages/goods/list"
|
||||||
|
/>
|
||||||
|
<block v-else>
|
||||||
|
<view class="detail-swiper-selector">
|
||||||
|
<!-- 商品轮播图 -->
|
||||||
|
<su-swiper
|
||||||
|
class="ss-m-b-14"
|
||||||
|
isPreview
|
||||||
|
:list="state.goodsSwiper"
|
||||||
|
dotStyle="tag"
|
||||||
|
imageMode="widthFix"
|
||||||
|
dotCur="bg-mask-40"
|
||||||
|
:seizeHeight="750"
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- 价格+标题 -->
|
<!-- 价格+标题 -->
|
||||||
<view class="title-card detail-card ss-p-y-40 ss-p-x-20">
|
<view class="title-card detail-card ss-p-y-40 ss-p-x-20">
|
||||||
<view class="ss-flex ss-row-between ss-col-center ss-m-b-26">
|
<view class="ss-flex ss-row-between ss-col-center ss-m-b-26">
|
||||||
<view class="price-box ss-flex ss-col-bottom">
|
<view class="price-box ss-flex ss-col-bottom">
|
||||||
<view class="price-text ss-m-r-16">
|
<view class="price-text ss-m-r-16">
|
||||||
{{ state.selectedSkuPrice.price || formatPrice(state.goodsInfo.price) }}
|
{{ state.selectedSkuPrice.price || formatPrice(state.goodsInfo.price) }}
|
||||||
</view>
|
</view>
|
||||||
<view class="origin-price-text" v-if="state.goodsInfo.original_price > 0">
|
<view class="origin-price-text" v-if="state.goodsInfo.original_price > 0">
|
||||||
{{ state.selectedSkuPrice.original_price || state.goodsInfo.original_price }}
|
{{ state.selectedSkuPrice.original_price || state.goodsInfo.original_price }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="sales-text">
|
<view class="sales-text">
|
||||||
{{ formatSales(state.goodsInfo.sales_show_type, state.goodsInfo.sales) }}
|
{{ formatSales(state.goodsInfo.sales_show_type, state.goodsInfo.sales) }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="discounts-box ss-flex ss-row-between ss-m-b-28">
|
<view class="discounts-box ss-flex ss-row-between ss-m-b-28">
|
||||||
<div class="tag-content">
|
<div class="tag-content">
|
||||||
<view class="tag-box ss-flex">
|
<view class="tag-box ss-flex">
|
||||||
<view class="tag ss-m-r-10" v-for="promos in state.goodsInfo.promos"
|
<view
|
||||||
:key="promos.id" @tap="onActivity">
|
class="tag ss-m-r-10"
|
||||||
{{ promos.title }}
|
v-for="promos in state.goodsInfo.promos"
|
||||||
</view>
|
:key="promos.id"
|
||||||
</view>
|
@tap="onActivity"
|
||||||
</div>
|
>
|
||||||
|
{{ promos.title }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</div>
|
||||||
|
|
||||||
<view class="get-coupon-box ss-flex ss-col-center ss-m-l-20" @tap="state.showModel = true"
|
<view
|
||||||
v-if="state.couponInfo.length">
|
class="get-coupon-box ss-flex ss-col-center ss-m-l-20"
|
||||||
<view class="discounts-title ss-m-r-8">领券</view>
|
@tap="state.showModel = true"
|
||||||
<text class="cicon-forward"></text>
|
v-if="state.couponInfo.length"
|
||||||
</view>
|
>
|
||||||
</view>
|
<view class="discounts-title ss-m-r-8">领券</view>
|
||||||
<view class="title-text ss-line-2 ss-m-b-6">{{ state.goodsInfo.title }}</view>
|
<text class="cicon-forward"></text>
|
||||||
<view class="subtitle-text ss-line-1">{{ state.goodsInfo.subtitle }}</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="title-text ss-line-2 ss-m-b-6">{{ state.goodsInfo.title }}</view>
|
||||||
|
<view class="subtitle-text ss-line-1">{{ state.goodsInfo.subtitle }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 功能卡片 -->
|
<!-- 功能卡片 -->
|
||||||
<view class="detail-cell-card detail-card ss-flex-col">
|
<view class="detail-cell-card detail-card ss-flex-col">
|
||||||
<detail-cell-sku v-model="state.selectedSkuPrice.goods_sku_text" :skus="state.goodsInfo.skus"
|
<detail-cell-sku
|
||||||
@tap="state.showSelectSku = true" />
|
v-model="state.selectedSkuPrice.goods_sku_text"
|
||||||
<!-- <detail-cell-service v-if="state.goodsInfo.service" v-model="state.goodsInfo.service" /> -->
|
:skus="state.goodsInfo.skus"
|
||||||
<detail-cell-params v-if="state.goodsInfo.params" v-model="state.goodsInfo.params" />
|
@tap="state.showSelectSku = true"
|
||||||
</view>
|
/>
|
||||||
|
<detail-cell-service v-if="state.goodsInfo.service" v-model="state.goodsInfo.service" />
|
||||||
|
<detail-cell-params v-if="state.goodsInfo.params" v-model="state.goodsInfo.params" />
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 规格与数量弹框 -->
|
<!-- 规格与数量弹框 -->
|
||||||
<s-select-sku :goodsInfo="state.goodsInfo" :show="state.showSelectSku" @addCart="onAddCart"
|
<s-select-sku
|
||||||
@buy="onBuy" @change="onSkuChange" @close="state.showSelectSku = false" />
|
:goodsInfo="state.goodsInfo"
|
||||||
</view>
|
:show="state.showSelectSku"
|
||||||
|
@addCart="onAddCart"
|
||||||
|
@buy="onBuy"
|
||||||
|
@change="onSkuChange"
|
||||||
|
@close="state.showSelectSku = false"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 评价 -->
|
<!-- 评价 -->
|
||||||
<!-- <detail-comment-card class="detail-comment-selector" :goodsId="state.goodsId" /> -->
|
<detail-comment-card class="detail-comment-selector" :goodsId="state.goodsId" />
|
||||||
<!-- 详情 -->
|
<!-- 详情 -->
|
||||||
<detail-content-card class="detail-content-selector" :content="state.goodsInfo.content" />
|
<detail-content-card class="detail-content-selector" :content="state.goodsInfo.content" />
|
||||||
|
|
||||||
<view style="width: 100%;height: 100rpx;"></view>
|
|
||||||
|
|
||||||
<!-- 活动跳转 -->
|
|
||||||
<detail-activity-tip v-if="state.goodsInfo.activities" :data="state.goodsInfo"></detail-activity-tip>
|
|
||||||
|
|
||||||
<!-- 详情tabbar -->
|
<!-- 活动跳转 -->
|
||||||
<detail-tabbar v-model="state.goodsInfo">
|
<detail-activity-tip
|
||||||
<!-- TODO: 缺货中 已售罄 判断 设计-->
|
v-if="state.goodsInfo.activities"
|
||||||
<view class="buy-box ss-flex ss-col-center ss-p-r-20" v-if="state.goodsInfo.stock > 0">
|
:data="state.goodsInfo"
|
||||||
<button class="ss-reset-button add-btn ui-Shadow-Main" @tap="state.showSelectSku = true">
|
></detail-activity-tip>
|
||||||
加入购物车
|
|
||||||
</button>
|
<!-- 详情tabbar -->
|
||||||
<button class="ss-reset-button buy-btn ui-Shadow-Main" @tap="state.showSelectSku = true">
|
<detail-tabbar v-model="state.goodsInfo">
|
||||||
立即购买
|
<!-- TODO: 缺货中 已售罄 判断 设计-->
|
||||||
</button>
|
<view class="buy-box ss-flex ss-col-center ss-p-r-20" v-if="state.goodsInfo.stock > 0">
|
||||||
</view>
|
<button
|
||||||
<view class="buy-box ss-flex ss-col-center ss-p-r-20" v-else>
|
class="ss-reset-button add-btn ui-Shadow-Main"
|
||||||
<button class="ss-reset-button disabled-btn" disabled> 已售罄 </button>
|
@tap="state.showSelectSku = true"
|
||||||
</view>
|
>
|
||||||
</detail-tabbar>
|
加入购物车
|
||||||
<s-coupon-get v-model="state.couponInfo" :show="state.showModel" @close="state.showModel = false"
|
</button>
|
||||||
@get="onGet" />
|
<button
|
||||||
<s-activity-pop v-model="state.activityInfo" :show="state.showActivityModel"
|
class="ss-reset-button buy-btn ui-Shadow-Main"
|
||||||
@close="state.showActivityModel = false" />
|
@tap="state.showSelectSku = true"
|
||||||
</block>
|
>
|
||||||
</s-layout>
|
立即购买
|
||||||
</view>
|
</button>
|
||||||
|
</view>
|
||||||
|
<view class="buy-box ss-flex ss-col-center ss-p-r-20" v-else>
|
||||||
|
<button class="ss-reset-button disabled-btn" disabled> 已售罄 </button>
|
||||||
|
</view>
|
||||||
|
</detail-tabbar>
|
||||||
|
<s-coupon-get
|
||||||
|
v-model="state.couponInfo"
|
||||||
|
:show="state.showModel"
|
||||||
|
@close="state.showModel = false"
|
||||||
|
@get="onGet"
|
||||||
|
/>
|
||||||
|
<s-activity-pop
|
||||||
|
v-model="state.activityInfo"
|
||||||
|
:show="state.showActivityModel"
|
||||||
|
@close="state.showActivityModel = false"
|
||||||
|
/>
|
||||||
|
</block>
|
||||||
|
</s-layout>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {
|
import { reactive, computed } from 'vue';
|
||||||
reactive,
|
import { onLoad, onPageScroll } from '@dcloudio/uni-app';
|
||||||
computed
|
import sheep from '@/sheep';
|
||||||
} from 'vue';
|
import { formatSales, formatGoodsSwiper, formatPrice } from '@/sheep/hooks/useGoods';
|
||||||
import {
|
import detailNavbar from './components/detail/detail-navbar.vue';
|
||||||
onLoad,
|
import detailCellSku from './components/detail/detail-cell-sku.vue';
|
||||||
onPageScroll
|
import detailCellService from './components/detail/detail-cell-service.vue';
|
||||||
} from '@dcloudio/uni-app';
|
import detailCellParams from './components/detail/detail-cell-params.vue';
|
||||||
import sheep from '@/sheep';
|
import detailTabbar from './components/detail/detail-tabbar.vue';
|
||||||
import {
|
import detailSkeleton from './components/detail/detail-skeleton.vue';
|
||||||
formatSales,
|
import detailCommentCard from './components/detail/detail-comment-card.vue';
|
||||||
formatGoodsSwiper,
|
import detailContentCard from './components/detail/detail-content-card.vue';
|
||||||
formatPrice
|
import detailActivityTip from './components/detail/detail-activity-tip.vue';
|
||||||
} from '@/sheep/hooks/useGoods';
|
import { isEmpty } from 'lodash';
|
||||||
import detailNavbar from './components/detail/detail-navbar.vue';
|
|
||||||
import detailCellSku from './components/detail/detail-cell-sku.vue';
|
|
||||||
import detailCellService from './components/detail/detail-cell-service.vue';
|
|
||||||
import detailCellParams from './components/detail/detail-cell-params.vue';
|
|
||||||
import detailTabbar from './components/detail/detail-tabbar.vue';
|
|
||||||
import detailSkeleton from './components/detail/detail-skeleton.vue';
|
|
||||||
import detailCommentCard from './components/detail/detail-comment-card.vue';
|
|
||||||
import detailContentCard from './components/detail/detail-content-card.vue';
|
|
||||||
import detailActivityTip from './components/detail/detail-activity-tip.vue';
|
|
||||||
import {
|
|
||||||
isEmpty
|
|
||||||
} from 'lodash';
|
|
||||||
|
|
||||||
// import detailActivityTip from './components/detail/detail-activity-tip.vue';
|
// import detailActivityTip from './components/detail/detail-activity-tip.vue';
|
||||||
// import detailTab from './components/detail/detail-tab.vue';
|
// import detailTab from './components/detail/detail-tab.vue';
|
||||||
// import detailCoupon from './components/detail/detail-coupon.vue';
|
// import detailCoupon from './components/detail/detail-coupon.vue';
|
||||||
onPageScroll(() => {});
|
onPageScroll(() => {});
|
||||||
|
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
goodsId: 0,
|
goodsId: 0,
|
||||||
skeletonLoading: true,
|
skeletonLoading: true,
|
||||||
goodsInfo: {},
|
goodsInfo: {},
|
||||||
showSelectSku: false,
|
showSelectSku: false,
|
||||||
goodsSwiper: [],
|
goodsSwiper: [],
|
||||||
selectedSkuPrice: {},
|
selectedSkuPrice: {},
|
||||||
showModel: false,
|
showModel: false,
|
||||||
total: 0,
|
total: 0,
|
||||||
couponInfo: [],
|
couponInfo: [],
|
||||||
showActivityModel: false,
|
showActivityModel: false,
|
||||||
activityInfo: [],
|
activityInfo: [],
|
||||||
});
|
});
|
||||||
|
|
||||||
// 规格变更
|
// 规格变更
|
||||||
function onSkuChange(e) {
|
function onSkuChange(e) {
|
||||||
state.selectedSkuPrice = e;
|
state.selectedSkuPrice = e;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 添加购物车
|
// 添加购物车
|
||||||
function onAddCart(e) {
|
function onAddCart(e) {
|
||||||
sheep.$store('cart').add(e);
|
sheep.$store('cart').add(e);
|
||||||
}
|
}
|
||||||
|
|
||||||
// 立即购买
|
// 立即购买
|
||||||
function onBuy(e) {
|
function onBuy(e) {
|
||||||
sheep.$router.go('/pages/order/confirm', {
|
sheep.$router.go('/pages/order/confirm', {
|
||||||
data: JSON.stringify({
|
data: JSON.stringify({
|
||||||
order_type: 'goods',
|
order_type: 'goods',
|
||||||
goods_list: [{
|
goods_list: [
|
||||||
goods_id: e.goods_id,
|
{
|
||||||
goods_num: e.goods_num,
|
goods_id: e.goods_id,
|
||||||
goods_sku_price_id: e.id,
|
goods_num: e.goods_num,
|
||||||
}, ],
|
goods_sku_price_id: e.id,
|
||||||
}),
|
},
|
||||||
});
|
],
|
||||||
}
|
}),
|
||||||
//营销活动
|
});
|
||||||
function onActivity() {
|
}
|
||||||
state.activityInfo = state.goodsInfo.promos;
|
//营销活动
|
||||||
state.showActivityModel = true;
|
function onActivity() {
|
||||||
}
|
state.activityInfo = state.goodsInfo.promos;
|
||||||
|
state.showActivityModel = true;
|
||||||
|
}
|
||||||
|
|
||||||
//立即领取
|
//立即领取
|
||||||
async function onGet(id) {
|
async function onGet(id) {
|
||||||
const {
|
const { code, msg } = await sheep.$api.coupon.get(id);
|
||||||
code,
|
if (code === 1) {
|
||||||
msg
|
uni.showToast({
|
||||||
} = await sheep.$api.coupon.get(id);
|
title: msg,
|
||||||
if (code === 1) {
|
});
|
||||||
uni.showToast({
|
setTimeout(() => {
|
||||||
title: msg,
|
getCoupon();
|
||||||
});
|
}, 1000);
|
||||||
setTimeout(() => {
|
}
|
||||||
getCoupon();
|
}
|
||||||
}, 1000);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const shareInfo = computed(() => {
|
const shareInfo = computed(() => {
|
||||||
if (isEmpty(state.goodsInfo)) return {};
|
if (isEmpty(state.goodsInfo)) return {};
|
||||||
return sheep.$platform.share.getShareInfo({
|
return sheep.$platform.share.getShareInfo(
|
||||||
title: state.goodsInfo.title,
|
{
|
||||||
image: sheep.$url.cdn(state.goodsInfo.image),
|
title: state.goodsInfo.title,
|
||||||
desc: state.goodsInfo.subtitle,
|
image: sheep.$url.cdn(state.goodsInfo.image),
|
||||||
params: {
|
desc: state.goodsInfo.subtitle,
|
||||||
page: '2',
|
params: {
|
||||||
query: state.goodsInfo.id,
|
page: '2',
|
||||||
},
|
query: state.goodsInfo.id,
|
||||||
}, {
|
},
|
||||||
type: 'goods', // 商品海报
|
},
|
||||||
title: state.goodsInfo.title, // 商品标题
|
{
|
||||||
image: sheep.$url.cdn(state.goodsInfo.image), // 商品主图
|
type: 'goods', // 商品海报
|
||||||
price: state.goodsInfo.price[0], // 商品价格
|
title: state.goodsInfo.title, // 商品标题
|
||||||
original_price: state.goodsInfo.original_price, // 商品原价
|
image: sheep.$url.cdn(state.goodsInfo.image), // 商品主图
|
||||||
}, );
|
price: state.goodsInfo.price[0], // 商品价格
|
||||||
});
|
original_price: state.goodsInfo.original_price, // 商品原价
|
||||||
|
},
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
onLoad(async (options) => {
|
onLoad(async (options) => {
|
||||||
// 非法参数
|
// 非法参数
|
||||||
if (!options.id) {
|
if (!options.id) {
|
||||||
state.goodsInfo = null;
|
state.goodsInfo = null;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
state.goodsId = options.id;
|
state.goodsId = options.id;
|
||||||
// 加载商品信息
|
// 加载商品信息
|
||||||
sheep.$api.goods.detail(state.goodsId).then((res) => {
|
sheep.$api.goods.detail(state.goodsId).then((res) => {
|
||||||
state.skeletonLoading = false;
|
state.skeletonLoading = false;
|
||||||
if (res.code === 1) {
|
if (res.code === 1) {
|
||||||
state.goodsInfo = res.data;
|
state.goodsInfo = res.data;
|
||||||
state.goodsSwiper = formatGoodsSwiper(state.goodsInfo.images);
|
state.goodsSwiper = formatGoodsSwiper(state.goodsInfo.images);
|
||||||
} else {
|
} else {
|
||||||
// 未找到商品
|
// 未找到商品
|
||||||
state.goodsInfo = null;
|
state.goodsInfo = null;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
const {
|
const { code, data } = await sheep.$api.coupon.listByGoods(state.goodsId);
|
||||||
code,
|
if (code === 1) {
|
||||||
data
|
state.couponInfo = data;
|
||||||
} = await sheep.$api.coupon.listByGoods(state.goodsId);
|
}
|
||||||
if (code === 1) {
|
});
|
||||||
state.couponInfo = data;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.detail-card {
|
||||||
|
background-color: #ffff;
|
||||||
|
margin: 14rpx 20rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.detail-card {
|
// 价格标题卡片
|
||||||
background-color: #ffff;
|
.title-card {
|
||||||
margin: 14rpx 20rpx;
|
.price-box {
|
||||||
border-radius: 10rpx;
|
.price-text {
|
||||||
overflow: hidden;
|
font-size: 42rpx;
|
||||||
}
|
font-weight: 500;
|
||||||
|
color: #ff3000;
|
||||||
|
line-height: 30rpx;
|
||||||
|
font-family: OPPOSANS;
|
||||||
|
|
||||||
// 价格标题卡片
|
&::before {
|
||||||
.title-card {
|
content: '￥';
|
||||||
.price-box {
|
font-size: 30rpx;
|
||||||
.price-text {
|
}
|
||||||
font-size: 42rpx;
|
}
|
||||||
font-weight: 500;
|
|
||||||
color: #ff3000;
|
|
||||||
line-height: 30rpx;
|
|
||||||
font-family: OPPOSANS;
|
|
||||||
|
|
||||||
&::before {
|
.origin-price-text {
|
||||||
content: '￥';
|
font-size: 26rpx;
|
||||||
font-size: 30rpx;
|
font-weight: 400;
|
||||||
}
|
text-decoration: line-through;
|
||||||
}
|
color: $gray-c;
|
||||||
|
font-family: OPPOSANS;
|
||||||
|
|
||||||
.origin-price-text {
|
&::before {
|
||||||
font-size: 26rpx;
|
content: '￥';
|
||||||
font-weight: 400;
|
}
|
||||||
text-decoration: line-through;
|
}
|
||||||
color: $gray-c;
|
}
|
||||||
font-family: OPPOSANS;
|
|
||||||
|
|
||||||
&::before {
|
.sales-text {
|
||||||
content: '￥';
|
font-size: 26rpx;
|
||||||
}
|
font-weight: 500;
|
||||||
}
|
color: $gray-c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sales-text {
|
.discounts-box {
|
||||||
font-size: 26rpx;
|
.tag-content {
|
||||||
font-weight: 500;
|
flex: 1;
|
||||||
color: $gray-c;
|
min-width: 0;
|
||||||
}
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
.discounts-box {
|
.tag-box {
|
||||||
.tag-content {
|
overflow: hidden;
|
||||||
flex: 1;
|
text-overflow: ellipsis;
|
||||||
min-width: 0;
|
}
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tag-box {
|
.tag {
|
||||||
overflow: hidden;
|
flex-shrink: 0;
|
||||||
text-overflow: ellipsis;
|
padding: 4rpx 10rpx;
|
||||||
}
|
font-size: 24rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
color: var(--ui-BG-Main);
|
||||||
|
background: var(--ui-BG-Main-tag);
|
||||||
|
}
|
||||||
|
|
||||||
.tag {
|
.discounts-title {
|
||||||
flex-shrink: 0;
|
font-size: 24rpx;
|
||||||
padding: 4rpx 10rpx;
|
font-weight: 500;
|
||||||
font-size: 24rpx;
|
color: var(--ui-BG-Main);
|
||||||
font-weight: 500;
|
line-height: normal;
|
||||||
border-radius: 4rpx;
|
}
|
||||||
color: var(--ui-BG-Main);
|
|
||||||
background: var(--ui-BG-Main-tag);
|
|
||||||
}
|
|
||||||
|
|
||||||
.discounts-title {
|
.cicon-forward {
|
||||||
font-size: 24rpx;
|
color: var(--ui-BG-Main);
|
||||||
font-weight: 500;
|
font-size: 24rpx;
|
||||||
color: var(--ui-BG-Main);
|
line-height: normal;
|
||||||
line-height: normal;
|
margin-top: 4rpx;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.cicon-forward {
|
.title-text {
|
||||||
color: var(--ui-BG-Main);
|
font-size: 30rpx;
|
||||||
font-size: 24rpx;
|
font-weight: bold;
|
||||||
line-height: normal;
|
line-height: 42rpx;
|
||||||
margin-top: 4rpx;
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-text {
|
.subtitle-text {
|
||||||
font-size: 30rpx;
|
font-size: 26rpx;
|
||||||
font-weight: bold;
|
font-weight: 400;
|
||||||
line-height: 42rpx;
|
color: $dark-9;
|
||||||
}
|
line-height: 42rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.subtitle-text {
|
// 购买
|
||||||
font-size: 26rpx;
|
.buy-box {
|
||||||
font-weight: 400;
|
.add-btn {
|
||||||
color: $dark-9;
|
width: 214rpx;
|
||||||
line-height: 42rpx;
|
height: 72rpx;
|
||||||
}
|
font-weight: 500;
|
||||||
}
|
font-size: 28rpx;
|
||||||
|
border-radius: 40rpx 0 0 40rpx;
|
||||||
|
background-color: var(--ui-BG-Main-light);
|
||||||
|
color: var(--ui-BG-Main);
|
||||||
|
}
|
||||||
|
|
||||||
// 购买
|
.buy-btn {
|
||||||
.buy-box {
|
width: 214rpx;
|
||||||
.add-btn {
|
height: 72rpx;
|
||||||
// width: 214rpx;
|
font-weight: 500;
|
||||||
width: 312rpx;
|
font-size: 28rpx;
|
||||||
height: 72rpx;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 28rpx;
|
|
||||||
border-radius: 40rpx 0 0 40rpx;
|
|
||||||
background-color: var(--ui-BG-Main-light);
|
|
||||||
color: var(--ui-BG-Main);
|
|
||||||
}
|
|
||||||
|
|
||||||
.buy-btn {
|
border-radius: 0 40rpx 40rpx 0;
|
||||||
// width: 214rpx;
|
background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
|
||||||
width: 312rpx;
|
color: $white;
|
||||||
height: 72rpx;
|
}
|
||||||
font-weight: 500;
|
|
||||||
font-size: 28rpx;
|
|
||||||
|
|
||||||
border-radius: 0 40rpx 40rpx 0;
|
.disabled-btn {
|
||||||
background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
|
width: 428rpx;
|
||||||
color: $white;
|
height: 72rpx;
|
||||||
}
|
font-weight: 500;
|
||||||
|
font-size: 28rpx;
|
||||||
|
|
||||||
.disabled-btn {
|
border-radius: 0 40rpx 40rpx 0;
|
||||||
width: 428rpx;
|
background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
|
||||||
height: 72rpx;
|
color: $white;
|
||||||
font-weight: 500;
|
}
|
||||||
font-size: 28rpx;
|
}
|
||||||
|
|
||||||
border-radius: 0 40rpx 40rpx 0;
|
.model-box {
|
||||||
background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
|
height: 60vh;
|
||||||
color: $white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.model-box {
|
.model-content {
|
||||||
height: 60vh;
|
height: 56vh;
|
||||||
|
}
|
||||||
|
|
||||||
.model-content {
|
.title {
|
||||||
height: 56vh;
|
font-size: 36rpx;
|
||||||
}
|
font-weight: bold;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.subtitle {
|
||||||
font-size: 36rpx;
|
font-size: 26rpx;
|
||||||
font-weight: bold;
|
font-weight: 500;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
.subtitle {
|
</style>
|
||||||
font-size: 26rpx;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- tabbar="/pages/index/category" -->
|
<!-- tabbar="/pages/index/category" -->
|
||||||
<s-layout title="分类" tabbar="/pages/index/category" :bgStyle="{ color: '#fff' }">
|
<s-layout title="分类" :bgStyle="{ color: '#fff' }">
|
||||||
<view class="s-category">
|
<view class="s-category">
|
||||||
<view class="three-level-wrap ss-flex ss-col-top">
|
<view class="three-level-wrap ss-flex ss-col-top">
|
||||||
<view class="side-menu-wrap" :style="[{ top: Number(statusBarHeight + 88) + 'rpx' }]">
|
<view class="side-menu-wrap" :style="[{ top: Number(statusBarHeight + 88) + 'rpx' }]">
|
||||||
@ -271,7 +271,7 @@
|
|||||||
.car-show {
|
.car-show {
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 200rpx;
|
bottom: 150rpx;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
||||||
.car-image {
|
.car-image {
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- <view> 发布 </view>-->
|
<!-- <view> 发布 </view> tabbar="/pages/index/fabu"-->
|
||||||
<s-layout title="发布信息" :bgStyle="{ color: '#f7f7f7' }">
|
<s-layout title="发布信息" :bgStyle="{ color: '#f7f7f7' }">
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<!-- :style="{height: isIphone ? `calc(71vh - ${systemInfo.safeAreaInsets.bottom}px)` : '78vh',}" -->
|
<!-- :style="{height: isIphone ? `calc(71vh - ${systemInfo.safeAreaInsets.bottom}px)` : '78vh',}" -->
|
||||||
@ -33,12 +33,12 @@
|
|||||||
|
|
||||||
<view class="row " style="">
|
<view class="row " style="">
|
||||||
<view class="label flex align-items" style="width: auto;">
|
<view class="label flex align-items" style="width: auto;">
|
||||||
学校名
|
详细地址
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-top: 20rpx;height: 80rpx;">
|
<view style="margin-top: 20rpx;height: 80rpx;">
|
||||||
<textarea v-model="form.address_detail" style="height: 80rpx;width: 100%;"
|
<textarea v-model="form.address_detail" style="height: 80rpx;width: 100%;"
|
||||||
maxlength="400" placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
|
maxlength="400" placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
|
||||||
placeholder="请输入学校全名"></textarea>
|
placeholder="请输入详细地址"></textarea>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
@ -46,10 +46,10 @@
|
|||||||
|
|
||||||
<view class="row flex align-items" style="padding: 0 30rpx;">
|
<view class="row flex align-items" style="padding: 0 30rpx;">
|
||||||
<view class="label flex align-items" style="width: auto;">
|
<view class="label flex align-items" style="width: auto;">
|
||||||
经理
|
联系人
|
||||||
</view>
|
</view>
|
||||||
<view class="row-right" style="width: 80%;">
|
<view class="row-right" style="width: 80%;">
|
||||||
<input type="text" placeholder="请输入经理名字" class="input" v-model="form.contacts"
|
<input type="text" placeholder="请输入联系人" class="input" v-model="form.contacts"
|
||||||
style="width: 80%;text-align: right;" />
|
style="width: 80%;text-align: right;" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -57,10 +57,10 @@
|
|||||||
|
|
||||||
<view class="row flex align-items" style="padding: 0 30rpx;">
|
<view class="row flex align-items" style="padding: 0 30rpx;">
|
||||||
<view class="label flex align-items" style="width: auto;">
|
<view class="label flex align-items" style="width: auto;">
|
||||||
经理电话
|
联系电话
|
||||||
</view>
|
</view>
|
||||||
<view class="row-right" style="width: 80%;">
|
<view class="row-right" style="width: 80%;">
|
||||||
<input type="number" placeholder="请输入经理电话" class="input" v-model="form.contact_number"
|
<input type="number" placeholder="请输入联系电话" class="input" v-model="form.contact_number"
|
||||||
style="width: 80%;text-align: right;" />
|
style="width: 80%;text-align: right;" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -72,14 +72,14 @@
|
|||||||
style="margin-top: 20rpx;padding: 30rpx">
|
style="margin-top: 20rpx;padding: 30rpx">
|
||||||
<view class="row align-items" style="">
|
<view class="row align-items" style="">
|
||||||
<view class="label flex align-items" style="width: auto;">
|
<view class="label flex align-items" style="width: auto;">
|
||||||
餐厅信息
|
详细信息
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-top: 20rpx;height: 120rpx;margin-bottom: 30rpx;">
|
<view style="margin-top: 20rpx;height: 120rpx;margin-bottom: 30rpx;">
|
||||||
<textarea v-model="form.content" style="height: 120rpx;width: 100%;" maxlength="400"
|
<textarea v-model="form.content" style="height: 120rpx;width: 100%;" maxlength="400"
|
||||||
placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx;white-space: pre-line;"
|
placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
|
||||||
placeholder="餐厅发布信息:\n楼层:**,\n押金:**,\n房租:**,\n扣点:**,\n水电燃气费:**,\n公摊:**,"
|
placeholder="请输入你的招标详细信息"></textarea>
|
||||||
></textarea>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 图片 -->
|
<!-- 图片 -->
|
||||||
<s-uploader ref="uploaderRef" v-model:url="state.formData.images" fileMediatype="image"
|
<s-uploader ref="uploaderRef" v-model:url="state.formData.images" fileMediatype="image"
|
||||||
limit="9" mode="grid" :imageStyles="{ width: '220rpx', height: '220rpx'}"></s-uploader>
|
limit="9" mode="grid" :imageStyles="{ width: '220rpx', height: '220rpx'}"></s-uploader>
|
||||||
@ -132,12 +132,12 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- <view class="width:100%;height:200rpx"></view> -->
|
<!-- <view class="width:100%;height:200rpx"></view> -->
|
||||||
<view style="height: 200rpx;width: 100%;color: #f7f7f7;"></view>
|
<view style="height: 200rpx;width: 100%;color: #f7f7f7;"></view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
|
||||||
@ -437,7 +437,7 @@
|
|||||||
} else {
|
} else {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
sheep.$helper.toast('请先登录');
|
sheep.$helper.toast('请先登录');
|
||||||
|
|
||||||
}, 500);
|
}, 500);
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.switchTab({
|
uni.switchTab({
|
||||||
@ -634,7 +634,7 @@
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (form.value.address_detail == '') {
|
if (form.value.address_detail == '') {
|
||||||
sheep.$helper.toast('请输入学校全名');
|
sheep.$helper.toast('请输入详细地址');
|
||||||
// uni.showToast({
|
// uni.showToast({
|
||||||
// title: '请输入详细地址',
|
// title: '请输入详细地址',
|
||||||
// icon: 'none',
|
// icon: 'none',
|
||||||
@ -709,7 +709,6 @@
|
|||||||
icon: 'success'
|
icon: 'success'
|
||||||
})
|
})
|
||||||
agreeAdd.value = false;
|
agreeAdd.value = false;
|
||||||
agreeShow.value = false;
|
|
||||||
selectTagslist.value = []
|
selectTagslist.value = []
|
||||||
tagSelectedNum.value = 0;
|
tagSelectedNum.value = 0;
|
||||||
form.value = {
|
form.value = {
|
||||||
@ -742,18 +741,18 @@
|
|||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/user/myRelease/list'
|
url: '/pages/user/myRelease/list'
|
||||||
})
|
})
|
||||||
}, 1000)
|
},1000)
|
||||||
// uni.switchTab({
|
// uni.switchTab({
|
||||||
// url: '/pages/index/user'
|
// url: '/pages/index/user'
|
||||||
// })
|
// })
|
||||||
} else {
|
}else {
|
||||||
sheep.$helper.toast(res.msg);
|
sheep.$helper.toast(res.msg);
|
||||||
// uni.showToast({
|
// uni.showToast({
|
||||||
// title: res.msg,
|
// title: res.msg,
|
||||||
// icon: 'error'
|
// icon: 'error'
|
||||||
// })
|
// })
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -2,62 +2,65 @@
|
|||||||
<view v-if="template">
|
<view v-if="template">
|
||||||
<s-layout title="首页" navbar="custom" tabbar="/pages/index/index" :bgStyle="template.style?.background"
|
<s-layout title="首页" navbar="custom" tabbar="/pages/index/index" :bgStyle="template.style?.background"
|
||||||
:navbarStyle="template.style?.navbar" onShareAppMessage :showFloatButton="true" bgColor="#fcc74e">
|
:navbarStyle="template.style?.navbar" onShareAppMessage :showFloatButton="true" bgColor="#fcc74e">
|
||||||
<scroll-view @scrolltolower="onScrolltolower" :refresher-enabled="true" :refresher-triggered="homrS"
|
<view class="container">
|
||||||
@refresherrefresh="onS" scroll-y="true" class="scrollBox align-items"
|
<!-- 顶部 -->
|
||||||
style="height: 84vh;box-sizing: border-box;">
|
<view class="top">
|
||||||
<view class="container">
|
<!-- 顶部-地址&搜索 -->
|
||||||
<!-- 顶部 -->
|
<view class="locTop">
|
||||||
<view class="top">
|
<view class="locTop-left" @click="state.showRegion = true">
|
||||||
<!-- 顶部-地址&搜索 -->
|
<image style="width: 34rpx;height: 34rpx;"
|
||||||
<view class="locTop">
|
src="https://jiangxiaoxian.0rui.cn/locationTop.png" mode=""></image>
|
||||||
<view class="locTop-left" @click="toPage('/packageA/search/index')">
|
<view
|
||||||
<uni-section style="border-radius: 192rpx;padding: 0;width: 430rpx;height: 70rpx;"
|
style="margin-left: 10rpx;font-size: 30rpx;font-weight: 800;line-height: 45rpx;
|
||||||
type="line">
|
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 230rpx;">
|
||||||
<uni-search-bar style="border-radius: 192rpx;" radius="23" placeholder="搜索您需要的信息"
|
{{state.model.city_name ? proCity:'全国' }}
|
||||||
bgColor="#ffffff" clearButton="none" cancelButton="none" :readonly="true" />
|
|
||||||
</uni-section>
|
|
||||||
</view>
|
|
||||||
<view class="locTop-right" @click="toPage('/pages/canteenRent/fabu')">
|
|
||||||
发布档口信息
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="locTop-right" @click="toPage('/packageA/search/index')">
|
||||||
<!-- 顶部-三个内容跳转 -->
|
<uni-section style="border-radius: 192rpx;padding: 0;" type="line">
|
||||||
<view class="navTop">
|
<uni-search-bar style="border-radius: 192rpx;" radius="23" placeholder="搜索您需要的信息"
|
||||||
<view class="navTop-left" @click="toTabb('/pages/index/category')">
|
bgColor="#ffffff" clearButton="none" cancelButton="none"
|
||||||
<!-- <view class="title" style="">食堂招租</view>
|
:readonly="true" />
|
||||||
<view class="intro" style="color: #f42b2b;margin-top: 20rpx;">味揽商机 食载未来</view> -->
|
</uni-section>
|
||||||
</view>
|
<!-- @confirm="search"-->
|
||||||
<view class="navTop-right">
|
|
||||||
<view class="navRight1" @click="toPage('/pages/canteenRent/rentList')">
|
|
||||||
<!-- <view class="title" style="">平台学院</view>
|
|
||||||
<view class="intro" style="color: #05b0b0;margin-top: 20rpx;">学知赋能成长</view> -->
|
|
||||||
</view>
|
|
||||||
<view class="navRight2" @click="toPage('/pages/school/schoolIndex')">
|
|
||||||
<!-- <view class="title" style="">原料商城</view>
|
|
||||||
<view class="intro" style="color: #f58f3d;margin-top: 20rpx;">优材好料直供</view> -->
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<!-- 轮播图 -->
|
|
||||||
<view class="swiper-box">
|
<!-- 顶部-三个内容跳转 -->
|
||||||
<view class="swiper_s">
|
<view class="navTop">
|
||||||
<swiper class="swiper_s" :circular="true" :autoplay="true" indicator-active-color="#0DAE11"
|
<view class="navTop-left" @click="toPage('/pages/canteenRent/rentList')">
|
||||||
indicator-color="#ffffff" :indicator-dots="false" :current="swiperCurrent"
|
<view class="title" style="">食堂招租</view>
|
||||||
@animationfinish="swiperChange">
|
<view class="intro" style="color: #f42b2b;margin-top: 20rpx;">味揽商机 食载未来</view>
|
||||||
<!-- v-for="(item, index) in swiperList" :key="index" @click="openSwiper(item)"-->
|
</view>
|
||||||
<swiper-item style="margin: 0 auto;" v-for="(item, index) in bannerList" :key="index"
|
<view class="navTop-right">
|
||||||
@click="swiperJump(item)">
|
<view class="navRight1" @click="toPage('/pages/school/schoolIndex')">
|
||||||
<view style="position: relative;width: 100%;height: 100%;">
|
<view class="title" style="">平台学院</view>
|
||||||
<!--<view class="fnon_tit"></view>
|
<view class="intro" style="color: #05b0b0;margin-top: 20rpx;">学知赋能成长</view>
|
||||||
|
</view>
|
||||||
|
<view class="navRight2" @click="toPage('/pages/index/category')">
|
||||||
|
<view class="title" style="">原料商城</view>
|
||||||
|
<view class="intro" style="color: #f58f3d;margin-top: 20rpx;">优材好料直供</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<!-- 轮播图 -->
|
||||||
|
<view class="swiper-box">
|
||||||
|
<view class="swiper_s">
|
||||||
|
<swiper class="swiper_s" :circular="true" :autoplay="true" indicator-active-color="#0DAE11"
|
||||||
|
indicator-color="#ffffff" :indicator-dots="false" :current="swiperCurrent"
|
||||||
|
@animationfinish="swiperChange">
|
||||||
|
<!-- v-for="(item, index) in swiperList" :key="index" @click="openSwiper(item)"-->
|
||||||
|
<swiper-item style="margin: 0 auto;" v-for="(item, index) in bannerList" :key="index" @click="swiperJump(item)">
|
||||||
|
<view style="position: relative;width: 100%;height: 100%;">
|
||||||
|
<!--<view class="fnon_tit"></view>
|
||||||
<view class="text">{{ item.title ? item.title : '' }}</view>
|
<view class="text">{{ item.title ? item.title : '' }}</view>
|
||||||
@click="click(item.url)" 跳转活动链接 -->
|
@click="click(item.url)" 跳转活动链接 -->
|
||||||
<image class="swiper-image" :src="item.image" mode="scaleToFill" />
|
<image class="swiper-image" :src="item.image" mode="scaleToFill" />
|
||||||
</view>
|
</view>
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
<!-- <swiper-item style="margin: 0 auto;">
|
<!-- <swiper-item style="margin: 0 auto;">
|
||||||
<view style="position: relative;width: 100%;height: 100%">
|
<view style="position: relative;width: 100%;height: 100%">
|
||||||
<!--<view class="fnon_tit"></view>
|
<!--<view class="fnon_tit"></view>
|
||||||
<view class="text">{{ item.title ? item.title : '' }}</view>
|
<view class="text">{{ item.title ? item.title : '' }}</view>
|
||||||
@ -65,84 +68,66 @@
|
|||||||
<image class="swiper-image" src="/static/cart-empty.png" mode="scaleToFill" />
|
<image class="swiper-image" src="/static/cart-empty.png" mode="scaleToFill" />
|
||||||
</view>
|
</view>
|
||||||
</swiper-item> -->
|
</swiper-item> -->
|
||||||
</swiper>
|
</swiper>
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<!-- 推荐列表 -->
|
|
||||||
<view class="recommend-box">
|
|
||||||
<!-- 推荐标题 -->
|
|
||||||
<view class="recom-titleBox">
|
|
||||||
<view style="width: 60%;display: flex;justify-content: flex-start;align-items: center;">
|
|
||||||
<view style="font-size: 38rpx;line-height: 38rpx;font-weight: 800;color: #333333;">餐厅推荐
|
|
||||||
</view>
|
|
||||||
<view class="cityBox" @click="state.showRegion = true">
|
|
||||||
<view style="margin-right: 10rpx;font-size: 30rpx;font-weight: 800;line-height: 45rpx;
|
|
||||||
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #999999;">
|
|
||||||
{{ state.model.city_name ? state.model.city_name : '地区筛选'}}
|
|
||||||
</view>
|
|
||||||
<image style="width: 25rpx;height: 13rpx;"
|
|
||||||
src="https://jiangxiaoxian.0rui.cn/rentTriangle.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="title-more" @click="toPage('/pages/canteenRent/rentList')">
|
|
||||||
<view style="font-size: 26rpx;line-height: 26rpx;font-weight: 400;color: #999999;">查看更多
|
|
||||||
</view>
|
|
||||||
<image style="width: 28rpx;height: 28rpx;margin-left: 20rpx;"
|
|
||||||
src="https://jiangxiaoxian.0rui.cn/nextMore.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<!-- 列表 -->
|
|
||||||
|
|
||||||
<view class="rrecommList" v-for="(item,index) in rentList" :key="index"
|
|
||||||
@click="toPage(`/pages/canteenRent/rentDetail?id=` + item.id)">
|
|
||||||
<view class="reListItem">
|
|
||||||
<!-- 左侧图片 -->
|
|
||||||
<view class="listItem-images">
|
|
||||||
<image v-if="item.recommend == 1"
|
|
||||||
style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;"
|
|
||||||
src="https://jiangxiaoxian.0rui.cn/hot.png"></image>
|
|
||||||
<image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
|
|
||||||
</view>
|
|
||||||
<!-- 右侧内容 -->
|
|
||||||
<view class="listItem-contents">
|
|
||||||
<view class="title2" style="margin-bottom: 20rpx;">{{item.platform_title}}</view>
|
|
||||||
<scroll-view class="score-box">
|
|
||||||
<view class="fs11 flex cate">
|
|
||||||
<view class="cate-e" v-for="(e,i) in item.cate" :key="i">
|
|
||||||
<view v-show="e" class="status-tag " style="margin-right: 20rpx;">{{e}}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- <text v-show="item.cate[1]"
|
|
||||||
class="status-tag" style="margin-right: 20rpx;">{{item.cate[1]}}</text>
|
|
||||||
<text v-show="item.cate[2]"
|
|
||||||
class="status-tag">{{item.cate[2]}}</text> -->
|
|
||||||
</view>
|
|
||||||
</scroll-view>
|
|
||||||
<view class="cons-third">
|
|
||||||
<view style="display: flex;">
|
|
||||||
<image style="width: 24rpx;height: 24rpx;"
|
|
||||||
src="https://jiangxiaoxian.0rui.cn/locationList.png"></image>
|
|
||||||
<view class="title3" style="margin-left: 10rpx;">{{item.address_city_text}}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="title3">{{item.release_time_text}}</view>
|
|
||||||
<view style="display: flex;">
|
|
||||||
<image style="width: 24rpx;height: 24rpx;"
|
|
||||||
src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
|
|
||||||
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="viewCan" style="width: 100%;height: 300rpx;"></view>
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
<!-- 推荐列表 -->
|
||||||
|
<view class="recommend-box">
|
||||||
|
<!-- 推荐标题 -->
|
||||||
|
<view class="recom-titleBox">
|
||||||
|
<view style="font-size: 38rpx;line-height: 38rpx;font-weight: 800;color: #333333;">平台推荐</view>
|
||||||
|
<view class="title-more" @click="toPage('/pages/canteenRent/rentList')">
|
||||||
|
<view style="font-size: 26rpx;line-height: 26rpx;font-weight: 400;color: #999999;">查看更多
|
||||||
|
</view>
|
||||||
|
<image style="width: 28rpx;height: 28rpx;margin-left: 20rpx;"
|
||||||
|
src="https://jiangxiaoxian.0rui.cn/nextMore.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="rrecommList" v-for="(item,index) in rentList" :key="index" @click="toPage(`/pages/canteenRent/rentDetail?id=` + item.id)">
|
||||||
|
<view class="reListItem">
|
||||||
|
<!-- 左侧图片 -->
|
||||||
|
<view class="listItem-images">
|
||||||
|
<image v-if="item.recommend == 1"
|
||||||
|
style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;"
|
||||||
|
src="https://jiangxiaoxian.0rui.cn/hot.png"></image>
|
||||||
|
<image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
|
||||||
|
</view>
|
||||||
|
<!-- 右侧内容 -->
|
||||||
|
<view class="listItem-contents">
|
||||||
|
<view class="title2" style="margin-bottom: 20rpx;">{{item.platform_title}}</view>
|
||||||
|
<scroll-view class="score-box">
|
||||||
|
<view class="fs11 flex cate">
|
||||||
|
<view class="cate-e" v-for="(e,i) in item.cate" :key="i">
|
||||||
|
<view v-show="e" class="status-tag " style="margin-right: 20rpx;">{{e}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- <text v-show="item.cate[1]"
|
||||||
|
class="status-tag" style="margin-right: 20rpx;">{{item.cate[1]}}</text>
|
||||||
|
<text v-show="item.cate[2]"
|
||||||
|
class="status-tag">{{item.cate[2]}}</text> -->
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
<view class="cons-third">
|
||||||
|
<view style="display: flex;">
|
||||||
|
<image style="width: 24rpx;height: 24rpx;"
|
||||||
|
src="https://jiangxiaoxian.0rui.cn/locationList.png"></image>
|
||||||
|
<view class="title3" style="margin-left: 10rpx;">{{item.address_city_text}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="title3">{{item.release_time_text}}</view>
|
||||||
|
<view style="display: flex;">
|
||||||
|
<image style="width: 24rpx;height: 24rpx;"
|
||||||
|
src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
|
||||||
|
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<!-- 省市区弹窗 -->
|
<!-- 省市区弹窗 -->
|
||||||
@ -174,37 +159,37 @@
|
|||||||
region
|
region
|
||||||
} from '@/sheep/validate/form';
|
} from '@/sheep/validate/form';
|
||||||
|
|
||||||
|
|
||||||
function getAreaCity() {
|
function getAreaCity() {
|
||||||
// if (_.isEmpty(uni.getStorageSync('areaCity'))) {
|
// if (_.isEmpty(uni.getStorageSync('areaCity'))) {
|
||||||
sheep.$api.rent.getCity().then((res) => {
|
sheep.$api.rent.getCity().then((res) => {
|
||||||
if (res.code === 1) {
|
if (res.code === 1) {
|
||||||
uni.setStorageSync('areaCity', res.data);
|
uni.setStorageSync('areaCity', res.data);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
// }
|
// }
|
||||||
};
|
};
|
||||||
|
|
||||||
function getTag() {
|
function getTag() {
|
||||||
// if (_.isEmpty(uni.getStorageSync('areaCity'))) {
|
// if (_.isEmpty(uni.getStorageSync('areaCity'))) {
|
||||||
sheep.$api.rent.tagsList().then((res) => {
|
sheep.$api.rent.tagsList().then((res) => {
|
||||||
if (res.code === 1) {
|
if (res.code === 1) {
|
||||||
uni.setStorageSync('tagList', res.data.list);
|
uni.setStorageSync('tagList', res.data.list);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
// }
|
// }
|
||||||
};
|
};
|
||||||
|
|
||||||
function getType() {
|
function getType() {
|
||||||
// if (_.isEmpty(uni.getStorageSync('areaCity'))) {
|
// if (_.isEmpty(uni.getStorageSync('areaCity'))) {
|
||||||
sheep.$api.rent.listType().then((res) => {
|
sheep.$api.rent.listType().then((res) => {
|
||||||
if (res.code === 1) {
|
if (res.code === 1) {
|
||||||
uni.setStorageSync('typeList', res.data);
|
uni.setStorageSync('typeList', res.data);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
// }
|
// }
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
const template = computed(() => sheep.$store('app').template?.home);
|
const template = computed(() => sheep.$store('app').template?.home);
|
||||||
const isLogin = computed(() => sheep.$store('user').isLogin);
|
const isLogin = computed(() => sheep.$store('user').isLogin);
|
||||||
@ -226,18 +211,18 @@
|
|||||||
region,
|
region,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const getAreaData = () => {
|
const getAreaData = () => {
|
||||||
if (_.isEmpty(uni.getStorageSync('areaData'))) {
|
if (_.isEmpty(uni.getStorageSync('areaData'))) {
|
||||||
sheep.$api.data.area().then((res) => {
|
sheep.$api.data.area().then((res) => {
|
||||||
if (res.code === 1) {
|
if (res.code === 1) {
|
||||||
uni.setStorageSync('areaData', res.data);
|
uni.setStorageSync('areaData', res.data);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const proCity = ref('')
|
const proCity = ref('')
|
||||||
|
|
||||||
@ -248,10 +233,10 @@
|
|||||||
...state.model,
|
...state.model,
|
||||||
...e,
|
...e,
|
||||||
};
|
};
|
||||||
|
|
||||||
if (state.model.province_name == state.model.city_name) {
|
if(state.model.province_name == state.model.city_name) {
|
||||||
proCity.value = state.model.province_name
|
proCity.value = state.model.province_name
|
||||||
} else {
|
}else {
|
||||||
// proCity.value = state.model.province_name + " " + state.model.city_name
|
// proCity.value = state.model.province_name + " " + state.model.city_name
|
||||||
proCity.value = state.model.province_name + state.model.city_name
|
proCity.value = state.model.province_name + state.model.city_name
|
||||||
}
|
}
|
||||||
@ -260,9 +245,7 @@
|
|||||||
|
|
||||||
console.log('onRegionConfirm33', state.model, proCity.value);
|
console.log('onRegionConfirm33', state.model, proCity.value);
|
||||||
listQuery.value.province = state.model.province_id
|
listQuery.value.province = state.model.province_id
|
||||||
listQuery.value.city = state.model.city_id;
|
listQuery.value.city = state.model.city_id
|
||||||
listQuery.value.page = 1;
|
|
||||||
rentList.value = [];
|
|
||||||
getList()
|
getList()
|
||||||
state.showRegion = false;
|
state.showRegion = false;
|
||||||
};
|
};
|
||||||
@ -315,24 +298,24 @@
|
|||||||
sheep.$router.go(decodeURIComponent(options.page));
|
sheep.$router.go(decodeURIComponent(options.page));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
//轮播图跳转
|
//轮播图跳转
|
||||||
function swiperJump(item) {
|
function swiperJump(item) {
|
||||||
console.log('轮播图跳转事件：', item.url);
|
console.log('轮播图跳转事件：',item.url);
|
||||||
const tabBarPages = [
|
const tabBarPages = [
|
||||||
'/pages/index/index',
|
'/pages/index/index',
|
||||||
'/pages/index/category',
|
'/pages/index/fabu',
|
||||||
'/pages/index/user'
|
'/pages/index/user'
|
||||||
];
|
];
|
||||||
console.log('tabbarsList：', tabBarPages);
|
console.log('tabbarsList：',tabBarPages);
|
||||||
if (item.type == "in") {
|
if(item.type == "in") {
|
||||||
console.log('跳进内页');
|
console.log('跳进内页');
|
||||||
if (tabBarPages.includes(item.url)) {
|
if(tabBarPages.includes(item.url)) {
|
||||||
console.log('导航页');
|
console.log('导航页');
|
||||||
uni.switchTab({
|
uni.switchTab({
|
||||||
url: item.url,
|
url: item.url,
|
||||||
})
|
})
|
||||||
} else {
|
}else {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: item.url,
|
url: item.url,
|
||||||
})
|
})
|
||||||
@ -346,24 +329,19 @@
|
|||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
uni.stopPullDownRefresh();
|
uni.stopPullDownRefresh();
|
||||||
}, 800);
|
}, 800);
|
||||||
rentList.value = [];
|
|
||||||
state.model.city_name = '';
|
|
||||||
state.model.province_name = '';
|
|
||||||
state.currentCityIndex = [0, 0];
|
|
||||||
getList();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
onPageScroll(() => {});
|
onPageScroll(() => {});
|
||||||
|
|
||||||
const bannerList = ref([])
|
const bannerList = ref([])
|
||||||
async function getBanner() {
|
async function getBanner() {
|
||||||
const res = await sheep.$api.home.homeBanner({});
|
const res = await sheep.$api.home.homeBanner({});
|
||||||
console.log('banner', res);
|
console.log('banner',res);
|
||||||
if (res.code == 1) {
|
if(res.code == 1) {
|
||||||
bannerList.value = res.data.list
|
bannerList.value = res.data.list
|
||||||
console.log('bannerList', bannerList.value);
|
console.log('bannerList',bannerList.value);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -389,21 +367,13 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const toTabb = (e) => {
|
const rentList = ref([])
|
||||||
uni.switchTab({
|
|
||||||
url: e,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const rentList = ref([]);
|
|
||||||
const rentCount = ref(0);
|
|
||||||
const homrS = ref(false)
|
|
||||||
//招租列表
|
//招租列表
|
||||||
async function getList() {
|
async function getList() {
|
||||||
const res = await sheep.$api.rent.rentlist({
|
const res = await sheep.$api.rent.rentlist({
|
||||||
keywords: listQuery.value.keywords,
|
keywords: listQuery.value.keywords,
|
||||||
page: listQuery.value.page,
|
page: listQuery.value.page,
|
||||||
limit: 10,
|
limit: 25,
|
||||||
cate_ids: listQuery.value.cate_ids,
|
cate_ids: listQuery.value.cate_ids,
|
||||||
order: 'normal',
|
order: 'normal',
|
||||||
status: 1,
|
status: 1,
|
||||||
@ -415,10 +385,7 @@
|
|||||||
console.log('getList', res);
|
console.log('getList', res);
|
||||||
|
|
||||||
if (res.data && res.data.list) {
|
if (res.data && res.data.list) {
|
||||||
// rentList.value = res.data.list;
|
rentList.value = res.data.list;
|
||||||
// rentCount.value = res.data.count
|
|
||||||
rentList.value = [...rentList.value, ...res.data.list];
|
|
||||||
rentCount.value = res.data.count;
|
|
||||||
|
|
||||||
// Safely process each item
|
// Safely process each item
|
||||||
rentList.value = rentList.value.map(item => {
|
rentList.value = rentList.value.map(item => {
|
||||||
@ -445,43 +412,7 @@
|
|||||||
// }
|
// }
|
||||||
console.log('getList', rentList.value);
|
console.log('getList', rentList.value);
|
||||||
}
|
}
|
||||||
|
|
||||||
//加载更多
|
|
||||||
function onScrolltolower() {
|
|
||||||
if (rentList.value.length < rentCount.value) {
|
|
||||||
listQuery.value.page += 1;
|
|
||||||
getList();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//下拉刷新
|
|
||||||
function onS() {
|
|
||||||
homrS.value = true
|
|
||||||
listQuery.value.keywords = '';
|
|
||||||
listQuery.value.cate_ids = '';
|
|
||||||
listQuery.value.province = '';
|
|
||||||
state.model.city_name = '';
|
|
||||||
listQuery.value.city = '';
|
|
||||||
state.currentCityIndex = [0, 0];
|
|
||||||
uni.showLoading({
|
|
||||||
title: '加载中...'
|
|
||||||
});
|
|
||||||
resetLists();
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
homrS.value = false;
|
|
||||||
uni.hideLoading();
|
|
||||||
uni.stopPullDownRefresh();
|
|
||||||
}, 2000)
|
|
||||||
}
|
|
||||||
// 重置列表
|
|
||||||
function resetLists() {
|
|
||||||
// listQuery.value.keywords = ''
|
|
||||||
console.log('listQuery.value.keywords', listQuery.value.keywords);
|
|
||||||
listQuery.value.page = 1;
|
|
||||||
rentList.value = [];
|
|
||||||
getList();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 隐藏原生tabBar
|
// 隐藏原生tabBar
|
||||||
uni.hideTabBar({
|
uni.hideTabBar({
|
||||||
fail: () => {},
|
fail: () => {},
|
||||||
@ -539,22 +470,8 @@
|
|||||||
line-height: 22rpx;
|
line-height: 22rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scrollBox {
|
|
||||||
padding-bottom: constant(safe-area-inset-bottom);
|
|
||||||
/* iOS 11.0 - 11.1 */
|
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
|
||||||
/* iOS 11.2+ */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 对于没有安全区域的设备，设置默认值 */
|
|
||||||
@supports not (padding-bottom: env(safe-area-inset-bottom)) {
|
|
||||||
.scrollBox {
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
height: 100%;
|
min-height: 90vh;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #f7f7f7;
|
background-color: #f7f7f7;
|
||||||
// display: grid;
|
// display: grid;
|
||||||
@ -565,7 +482,7 @@
|
|||||||
height: 520rpx;
|
height: 520rpx;
|
||||||
background-image: url('https://jiangxiaoxian.0rui.cn/topBack.png');
|
background-image: url('https://jiangxiaoxian.0rui.cn/topBack.png');
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
padding: 30rpx;
|
padding: 30rpx 30rpx 30rpx 30rpx;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
||||||
.locTop {
|
.locTop {
|
||||||
@ -576,8 +493,7 @@
|
|||||||
// align-items: center;
|
// align-items: center;
|
||||||
|
|
||||||
.locTop-left {
|
.locTop-left {
|
||||||
width: 430rpx;
|
width: 250rpx;
|
||||||
height: 70rpx;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
@ -585,18 +501,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.locTop-right {
|
.locTop-right {
|
||||||
width: 203rpx;
|
width: 410rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background-color: #ff5900;
|
|
||||||
color: #ffffff;
|
|
||||||
font-size: 28rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 42rpx;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 104rpx;
|
|
||||||
padding: 0rpx 10rpx;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -607,38 +514,38 @@
|
|||||||
// align-items: center;
|
// align-items: center;
|
||||||
|
|
||||||
.navTop-left {
|
.navTop-left {
|
||||||
width: 330rpx;
|
width: 270rpx;
|
||||||
height: 390rpx;
|
height: 350rpx;
|
||||||
background-image: url('https://jiangxiaoxian.0rui.cn/shoppingMall.png');
|
background-image: url('https://jiangxiaoxian.0rui.cn/rent.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100%;
|
||||||
border-radius: 18rpx;
|
border-radius: 18rpx;
|
||||||
// padding: 40rpx 30rpx 0rpx 30rpx;
|
padding: 40rpx 30rpx 0rpx 30rpx;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navTop-right {
|
.navTop-right {
|
||||||
// display: grid;
|
display: grid;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 330rpx;
|
width: 330rpx;
|
||||||
|
|
||||||
.navRight1 {
|
.navRight1 {
|
||||||
width: 330rpx;
|
width: 270rpx;
|
||||||
height: 180rpx;
|
height: 140rpx;
|
||||||
background-image: url('https://jiangxiaoxian.0rui.cn/rent.png');
|
background-image: url('https://jiangxiaoxian.0rui.cn/school.png');
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
border-radius: 18rpx;
|
border-radius: 18rpx;
|
||||||
// padding: 40rpx 30rpx 0rpx 30rpx;
|
padding: 40rpx 30rpx 0rpx 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navRight2 {
|
.navRight2 {
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
width: 330rpx;
|
width: 270rpx;
|
||||||
height: 180rpx;
|
height: 140rpx;
|
||||||
background-image: url('https://jiangxiaoxian.0rui.cn/school.png');
|
background-image: url('https://jiangxiaoxian.0rui.cn/shoppingMall.png');
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
border-radius: 18rpx;
|
border-radius: 18rpx;
|
||||||
// padding: 40rpx 30rpx 0rpx 30rpx;
|
padding: 40rpx 30rpx 0rpx 30rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -673,7 +580,6 @@
|
|||||||
.recommend-box {
|
.recommend-box {
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
padding: 20rpx 30rpx;
|
padding: 20rpx 30rpx;
|
||||||
height: 900rpx;
|
|
||||||
|
|
||||||
.recom-titleBox {
|
.recom-titleBox {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -681,18 +587,6 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
width: 690rpx;
|
width: 690rpx;
|
||||||
|
|
||||||
.cityBox {
|
|
||||||
width: 222rpx;
|
|
||||||
height: 60rpx;
|
|
||||||
margin-left: 30rpx;
|
|
||||||
border-radius: 132rpx 132rpx 132rpx 132rpx;
|
|
||||||
border: 1rpx solid #999999;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin-top: 6rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-more {
|
.title-more {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -776,9 +670,6 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.viewCan {}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -26,14 +26,20 @@
|
|||||||
<view style="font-weight: 800;" @click="sheep.$router.go('/pages/user/info')">
|
<view style="font-weight: 800;" @click="sheep.$router.go('/pages/user/info')">
|
||||||
{{ userInfo.nickname}}
|
{{ userInfo.nickname}}
|
||||||
</view>
|
</view>
|
||||||
<image class="UnAuthenBox weight8 fs-20" v-if="authenInfo?.status == -1"
|
<!-- <view class="UnAuthenBox weight8 fs-20" v-if="authenInfo.status == -1 "
|
||||||
src="https://jiangxiaoxian.0rui.cn/unAuthen.png" @click="toPage('/pages/user/authentication')"></image>
|
@click="toPage('/pages/user/authentication')">未认证</view>
|
||||||
<image class="authenticationBox weight8 fs-20" v-if="authenInfo?.status == 1 "
|
<view class="authenticationBox weight8 fs-20" >已认证
|
||||||
|
</view> -->
|
||||||
|
<image class="UnAuthenBox weight8 fs-20" v-if="authenInfo.status == -1"
|
||||||
|
src="https://jiangxiaoxian.0rui.cn/unAuthen.png"></image>
|
||||||
|
<image class="authenticationBox weight8 fs-20" v-if="authenInfo.status == 1 "
|
||||||
src="https://jiangxiaoxian.0rui.cn/authened.png"></image>
|
src="https://jiangxiaoxian.0rui.cn/authened.png"></image>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="info-name fs-36 weight8 flexD" v-else>
|
<view class="info-name fs-36 weight8 flexD" v-else>
|
||||||
<view style="font-weight: 800;" @click="toLogin">登录/注册</view>
|
<view style="font-weight: 800;" @click="toLogin">登录/注册</view>
|
||||||
|
<!-- <view class="UnAuthenBox weight8 fs-20" v-if="authenInfo.status == -1 && isLogin == true">未认证</view>
|
||||||
|
<view class="authenticationBox weight8 fs-20" v-if="authenInfo.status == 1 && isLogin == true">已认证</view> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="fs-28 weight4" style="margin-top: 30rpx;">剩余拨打次数：
|
<view class="fs-28 weight4" style="margin-top: 30rpx;">剩余拨打次数：
|
||||||
{{ userInfo.all_mobile_num ? userInfo.all_mobile_num : 0 }}次
|
{{ userInfo.all_mobile_num ? userInfo.all_mobile_num : 0 }}次
|
||||||
@ -249,7 +255,6 @@
|
|||||||
const scrollHeight = ref()
|
const scrollHeight = ref()
|
||||||
|
|
||||||
onShow(() => {
|
onShow(() => {
|
||||||
// console.log('onShow',authenInfo.value.status);
|
|
||||||
isIos();
|
isIos();
|
||||||
sheep.$store('user').updateUserData();
|
sheep.$store('user').updateUserData();
|
||||||
});
|
});
|
||||||
|
|||||||
@ -7,16 +7,16 @@
|
|||||||
|
|
||||||
<view style="padding: 0 30rpx;width: 100%;">
|
<view style="padding: 0 30rpx;width: 100%;">
|
||||||
<view v-if="currentTab == 0">
|
<view v-if="currentTab == 0">
|
||||||
<image v-if="form.workimage != '' && form.status == 1" style="width: 690rpx;height: 350rpx;" :src="baseUrl + form.workimage" @click="afterRead" mode="aspectFill"></image>
|
<image v-if="form.workimage != '' && form.status == 1" style="width: 690rpx;height: 350rpx;" :src="baseUrl + form.workimage" @click="afterRead"></image>
|
||||||
<image v-else style="width: 690rpx;height: 350rpx;"
|
<image v-else style="width: 690rpx;height: 350rpx;"
|
||||||
src="https://jiangxiaoxian.0rui.cn/manager.png" @click="afterRead" mode="aspectFill"></image>
|
src="https://jiangxiaoxian.0rui.cn/manager.png" @click="afterRead"></image>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view v-if="currentTab == 1">
|
<view v-if="currentTab == 1">
|
||||||
<image v-if="form.gateimage != '' && form.status == 2" style="width: 690rpx;height: 350rpx;"
|
<image v-if="form.gateimage != '' && form.status == 2" style="width: 690rpx;height: 350rpx;"
|
||||||
:src="baseUrl + form.gateimage" @click="afterRead" mode="aspectFill"></image>
|
:src="baseUrl + form.gateimage" @click="afterRead"></image>
|
||||||
<image v-else style="width: 690rpx;height: 350rpx;" @click="afterRead"
|
<image v-else style="width: 690rpx;height: 350rpx;" @click="afterRead"
|
||||||
src="https://jiangxiaoxian.0rui.cn/Merchant.png" mode="aspectFill">
|
src="https://jiangxiaoxian.0rui.cn/Merchant.png">
|
||||||
</image>
|
</image>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -225,7 +225,7 @@
|
|||||||
const res = await sheep.$api.rent.rentlist({
|
const res = await sheep.$api.rent.rentlist({
|
||||||
page: listQuery.value.page,
|
page: listQuery.value.page,
|
||||||
limit: listQuery.value.limit,
|
limit: listQuery.value.limit,
|
||||||
order: 'new',
|
order: 'normal',
|
||||||
status: listQuery.value.status,
|
status: listQuery.value.status,
|
||||||
my: 1,
|
my: 1,
|
||||||
});
|
});
|
||||||
|
|||||||
@ -161,31 +161,24 @@
|
|||||||
box-shadow: 0px 0px 4rpx rgba(51, 51, 51, 0.08),
|
box-shadow: 0px 0px 4rpx rgba(51, 51, 51, 0.08),
|
||||||
0px 4rpx 6rpx 2rpx rgba(102, 102, 102, 0.12);
|
0px 4rpx 6rpx 2rpx rgba(102, 102, 102, 0.12);
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
width: 150rpx;
|
width: 134rpx;
|
||||||
height: 64rpx;
|
height: 56rpx;
|
||||||
// width: 134rpx;
|
|
||||||
// height: 56rpx;
|
|
||||||
margin-left: 8rpx;
|
margin-left: 8rpx;
|
||||||
.line {
|
.line {
|
||||||
width: 4rpx;
|
width: 2rpx;
|
||||||
height: 30rpx;
|
height: 24rpx;
|
||||||
// height: 24rpx;
|
background: #e5e5e7;
|
||||||
// background: #e5e5e7;
|
|
||||||
background-color: #000;
|
|
||||||
}
|
}
|
||||||
.sicon-back {
|
.sicon-back {
|
||||||
// font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-size: 36rpx;
|
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.sicon-home {
|
.sicon-home {
|
||||||
// font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-size: 36rpx;
|
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.sicon-more {
|
.sicon-more {
|
||||||
// font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-size: 36rpx;
|
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.icon-button {
|
.icon-button {
|
||||||
|
|||||||
@ -47,7 +47,6 @@ const getShareInfo = (
|
|||||||
|
|
||||||
// 配置转发参数
|
// 配置转发参数
|
||||||
if (shareConfig.methods.includes('forward')) {
|
if (shareConfig.methods.includes('forward')) {
|
||||||
console.log('shareConfig');
|
|
||||||
if (shareConfig.forwardInfo.title === '' || shareConfig.forwardInfo.image === '') {
|
if (shareConfig.forwardInfo.title === '' || shareConfig.forwardInfo.image === '') {
|
||||||
console.log('请在平台设置中配置转发信息');
|
console.log('请在平台设置中配置转发信息');
|
||||||
}
|
}
|
||||||
@ -149,13 +148,11 @@ const decryptSpm = (spm) => {
|
|||||||
};
|
};
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
shareParams.platform = platformMap[shareParamsArray[3] - 1];
|
shareParams.platform = platformMap[shareParamsArray[3] - 1];
|
||||||
shareParams.from = fromMap[shareParamsArray[4] - 1];
|
shareParams.from = fromMap[shareParamsArray[4] - 1];
|
||||||
if (shareParams.shareId != 0) {
|
if (shareParams.shareId != 0) {
|
||||||
// 已登录 立即添加分享记录
|
// 已登录 立即添加分享记录
|
||||||
if (user.isLogin) {
|
if (user.isLogin) {
|
||||||
console.log('已登录 立即添加分享记录前');
|
|
||||||
user.addShareLog(shareParams);
|
user.addShareLog(shareParams);
|
||||||
} else {
|
} else {
|
||||||
// 未登录 待用户登录后添加分享记录
|
// 未登录 待用户登录后添加分享记录
|
||||||
|
|||||||
@ -186,7 +186,7 @@
|
|||||||
},
|
},
|
||||||
leftWidth: {
|
leftWidth: {
|
||||||
type: [Number, String],
|
type: [Number, String],
|
||||||
default: 86,
|
default: 80,
|
||||||
},
|
},
|
||||||
rightWidth: {
|
rightWidth: {
|
||||||
type: [Number, String],
|
type: [Number, String],
|
||||||
@ -285,31 +285,25 @@
|
|||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
box-shadow: 0px 0px 4rpx rgba(51, 51, 51, 0.08), 0px 4rpx 6rpx 2rpx rgba(102, 102, 102, 0.12);
|
box-shadow: 0px 0px 4rpx rgba(51, 51, 51, 0.08), 0px 4rpx 6rpx 2rpx rgba(102, 102, 102, 0.12);
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
// width: 150rpx;
|
|
||||||
height: 64rpx;
|
|
||||||
width: 134rpx;
|
width: 134rpx;
|
||||||
// height: 56rpx;
|
height: 56rpx;
|
||||||
margin-left: 8rpx;
|
margin-left: 8rpx;
|
||||||
.line {
|
.line {
|
||||||
width: 4rpx;
|
width: 2rpx;
|
||||||
height: 30rpx;
|
height: 24rpx;
|
||||||
// height: 24rpx;
|
// background: #e5e5e7;
|
||||||
// background: #e5e5e7;
|
background: #3d3d3d;
|
||||||
background: #000;
|
|
||||||
}
|
}
|
||||||
.sicon-back {
|
.sicon-back {
|
||||||
// font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-size: 36rpx;
|
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.sicon-home {
|
.sicon-home {
|
||||||
// font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-size: 34rpx;
|
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.sicon-more {
|
.sicon-more {
|
||||||
// font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-size: 34rpx;
|
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.icon-button {
|
.icon-button {
|
||||||
@ -407,7 +401,6 @@
|
|||||||
/* #endif */
|
/* #endif */
|
||||||
width: 120rpx;
|
width: 120rpx;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
// justify-content: center;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -89,12 +89,12 @@
|
|||||||
child: [{
|
child: [{
|
||||||
id: '',
|
id: '',
|
||||||
level: "city",
|
level: "city",
|
||||||
name: "全部地区",
|
name: "全国",
|
||||||
pid: 0
|
pid: 0
|
||||||
}], // 确保有默认的子项
|
}], // 确保有默认的子项
|
||||||
id: '',
|
id: '',
|
||||||
level: "province",
|
level: "province",
|
||||||
name: "全部地区",
|
name: "全国",
|
||||||
pid: 0
|
pid: 0
|
||||||
}]
|
}]
|
||||||
const areaData = proFirst.concat(uni.getStorageSync('areaCity'))
|
const areaData = proFirst.concat(uni.getStorageSync('areaCity'))
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user