Skip to content

J
jz_Travel
Commit bc552add authored by youjie's avatar youjie
Browse files
Options

no message

parent f625ed65
Hide whitespace changes
Inline Side-by-side
Showing with 141 additions and 69 deletions
pages/teamLeader/components/schedule/header.vue 0 → 100644
View file @ bc552add
<style lang="scss" scoped>
@import url("@/asset/css/flex.css");
.scheduleTsBox{
// width: 60%;
// position: absolute;
// top: 118rpx;
// left: 80rpx;
// right: 300rpx;
overflow: hidden;
}
.scheduleT-text{
}
.scheduleText{
font-weight: 500;
font-size: 32rpx;
color: #ACCEFF;
white-space: nowrap;
margin-left: 22rpx;
margin-right: 22rpx;
margin-top: 22rpx;
padding: 0 20rpx;
}
.scheduleText text{
display: block;
}
.scheduleText view{
border-radius: 4rpx;
height: 8rpx;
margin-top: 15rpx;
}
.scheduleText.active{
color: #FFFFFF;
}
.scheduleText.active view{
background: #FBCF20;
}
</style>
<template>
<view>
<scroll-view class="scheduleTsBox" :scroll-x="true"
:scrollLeft="scrollLeft">
<view class="scheduleT-text row-aic-n">
<template v-for="(item,index) in list">
<view class="scheduleText" :id="item.val"
:class="[params.type==item.id?'active':'']"
:key="index"
@click="getType(item)">
<text>{{ item.name }}</text>
<view></view>
</view>
</template>
</view>
</scroll-view>
</view>
</template>
<script>
export default {
props:['titles','params'],
data(){
return {
list: [],
scrollLeft: ''
}
},
watch:{
titles: {
handler(newVal, oldVal) {
this.list = JSON.parse(JSON.stringify(newVal))
},
deep: true,
immediate: true
},
params: {
handler(newVal, oldVal) {
},
deep: true,
immediate: true
}
},
components: {
},
mounted(){
},
methods:{
getType(item){
this.$emit('change',item)
}
}
}
</script>
\ No newline at end of file
pages/teamLeader/components/schedule/infor4.vue
View file @ bc552add
......@@ -27,8 +27,8 @@
}
</style>
<template>
<view class="PX20 PT40" v-if="data&&data.HotelList">
<view class="infor1-box MB20 bjFFF fz28 color333"
<view class="PX20 PT40">
<view v-if="data&&data.HotelList.length>0" class="infor1-box MB20 bjFFF fz28 color333"
v-for="(item,index) in data.HotelList">
<view class="infor1-header PY30 colorFFF">
<view class="fz32 PX30">{{ item.HotelName }}</view>
......
pages/teamLeader/components/schedule/infor7.vue
View file @ bc552add
......@@ -24,22 +24,24 @@
</style>
<template>
<view class="PX20 PT40">
<view class="infor1-box MB20 bjFFF fz28 color333"
v-for="(item,index) in data">
<view class="infor1-header PY30 colorFFF">
<view class="fz32 PX30">{{ item.ShopName }}</view>
<view class="row items-center MT10 PX30">
<view class="row">
<img style="width: 31rpx;height: 33rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638877448252171613.png" />
<template v-if="data&&data.length">
<view class="infor1-box MB20 bjFFF fz28 color333"
v-for="(item,index) in data">
<view class="infor1-header PY30 colorFFF">
<view class="fz32 PX30">{{ item.ShopName }}</view>
<view class="row items-center MT10 PX30">
<view class="row">
<img style="width: 31rpx;height: 33rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638877448252171613.png" />
</view>
<text class="ML20 fz28 flex1">{{ item.Address }}</text>
</view>
<text class="ML20 fz28 flex1">{{ item.Address }}</text>
</view>
<view class="infor1-center PX30 PY20 row justify-between">
<view class="MR40">进店时间</view>
<view class="">{{ item.StoreTimeStr }}</view>
</view>
<view class="infor1-center PX30 PY20 row justify-between">
<view class="MR40">进店时间</view>
<view class="">{{ item.StoreTimeStr }}</view>
</view>
</view>
</view>
</template>
<u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
<view style="height: 50rpx;"></view>
</view>
......
pages/teamLeader/components/schedule/infor8.vue
View file @ bc552add
......@@ -33,7 +33,7 @@
</style>
<template>
<view class="">
<view class="infor1-box MB20 bjFFF fz28 color333">
<view v-if="data&&data.length>0" class="infor1-box MB20 bjFFF fz28 color333">
<view class="infor1-center PY20 row items-center justify-between"
v-for="(item,index) in data">
<view class="row items-center">
......@@ -47,8 +47,8 @@
</view>
<view>{{ item.PassportNo }}</view>
</view>
<u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
</view>
<u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
<view style="height: 0rpx;"></view>
</view>
</template>
......
pages/teamLeader/components/schedule/infor9.vue
View file @ bc552add
......@@ -33,7 +33,7 @@
</style>
<template>
<view class="PX20 PT40">
<view class="infor1-box PX30 MB20 bjFFF fz30">
<view v-if="data&&data.length>0" class="infor1-box PX30 MB20 bjFFF fz30">
<view class="infor1-center row"
v-for="item in data">
<view class="infor1-c-l PY30 row">
......@@ -48,8 +48,8 @@
</view>
</view>
</view>
<u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
</view>
<u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
<view style="height: 50rpx;"></view>
</view>
</template>
......
pages/teamLeader/schedule.vue
View file @ bc552add
......@@ -22,41 +22,7 @@
.scheduleTitle.fixed .scheduleTsBox{
top: 22rpx;
}
.scheduleTsBox{
// width: 60%;
// position: absolute;
// top: 118rpx;
// left: 80rpx;
// right: 300rpx;
overflow: hidden;
}
.scheduleT-text{
}
.scheduleText{
font-weight: 500;
font-size: 32rpx;
color: #ACCEFF;
white-space: nowrap;
margin-left: 22rpx;
margin-right: 22rpx;
margin-top: 22rpx;
padding: 0 20rpx;
}
.scheduleText text{
display: block;
}
.scheduleText view{
border-radius: 4rpx;
height: 8rpx;
margin-top: 15rpx;
}
.scheduleText.active{
color: #FFFFFF;
}
.scheduleText.active view{
background: #FBCF20;
}
.schedule-Touxiang{
width: 65rpx;
height: 65rpx;
......@@ -149,6 +115,8 @@
</view>
</view>
</view>
<scheduleHeader :titles="titles" :params="params" @change="getType"></scheduleHeader>
<!--
<scroll-view class="scheduleTsBox" :scroll-x="true"
:scroll-left="scrollLeft"
@scroll="scrollHandler">
......@@ -162,25 +130,12 @@
<view></view>
</view>
</view>
</scroll-view>
</scroll-view>-->
</view>
<view class="scheduleTitle fixed"
:style="{ opacity: boxOption + '%' ,'display':boxOption<=0?'none':'show'}">
<headers textAlign="left" :title="pageTitle" color="#fff"></headers>
<scroll-view class="scheduleTsBox" :scroll-x="true"
:scroll-left="scrollLeft"
@scroll="scrollHandler">
<view class="scheduleT-text row-aic-n">
<view class="scheduleText"
:class="[params.type==item.id?'active':'']"
v-for="(item,index) in titles"
:key="index"
@click="getType(item)">
<text>{{ item.name }}</text>
<view></view>
</view>
</view>
</scroll-view>
<scheduleHeader :titles="titles" :params="params" @change="getType"></scheduleHeader>
</view>
</view>
<infor1 v-if="params.type==1" :data="inforData1"></infor1>
......@@ -211,6 +166,7 @@ import infor6 from "./components/schedule/infor6";
import infor7 from "./components/schedule/infor7";
import infor8 from "./components/schedule/infor8";
import infor9 from "./components/schedule/infor9";
import scheduleHeader from "./components/schedule/header";
export default {
components: {
headers,
......@@ -224,6 +180,7 @@ export default {
infor7,
infor8,
infor9,
scheduleHeader,
},
data() {
return {
......@@ -240,38 +197,56 @@ export default {
{
name:'相关信息',
id: 1,
val: 'refs1',
left: 0,
},
{
name:'航班信息',
id: 2,
val: 'refs2',
left: 0,
},
{
name:'车辆使用',
id: 3,
val: 'refs3',
left: 0,
},
{
name:'酒店使用',
id: 4,
val: 'refs4',
left: 0,
},
{
name:'餐食使用',
id: 5,
val: 'refs5',
left: 0,
},
{
name:'门票使用',
id: 6,
val: 'refs6',
left: 0,
},
{
name:'购物店',
id: 7,
val: 'refs7',
left: 0,
},
{
name:'旅客名单',
id: 8,
val: 'refs8',
left: 0,
},
{
name:'行程内容',
id: 9,
val: 'refs9',
left: 0,
},
],
msg:{
......@@ -321,6 +296,7 @@ export default {
};
},
});
},
methods: {
close(){
......
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