Skip to content

M
mallapp
Commit cc673b29 authored by Mac's avatar Mac
Browse files
Options

1

parent 40cc24cb
Hide whitespace changes
Inline Side-by-side
Showing with 359 additions and 0 deletions
pages.json
View file @ cc673b29
......@@ -303,6 +303,16 @@
]
},
//司导模块
{
"root": "pages/guidecar",
"pages": [{
"path": "index",
"style": {
"navigationStyle": "custom"
}
}]
},
{
"root": "pages/quick_share",
"pages": [{
......
pages/guidecar/index.vue 0 → 100644
View file @ cc673b29
<template>
<div class='guidecar'>
<scroll-view
:scroll-y="true"
@scroll="scrollHandler"
@scrolltoupper="scrollTopHandler"
style="min-height: 100vh;">
<view
:style="{ 'background-image': 'url(' + (info.Background ? info.Background : '') + ')', backgroundSize: '100% 500rpx' }"
class="topbox">
<view class="headStatus" :style="[headStyle]" >
<view class="arrow" @click="redirectPrev">
<u-icon name="arrow-left" size="48" color="#fff"></u-icon>
</view>
<view class="title" >司导专区</view>
<view class="arrow" ></view>
</view>
</view>
<view class="content">
<view class="content_box">
<view class="c_row">
<view class="topB" v-if="info.IsShowCity==1">
<span class='titext'>取车城市</span>
<view style="display: flex;flex-direction: row;align-items: center;">
<span class='ztext'>成都</span><u-icon name="arrow-down" size="28" color="#C8C8C8"></u-icon>
</view>
</view>
<view class="topB" style="width: 150px;align-items: flex-start;" v-if="info.IsShowAddress==1">
<span class='titext'>接送位置</span>
<span class='ztext' style='width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>锦江区阳光新业2号楼是卡萨还打算打算的</span>
</view>
<view class="topB" v-if="info.IsShowCarpooling==1">
<span class='titext'>是否拼车</span>
<u-switch v-model="checked" size='30'></u-switch>
</view>
</view>
<view class="c_row">
<view class="topB" v-if="info.IsShowGuideCarGoodsType==1" @click="show2 = true">
<span class='titext'>出行类型</span>
<view style="display: flex;flex-direction: row;align-items: center;">
<span class='ztext' :style="{'color':msg.CarType==''?'#E2E2E2':'#1C1E1F'}">{{EnumName}}</span><u-icon name="arrow-down" size="28" color="#C8C8C8"></u-icon>
</view>
</view>
<view class="topB" v-if="info.IsShowCarClass==1" @click="show=true">
<span class='titext'>车辆类型</span>
<view style="display: flex;flex-direction: row;align-items: center;">
<span class='ztext' :style="{'color':msg.CarClass==''?'#E2E2E2':'#1C1E1F'}">{{carName}}</span><u-icon name="arrow-down" size="28" color="#C8C8C8"></u-icon>
</view>
</view>
<view class="topB" v-if="info.IsShowTravelGuestNum==1">
<span class='titext'>出行人数</span>
<input class="uni-input" v-model="msg.number" style="width: 50px;text-align: center;"/>
</view>
</view>
<view class="c_row" v-if="info.IsShowDate==1">
<view class="topB">
<span class='ztext'>09月01日</span>
<span class='titext'>周二 20:30</span>
</view>
<view class="topB" style="height: 20px;">
<span style='font-size: 11px;color: #1C1E1F;'>2tian</span>
<image src="../../static/images/sanjiao.png" mode="aspectFill" style="width: 55px;height: 4px;"></image>
</view>
<view class="topB">
<span class='ztext'>09月01日</span>
<span class='titext'>周二 20:30</span>
</view>
</view>
<view class="c_row_t">
<image :src="info.TipsIco" mode="aspectFill" style="width: 13px;height: 11px;"></image>
<span style='font-size: 11px;color: #121212;margin-left: 5px;'>{{info.Tips}}</span>
</view>
<view class="btnstyle" :style="{'color':info.ButtonTextColor,'background':info.ButtonColor,'border-radius':info.ButtonFilletPX+'px'}">
{{info.ButtonText}}
</view>
</view>
</view>
</scroll-view>
<u-popup v-model="show"
mode="bottom"
border-radius="16"
>
<view class="popupBox">
<view class="popup_top">
<view></view>
<Text>车辆类型</Text>
<u-icon name="cross" color='#9F9F9F' @click='show=false' size="40"></u-icon>
</view>
<scroll-view
:scroll-y="true"
style="height: 420px;">
<view class="txtype">
<view class="typeitem" v-for="(item, index) in classList" :key="index" >
<Text>{{item.Name}}</Text>
<u-radio-group v-model="value">
<u-radio
v-model = 'item.checked'
active-color="#EE4454"
shape="circle"
:name="item.Name"
@change="radioChange(item)"
>
</u-radio>
</u-radio-group>
</view>
</view>
</scroll-view>
</view>
</u-popup>
</div>
</template>
<script>
export default{
data(){
return{
info:{},
contentHeight: 0,
mainColor:'',
scrollTop:0,
headStyle:{},
nav:0,
checked:true,
classList:[],
EnumList:[],
EnumName:'请选择',
show:false,
show2:false,
carName:"请选择",
value:'',
msg:{
StartTime:'',//取车时间
EndTime:'',//还车时间
CarType:'',//服务类型
LineName:'',//线路名称
LineDescription:'',//关联城市/景点
RideNum:0,//出行人数
CarClass:'',//车辆类型
RegionIds:'',//地区（省市区：1,2,3）
}
}
},
created() {
this.contentHeight = this.$utils.calcContentHeight(-40) + "px";
this.mainColor = this.$uiConfig.mainColor;
this.nav = uni.getMenuButtonBoundingClientRect().top;
this.headStyle.paddingTop = this.nav +'px';
},
onLoad(options){
this.init()//获取司导首页配置
this.getGetCarClassList()//车辆分类下拉
this.getOrderListExportEnumList()//获取出行类型
},
methods:{
init(){
uni.showLoading({
title: "加载中",
});
this.request2(
{
url: "/api/AppletGuideCar/GetGuideCarSearchInfo",
data: {},
},
(res) => {
uni.hideLoading();
this.info = res.data
}
);
},
getGetCarClassList(){
this.request2(
{
url: "/api/AppletGuideCar/GetCarClassList",
data: {},
},
(res) => {
this.classList = res.data
this.classList.forEach(x=>{
x.checked = false
})
}
);
},
getOrderListExportEnumList(){
this.request2(
{
url: "/api/AppletGuideCar/GetOrderListExportEnumList",
data: {},
},
(res) => {
this.EnumList = res.data
this.EnumList.forEach(x=>{
x.checked = false
})
}
);
},
radioChange(item){
console.log(item)
this.carName = item.Name;
this.msg.CarClass = item.Id;
this.show=false
},
scrollHandler(e) {
this.scrollTop = e.detail.scrollTop;
//this.$forceUpdate();
},
scrollTopHandler() {
this.scrollTop = 0;
},
redirectPrev() {
uni.navigateBack({
delta: 1,
});
},
}
}
</script>
<style>
.guidecar {
width: 100%;
height: 100%;
background: #f3f4f6;
}
.guidecar .headStatus {
overflow: hidden;
position: relative;
width: 140vw;
padding-right: 40vw;
padding-bottom: 10px;
position: fixed;
left: 0;
right: 0;
top: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.guidecar .arrow {
height: 24px;
margin: 5px 10px;
width: 24px;
}
.guidecar .headStatus .title {
font-size: 16px;
color: #FFF;
line-height: 34px;
}
.guidecar .topbox{
width: 100%;
height: 500rpx;
}
.guidecar .content{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: -50px;
}
.guidecar .content_box{
width: 92%;
border-radius: 7px;
background: #FFFFFF;
display: flex;
flex-direction: column;
align-items: center;
padding: 15px;
}
.guidecar .c_row{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 15px 0;
border-bottom: 1px solid #E2E2E2;
}
.guidecar .c_row_t{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 15px 0;
}
.guidecar .topB{
display: flex;
flex-direction: column;
height: 45px;
justify-content: space-between;
align-items: center;
}
.guidecar .titext{
font-size: 22rpx;
color: #929292;
}
.guidecar .ztext{
font-size: 28rpx;
color: #1C1E1F;
}
.guidecar .btnstyle{
width: 100%;
height: 44px;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.guidecar .popupBox{
width: 100%;
padding-bottom: 15px;
max-height: 500px;
}
.popupBox .popup_top{
width: 100%;
height: 45px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 15px;
}
.popupBox .txtype{
}
.guidecar .typeitem{
padding: 15px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-top:1px solid #f5f5f5
}
</style>
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