Commit 0c5fb1cf authored by 黄奎's avatar 黄奎

页面修改

parent 0140521f
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.
...@@ -189,7 +189,6 @@ ...@@ -189,7 +189,6 @@
); );
}, },
redirectPrev() { redirectPrev() {
if (this.prevPage != "") { if (this.prevPage != "") {
uni.navigateBack({ uni.navigateBack({
delta: 1, delta: 1,
...@@ -259,7 +258,6 @@ ...@@ -259,7 +258,6 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
} }
.mySupplierindexStyle .sharebox_top .sharebox_top_nav { .mySupplierindexStyle .sharebox_top .sharebox_top_nav {
......
...@@ -438,7 +438,6 @@ ...@@ -438,7 +438,6 @@
}, },
}, },
(res) => { (res) => {
this.expressInfo = res.data; this.expressInfo = res.data;
} }
); );
...@@ -485,7 +484,6 @@ ...@@ -485,7 +484,6 @@
icon: 'success', icon: 'success',
duration: 2000 duration: 2000
}); });
} }
); );
}, },
......
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