|
|
@ -3,43 +3,45 @@ |
|
|
|
<!-- 添加 --> |
|
|
|
<button class="shadow round bg-cyan add-btn iconfont icon-plus" hover-class="cc-active" @tap="openPage('/pages/add-stroke/add-stroke')"></button> |
|
|
|
<view v-if="tableList && tableList.length>0" class="cu-timeline" :key="index" v-for="(item,index) in tableList"> |
|
|
|
<view class="cu-time">{{ item.startTime }}</view> |
|
|
|
<!-- <view class="cu-time">{{ $moment(+item.date).format('MM-DD') }}</view> --> |
|
|
|
<view class="cu-item cuIcon-timefill"> |
|
|
|
<view class="content shadow-blur"> |
|
|
|
{{ item.startTime }} 到 {{ item.endTime }} |
|
|
|
<view class="cu-time">{{ +item.startTime | datefmt('MM-DD') }}</view> |
|
|
|
<view class="cu-item cuIcon-timefill text-blue"> |
|
|
|
<view class="content shadow-blur bg-blue light"> |
|
|
|
{{ +item.startTime | datefmt('MM月DD日') }} -- {{ +item.endTime | datefmt('MM月DD日') }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cu-item cuIcon-tagfill text-blue"> |
|
|
|
<view class="content shadow-blur bg-blue light"> |
|
|
|
<view class="cu-item cuIcon-tagfill text-green"> |
|
|
|
<view class="content shadow-blur bg-green light"> |
|
|
|
<view> |
|
|
|
<text class="radius bg-blue margin-tb padding-xs" v-if="item.journeyType === '0'">返校行程</text> |
|
|
|
<text class="radius bg-blue margin-tb padding-xs" v-if="item.journeyType === '1'">日常外出</text> |
|
|
|
<text class="radius bg-green margin-tb padding-xs" v-if="item.journeyType === '0'">返校行程</text> |
|
|
|
<text class="radius bg-green margin-tb padding-xs" v-if="item.journeyType === '1'">日常外出</text> |
|
|
|
</view> |
|
|
|
<view class="margin-top" v-if="item.together"> |
|
|
|
<view class="margin-bottom" v-if="item.together"> |
|
|
|
同行人:{{ item.together }} |
|
|
|
</view> |
|
|
|
<view v-for="trip in transports" :key="trip.id" class="margin-top" v-if="trip.value === item.tripMode"> |
|
|
|
<view v-for="trip in transports" :key="trip.id" class="margin-bottom" v-if="trip.value === item.tripMode"> |
|
|
|
出行方式: |
|
|
|
{{ trip.name }} |
|
|
|
</view> |
|
|
|
<view class="margin-top"> |
|
|
|
<view> |
|
|
|
乘坐航班车次或车牌号码及座位号: |
|
|
|
{{ item.carNo }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { |
|
|
|
showToast |
|
|
|
} from 'common/script/util'; |
|
|
|
import { mapState,mapMutations } from 'vuex'; |
|
|
|
import { |
|
|
|
mapState, |
|
|
|
mapMutations |
|
|
|
} from 'vuex'; |
|
|
|
import { |
|
|
|
GET_JOURNEYS |
|
|
|
} from 'api/api'; |
|
|
@ -48,61 +50,57 @@ |
|
|
|
data() { |
|
|
|
return { |
|
|
|
tableList: [], |
|
|
|
transports: [ |
|
|
|
{ |
|
|
|
value: '0', |
|
|
|
transports: [{ |
|
|
|
value: 0, |
|
|
|
name: '铁路', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '1', |
|
|
|
value: 1, |
|
|
|
name: '飞机', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '2', |
|
|
|
value: 2, |
|
|
|
name: '客运车辆', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '3', |
|
|
|
value: 3, |
|
|
|
name: '自驾', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '4', |
|
|
|
value: 4, |
|
|
|
name: '船', |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '5', |
|
|
|
value: 5, |
|
|
|
name: '其他', |
|
|
|
} |
|
|
|
], |
|
|
|
// tableList: [ |
|
|
|
// { |
|
|
|
// startTime: '02-04', |
|
|
|
// endTime: '02-05', |
|
|
|
// journeyType: '1', |
|
|
|
// carNo: '35212', |
|
|
|
// tripMode: '3', |
|
|
|
// together: '张三' |
|
|
|
// }, |
|
|
|
// ], |
|
|
|
] |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
computed: mapState('user', ['token']), |
|
|
|
|
|
|
|
created() { |
|
|
|
this.getJourneys() |
|
|
|
|
|
|
|
onLoad() { |
|
|
|
const startTime = +this.$moment() |
|
|
|
.startOf('year') |
|
|
|
.format('x'); |
|
|
|
const endTime = +this.$moment() |
|
|
|
.endOf('day') |
|
|
|
.format('x'); |
|
|
|
const params = { |
|
|
|
param: { |
|
|
|
startTime, |
|
|
|
endTime, |
|
|
|
token: this.token |
|
|
|
} |
|
|
|
}; |
|
|
|
this.getJourneys(params); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
methods: { |
|
|
|
// 查询行程 |
|
|
|
async getJourneys() { |
|
|
|
async getJourneys(params) { |
|
|
|
try { |
|
|
|
const { token } = this; |
|
|
|
const params = { |
|
|
|
param: { |
|
|
|
token |
|
|
|
} |
|
|
|
}; |
|
|
|
const res = await this.$http.post(GET_JOURNEYS, params); |
|
|
|
const { |
|
|
|
success, |
|
|
@ -129,7 +127,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
@ -148,15 +146,15 @@ |
|
|
|
align-items: left; |
|
|
|
font-size: 36rpx; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
|
|
|
|
.data-title{ |
|
|
|
|
|
|
|
.data-title { |
|
|
|
line-height: 60rpx; |
|
|
|
color: $black; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.add-btn{ |
|
|
|
|
|
|
|
.add-btn { |
|
|
|
position: fixed; |
|
|
|
bottom: 40rpx; |
|
|
|
right: 40rpx; |
|
|
@ -166,7 +164,8 @@ |
|
|
|
padding: 0; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
.add-btn::after{ |
|
|
|
|
|
|
|
.add-btn::after { |
|
|
|
border: none; |
|
|
|
} |
|
|
|
</style> |
|
|
|