Skip to content

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

no message

parent f625ed65
Show 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 @@ ...@@ -27,8 +27,8 @@
} }
</style> </style>
<template> <template>
<view class="PX20 PT40" v-if="data&&data.HotelList"> <view class="PX20 PT40">
<view class="infor1-box MB20 bjFFF fz28 color333" <view v-if="data&&data.HotelList.length>0" class="infor1-box MB20 bjFFF fz28 color333"
v-for="(item,index) in data.HotelList"> v-for="(item,index) in data.HotelList">
<view class="infor1-header PY30 colorFFF"> <view class="infor1-header PY30 colorFFF">
<view class="fz32 PX30">{{ item.HotelName }}</view> <view class="fz32 PX30">{{ item.HotelName }}</view>
......
pages/teamLeader/components/schedule/infor7.vue
View file @ bc552add
...@@ -24,6 +24,7 @@ ...@@ -24,6 +24,7 @@
</style> </style>
<template> <template>
<view class="PX20 PT40"> <view class="PX20 PT40">
<template v-if="data&&data.length">
<view class="infor1-box MB20 bjFFF fz28 color333" <view class="infor1-box MB20 bjFFF fz28 color333"
v-for="(item,index) in data"> v-for="(item,index) in data">
<view class="infor1-header PY30 colorFFF"> <view class="infor1-header PY30 colorFFF">
...@@ -40,6 +41,7 @@ ...@@ -40,6 +41,7 @@
<view class="">{{ item.StoreTimeStr }}</view> <view class="">{{ item.StoreTimeStr }}</view>
</view> </view>
</view> </view>
</template>
<u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty> <u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
<view style="height: 50rpx;"></view> <view style="height: 50rpx;"></view>
</view> </view>
......
pages/teamLeader/components/schedule/infor8.vue
View file @ bc552add
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</style> </style>
<template> <template>
<view class=""> <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" <view class="infor1-center PY20 row items-center justify-between"
v-for="(item,index) in data"> v-for="(item,index) in data">
<view class="row items-center"> <view class="row items-center">
...@@ -47,8 +47,8 @@ ...@@ -47,8 +47,8 @@
</view> </view>
<view>{{ item.PassportNo }}</view> <view>{{ item.PassportNo }}</view>
</view> </view>
<u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
</view> </view>
<u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
<view style="height: 0rpx;"></view> <view style="height: 0rpx;"></view>
</view> </view>
</template> </template>
......
pages/teamLeader/components/schedule/infor9.vue
View file @ bc552add
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</style> </style>
<template> <template>
<view class="PX20 PT40"> <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" <view class="infor1-center row"
v-for="item in data"> v-for="item in data">
<view class="infor1-c-l PY30 row"> <view class="infor1-c-l PY30 row">
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
</view> </view>
</view> </view>
</view> </view>
<u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
</view> </view>
<u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
<view style="height: 50rpx;"></view> <view style="height: 50rpx;"></view>
</view> </view>
</template> </template>
......
pages/teamLeader/schedule.vue
View file @ bc552add
...@@ -22,41 +22,7 @@ ...@@ -22,41 +22,7 @@
.scheduleTitle.fixed .scheduleTsBox{ .scheduleTitle.fixed .scheduleTsBox{
top: 22rpx; 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{ .schedule-Touxiang{
width: 65rpx; width: 65rpx;
height: 65rpx; height: 65rpx;
...@@ -149,6 +115,8 @@ ...@@ -149,6 +115,8 @@
</view> </view>
</view> </view>
</view> </view>
<scheduleHeader :titles="titles" :params="params" @change="getType"></scheduleHeader>
<!--
<scroll-view class="scheduleTsBox" :scroll-x="true" <scroll-view class="scheduleTsBox" :scroll-x="true"
:scroll-left="scrollLeft" :scroll-left="scrollLeft"
@scroll="scrollHandler"> @scroll="scrollHandler">
...@@ -162,25 +130,12 @@ ...@@ -162,25 +130,12 @@
<view></view> <view></view>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>-->
</view> </view>
<view class="scheduleTitle fixed" <view class="scheduleTitle fixed"
:style="{ opacity: boxOption + '%' ,'display':boxOption<=0?'none':'show'}"> :style="{ opacity: boxOption + '%' ,'display':boxOption<=0?'none':'show'}">
<headers textAlign="left" :title="pageTitle" color="#fff"></headers> <headers textAlign="left" :title="pageTitle" color="#fff"></headers>
<scroll-view class="scheduleTsBox" :scroll-x="true" <scheduleHeader :titles="titles" :params="params" @change="getType"></scheduleHeader>
: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>
</view> </view>
</view> </view>
<infor1 v-if="params.type==1" :data="inforData1"></infor1> <infor1 v-if="params.type==1" :data="inforData1"></infor1>
...@@ -211,6 +166,7 @@ import infor6 from "./components/schedule/infor6"; ...@@ -211,6 +166,7 @@ import infor6 from "./components/schedule/infor6";
import infor7 from "./components/schedule/infor7"; import infor7 from "./components/schedule/infor7";
import infor8 from "./components/schedule/infor8"; import infor8 from "./components/schedule/infor8";
import infor9 from "./components/schedule/infor9"; import infor9 from "./components/schedule/infor9";
import scheduleHeader from "./components/schedule/header";
export default { export default {
components: { components: {
headers, headers,
...@@ -224,6 +180,7 @@ export default { ...@@ -224,6 +180,7 @@ export default {
infor7, infor7,
infor8, infor8,
infor9, infor9,
scheduleHeader,
}, },
data() { data() {
return { return {
...@@ -240,38 +197,56 @@ export default { ...@@ -240,38 +197,56 @@ export default {
{ {
name:'相关信息', name:'相关信息',
id: 1, id: 1,
val: 'refs1',
left: 0,
}, },
{ {
name:'航班信息', name:'航班信息',
id: 2, id: 2,
val: 'refs2',
left: 0,
}, },
{ {
name:'车辆使用', name:'车辆使用',
id: 3, id: 3,
val: 'refs3',
left: 0,
}, },
{ {
name:'酒店使用', name:'酒店使用',
id: 4, id: 4,
val: 'refs4',
left: 0,
}, },
{ {
name:'餐食使用', name:'餐食使用',
id: 5, id: 5,
val: 'refs5',
left: 0,
}, },
{ {
name:'门票使用', name:'门票使用',
id: 6, id: 6,
val: 'refs6',
left: 0,
}, },
{ {
name:'购物店', name:'购物店',
id: 7, id: 7,
val: 'refs7',
left: 0,
}, },
{ {
name:'旅客名单', name:'旅客名单',
id: 8, id: 8,
val: 'refs8',
left: 0,
}, },
{ {
name:'行程内容', name:'行程内容',
id: 9, id: 9,
val: 'refs9',
left: 0,
}, },
], ],
msg:{ msg:{
...@@ -321,6 +296,7 @@ export default { ...@@ -321,6 +296,7 @@ export default {
}; };
}, },
}); });
}, },
methods: { methods: {
close(){ 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