Skip to content

J
jz_Travel
Commit 252656b4 authored by 罗超's avatar 罗超
Browse files
Options

1

parent d4fc2dc3
Show whitespace changes
Inline Side-by-side
Showing with 325 additions and 350 deletions
pages/restaurant/components/package-good.vue
View file @ 252656b4
......@@ -40,7 +40,7 @@
<view class="buy-content">抢</view>
<view class="buy-tips">在线订</view>
</view>
<view class="buy disabled" v-if="data.RemainingInventory===0">
<view class="buy disabled" v-if="data.RemainingInventory<=0">
<view class="buy-content">抢</view>
<view class="buy-tips">已售罄</view>
</view>
......
pages/restaurant/components/restaurant-type.vue
View file @ 252656b4
......@@ -6,11 +6,11 @@
</div>
<div class="right-slider">
<scroll-view scroll-y="true" style="height: 30vh;">
<div class="item" :class="{'active':d[tid].Id==currentObj.Id}" @click="clickHandler(d[tid])">
<div class="item" :class="{'active':d[tid].ID==currentObj.ID}" @click="clickHandler(d[tid])">
<div class="left">不限</div>
</div>
<div class="item" :class="{'active':x.Id==currentObj.Id}" v-for="(x, index) in sd" :key="index" @click="clickHandler(x)">
<div class="left">{{ x.Name }}</div>
<div class="item" :class="{'active':x.ID==currentObj.ID}" v-for="(x, index) in sd" :key="index" @click="clickHandler(x)">
<div class="left">{{ x.Name}}</div>
</div>
</scroll-view>
<view style="box-shadow: 0px -10px 30px 0px rgba(36, 36, 36, 0.06);margin-top:40rpx;display: flex;">
......@@ -32,56 +32,56 @@
d:{
type:Array,
default:[{
Id:1,
ID:1,
Name:"川菜",
ChildList:[
ChildrenList:[
{
Id:2,
ID:2,
Name:"中餐"
},
{
Id:3,
ID:3,
Name:"汤锅"
},
{
Id:4,
ID:4,
Name:"干锅"
},
{
Id:5,
ID:5,
Name:"火锅"
},
{
Id:6,
ID:6,
Name:"蓉派川菜"
},
{
Id:7,
ID:7,
Name:"渝派川菜"
},
{
Id:8,
ID:8,
Name:"盐帮菜"
}
]
},{
Id:9,
ID:9,
Name:"火锅",
ChildList:[
ChildrenList:[
{
Id:10,
ID:10,
Name:"成都火锅"
},
{
Id:11,
ID:11,
Name:"藏式火锅"
},
{
Id:12,
ID:12,
Name:"重庆火锅"
},
{
Id:13,
ID:13,
Name:"北京火锅"
}
]
......@@ -90,7 +90,7 @@
current:{
type:Object,
default:{
Id:-1,
ID:-1,
active:0
}
}
......@@ -129,7 +129,7 @@
background:"#111"
},
currentObj:{
Id:-1,
ID:-1,
active:0
}
};
......@@ -139,18 +139,19 @@
},
created() {
this.mainColor = this.$uiConfig.mainColor;
this.sd = this.d[this.tid].ChildList;
this.sd = this.d[this.tid].ChildrenList;
},
methods: {
changeHandler(i) {
this.tid = i;
this.sd = this.d[this.tid].ChildList;
this.sd = this.d[this.tid].ChildrenList;
},
clickHandler(item) {
this.currentObj=item
this.currentObj.active=this.active
// let Id1 = this.d[this.tid].Id;
// let Id2 = item.Id;
console.log(this.currentObj)
// let Id1 = this.d[this.tid].ID;
// let Id2 = item.ID;
// let CategoryIds = Id2;
// let IsEducation = uni.getStorageSync('basedata') ?
// (uni.getStorageSync('basedata').mall.setting.mallStyle.IsEducation ? uni.getStorageSync('basedata').mall.setting.mallStyle
......@@ -169,7 +170,7 @@
sendResult(t){
if(t==-1){
this.currentObj={
Id:-1,
ID:-1,
active:0
}
}
......
pages/restaurant/detail.vue
View file @ 252656b4
......@@ -277,7 +277,7 @@
},
openPicture() {
uni.navigateTo({
url: "/pages/restaurant/picture"
url: "/pages/restaurant/picture?id="+this.ID
})
},
openDescription() {
......
pages/restaurant/list.vue
View file @ 252656b4
......@@ -2,18 +2,21 @@
<view class="hotel-list">
<view class="search-box">
<view style="width: 1px; flex: 1;">
<u-search placeholder="美食名称" v-model="msg.Name" input-align="left"
text-color="#111" bg-color="rgba(0,0,0,0)" :show-action="false" clearabled @search="searchList" @clear="searchList"></u-search>
<u-search placeholder="美食名称" v-model="msg.Name" input-align="left" text-color="#111"
bg-color="rgba(0,0,0,0)" :show-action="false" clearabled @search="searchList" @clear="searchList">
</u-search>
</view>
</view>
<view>
<u-dropdown ref="uDropdown" @open="open" @close="close" active-color="#000" inactive-color="#444">
<u-dropdown-item v-model="msg.OrderBy" :title="optionsTitle[0]" :options="options1" @change="getFoodList">
<u-dropdown-item v-model="msg.OrderBy" :title="optionsTitle[0]" :options="options1"
@change="getFoodList">
</u-dropdown-item>
<u-dropdown-item v-model="msg.FoodTypeIds" :title="optionsTitle[1]" @change="getFoodList">
<u-dropdown-item :title="optionsTitle[1]">
<view class="slot-content">
<restaurant-type @sure-type="sureType" :current="currentTypeObj"></restaurant-type>
<restaurant-type @sure-type="sureType" :current="currentTypeObj" :d="foodType">
</restaurant-type>
</view>
</u-dropdown-item>
<u-dropdown-item :title="optionsTitle[2]">
......@@ -29,9 +32,12 @@
</view>
<view class="hotel-rate-box">
<!-- <view v-for="(x,i) in rates" class="hotel-rate" :class="{'active':tempRateAndPrice.rate.indexOf(x.ID)!=-1}" @click="setRestaurantPrice(x.ID)">{{x.Name}}</view> -->
<view v-for="(x,i) in rates" class="hotel-rate" :class="{'active':msg.DiningPriceType===x.ID}" @click="setRestaurantPrice(x.ID)">{{x.Name}}</view>
<view v-for="(x,i) in rates" class="hotel-rate"
:class="{'active':msg.DiningPriceType===x.ID}" @click="setRestaurantPrice(x.ID)">
{{x.Name}}</view>
</view>
<view style="box-shadow: 0px -10px 30px 0px rgba(36, 36, 36, 0.06);margin-top:40rpx;display: flex;">
<view
style="box-shadow: 0px -10px 30px 0px rgba(36, 36, 36, 0.06);margin-top:40rpx;display: flex;">
<view style="flex:1;margin-right: 30rpx;">
<u-button :custom-style="btnStyle" @click="resetPrice">重置</u-button>
</view>
......@@ -41,27 +47,16 @@
</view>
</view>
</u-dropdown-item>
<!-- <u-dropdown-item :title="optionsTitle[3]" @change="change2">
<view class="slot-content">
<restaurant-type @sure-type="sureType" :current="currentTypeObj"></restaurant-type>
</view>
</u-dropdown-item> -->
</u-dropdown>
</view>
<scroll-view :scroll-y="true" @scrolltolower="lower" :enable-back-to-top="true" :enable-flex="true" :scroll-top="scrollTop"
@scroll="scroll" style="height: calc(100% - 168rpx); padding-bottom: 0px;">
<scroll-view :scroll-y="true" @scrolltolower="lower" :enable-back-to-top="true" :enable-flex="true"
:scroll-top="scrollTop" @scroll="scroll" style="height: calc(100% - 168rpx); padding-bottom: 0px;">
<view v-for="(item,index) in restaurantList" :key="index">
<restaurant-good :data="item" @confirm="confirm(item.ID)"></restaurant-good>
</view>
<u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#FFF"
/>
<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20"
bg-color="#FFF" />
</scroll-view>
<!-- 加载中 -->
......@@ -79,40 +74,38 @@
export default {
data() {
return {
msg:{
pageIndex:1,
pageSize:10,
Name:"",
OrderBy:0,
FoodTypeIds:0,
DiningPriceType:0,
},
page_count:1,
msg: {
pageIndex: 1,
pageSize: 10,
Name: "",
OrderBy: 0,
FoodTypeIds: 0,
DiningPriceType: 0,
},
page_count: 1,
status: "loadmore",
restaurantList:[],//餐厅列表
searchObj:{
Name:"",
OrderBy:0,
rtype:-1,
rateAndPrice:{
types:[-1],
priceText:"不限",
rate:[-1]
restaurantList: [], //餐厅列表
searchObj: {
Name: "",
OrderBy: 0,
rtype: -1,
rateAndPrice: {
types: [-1],
priceText: "不限",
rate: [-1]
}
},
tempRateAndPrice:{
rate:[-1],
types:[-1]
tempRateAndPrice: {
rate: [-1],
types: [-1]
},
optionsTitle: [
"推荐排序",
"分类",
"筛选",
"菜系"
],
rates: [],//价格列表
options1: [
{
rates: [], //价格列表
options1: [{
label: '不限',
value: 0,
},
......@@ -126,8 +119,7 @@
},
],
options2: [
{
options2: [{
label: '不限',
value: -1,
},
......@@ -152,21 +144,21 @@
value: 5,
}
],
classOptions:[],
btnStyle:{
classOptions: [],
btnStyle: {
borderRadius: '16rpx',
color: '#111',
fontSize: '30rpx',
width: '100%',
border:"1px solid #111",
background:"#FFF"
border: "1px solid #111",
background: "#FFF"
},
btnStyle2:{
btnStyle2: {
borderRadius: '16rpx',
color: '#fff',
fontSize: '30rpx',
width: '100%',
background:"#111"
background: "#111"
},
loadText: {
loadmore: "轻轻上拉，加载更多",
......@@ -177,12 +169,13 @@
old: {
scrollTop: 0,
},
showLoading:false,
showLoading: false,
status: "loadmore",
currentTypeObj:{
Id:-1,
active:0
}
currentTypeObj: {
Id: -1,
active: 0
},
foodType: [],
}
},
components: {
......@@ -194,9 +187,9 @@
uni.setNavigationBarTitle({
title: "美食",
});
let d1=new Date();
let d=new Date();
let d2=new Date(d.setDate(d.getDate()+1))
let d1 = new Date();
let d = new Date();
let d2 = new Date(d.setDate(d.getDate() + 1))
var obj = {
start: `${d1.getFullYear()}-${d1.getMonth()+1}-${d1.getDate()}`,
end: `${d2.getFullYear()}-${d2.getMonth()+1}-${d2.getDate()}`,
......@@ -208,14 +201,14 @@
key: 'Time',
data: JSON.stringify(obj)
})
this.searchObj.date=obj
this.searchObj.date = obj
this.getFoodType();
this.getPriceEnum();
this.getFoodList();
},
methods: {
searchList(){
this.msg.pageIndex=1
searchList() {
this.msg.pageIndex = 1
this.getFoodList();
},
scroll: function(e) {
......@@ -236,8 +229,8 @@
this.status = "nomore";
}
},
setRestaurantPrice(rateId){
this.msg.DiningPriceType=rateId
setRestaurantPrice(rateId) {
this.msg.DiningPriceType = rateId
// if(rateId==-1){
// this.tempRateAndPrice.rate=[-1]
// }else{
......@@ -267,18 +260,18 @@
// }
// }
// },
resetPrice(){
resetPrice() {
// this.optionsTitle[2]="筛选"
// this.searchObj.rateAndPrice={
// types:[-1],
// priceText:"不限",
// rate:[-1]
// }
this.msg.DiningPriceType=0
this.msg.DiningPriceType = 0
this.getFoodList();
this.closeDropdown();
},
surePrice(){
surePrice() {
// let result=""
// if(this.tempRateAndPrice.types.length>0){
// this.options2.forEach(x=>{
......@@ -304,13 +297,10 @@
this.getFoodList();
this.closeDropdown();
},
sureType(item){
console.log(item)
// this.searchObj.rtype=item.Id
// this.optionsTitle[1]=item.Id==-1?'菜系':item.Name
sureType(item) {
this.msg.FoodTypeIds = item.ID;
this.getFoodList();
this.closeDropdown();
// item.newTimespan=this.rand(1000,9999)
// this.currentTypeObj=item
},
// rangechange4(e){
// if(e.minValue==0){
......@@ -332,107 +322,69 @@
// 展开某个下来菜单时，先关闭原来的其他菜单的高亮
// 同时内部会自动给当前展开项进行高亮
this.$refs.uDropdown.highlight();
if(index==2){
this.tempRateAndPrice=this.searchObj.rateAndPrice
}else if(index==1){
if (index == 2) {
this.tempRateAndPrice = this.searchObj.rateAndPrice
} else if (index == 1) {
this.currentTypeObj.newTimespan=this.rand(1000,9999)
this.currentTypeObj.newTimespan = this.rand(1000, 9999)
this.$forceUpdate()
console.log(this.currentTypeObj.newTimespan)
}
},
rand(min,max) {
return Math.floor(Math.random()*(max-min))+min;
rand(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
},
close(index) {
// 关闭的时候，给当前项加上高亮
// 当然，您也可以通过监听dropdown-item的@change事件进行处理
this.$refs.uDropdown.highlight(index);
},
change(index) {
// let temp = this.options1.find(x => {
// if (x.ID == index) {
// return x
// } else {
// return false
// }
// })
// console.log(index,temp)
// this.optionsTitle[0] = temp.Name
},
change2(index){
// if(index!=-1){
// let temp = this.options2.find(x => {
// if (x.value == index) {
// return x
// } else {
// return false
// }
// })
// this.optionsTitle[1] = temp.label
// }else{
// this.optionsTitle[1] = "附近"
// }
},
// 获取餐食类型
getFoodType(){
getFoodType() {
this.request2({
url: '/api/AppletDining/GetFoodType',
data: {
ClassType:0
ClassType: 0
}
},
res => {
if(res.resultCode===1){
this.typeList=res.data
this.classOptions=[{
label: "不限",
value: 0,
}]
res.data.map(i=>{
let obj={
label: i.Name,
value: i.ID,
}
this.classOptions.push(obj)
})
if (res.resultCode === 1) {
this.foodType = res.data
}
}
);
},
// 获取餐食价格枚举
getPriceEnum(){
getPriceEnum() {
this.request2({
url: '/api/AppletDining/GetDiningPriceType',
data: {}
},
res => {
if(res.resultCode===1){
this.rates=res.data
if (res.resultCode === 1) {
this.rates = res.data
}
}
);
},
// 获取餐食列表
getFoodList(){
// this.msg.DiningPriceType=this.searchObj.rateAndPrice.join(",")
getFoodList() {
this.request2({
url: '/api/AppletDining/GetDiningPage',
data: this.msg
},
res => {
if(res.resultCode===1){
if (res.resultCode === 1) {
this.page_count = res.data.pageCount;
res.data.pageData.forEach(item=>{
item.FoodTag=item.FoodTag.split(',')
item.GeographicTag=item.GeographicTag.split(',')
res.data.pageData.forEach(item => {
item.FoodTag = item.FoodTag.split(',')
item.GeographicTag = item.GeographicTag.split(',')
})
if(this.msg.pageIndex==1){
this.restaurantList=res.data.pageData;
}else if(this.msg.pageIndex>1){
this.restaurantList=[...this.restaurantList,...res.data.pageData];
if (this.msg.pageIndex == 1) {
this.restaurantList = res.data.pageData;
} else if (this.msg.pageIndex > 1) {
this.restaurantList = [...this.restaurantList, ...res.data.pageData];
}
if (this.page_count == 1) {
......@@ -442,9 +394,9 @@
}
);
},
confirm(id){
confirm(id) {
uni.navigateTo({
url:"/pages/restaurant/detail?id="+id
url: "/pages/restaurant/detail?id=" + id
})
}
},
......@@ -452,9 +404,10 @@
</script>
<style scoped>
/deep/.u-flex{
/deep/.u-flex {
justify-content: center;
}
.hotel-list {
height: 100vh;
......@@ -486,12 +439,14 @@
border-right: 1px solid #E2E2E2;
font-size: 24rpx;
}
.hotel-rate-box{
.hotel-rate-box {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.hotel-rate{
.hotel-rate {
width: 215rpx;
height: 60rpx;
background: #ECF1F4;
......@@ -504,10 +459,12 @@
flex-shrink: 0;
margin-top: 29rpx;
}
.hotel-rate:last-child{
.hotel-rate:last-child {
margin-right: 0;
}
.hotel-rate.active{
.hotel-rate.active {
background: #111111;
color: #FFFFFF;
}
......
pages/restaurant/order.vue
View file @ 252656b4
......@@ -47,7 +47,7 @@
<view class="form-items">
<view class="label">备注</view>
<view class="val">
<input type="number" v-model="order.BuyerMessage" placeholder="您的特殊要求，我们会尽量安排" />
<input type="text" v-model="order.BuyerMessage" placeholder="您的特殊要求，我们会尽量安排" />
</view>
</view>
</view>
......
pages/restaurant/picture.vue
View file @ 252656b4
<template>
<view>
<scroll-view scroll-y="true" class="hotel-pic">
<view class="content">
<view class="left">
<view v-for="(x,i) in jiList" :key="i" class="image-box" @click="previewImage(x.picUrl)">
<image :src="x.picUrl" mode="widthFix"></image>
<view class="img-list">
<view class="img-navs">
<view v-for="(item,index) in navList" :key="index" class="nav-btn" :class="{'check-nav':index===curNavIndex,'last-nav':index===navList.length-1}" @click="changeNav(index)">
{{item.TagName||'其他'}}
</view>
</view>
<view class="right">
<view v-for="(x,i) in ouList" :key="i" class="image-box" @click="previewImage(x.picUrl)">
<image :src="x.picUrl" mode="widthFix"></image>
<view class="img-list-box">
<view v-for="(item,index) in dataList.TagPicList" :key="item.ID" class="img-list-item" :style="{'margin-right':index%2 ==0?'20rpx':0}">
<view class="img-box" @click="previewImage(index,item.Path)" v-if="item.type==='image'">
<image :src="item.Path" mode="aspectFill" ></image>
</view>
<view class="img-box" style="position: relative" v-if="item.type==='video'">
<video id="myVideo" :src="item.Path"
:controls='controls'
:show-center-play-btn='false'
:show-fullscreen-btn='false'
@fullscreenchange='videoControl'
object-fit ='fill'
></video>
<!-- 播放按钮 -->
<view @click="enlarge"
style="position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 98rpx;height: 98rpx;border-radius: 20rpx;background-color: rgba(255,255,255,.4);display: flex;align-items: center;justify-content: center;">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616471847000_345.png"
style="width: 37rpx;height: 44rpx;"></image>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
imageList:[
{
picUrl:"https://ak-d.tripcdn.com/images/200j13000000v60wjE77D_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/t1/hotel/533000/532930/3fcc6398b3c44c08bb1b57aef579793e_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/20010r000000hmqk32EF2_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/200v0f0000007d6wgBCD6_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"http://imgfile.oytour.com/Upload/DMC/202105251114114560000000058.png",
type:"酒店"
},
{
picUrl:"https://dimg07.c-ctrip.com/images/01066120008jk5bcc94AC_C_1600_1200.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/200j13000000v60wjE77D_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/t1/hotel/533000/532930/3fcc6398b3c44c08bb1b57aef579793e_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/20010r000000hmqk32EF2_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/200v0f0000007d6wgBCD6_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"http://imgfile.oytour.com/Upload/DMC/202105251114114560000000058.png",
type:"酒店"
},
{
picUrl:"https://dimg07.c-ctrip.com/images/01066120008jk5bcc94AC_C_1600_1200.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/200j13000000v60wjE77D_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/t1/hotel/533000/532930/3fcc6398b3c44c08bb1b57aef579793e_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/20010r000000hmqk32EF2_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/200v0f0000007d6wgBCD6_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"http://imgfile.oytour.com/Upload/DMC/202105251114114560000000058.png",
type:"酒店"
},
{
picUrl:"https://dimg07.c-ctrip.com/images/01066120008jk5bcc94AC_C_1600_1200.jpg",
type:"酒店"
},{
picUrl:"https://ak-d.tripcdn.com/images/200j13000000v60wjE77D_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/t1/hotel/533000/532930/3fcc6398b3c44c08bb1b57aef579793e_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/20010r000000hmqk32EF2_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"https://ak-d.tripcdn.com/images/200v0f0000007d6wgBCD6_R_1080_808_R5_D.jpg",
type:"酒店"
},
{
picUrl:"http://imgfile.oytour.com/Upload/DMC/202105251114114560000000058.png",
type:"酒店"
},
{
picUrl:"https://dimg07.c-ctrip.com/images/01066120008jk5bcc94AC_C_1600_1200.jpg",
type:"酒店"
ID:0,
navList:[],
curNavIndex:0,
dataList:[],
imgBaseUrl:"",
controls:false,//显示默认控件
videoContext:""
}
],
jiList:[],
ouList:[],
allImageSrc:[]
},
watch:{
curNavIndex(val){
}
},
created() {
uni.setNavigationBarTitle({
title: "酒店图片",
title: "餐厅图片",
});
this.imageList.forEach((x,i)=>{
this.allImageSrc.push(x.picUrl)
if(i%2==0){
this.jiList.push(x)
}else{
this.ouList.push(x)
},
onLoad(options) {
if (options && options.id) {
this.ID = options.id
this.getDetail()
}
})
console.log(this.jiList,this.ouList)
},
mounted () {
methods: {
//获取详情
getDetail(index=0) {
this.request2({
url: '/api/AppletDining/GetDiningDetails',
data: {
ID: this.ID
}
},
res => {
if (res.resultCode == 1) {
this.navList = res.data.AllPicList;
this.dataList=res.data.AllPicList[index]
this.dataList.TagPicList.forEach(item=>{
if(item.Path.indexOf('jpg')!==-1||item.Path.indexOf('png')!==-1||item.Path.indexOf('jpeg')!==-1){
item.type='image'
}else if(item.Path.indexOf('mp4')!==-1){
item.type='video'
}
})
console.log(this.dataList)
}
}
);
},
changeNav(index){
this.curNavIndex=index
this.dataList=this.navList[index]
this.dataList.TagPicList.forEach(item=>{
if(item.Path.indexOf('jpg')!==-1||item.Path.indexOf('png')!==-1||item.Path.indexOf('jpeg')!==-1){
item.type='image'
}else if(item.Path.indexOf('mp4')!==-1){
item.type='video'
}
})
},
methods: {
previewImage(src) {
//预览图片
previewImage(i,url) {
uni.previewImage({
urls: this.allImageSrc,
current: src,
urls: [url],
current: i,
longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"],
success: function(data) {},
success: function(data) {
console.log(data.errMsg);
},
fail: function(err) {
console.log(err.errMsg);
},
},
});
}
},
enlarge(file) {
// 全屏
this.videoContext = uni.createVideoContext('myVideo');
this.videoContext.requestFullScreen({
direction:0
})
},
videoControl(e){
// if(e.detail.fullScreen===false){
// this.videoContext.stop()
// this.controls=false
// }else{
// this.videoContext.play()
// this.controls=true
// }
console.log(e.detail)
},
}
}
</script>
<style>
.hotel-pic{
height: 100vh;
width: 100vw;
}
.hotel-pic .content{
<style lang="scss" scoped>
.img-list{
.img-navs{
display: flex;
align-items: flex-start;
padding: 44rpx;
padding-top: 14rpx;
margin: 0 45rpx;
padding: 20rpx 0;
overflow-x: scroll;
overflow-y: hidden;
.nav-btn{
// width: 230rpx;
height: 60rpx;
background-color: #FFFFFF;
border: 1rpx solid #111111;
border-radius: 20rpx;
font-family: PingFang SC;
font-weight: 500;
text-align: center;
line-height: 58rpx;
padding: 0 20rpx;
margin-right: 30rpx;
white-space: nowrap;
}
.hotel-pic .content .left{
flex:1;
margin-right: 15rpx;
.check-nav{
background-color: #111111;
color: #FFFFFF;
}
.hotel-pic .content .right{
flex:1;
margin-left: 15rpx;
.last-nav{
margin-right: 0 !important;
}
.hotel-pic .content .image-box{
width:100%;
margin-top: 30rpx;
}
.hotel-pic .content .image-box image{
width: 100%;
.img-list-box{
padding: 0 45rpx;
display: flex;
flex-wrap: wrap;
.img-list-item{
width: 315rpx;
margin-bottom: 20rpx;
.img-box{
width: 315rpx;
height: 315rpx;
background-color: #E7E7E7;
border-radius: 20rpx;
overflow: hidden;
image{
width: 100%;
height: 100%;
}
#myVideo{
width: 100%;
height: 100%;
}
}
}
}
}
</style>
pages/ticketCoupons/fillOrder.vue
View file @ 252656b4
......@@ -143,9 +143,17 @@
uni.hideLoading();
if(res.resultCode===1){
let that=this
console.log(res.data.template_message_list)
uni.requestSubscribeMessage({
tmplIds: res.data.template_message_list,
success:res=>{
console.log('订阅成功',res)
},
fail:err=>{
console.log('订阅失败',err)
},
complete(_res) {
console.log(_res)
that.queren(res.data.OrderId)
}
});
......@@ -154,6 +162,7 @@
},
err=>{
console.log(err)
uni.hideLoading();
}
);
......
pages/ticketCoupons/list.vue
View file @ 252656b4
......@@ -2,7 +2,7 @@
<view class="hotel-list">
<view class="search-box">
<view style="width: 1px; flex: 1;">
<u-search placeholder="目的地/景点/主题" v-model="msg.Name" input-align="left" :value="searchObj.searchKey"
<u-search placeholder="景点" v-model="msg.Name" input-align="left" :value="searchObj.searchKey"
text-color="#111" bg-color="rgba(0,0,0,0)" :show-action="false" @search="searchList" @clear="searchList"></u-search>
</view>
</view>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment