Commit dd86fe67 authored by Mac's avatar Mac

Merge branch 'master' of http://gitlab.oytour.com/viitto/mallapp

parents ecbc760c 0c5fb1cf
This diff is collapsed.
This diff is collapsed.
<template> <template>
<view class="guidedetails" > <view class="guidedetails">
<view class="guide" :style="{'height':(windowHeight-30)+'px'}" v-if='type==1&& loading==true'> <view class="guide" :style="{'height':(windowHeight-30)+'px'}" v-if='type==1&& loading==true'>
<view class="guide-top"> <view class="guide-top">
<u-avatar :src="guideModel.GuidePhoto" :size="120"></u-avatar> <u-avatar :src="guideModel.GuidePhoto" :size="120"></u-avatar>
<view class="column" style="height: 36px;justify-content: space-between;margin-left: 10px;"> <view class="column" style="height: 36px;justify-content: space-between;margin-left: 10px;">
<view class="row"> <view class="row">
<span>{{guideModel.Name}}</span> <span>{{guideModel.Name}}</span>
</view> </view>
<view class="row" style="display: flex;flex-direction: row;align-items: center;"> <view class="row" style="display: flex;flex-direction: row;align-items: center;">
<u-rate <u-rate :current="guideModel.Score" active-color="#FF8C10" inactive-color="#D5D5D5" active-icon="star"
:current="guideModel.Score" inactive-icon="star-o" size="34" :disabled="true"></u-rate>
active-color="#FF8C10"
inactive-color="#D5D5D5"
active-icon="star"
inactive-icon="star-o"
size="34"
:disabled="true"
></u-rate>
<span style='font-size: 14px;color: #A8A8A8;margin-left: 10px;'>{{guideModel.Score.toFixed(1)}}</span> <span style='font-size: 14px;color: #A8A8A8;margin-left: 10px;'>{{guideModel.Score.toFixed(1)}}</span>
</view> </view>
</view> </view>
</view> </view>
<view class="guide-info"> <view class="guide-info">
...@@ -29,10 +19,6 @@ ...@@ -29,10 +19,6 @@
<span class='info-text'>工龄:</span> <span class='info-text'>工龄:</span>
<span>{{guideModel.WorkYears}}</span> <span>{{guideModel.WorkYears}}</span>
</view> </view>
<!-- <view class="guide-info-item">
<span class='info-text'>电话:</span>
<span>{{guideModel.Telephone}}</span>
</view> -->
<view class="guide-info-item"> <view class="guide-info-item">
<span class='info-text'>服务人数:</span> <span class='info-text'>服务人数:</span>
<span>{{guideModel.OrderGuestNum}}</span> <span>{{guideModel.OrderGuestNum}}</span>
...@@ -46,8 +32,6 @@ ...@@ -46,8 +32,6 @@
<view class="guide-info-item"> <view class="guide-info-item">
<span class='info-text'>个人简介:</span> <span class='info-text'>个人简介:</span>
</view> </view>
</view> </view>
<view style='padding: 10px;'> <view style='padding: 10px;'>
<h-parse :content="detailContent" @navigate="clickDescription"></h-parse> <h-parse :content="detailContent" @navigate="clickDescription"></h-parse>
...@@ -55,41 +39,28 @@ ...@@ -55,41 +39,28 @@
</view> </view>
<view class="guide" v-if='type==2&& loading==true' :style="{'height':(windowHeight-30)+'px'}"> <view class="guide" v-if='type==2&& loading==true' :style="{'height':(windowHeight-30)+'px'}">
<view class="u-skeleton-rect"> <view class="u-skeleton-rect">
<swiper <swiper indicator-dots :autoplay="false" :interval="1000" style="height:170px;width: 300px;">
indicator-dots
:autoplay="false"
:interval="1000"
style="height:170px;width: 300px;"
>
<block v-for="(item, index) in guidecar.PicList" :key="index"> <block v-for="(item, index) in guidecar.PicList" :key="index">
<swiper-item> <swiper-item>
<video @click="startPlay(item)" style="width:100%;height:100%" id="myVideo" v-if="item.type==1" :src="item" <video @click="startPlay(item)" style="width:100%;height:100%" id="myVideo" v-if="item.type==1" :src="item"
:autoplay="false" loop muted show-play-btn :enable-progress-gesture="true" :autoplay="false" loop muted show-play-btn :enable-progress-gesture="true" :controls="true" :show-progress="true"
:controls="true" :show-progress="true" :show-mute-btn="true" objectFit="cover"></video> :show-mute-btn="true" objectFit="cover"></video>
<image @click="previewImage(index)" style="width:100%;height:100%;" v-else :src="item" mode=""></image> <image @click="previewImage(index)" style="width:100%;height:100%;" v-else :src="item" mode=""></image>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
</view> </view>
<view style="margin-top: 15px ;font-size: 16px;display: flex;flex-direction: row;align-items: center" > <view style="margin-top: 15px ;font-size: 16px;display: flex;flex-direction: row;align-items: center">
<image :src="carModel.CarLogo" mode="aspectFill" style="width: 25px;height: 25px;margin-right: 10px;"></image> <image :src="carModel.CarLogo" mode="aspectFill" style="width: 25px;height: 25px;margin-right: 10px;"></image>
{{carModel.CarBrand!=''?carModel.CarBrand:'无'}} {{carModel.CarBrand!=''?carModel.CarBrand:'无'}}
</view> </view>
<view class="row" > <view class="row">
<u-rate <u-rate :current="carModel.Score" active-color="#FF8C10" inactive-color="#D5D5D5" active-icon="star" inactive-icon="star-o"
:current="carModel.Score" size="34" :disabled="true"></u-rate>
active-color="#FF8C10"
inactive-color="#D5D5D5"
active-icon="star"
inactive-icon="star-o"
size="34"
:disabled="true"
></u-rate>
<span style='font-size: 14px;color: #A8A8A8;margin-left: 10px;'>{{carModel.Score.toFixed(1)}}</span> <span style='font-size: 14px;color: #A8A8A8;margin-left: 10px;'>{{carModel.Score.toFixed(1)}}</span>
</view> </view>
<view style="width: 98%;height: 1px;background: #E2E2E2;margin-top: 10px;"></view> <view style="width: 98%;height: 1px;background: #E2E2E2;margin-top: 10px;"></view>
<view class="guide-info"> <view class="guide-info">
<view class="guide-info-item"> <view class="guide-info-item">
<span class='info-text'>颜色:</span> <span class='info-text'>颜色:</span>
<span>{{guidecar.ColorName}}</span> <span>{{guidecar.ColorName}}</span>
...@@ -106,7 +77,6 @@ ...@@ -106,7 +77,6 @@
<span class='info-text'>型号:</span> <span class='info-text'>型号:</span>
<span>{{carModel.CarType}}</span> <span>{{carModel.CarType}}</span>
</view> </view>
<view class="guide-info-item" style="width: 100%;"> <view class="guide-info-item" style="width: 100%;">
<span class='info-text'>购买年限:</span> <span class='info-text'>购买年限:</span>
<span>{{g.car_buyyear}}</span> <span>{{g.car_buyyear}}</span>
...@@ -117,43 +87,40 @@ ...@@ -117,43 +87,40 @@
</template> </template>
<script> <script>
import hParse from "@/components/u-parse/parse.vue";
import hParse from "@/components/u-parse/parse.vue"; export default {
export default {
components: { components: {
hParse, hParse,
// share // share
}, },
data() { data() {
return { return {
loading:false, loading: false,
mainColor: "", mainColor: "",
activeStyle: "", activeStyle: "",
pageTitle: "导游详情", pageTitle: "导游详情",
type:0,//1为 type: 0, //1为
g:{}, g: {},
detailContent:'', detailContent: '',
imgs:[], imgs: [],
carModel:{}, carModel: {},
guideModel:{}, guideModel: {},
guidecar:{}, guidecar: {},
windowHeight:0, windowHeight: 0,
}; };
}, },
onLoad(options) { onLoad(options) {
if(options && options.g){ if (options && options.g) {
this.g = JSON.parse(decodeURIComponent(options.g)) this.g = JSON.parse(decodeURIComponent(options.g))
} }
if (options && options.type) {
if(options && options.type){
this.type = options.type; this.type = options.type;
if(this.type==1){ if (this.type == 1) {
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: '导游详情', title: '导游详情',
}); });
this.getGuideCarGuideModel() this.getGuideCarGuideModel()
}else{ } else {
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: '车辆详情', title: '车辆详情',
}); });
...@@ -164,14 +131,9 @@ export default { ...@@ -164,14 +131,9 @@ export default {
this.imgs.push(x.pic_url); this.imgs.push(x.pic_url);
}); });
let richtext = this.g.guide_introduction; let richtext = this.g.guide_introduction;
setTimeout(()=>{ setTimeout(() => {
this.detailContent = richtext; this.detailContent = richtext;
},10) }, 10)
}, },
created() { created() {
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
...@@ -180,61 +142,55 @@ export default { ...@@ -180,61 +142,55 @@ export default {
title: this.pageTitle, title: this.pageTitle,
}); });
this.windowHeight = this.$utils.SystemInfo().windowHeight this.windowHeight = this.$utils.SystemInfo().windowHeight
}, },
methods: { methods: {
getGuideCarGuideModel(){//根据导游id获取导游信息 getGuideCarGuideModel() { //根据导游id获取导游信息
uni.showLoading({ uni.showLoading({
title: "加载中", title: "加载中",
}); });
this.request2( this.request2({
{
url: '/api/AppletGuideCar/GetGuideCarGuideModel', url: '/api/AppletGuideCar/GetGuideCarGuideModel',
data: { data: {
ID:this.g.guide_id, ID: this.g.guide_id,
} }
}, },
(res) => { (res) => {
this.guideModel = res.data; this.guideModel = res.data;
uni.hideLoading(); uni.hideLoading();
this.loading=true this.loading = true
} }
); );
}, },
getGuideCarModel(){ getGuideCarModel() {
uni.showLoading({ uni.showLoading({
title: "加载中", title: "加载中",
}); });
this.request2( this.request2({
{
url: '/api/AppletGuideCar/GetGuideCarModel', url: '/api/AppletGuideCar/GetGuideCarModel',
data: { data: {
ID:this.g.car_id, ID: this.g.car_id,
} }
}, },
(res) => { (res) => {
this.carModel = res.data; this.carModel = res.data;
this.carModel.ColorList.forEach(x=>{ this.carModel.ColorList.forEach(x => {
if(x.ID==this.g.carcolor_id){ if (x.ID == this.g.carcolor_id) {
this.guidecar = x this.guidecar = x
} }
}) })
uni.hideLoading(); uni.hideLoading();
this.loading=true this.loading = true
} }
); );
}, },
clickDescription(e) { clickDescription(e) {
console.log(e); console.log(e);
}, },
//点击跳转 //点击跳转
startPlay(item){ startPlay(item) {
uni.navigateTo({ url: '/pages/video/index?GoodsId='+this.id+'&VideoUrl='+item.pic_url }) uni.navigateTo({
url: '/pages/video/index?GoodsId=' + this.id + '&VideoUrl=' + item.pic_url
})
}, },
previewImage(i) { previewImage(i) {
uni.previewImage({ uni.previewImage({
...@@ -242,7 +198,7 @@ getGuideCarModel(){ ...@@ -242,7 +198,7 @@ getGuideCarModel(){
current: i, current: i,
longPressActions: { longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"], itemList: ["发送给朋友", "保存图片", "收藏"],
success: function (data) { success: function(data) {
console.log( console.log(
"选中了第" + "选中了第" +
(data.tapIndex + 1) + (data.tapIndex + 1) +
...@@ -251,28 +207,27 @@ getGuideCarModel(){ ...@@ -251,28 +207,27 @@ getGuideCarModel(){
"张图片" "张图片"
); );
}, },
fail: function (err) { fail: function(err) {
console.log(err.errMsg); console.log(err.errMsg);
}, },
}, },
}); });
}, },
}, },
}; };
</script> </script>
<style> <style>
.guidedetails {
.guidedetails {
height: 100%; height: 100%;
height: 100%; height: 100%;
background: #FAF8F9; background: #FAF8F9;
padding: 15px; padding: 15px;
font-family: aa; font-family: aa;
} }
.guidedetails .guide{
.guidedetails .guide {
width: 100%; width: 100%;
/* height: 96%; */
border-radius: 10px; border-radius: 10px;
background: #FFF; background: #FFF;
display: flex; display: flex;
...@@ -280,45 +235,48 @@ getGuideCarModel(){ ...@@ -280,45 +235,48 @@ getGuideCarModel(){
align-items: center; align-items: center;
padding: 15px; padding: 15px;
overflow-y: auto; overflow-y: auto;
box-shadow:0 2px 2px 2px #E9E7E8; box-shadow: 0 2px 2px 2px #E9E7E8;
}
} .guidedetails .guide-top {
.guidedetails .guide-top{
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.guidedetails .row{
.guidedetails .row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
/* justify-content: center; */ }
}
.guidedetails .column{ .guidedetails .column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.guidedetails .guide-info{
.guidedetails .guide-info {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
margin-top: 20px; margin-top: 20px;
width: 100%; width: 100%;
} }
.guidedetails .guide-info-item{
.guidedetails .guide-info-item {
width: 50%; width: 50%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.guidedetails .info-text{
.guidedetails .info-text {
font-size: 14px; font-size: 14px;
color: #727272; color: #727272;
/* margin-right: 10px; */
padding: 10px 0; padding: 10px 0;
width: 75px; width: 75px;
text-align: right; text-align: right;
} }
</style> </style>
<template> <template>
<view class="guidercarCommentList" :style="{ height: contentHeight }"> <view class="guidercarCommentList" :style="{ height: contentHeight }">
<u-tabs <u-tabs name="name" :list="list" :is-scroll="false" :current="current" @change="change" :active-color="mainColor"></u-tabs>
name="name"
:list="list"
:is-scroll="false"
:current="current"
@change="change"
:active-color="mainColor"
></u-tabs>
<u-empty v-if="g.length == 0" text="暂无评论" mode="list"></u-empty> <u-empty v-if="g.length == 0" text="暂无评论" mode="list"></u-empty>
<view v-if="g.length > 0" style="
<view
v-if="g.length > 0"
style="
height: calc(100vh - 50px); height: calc(100vh - 50px);
width: calc(100vw); width: calc(100vw);
overflow: hidden; overflow: hidden;">
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ height: '100%' }">
"
>
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }"
>
<view class="interDList" v-for="(x, i) in g" :key="i"> <view class="interDList" v-for="(x, i) in g" :key="i">
<view class="comment-dao" style="justify-content: space-between;"> <view class="comment-dao" style="justify-content: space-between;">
<view style="display: flex;flex-direction: row;align-items: center;"> <view style="display: flex;flex-direction: row;align-items: center;">
...@@ -42,67 +21,34 @@ ...@@ -42,67 +21,34 @@
</view> </view>
<span style='font-size: 12px;color: #AAAAAA;'>{{x.CommentList[0].CreateDate}}</span> <span style='font-size: 12px;color: #AAAAAA;'>{{x.CommentList[0].CreateDate}}</span>
</view> </view>
<view class="comment-dao" > <view class="comment-dao">
<u-rate <u-rate :current="x.CommentList[0].CommentScore" active-color="#FF4442" inactive-color="#b2b2b2" active-icon="star"
:current="x.CommentList[0].CommentScore" inactive-icon="star-o" size="20" :disabled="true"></u-rate>
active-color="#FF4442"
inactive-color="#b2b2b2"
active-icon="star"
inactive-icon="star-o"
size="20"
:disabled="true"
></u-rate>
<span style='font-size: 11px;color: #565656;margin-left: 15px;'>导游:{{x.CommentList[1].GuideName}}</span> <span style='font-size: 11px;color: #565656;margin-left: 15px;'>导游:{{x.CommentList[1].GuideName}}</span>
</view> </view>
<view class="comment-dao" style="padding: 10px 0;"> <view class="comment-dao" style="padding: 10px 0;">
<span>{{x.CommentList[1].Content}}</span> <span>{{x.CommentList[1].Content}}</span>
</view> </view>
<view class="comment-dao" style="flex-wrap: wrap;"> <view class="comment-dao" style="flex-wrap: wrap;">
<image <image v-for="(item, index) in x.CommentList[1].CommentImgList" :key="index" mode="aspectFill" :src="item" @click="previewImage(index,x.CommentList[1].CommentImgList)"
v-for="(item, index) in x.CommentList[1].CommentImgList" :key="index" :style="{'width':san,'height':san}" />
mode="aspectFill"
:src="item"
@click="previewImage(index,x.CommentList[1].CommentImgList)"
:style="{'width':san,'height':san}"
/>
</view> </view>
<view style="width: 100%;height: 1px;background: rgba(0, 0, 0, 0.1);margin: 10px 0;"></view> <view style="width: 100%;height: 1px;background: rgba(0, 0, 0, 0.1);margin: 10px 0;"></view>
<view class="comment-dao">
<view class="comment-dao" > <u-rate :current="x.CommentList[0].CommentScore" active-color="#FF4442" inactive-color="#b2b2b2" active-icon="star"
<u-rate inactive-icon="star-o" size="20" :disabled="true"></u-rate>
:current="x.CommentList[0].CommentScore"
active-color="#FF4442"
inactive-color="#b2b2b2"
active-icon="star"
inactive-icon="star-o"
size="20"
:disabled="true"
></u-rate>
<span style='font-size: 11px;color: #565656;margin-left: 15px;'>{{x.CommentList[0].CarBrandName}},{{x.CommentList[0].CarColorName}}</span> <span style='font-size: 11px;color: #565656;margin-left: 15px;'>{{x.CommentList[0].CarBrandName}},{{x.CommentList[0].CarColorName}}</span>
</view> </view>
<view class="comment-dao" style="padding: 10px 0;"> <view class="comment-dao" style="padding: 10px 0;">
<span>{{x.CommentList[0].Content}}</span> <span>{{x.CommentList[0].Content}}</span>
</view> </view>
<view class="comment-dao" style="flex-wrap: wrap;"> <view class="comment-dao" style="flex-wrap: wrap;">
<image <image v-for="(item, index) in x.CommentList[0].CommentImgList" :key="index" mode="aspectFill" :src="item" @click="previewImage(index,x.CommentList[0].CommentImgList)"
v-for="(item, index) in x.CommentList[0].CommentImgList" :key="index" :style="{'width':san,'height':san}" />
mode="aspectFill"
:src="item"
@click="previewImage(index,x.CommentList[0].CommentImgList)"
:style="{'width':san,'height':san}"
/>
</view> </view>
</view> </view>
<u-loadmore <u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20" bg-color="#f3f4f6" />
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#f3f4f6"
/>
</scroll-view> </scroll-view>
</view> </view>
<!-- 加载中 --> <!-- 加载中 -->
<view class="loading" v-if="loading"> <view class="loading" v-if="loading">
...@@ -110,39 +56,32 @@ ...@@ -110,39 +56,32 @@
<Text style="color: #fff; margin-top: 10rpx;">加载中...</Text> <Text style="color: #fff; margin-top: 10rpx;">加载中...</Text>
</view> </view>
<!-- 取消提示 --> <!-- 取消提示 -->
<u-toast ref="uToast" /> <u-toast ref="uToast" />
</view> </view>
</template> </template>
<script> <script>
export default {
export default {
data() { data() {
return { return {
pageTitle: "评论", pageTitle: "评论",
current: 0, current: 0,
list: [ list: [
], ],
msg: {
msg:{ GoodsId: 0,
GoodsId:0, pageIndex: 1,
pageIndex:1, pageSize: 10,
pageSize:10, CommentGrade: 0,
CommentGrade:0,
}, },
mainColor: "", mainColor: "",
secondary:'', secondary: '',
contentHeight: 0, contentHeight: 0,
page: 1, page: 1,
page_count: 1, page_count: 1,
g: [], g: [],
loading: false, loading: false,
san:'100px', san: '100px',
status: "loadmore", status: "loadmore",
loadText: { loadText: {
loadmore: "轻轻上拉,加载更多", loadmore: "轻轻上拉,加载更多",
...@@ -157,30 +96,24 @@ export default { ...@@ -157,30 +96,24 @@ export default {
this.secondary = this.$uiConfig.secondary; this.secondary = this.$uiConfig.secondary;
}, },
mounted() { mounted() {
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: this.pageTitle, title: this.pageTitle,
}); });
let that = this let that = this
uni.getSystemInfo({ uni.getSystemInfo({
success(res) { success(res) {
that.san = (res.windowWidth-30)/3+'px' that.san = (res.windowWidth - 30) / 3 + 'px'
} }
}) })
}, },
onLoad(options){ onLoad(options) {
if(options && options.GoodsId){ if (options && options.GoodsId) {
this.msg.GoodsId = options.GoodsId; this.msg.GoodsId = options.GoodsId;
// this.init(); this.getAppletGoodsCommentStatistics(); //获取商品评论数
this.getAppletGoodsCommentStatistics();//获取商品评论数
} }
}, },
methods: { methods: {
change(index) { change(index) {
this.current = index; this.current = index;
this.msg.CommentGrade = this.list[index].Id this.msg.CommentGrade = this.list[index].Id
this.msg.pageIndex = 1; this.msg.pageIndex = 1;
...@@ -196,15 +129,12 @@ export default { ...@@ -196,15 +129,12 @@ export default {
}, },
init() { init() {
this.loading = true; this.loading = true;
this.request2({
this.request2(
{
url: '/api/AppletGuideCar/GetAppletGoodsCommentPageList', url: '/api/AppletGuideCar/GetAppletGoodsCommentPageList',
data: this.msg data: this.msg
}, },
res => { res => {
if (res.resultCode == 1) {
if(res.resultCode==1){
this.loading = false; this.loading = false;
this.g = this.g.concat(res.data.pageData); this.g = this.g.concat(res.data.pageData);
this.page_count = res.data.pageCount; this.page_count = res.data.pageCount;
...@@ -215,21 +145,22 @@ export default { ...@@ -215,21 +145,22 @@ export default {
} }
); );
}, },
getAppletGoodsCommentStatistics(){ getAppletGoodsCommentStatistics() {
this.request2( this.request2({
{
url: "/api/AppletGuideCar/GetAppletGoodsCommentStatistics", url: "/api/AppletGuideCar/GetAppletGoodsCommentStatistics",
data: { data: {
GoodsId:this.msg.GoodsId GoodsId: this.msg.GoodsId
}, },
}, },
(res) => { (res) => {
let data = res.data.List let data = res.data.List
data.forEach(x=>{ data.forEach(x => {
x.name = x.Name+'(' + x.Count + ')' x.name = x.Name + '(' + x.Count + ')'
})
data.unshift({
name: '全部',
Id: 0
}) })
data.unshift({name:'全部',Id:0})
this.list = data this.list = data
this.msg.CommentGrade = data[0].Id this.msg.CommentGrade = data[0].Id
this.init(); this.init();
...@@ -242,23 +173,20 @@ export default { ...@@ -242,23 +173,20 @@ export default {
this.status = "loading"; this.status = "loading";
this.init(); this.init();
} else { } else {
this.status = "nomore"; this.status = "nomore";
} }
}, },
}, },
}; };
</script> </script>
<style> <style>
.guidercarCommentList { .guidercarCommentList {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #f3f4f6; background: #f3f4f6;
} }
.guidercarCommentList .loading { .guidercarCommentList .loading {
width: 200rpx; width: 200rpx;
height: 200rpx; height: 200rpx;
background: #000000; background: #000000;
...@@ -273,20 +201,21 @@ export default { ...@@ -273,20 +201,21 @@ export default {
top: 30%; top: 30%;
margin-left: -100rpx; margin-left: -100rpx;
z-index: 999; z-index: 999;
} }
.guidercarCommentList .interDList{
width:100% ; .guidercarCommentList .interDList {
width: 100%;
padding: 20px 15px; padding: 20px 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #fff; background: #fff;
margin-top: 10px; margin-top: 10px;
} }
.guidercarCommentList .comment-dao{
.guidercarCommentList .comment-dao {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
}
}
</style> </style>
\ No newline at end of file
This diff is collapsed.
...@@ -56,8 +56,8 @@ ...@@ -56,8 +56,8 @@
</view> </view>
<view class="editor"> <view class="editor">
<textarea placeholder="写入评价" v-model="msg[1].Content" maxlength="200"></textarea> <textarea placeholder="写入评价" v-model="msg[1].Content" maxlength="200"></textarea>
<u-upload :action="action" :file-list="fileList2" style="display:none;" @on-remove="onRemove2" max-count="9" :custom-btn="true" <u-upload :action="action" :file-list="fileList2" style="display:none;" @on-remove="onRemove2" max-count="9"
@on-success="uploadSuccessHandler2"> :custom-btn="true" @on-success="uploadSuccessHandler2">
<view slot="addBtn" class="slot-btn"> <view slot="addBtn" class="slot-btn">
<u-icon name="photograph" size="40" color="#888"></u-icon> <u-icon name="photograph" size="40" color="#888"></u-icon>
<view class="mian-title">上传图片</view> <view class="mian-title">上传图片</view>
...@@ -82,7 +82,6 @@ ...@@ -82,7 +82,6 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
...@@ -113,7 +112,7 @@ ...@@ -113,7 +112,7 @@
action: this.host2 + "/api/File/UploadTencent", action: this.host2 + "/api/File/UploadTencent",
fileList: [], //商品上传图 fileList: [], //商品上传图
fileList2: [], //导游上传图 fileList2: [], //导游上传图
dataList: {} ,//商品详情数据 dataList: {}, //商品详情数据
}; };
}, },
onLoad(option) { onLoad(option) {
...@@ -135,8 +134,8 @@ ...@@ -135,8 +134,8 @@
}); });
this.mc = this.$uiConfig.mainColor; this.mc = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary; this.secondary = this.$uiConfig.secondary;
let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo").MallBaseId: 1; let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo").MallBaseId : 1;
this.action = this.host2+'/api/File/UploadTencent?MallBaseId='+MallBaseId this.action = this.host2 + '/api/File/UploadTencent?MallBaseId=' + MallBaseId
}, },
methods: { methods: {
uploadSuccessHandler(data, index, lists) { uploadSuccessHandler(data, index, lists) {
...@@ -217,8 +216,8 @@ ...@@ -217,8 +216,8 @@
uni.navigateBack({ uni.navigateBack({
delta: 1, delta: 1,
success: function() { success: function() {
if(res.msgType==2 && res.couponResultCode==1 ){ if (res.msgType == 2 && res.couponResultCode == 1) {
beforePage.$vm.getReceive(res.couponMessage,res.msgType); // 执行前一个页面的方法 beforePage.$vm.getReceive(res.couponMessage, res.msgType); // 执行前一个页面的方法
} }
} }
}); });
...@@ -238,7 +237,6 @@ ...@@ -238,7 +237,6 @@
} }
); );
}, },
} }
}; };
</script> </script>
......
<template> <template>
<view class="commit-box"> <view class="commit-box">
<u-empty text="没有找到未评价的商品信息" font-size="36" mode="list" v-if="g.length == 0 && !loading"></u-empty> <u-empty text="没有找到未评价的商品信息" font-size="36" mode="list" v-if="g.length == 0 && !loading"></u-empty>
<view <view v-if="g.length > 0&& !loading" style="height: 100vh;width: 100vw;overflow: hidden;padding:0 0 10px 0;">
v-if="g.length > 0&& !loading" <scroll-view :scroll-y="true" @scrolltolower="lower" :enable-back-to-top="true" :enable-flex="true" :scroll-top="scrollTop"
style="height: 100vh;width: 100vw;overflow: hidden;padding:0 0 10px 0;" @scroll="scroll" style="height: 100%; 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: 100%; padding-bottom: 0px;"
>
<view class="good-list"> <view class="good-list">
<view class="good-item" v-for="(x, i) in g" :key="i"> <view class="good-item" v-for="(x, i) in g" :key="i">
<image class="good-pic" :src="x.CoverImage" mode="aspectFill" /> <image class="good-pic" :src="x.CoverImage" mode="aspectFill" />
...@@ -23,11 +13,7 @@ ...@@ -23,11 +13,7 @@
<view style="display: flex;align-items: center;font-size:12px;margin-top:5px;"> <view style="display: flex;align-items: center;font-size:12px;margin-top:5px;">
<text style="margin-right:5px;" v-if="x.CarName">车辆:<text>{{x.CarName}}</text></text> <text style="margin-right:5px;" v-if="x.CarName">车辆:<text>{{x.CarName}}</text></text>
<text v-if="x.CarColorName"> <text v-if="x.CarColorName">
<u-tag v-if="x.CarColorName" <u-tag v-if="x.CarColorName" size="mini" :text="x.CarColorName" type="warning" />
size="mini"
:text="x.CarColorName"
type="warning"
/>
</text> </text>
<text style="margin-right:5px;" v-if="x.CarBrandName">品牌:<text>{{x.CarBrandName}}</text></text> <text style="margin-right:5px;" v-if="x.CarBrandName">品牌:<text>{{x.CarBrandName}}</text></text>
</view> </view>
...@@ -37,42 +23,23 @@ ...@@ -37,42 +23,23 @@
</view> </view>
</view> </view>
<view class="op-box"> <view class="op-box">
<u-button <u-button size="mini" ripple plain shape="circle" :custom-style="{color:mc,borderColor:mc,width:60+'px'}"
size="mini" @click="goCommit(x)">评价</u-button>
ripple
plain
shape="circle"
:custom-style="{color:mc,borderColor:mc,width:60+'px'}"
@click="goCommit(x)"
>评价</u-button>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<u-loadmore <u-loadmore v-if="showLoading" :status="status" :load-text="loadText" :font-size="24" :margin-top="20"
v-if="showLoading" :margin-bottom="20" bg-color="#F5F5F5" />
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#F5F5F5"
/>
</scroll-view> </scroll-view>
</view> </view>
<coupon <coupon v-if="showCoupons" :coupon-message="couponMessage" :msgtype="msgType" @goLook="goLook" @closeBtn="closeBtn"></coupon>
v-if="showCoupons"
:coupon-message="couponMessage"
:msgtype="msgType"
@goLook="goLook"
@closeBtn="closeBtn"
></coupon>
</view> </view>
</template> </template>
<script> <script>
import coupon from "@/components/coupons/coupons"; import coupon from "@/components/coupons/coupons";
export default { export default {
components: { components: {
coupon coupon
}, },
...@@ -100,20 +67,19 @@ export default { ...@@ -100,20 +67,19 @@ export default {
IsComment: 2, IsComment: 2,
GoodsName: "", GoodsName: "",
OrderNo: "", OrderNo: "",
OrderClassify:1 OrderClassify: 1
}, },
page_count: 0, page_count: 0,
isover: false, isover: false,
couponMessage: "",//弹出优惠券的内容 couponMessage: "", //弹出优惠券的内容
showCoupons: false, showCoupons: false,
msgType:1,//类型 msgType: 1, //类型
}; };
}, },
onShow() { onShow() {
this.msg.pageIndex = 1; this.msg.pageIndex = 1;
this.g = []; this.g = [];
this.init(); this.init();
}, },
mounted() { mounted() {
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
...@@ -135,17 +101,16 @@ export default { ...@@ -135,17 +101,16 @@ export default {
OrderId: x.OrderId OrderId: x.OrderId
}; };
uni.navigateTo({ uni.navigateTo({
url: url: "/pages/guidecar/order-commit-detail?param=" +
"/pages/guidecar/order-commit-detail?param=" +
encodeURIComponent(JSON.stringify(msg)), encodeURIComponent(JSON.stringify(msg)),
fail: function (e) { fail: function(e) {
console.log(e); console.log(e);
}, },
}); });
}, },
goTop(e) { goTop(e) {
this.scrollTop = this.old.scrollTop; this.scrollTop = this.old.scrollTop;
this.$nextTick(function () { this.$nextTick(function() {
this.scrollTop = 0; this.scrollTop = 0;
}); });
}, },
...@@ -153,8 +118,7 @@ export default { ...@@ -153,8 +118,7 @@ export default {
this.isover = false; this.isover = false;
this.loading = true; this.loading = true;
this.showLoading = this.msg.pageIndex != 1; this.showLoading = this.msg.pageIndex != 1;
this.request2( this.request2({
{
url: "/api/AppletOrder/GetAppletGoodsWaitCommentPageList", url: "/api/AppletOrder/GetAppletGoodsWaitCommentPageList",
data: this.msg, data: this.msg,
}, },
...@@ -185,14 +149,12 @@ export default { ...@@ -185,14 +149,12 @@ export default {
this.status = "nomore"; this.status = "nomore";
} }
}, },
getReceive(couponMessage,msgType){ getReceive(couponMessage, msgType) {
console.log(couponMessage,msgType) setTimeout(() => {
setTimeout(()=>{ this.couponMessage = '获取' + couponMessage + '积分';
this.couponMessage = '获取'+couponMessage+'积分';
this.msgType = msgType; this.msgType = msgType;
this.showCoupons = true; this.showCoupons = true;
},500) }, 500)
}, },
goLook() { goLook() {
this.showCoupons = true; this.showCoupons = true;
...@@ -204,22 +166,23 @@ export default { ...@@ -204,22 +166,23 @@ export default {
this.showCoupons = false; this.showCoupons = false;
}, },
}, },
}; };
</script> </script>
<style> <style>
.commit-box { .commit-box {
background: #faf8f9; background: #faf8f9;
height: 100vh; height: 100vh;
position: relative; position: relative;
} }
.commit-box .quick {
.commit-box .quick {
right: 50rpx; right: 50rpx;
bottom: 50rpx; bottom: 50rpx;
position: absolute; position: absolute;
} }
.commit-box .quick .item { .commit-box .quick .item {
background: #fff; background: #fff;
border: 1px solid #aaa; border: 1px solid #aaa;
height: 90rpx; height: 90rpx;
...@@ -230,39 +193,45 @@ export default { ...@@ -230,39 +193,45 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.commit-box .good-list {
} .commit-box .good-list {}
.commit-box .good-list .good-item {
.commit-box .good-list .good-item {
margin-top: 10px; margin-top: 10px;
background: #fff; background: #fff;
padding: 10px; padding: 10px;
border-radius: 10px; border-radius: 10px;
display: flex; display: flex;
} }
.commit-box .good-list .good-item .good-pic {
.commit-box .good-list .good-item .good-pic {
width: 200rpx; width: 200rpx;
height: 200rpx; height: 200rpx;
margin-right: 15px; margin-right: 15px;
border-radius: 5px; border-radius: 5px;
} }
.commit-box .good-list .good-item .right-box {
.commit-box .good-list .good-item .right-box {
width: 1px; width: 1px;
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 200rpx; height: 200rpx;
} }
.commit-box .good-list .good-item .right-box .good-info {
.commit-box .good-list .good-item .right-box .good-info {
flex: 1; flex: 1;
width: 100%; width: 100%;
height: 1px; height: 1px;
} }
.commit-box .good-list .good-item .right-box .op-box {
.commit-box .good-list .good-item .right-box .op-box {
text-align: right; text-align: right;
height: 25px; height: 25px;
} }
.commit-box .good-list .good-item .right-box .good-info .good-name {
.commit-box .good-list .good-item .right-box .good-info .good-name {
font-size: 28rpx; font-size: 28rpx;
color: #333; color: #333;
text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline;
...@@ -272,8 +241,9 @@ export default { ...@@ -272,8 +241,9 @@ export default {
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
line-clamp: 2; line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.commit-box .good-list .good-item .right-box .good-info .good-attr {
.commit-box .good-list .good-item .right-box .good-info .good-attr {
text-align: left; text-align: left;
} }
</style> </style>
\ No newline at end of file
...@@ -232,8 +232,8 @@ ...@@ -232,8 +232,8 @@
OrderPayType: 1, OrderPayType: 1,
GoodsName: '' GoodsName: ''
}, },
payBtn:false, payBtn: false,
payExit:false, payExit: false,
}; };
}, },
created() { created() {
...@@ -259,7 +259,7 @@ ...@@ -259,7 +259,7 @@
onLoad(option) { onLoad(option) {
this.current = option.status || -1; this.current = option.status || -1;
this.getHeadList(); this.getHeadList();
this.payInfo.OpenId=uni.getStorageSync('mall_UserInfo').OpenId; this.payInfo.OpenId = uni.getStorageSync('mall_UserInfo').OpenId;
this.u = uni.getStorageSync("mall_UserInfo"); this.u = uni.getStorageSync("mall_UserInfo");
}, },
methods: { methods: {
...@@ -287,7 +287,7 @@ ...@@ -287,7 +287,7 @@
Name: '全部' Name: '全部'
} }
this.headData.unshift(obj) this.headData.unshift(obj)
this.msg.OrderStatus=this.headData[this.current].Id; this.msg.OrderStatus = this.headData[this.current].Id;
this.getContent(); this.getContent();
} }
} }
...@@ -416,12 +416,12 @@ ...@@ -416,12 +416,12 @@
'&IsFormShoppingCart=2&ShoppingCartIdList=' + JSON.stringify(ShoppingCartIdList) '&IsFormShoppingCart=2&ShoppingCartIdList=' + JSON.stringify(ShoppingCartIdList)
}); });
}, },
payment(e){ payment(e) {
this.payInfo.OrderId = e.OrderId; this.payInfo.OrderId = e.OrderId;
this.payInfo.GoodsName = e.DetailList[0].GoodsName.slice(0,10); this.payInfo.GoodsName = e.DetailList[0].GoodsName.slice(0, 10);
this.payInfo.PaymentWay = e.PaymentWay; this.payInfo.PaymentWay = e.PaymentWay;
this.payInfo.total_price = e.Income; this.payInfo.total_price = e.Income;
this.payBtn=true this.payBtn = true
}, },
exitPay() { exitPay() {
this.payExit = false; this.payExit = false;
...@@ -431,8 +431,10 @@ ...@@ -431,8 +431,10 @@
this.payExit = true; this.payExit = true;
}, },
//跳转到详情 //跳转到详情
goDetail(item){ goDetail(item) {
uni.navigateTo({ url: '/pages/guidecar/orderDetail?OrderId='+item.OrderId}) uni.navigateTo({
url: '/pages/guidecar/orderDetail?OrderId=' + item.OrderId
})
} }
}, },
}; };
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<template> <template>
<view class="privilegeStyle" :style="{'height':contentHeight}"> <view class="privilegeStyle" :style="{'height':contentHeight}">
<view class="privilege_t"> <view class="privilege_t">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/privilegebg.jpeg" mode='aspectFit' style="width: 100%;height: 250px;" ></image> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/privilegebg.jpeg" mode='aspectFit' style="width: 100%;height: 250px;"></image>
</view> </view>
</view> </view>
</template> </template>
...@@ -10,12 +10,12 @@ ...@@ -10,12 +10,12 @@
export default { export default {
data() { data() {
return { return {
contentHeight:0, contentHeight: 0,
mainColor:'', mainColor: '',
} }
}, },
created(){ created() {
this.contentHeight = this.$utils.calcContentHeight(-40)+'px'; this.contentHeight = this.$utils.calcContentHeight(-40) + 'px';
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: '会员特权说明', title: '会员特权说明',
...@@ -28,13 +28,12 @@ ...@@ -28,13 +28,12 @@
</script> </script>
<style> <style>
.privilegeStyle{ .privilegeStyle {
background: #fff; background: #fff;
} }
.privilegeStyle .privilege_t{
.privilegeStyle .privilege_t {
width: 100%; width: 100%;
height: 250px; height: 250px;
} }
</style> </style>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
...@@ -3,11 +3,10 @@ ...@@ -3,11 +3,10 @@
订单首页 订单首页
</view> </view>
</template> </template>
<script> <script>
export default { export default {
} }
</script> </script>
<style> <style>
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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