jinna
2 years ago
parent
b5a3c7c45c
commit
0a7f48c5f5
11 changed files with 1800 additions and 1 deletions
@ -0,0 +1,22 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
|
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,173 @@ |
|||||||
|
<template> |
||||||
|
<!-- 编辑综合运输 --> |
||||||
|
<view class="edit_synth"> |
||||||
|
<view class="top_box"> |
||||||
|
<view class="top_con"> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">统计日期</p> |
||||||
|
<!-- <p class="right">{{roadData.statisticalDate}}</p> --> |
||||||
|
<view class="right"> |
||||||
|
<p>{{synthData.reportDatetime}}</p> |
||||||
|
<uni-datetime-picker type="date" v-model="synthData.reportDatetime"> |
||||||
|
<image style="width: 49rpx;height: 49rpx;" src="../../static/icons/number-box.png" mode=""></image> |
||||||
|
</uni-datetime-picker> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">统计时段</p> |
||||||
|
<!-- <p class="right">{{roadData.reportPhase}}</p> --> |
||||||
|
<view class="right"> |
||||||
|
<uni-data-picker v-model="synthData.reportPhase" :localdata="roadTime" :map="{text:'dictLabel',value:'dictValue'}" popup-title="请选择班级" @change="onchange" @nodeclick="onnodeclick"></uni-data-picker> |
||||||
|
<image style="width: 49rpx;height: 49rpx;" src="../../static/icons/number-box.png" mode=""></image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">交通运行情况</p> |
||||||
|
<p class="right">{{synthData.trafficOperationDescription}}</p> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="bottom_box"> |
||||||
|
<p class="btn_item" @click="cancelEdit">取消</p> |
||||||
|
<p class="btn_item" @click="confirmRoad">确认</p> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
roadTime:[], |
||||||
|
unitData:[], |
||||||
|
synthData:{ |
||||||
|
reportPhase:'', |
||||||
|
reportDatetime:'', |
||||||
|
trafficOperationDescription:'' |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad(options) { |
||||||
|
let row = JSON.parse(options.item); |
||||||
|
console.log(row) |
||||||
|
this.synthData = row; |
||||||
|
this.synthData.reportDatetime = this.synthData.reportDatetime ? this.synthData.reportDatetime.substring(0,10) : '' |
||||||
|
this.getRoadTime() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取时段 |
||||||
|
getRoadTime(){ |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/dict/dictList?dictType=airport_time&_t=1693372307694',"GET").then(res =>{ |
||||||
|
this.roadTime = res.data |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 点击确认按钮 |
||||||
|
confirmRoad(){ |
||||||
|
let params = this.synthData; |
||||||
|
uni.showModal({ |
||||||
|
title:"提示", |
||||||
|
content:"您确定，提交修改吗？", |
||||||
|
success:(res) =>{ |
||||||
|
if(res.confirm){ |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/biz/roadtransport/operation/saveOrUpdate',params,'POST').then(res =>{ |
||||||
|
if(res.code == 200){ |
||||||
|
uni.showToast({ |
||||||
|
title:'修改成功', |
||||||
|
icon:"none" |
||||||
|
}); |
||||||
|
uni.navigateBack() |
||||||
|
} |
||||||
|
}) |
||||||
|
}else if(res.cancel){} |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 点击取消按钮 |
||||||
|
cancelEdit(){ |
||||||
|
uni.navigateBack() |
||||||
|
}, |
||||||
|
|
||||||
|
onchange(e){ |
||||||
|
console.log('确定===》',e) |
||||||
|
}, |
||||||
|
onnodeclick(e){ |
||||||
|
console.log('点击===》',e) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.edit_synth{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
|
||||||
|
.top_box{ |
||||||
|
padding-bottom: 160rpx; |
||||||
|
margin-top: 30rpx; |
||||||
|
height:100%; |
||||||
|
|
||||||
|
.top_con{ |
||||||
|
width: 690rpx; |
||||||
|
height: 84%; |
||||||
|
overflow-y: auto; |
||||||
|
padding: 30rpx 0; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
margin: 0 auto; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 20rpx; |
||||||
|
|
||||||
|
.edit_item{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
margin-bottom: 30rpx; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
&:last-child{ |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.left{ |
||||||
|
margin-left: 30rpx; |
||||||
|
} |
||||||
|
.right{ |
||||||
|
margin-right: 30rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.bottom_box{ |
||||||
|
width: 100%; |
||||||
|
height: 150rpx; |
||||||
|
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.btn_item{ |
||||||
|
width: 320rpx; |
||||||
|
height: 78rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 40rpx; |
||||||
|
border: 1rpx solid #D73232; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 26rpx; |
||||||
|
color: #D73232; |
||||||
|
|
||||||
|
&:last-child { |
||||||
|
background: #D73232; |
||||||
|
margin-left: 50rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,205 @@ |
|||||||
|
<template> |
||||||
|
<view class="synth_box"> |
||||||
|
<!-- 综合运输数据 --> |
||||||
|
<view class="top_box"> |
||||||
|
<view class="list_box"> |
||||||
|
<view class="list_item" v-for="(item,index) in synthData" :key="index"> |
||||||
|
<p class="item"><span style="margin-left:30rpx">填报单位：</span><span style="margin-right:30rpx">{{item.departmentName}}</span></p> |
||||||
|
<p class="item"><span style="margin-left:30rpx">报送日期时间：</span><span style="margin-right:30rpx">{{item.reportDatetime}}</span></p> |
||||||
|
<p class="item"><span style="margin-left:30rpx">统计阶段：</span><span style="margin-right:30rpx">{{item.reportPhaseValue}}</span></p> |
||||||
|
<p class="item"><span style="margin-left:30rpx">交通运行情况：</span><span style="margin-right:30rpx">{{item.trafficOperationDescription}}</span></p> |
||||||
|
<view class="button_box"> |
||||||
|
<p class="button" @click="editItem(item)">编辑</p> |
||||||
|
<p class="button del" @click="deleteItem(item)">删除</p> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<uni-load-more iconType="circle" :status="status" @clickLoadMore="loadMore" |
||||||
|
:content-text="contentText"></uni-load-more> |
||||||
|
</view> |
||||||
|
<view class="bottom_box"> |
||||||
|
<p class="btn_item" @click="handleSearch">筛选</p> |
||||||
|
<p class="btn_item">新增</p> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
synthData:[], |
||||||
|
page:0, |
||||||
|
pageSize:10, |
||||||
|
timeRange:[], |
||||||
|
unit:'', |
||||||
|
hasMore:true, |
||||||
|
contentText: { |
||||||
|
contentdown: "点击查看更多", |
||||||
|
contentrefresh: "正在加载...", |
||||||
|
contentnomore: "没有更多数据了", |
||||||
|
}, |
||||||
|
status: '', |
||||||
|
} |
||||||
|
}, |
||||||
|
onShow(){ |
||||||
|
this.page = 0; |
||||||
|
this.hasMore = true; |
||||||
|
this.synthData = [] |
||||||
|
this.loadMore() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取列表数据 |
||||||
|
loadMore() { |
||||||
|
if (this.hasMore) { |
||||||
|
this.page = this.page + 1; |
||||||
|
this.status = 'loading'; |
||||||
|
let params = { |
||||||
|
page:this.page, |
||||||
|
pageSize:this.pageSize, |
||||||
|
_t:'1693380361996', |
||||||
|
reportDatetimeStart:this.timeRange.length != 0 ? this.timeRange[0] : '', |
||||||
|
reportDatetimeEnd:this.timeRange.length != 0 ? this.timeRange[1] : '', |
||||||
|
departmentId:this.unit ? this.unit : '' |
||||||
|
} |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/biz/roadtransport/operation/list',params,"GET").then(res =>{ |
||||||
|
console.log(res) |
||||||
|
if(res.code == 200){ |
||||||
|
// this.unitData = res.data |
||||||
|
this.synthData = this.synthData.concat(res.data.list); |
||||||
|
if(res.data.list.length == 0 || res.data.list.length < this.pageSize){ |
||||||
|
this.hasMore = false; |
||||||
|
this.status = 'nomore'; |
||||||
|
}else{ |
||||||
|
this.status = 'more'; |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
// 点击编辑按钮 |
||||||
|
editItem(row){ |
||||||
|
uni.navigateTo({ |
||||||
|
url:"/pages/roadTrans/editSynth?item=" + JSON.stringify(row) |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 点击删除按钮 |
||||||
|
deleteItem(row){ |
||||||
|
uni.showModal({ |
||||||
|
title:"提示", |
||||||
|
content:"您确定，删除该数据吗？", |
||||||
|
success: (res) => { |
||||||
|
if(res.confirm){ |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/biz/roadtransport/operation/delete/' + row.id,{},'DELETE').then(res =>{ |
||||||
|
if(res.code == 200){ |
||||||
|
uni.showToast({ |
||||||
|
title:"删除成功", |
||||||
|
icon:"none" |
||||||
|
}); |
||||||
|
this.hasMore = true; |
||||||
|
this.page = 0; |
||||||
|
this.synthData = []; |
||||||
|
this.loadMore() |
||||||
|
} |
||||||
|
}) |
||||||
|
}else if(res.cancel){ |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.synth_box{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
|
||||||
|
.top_box{ |
||||||
|
padding-bottom: 160rpx; |
||||||
|
overflow-y: auto; |
||||||
|
.list_box{ |
||||||
|
width: 690rpx; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
margin: 0 auto; |
||||||
|
|
||||||
|
.list_item{ |
||||||
|
width: 100%; |
||||||
|
border-radius: 30rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
margin-top: 20rpx; |
||||||
|
|
||||||
|
.item{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
margin: 20rpx 0; |
||||||
|
} |
||||||
|
|
||||||
|
.button_box{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: flex-end; |
||||||
|
margin-bottom: 20rpx; |
||||||
|
|
||||||
|
.button{ |
||||||
|
width:200rpx; |
||||||
|
height: 70rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 50rpx; |
||||||
|
border: 1rpx solid #cdcdcd; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 26rpx; |
||||||
|
color: #333; |
||||||
|
margin-left: 30rpx; |
||||||
|
|
||||||
|
&.del{ |
||||||
|
border: 1rpx solid #D73232; |
||||||
|
color: #D73232; |
||||||
|
} |
||||||
|
|
||||||
|
&:last-child{ |
||||||
|
margin-right: 30rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.bottom_box{ |
||||||
|
width: 100%; |
||||||
|
height: 150rpx; |
||||||
|
background: #fff; |
||||||
|
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.btn_item{ |
||||||
|
width: 320rpx; |
||||||
|
height: 78rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx; |
||||||
|
border: 1rpx solid #D73232; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 26rpx; |
||||||
|
color: #D73232; |
||||||
|
|
||||||
|
&:last-child { |
||||||
|
background: #D73232; |
||||||
|
margin-left: 50rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
|
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
|
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,204 @@ |
|||||||
|
<template> |
||||||
|
<view class="synth_box"> |
||||||
|
<!-- 道路运输发送量 --> |
||||||
|
<view class="top_box"> |
||||||
|
<view class="list_box"> |
||||||
|
<view class="list_item" v-for="(item,index) in sendData" :key="index"> |
||||||
|
<p class="item"><span style="margin-left:30rpx">填报日期：</span><span style="margin-right:30rpx">{{item.reportDate}}</span></p> |
||||||
|
<p class="item"><span style="margin-left:30rpx">班次：</span><span style="margin-right:30rpx">{{item.shifts}}</span></p> |
||||||
|
<p class="item"><span style="margin-left:30rpx">班次环比：</span><span style="margin-right:30rpx">{{item.shiftMom}}</span></p> |
||||||
|
<p class="item"><span style="margin-left:30rpx">班次同比：</span><span style="margin-right:30rpx">{{item.shiftYoy}}</span></p> |
||||||
|
<view class="button_box"> |
||||||
|
<p class="button" @click="editItem(item)">编辑</p> |
||||||
|
<p class="button del" @click="deleteItem(item)">删除</p> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<uni-load-more iconType="circle" :status="status" @clickLoadMore="loadMore" |
||||||
|
:content-text="contentText"></uni-load-more> |
||||||
|
</view> |
||||||
|
<view class="bottom_box"> |
||||||
|
<p class="btn_item" @click="handleSearch">筛选</p> |
||||||
|
<p class="btn_item">新增</p> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
sendData:[], |
||||||
|
page:0, |
||||||
|
pageSize:10, |
||||||
|
timeRange:[], |
||||||
|
unit:'', |
||||||
|
hasMore:true, |
||||||
|
contentText: { |
||||||
|
contentdown: "点击查看更多", |
||||||
|
contentrefresh: "正在加载...", |
||||||
|
contentnomore: "没有更多数据了", |
||||||
|
}, |
||||||
|
status: '', |
||||||
|
} |
||||||
|
}, |
||||||
|
onShow(){ |
||||||
|
this.page = 0; |
||||||
|
this.hasMore = true; |
||||||
|
this.sendData = [] |
||||||
|
this.loadMore() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取列表数据 |
||||||
|
loadMore() { |
||||||
|
if (this.hasMore) { |
||||||
|
this.page = this.page + 1; |
||||||
|
this.status = 'loading'; |
||||||
|
let params = { |
||||||
|
page:this.page, |
||||||
|
pageSize:this.pageSize, |
||||||
|
_t:'1693388052047', |
||||||
|
reportDatetimeStart:this.timeRange.length != 0 ? this.timeRange[0] : '', |
||||||
|
reportDatetimeEnd:this.timeRange.length != 0 ? this.timeRange[1] : '', |
||||||
|
} |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/biz/bizTransportData/list',params,"GET").then(res =>{ |
||||||
|
console.log(res) |
||||||
|
if(res.code == 200){ |
||||||
|
// this.unitData = res.data |
||||||
|
this.sendData = this.sendData.concat(res.data.list); |
||||||
|
if(res.data.list.length == 0 || res.data.list.length < this.pageSize){ |
||||||
|
this.hasMore = false; |
||||||
|
this.status = 'nomore'; |
||||||
|
}else{ |
||||||
|
this.status = 'more'; |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
// 点击编辑按钮 |
||||||
|
// editItem(row){ |
||||||
|
// uni.navigateTo({ |
||||||
|
// url:"/pages/roadTrans/editSynth?item=" + JSON.stringify(row) |
||||||
|
// }) |
||||||
|
// }, |
||||||
|
// 点击删除按钮 |
||||||
|
deleteItem(row){ |
||||||
|
uni.showModal({ |
||||||
|
title:"提示", |
||||||
|
content:"您确定，删除该数据吗？", |
||||||
|
success: (res) => { |
||||||
|
if(res.confirm){ |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/biz/bizTransportData/delete/' + row.id,{},'DELETE').then(res =>{ |
||||||
|
if(res.code == 200){ |
||||||
|
uni.showToast({ |
||||||
|
title:"删除成功", |
||||||
|
icon:"none" |
||||||
|
}); |
||||||
|
this.hasMore = true; |
||||||
|
this.page = 0; |
||||||
|
this.sendData = []; |
||||||
|
this.loadMore() |
||||||
|
} |
||||||
|
}) |
||||||
|
}else if(res.cancel){ |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.synth_box{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
|
||||||
|
.top_box{ |
||||||
|
padding-bottom: 160rpx; |
||||||
|
overflow-y: auto; |
||||||
|
.list_box{ |
||||||
|
width: 690rpx; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
margin: 0 auto; |
||||||
|
|
||||||
|
.list_item{ |
||||||
|
width: 100%; |
||||||
|
border-radius: 30rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
margin-top: 20rpx; |
||||||
|
|
||||||
|
.item{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
margin: 20rpx 0; |
||||||
|
} |
||||||
|
|
||||||
|
.button_box{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: flex-end; |
||||||
|
margin-bottom: 20rpx; |
||||||
|
|
||||||
|
.button{ |
||||||
|
width:200rpx; |
||||||
|
height: 70rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 50rpx; |
||||||
|
border: 1rpx solid #cdcdcd; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 26rpx; |
||||||
|
color: #333; |
||||||
|
margin-left: 30rpx; |
||||||
|
|
||||||
|
&.del{ |
||||||
|
border: 1rpx solid #D73232; |
||||||
|
color: #D73232; |
||||||
|
} |
||||||
|
|
||||||
|
&:last-child{ |
||||||
|
margin-right: 30rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.bottom_box{ |
||||||
|
width: 100%; |
||||||
|
height: 150rpx; |
||||||
|
background: #fff; |
||||||
|
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.btn_item{ |
||||||
|
width: 320rpx; |
||||||
|
height: 78rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx; |
||||||
|
border: 1rpx solid #D73232; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 26rpx; |
||||||
|
color: #D73232; |
||||||
|
|
||||||
|
&:last-child { |
||||||
|
background: #D73232; |
||||||
|
margin-left: 50rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,383 @@ |
|||||||
|
<template> |
||||||
|
<!-- 查看详情页面 --> |
||||||
|
<view class="detail_con"> |
||||||
|
<view class="detail_box"> |
||||||
|
<view class="top_box"> |
||||||
|
<view class="top_item"> |
||||||
|
<view class="unit_left"> |
||||||
|
<view class="unit">管理单位</view> |
||||||
|
<view class="unit_name">{{roadData.organizationName}}</view> |
||||||
|
</view> |
||||||
|
<view class="unit_time">{{roadData.statDate}} {{roadData.statPeriodValue}}</view> |
||||||
|
</view> |
||||||
|
<view class="all_item first"> |
||||||
|
<view class="all_left">收费站入口车辆数汇总：</view> |
||||||
|
<view class="all_right">{{roadData.entranceVehicleCount ? roadData.entranceVehicleCount : ''}}</view> |
||||||
|
</view> |
||||||
|
<view class="all_item"> |
||||||
|
<view class="all_left">收费站出口车辆数汇总：</view> |
||||||
|
<view class="all_right">{{roadData.exitVehicleCount ? roadData.exitVehicleCount : ''}}</view> |
||||||
|
</view> |
||||||
|
<view class="all_item"> |
||||||
|
<view class="all_left">收费站入口车辆数汇总环比：</view> |
||||||
|
<view class="all_right" :class="roadData.entranceVehicleCountMom > 0 ? 'green' : roadData.entranceVehicleCountMom < 0 ? 'red' : ''">{{roadData.entranceVehicleCountMom ? roadData.entranceVehicleCountMom + '%' : roadData.entranceVehicleCountMom == 0 ? 0 : ''}}</view> |
||||||
|
</view> |
||||||
|
<view class="all_item"> |
||||||
|
<view class="all_left">收费站出口车辆数汇总环比：</view> |
||||||
|
<view class="all_right" :class="roadData.exitVehicleCountMom > 0 ? 'green' : roadData.exitVehicleCountMom < 0 ? 'red' : ''">{{roadData.exitVehicleCountMom ? roadData.exitVehicleCountMom + '%' : roadData.exitVehicleCountMom == 0 ? 0 : ''}}</view> |
||||||
|
</view> |
||||||
|
<view class="all_item"> |
||||||
|
<view class="all_left">收费站入口车辆数汇总同比：</view> |
||||||
|
<view class="all_right" :class="roadData.entranceVehicleCountYoy > 0 ? 'green' : roadData.entranceVehicleCountYoy < 0 ? 'red' : ''">{{roadData.entranceVehicleCountYoy ? roadData.entranceVehicleCountYoy + '%' : roadData.entranceVehicleCountYoy == 0 ? 0 : ''}}</view> |
||||||
|
</view> |
||||||
|
<view class="all_item last"> |
||||||
|
<view class="all_left">收费站出口车辆数汇总同比：</view> |
||||||
|
<view class="all_right" :class="roadData.exitVehicleCountYoy > 0 ? 'green' : roadData.exitVehicleCountYoy < 0 ? 'red' : ''">{{roadData.exitVehicleCountYoy ? roadData.exitVehicleCountYoy + '%' : roadData.exitVehicleCountYoy == 0 ? 0 : ''}}</view> |
||||||
|
</view> |
||||||
|
<view class="con_item" v-if="roadData.highwaySubDataList" v-for="(item,index) in roadData.highwaySubDataList" :key="index"> |
||||||
|
<view class="spread_box" v-if="item.isSpread"> |
||||||
|
<view class="item_con first"> |
||||||
|
<view class="left">收费站名称：</view> |
||||||
|
<view class="right">{{item.tollStationName}}</view> |
||||||
|
</view> |
||||||
|
<view class="item_con"> |
||||||
|
<view class="left">高速公路名称：</view> |
||||||
|
<view class="right">{{item.highwayName}}</view> |
||||||
|
</view> |
||||||
|
<view class="item_con"> |
||||||
|
<view class="left">收费站入口车辆数：</view> |
||||||
|
<view class="right">{{item.entranceVehicleCount}}</view> |
||||||
|
</view> |
||||||
|
<view class="item_content"> |
||||||
|
<view class="content top"> |
||||||
|
<view class="left">收费站入口车辆数环比(%)</view> |
||||||
|
<view class="right" :class="item.entranceVehicleCountMom > 0 ? 'green' : item.entranceVehicleCountMom < 0 ? 'red' : ''">{{item.entranceVehicleCountMom ? item.entranceVehicleCountMom + '%' : item.entranceVehicleCountMom == 0 ? 0 : ''}}</view> |
||||||
|
</view> |
||||||
|
<view class="content"> |
||||||
|
<view class="left">收费站入口车辆数同比(%)</view> |
||||||
|
<view class="right" :class="item.entranceVehicleCountYoy > 0 ? 'green' : item.entranceVehicleCountYoy < 0 ? 'red' : ''">{{item.entranceVehicleCountYoy ? item.entranceVehicleCountYoy + '%' : item.entranceVehicleCountYoy == 0 ? 0 : ''}}</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="item_con"> |
||||||
|
<view class="left">收费站出口车辆数：</view> |
||||||
|
<view class="right">{{item.exitVehicleCount}}</view> |
||||||
|
</view> |
||||||
|
<view class="item_content"> |
||||||
|
<view class="content top"> |
||||||
|
<view class="left">收费站出口车辆数环比(%)</view> |
||||||
|
<view class="right" :class="item.exitVehicleCountMom > 0 ? 'green' : item.exitVehicleCountMom < 0 ? 'red' : ''">{{item.exitVehicleCountMom ? item.exitVehicleCountMom + '%' : item.exitVehicleCountMom == 0 ? 0 : ''}}</view> |
||||||
|
</view> |
||||||
|
<view class="content"> |
||||||
|
<view class="left">收费站出口车辆数同比(%)</view> |
||||||
|
<view class="right" :class="item.exitVehicleCountYoy > 0 ? 'green' : item.exitVehicleCountYoy < 0 ? 'red' : ''">{{item.exitVehicleCountYoy ? item.exitVehicleCountYoy + '%' : item.exitVehicleCountYoy == 0 ? 0 : ''}}</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="item_con"> |
||||||
|
<view class="left">免收通行费车辆数：</view> |
||||||
|
<view class="right">{{item.tollExemptVehicleCount}}</view> |
||||||
|
</view> |
||||||
|
<view class="item_content"> |
||||||
|
<view class="content top"> |
||||||
|
<view class="left">免收通行费车辆数环比(%)</view> |
||||||
|
<view class="right" :class="item.tollExemptVehicleCountMom > 0 ? 'green' : item.tollExemptVehicleCountMom < 0 ? 'red' : ''">{{item.tollExemptVehicleCountMom ? item.tollExemptVehicleCountMom + '%' : item.tollExemptVehicleCountMom == 0 ? 0 : ''}}</view> |
||||||
|
</view> |
||||||
|
<view class="content"> |
||||||
|
<view class="left">免收通行费车辆数同比(%)</view> |
||||||
|
<view class="right" :class="item.tollExemptVehicleCountYoy > 0 ? 'green' : item.tollExemptVehicleCountYoy < 0 ? 'red' : ''">{{item.tollExemptVehicleCountYoy ? item.tollExemptVehicleCountYoy + '%' : item.tollExemptVehicleCountYoy == 0 ? 0 : ''}}</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="item_con"> |
||||||
|
<view class="left">免收通行费金额：</view> |
||||||
|
<view class="right">{{item.tollExemptAmount}}</view> |
||||||
|
</view> |
||||||
|
<view class="item_con"> |
||||||
|
<view class="left">出口通行费：</view> |
||||||
|
<view class="right">{{item.exitToll}}</view> |
||||||
|
</view> |
||||||
|
<view class="item_con"> |
||||||
|
<view class="left">报送人员及联系方式：</view> |
||||||
|
<view class="right">{{item.submitPersonnelContact}}</view> |
||||||
|
</view> |
||||||
|
<view class="expand_box" @click="clickPack(item)"> |
||||||
|
<image class="img" src="../../../static/image/spread.png" mode=""></image> |
||||||
|
<view class="tit">收起</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="no_spread" v-if="!item.isSpread" @click="handleSpread(item)"> |
||||||
|
<view class="item_con first"> |
||||||
|
<view class="left">收费站名称：</view> |
||||||
|
<view class="right">{{item.tollStationName}}</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="bottom_box"> |
||||||
|
<p class="edit_btn">编辑</p> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
roadData:{}, |
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad(options){ |
||||||
|
let item = JSON.parse(options.item) |
||||||
|
console.log(item) |
||||||
|
let item1 = JSON.parse(JSON.stringify(item)) |
||||||
|
if(item1.highwaySubDataList){ |
||||||
|
item1.highwaySubDataList[0].isSpread = true; //显示展开收起按钮，false时为收起，true为展开 |
||||||
|
} |
||||||
|
this.roadData = item1 |
||||||
|
// this.getDetail() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
//点击收起按钮 |
||||||
|
clickPack(item){ |
||||||
|
this.$set(item,"isSpread",false) |
||||||
|
}, |
||||||
|
handleSpread(item){ |
||||||
|
this.$set(item,"isSpread",true) |
||||||
|
}, |
||||||
|
getDetail(){ |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/biz/highSpeedOperationController/selectById/' + '8A47103EE00000018772BC97AE50FFB7',{},"GET").then(res =>{ |
||||||
|
console.log(res) |
||||||
|
}) |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.detail_con{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
overflow-y: auto; |
||||||
|
|
||||||
|
.detail_box{ |
||||||
|
width: 690rpx; |
||||||
|
background: #fff; |
||||||
|
border-radius: 30rpx; |
||||||
|
margin: 0 auto; |
||||||
|
margin-top: 30rpx; |
||||||
|
margin-bottom: 50rpx; |
||||||
|
|
||||||
|
.top_box{ |
||||||
|
width: 630rpx; |
||||||
|
padding: 38rpx 30rpx 0rpx; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
|
||||||
|
.top_item{ |
||||||
|
width: 100%; |
||||||
|
// margin-top: 38rpx; |
||||||
|
margin-bottom: 60rpx; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
|
||||||
|
.unit_left{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
.unit{ |
||||||
|
width: 102rpx; |
||||||
|
height: 37rpx; |
||||||
|
background: #FFF7E4; |
||||||
|
border-radius: 10rpx; |
||||||
|
border: 1rpx solid #EF9A4F; |
||||||
|
font-size: 20rpx; |
||||||
|
color: #E37616; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
|
||||||
|
.unit_name{ |
||||||
|
font-size: 30rpx; |
||||||
|
color: #333; |
||||||
|
font-weight: bold; |
||||||
|
line-height: 48rpx; |
||||||
|
margin-left: 20rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.unit_time{ |
||||||
|
margin-top: 30rpx; |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 24rpx; |
||||||
|
color: #999999; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.all_item{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
margin-top: 32rpx; |
||||||
|
|
||||||
|
&.first{ |
||||||
|
margin-top: 0rpx; |
||||||
|
} |
||||||
|
|
||||||
|
&.last{ |
||||||
|
margin-bottom: 30rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.all_left{ |
||||||
|
color: #666666; |
||||||
|
font-size: 26rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.all_right{ |
||||||
|
font-size: 28rpx; |
||||||
|
color: #333; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.con_item{ |
||||||
|
width: 570rpx; |
||||||
|
background: #F8F8F8; |
||||||
|
border-radius: 30rpx; |
||||||
|
margin: 0 auto; |
||||||
|
margin-top: 30rpx; |
||||||
|
padding: 30rpx 30rpx; |
||||||
|
|
||||||
|
.spread_box{ |
||||||
|
width: 100%; |
||||||
|
.item_con{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
margin-top: 32rpx; |
||||||
|
|
||||||
|
&.first{ |
||||||
|
margin-top: 0rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.left{ |
||||||
|
color: #666666; |
||||||
|
font-size: 26rpx; |
||||||
|
} |
||||||
|
.right{ |
||||||
|
font-size: 28rpx; |
||||||
|
color: #333; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.item_content{ |
||||||
|
width: 570rpx; |
||||||
|
margin: 0 auto; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 30rpx; |
||||||
|
margin-top: 30rpx; |
||||||
|
|
||||||
|
|
||||||
|
.content{ |
||||||
|
width: 516rpx; |
||||||
|
padding: 34rpx 32rpx 30rpx 22rpx; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
&.top{ |
||||||
|
border-bottom: 1rpx solid #F2F2F2; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.left{ |
||||||
|
font-size: 24rpx; |
||||||
|
color: #666; |
||||||
|
} |
||||||
|
.right{ |
||||||
|
color: #333; |
||||||
|
font-size: 28rpx; |
||||||
|
|
||||||
|
&.green{ |
||||||
|
color: #1ECE5F; |
||||||
|
} |
||||||
|
|
||||||
|
&.red{ |
||||||
|
color: #EB4747; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.expand_box{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
margin-top: 30rpx; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
|
||||||
|
.img{ |
||||||
|
width: 40rpx; |
||||||
|
height: 40rpx; |
||||||
|
} |
||||||
|
.tit{ |
||||||
|
color: #2D8CF0; |
||||||
|
font-size: 24rpx; |
||||||
|
margin-left: 12rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.no_spread{ |
||||||
|
width: 100%; |
||||||
|
background: #F8F8F8; |
||||||
|
border-radius: 30rpx; |
||||||
|
.item_con{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
margin-top: 32rpx; |
||||||
|
|
||||||
|
&.first{ |
||||||
|
margin-top: 0rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.left{ |
||||||
|
color: #666666; |
||||||
|
font-size: 26rpx; |
||||||
|
} |
||||||
|
.right{ |
||||||
|
font-size: 28rpx; |
||||||
|
color: #333; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.bottom_box{ |
||||||
|
width: 100%; |
||||||
|
padding: 40rpx 0; |
||||||
|
display: flex; |
||||||
|
justify-content: flex-end; |
||||||
|
|
||||||
|
.edit_btn{ |
||||||
|
width: 180rpx; |
||||||
|
height: 70rpx; |
||||||
|
background: #2D8CF0; |
||||||
|
border-radius: 100rpx; |
||||||
|
color: #fff; |
||||||
|
font-size: 28rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
margin-right: 30rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,364 @@ |
|||||||
|
<template> |
||||||
|
<view class="edit_box"> |
||||||
|
<view class="top_box"> |
||||||
|
<view class="top_con"> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">统计日期</p> |
||||||
|
<!-- <p class="right">{{roadData.statisticalDate}}</p> --> |
||||||
|
<view class="right"> |
||||||
|
<p>{{roadData.statisticalDate}}</p> |
||||||
|
<uni-datetime-picker type="date" v-model="roadData.statisticalDate"> |
||||||
|
<image style="width: 49rpx;height: 49rpx;" src="../../static/icons/number-box.png" mode=""></image> |
||||||
|
</uni-datetime-picker> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">统计时段</p> |
||||||
|
<!-- <p class="right">{{roadData.reportPhase}}</p> --> |
||||||
|
<view class="right"> |
||||||
|
<uni-data-picker v-model="roadData.reportPhase" :localdata="roadTime" :map="{text:'dictLabel',value:'dictValue'}" popup-title="请选择班级" @change="onchange" @nodeclick="onnodeclick"></uni-data-picker> |
||||||
|
<image style="width: 49rpx;height: 49rpx;" src="../../static/icons/number-box.png" mode=""></image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">填报单位</p> |
||||||
|
<p class="right">{{roadData.reportingUnitId}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">负责人</p> |
||||||
|
<p class="right">{{roadData.responsiblePersonId}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">联系电话</p> |
||||||
|
<p class="right">{{roadData.contactNumber}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">营运收入</p> |
||||||
|
<p class="right">{{roadData.operatingRevenue ? roadData.operatingRevenue : ''}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">定线通勤包车辆</p> |
||||||
|
<p class="right">{{roadData.regularCommuteCharter ? roadData.regularCommuteCharter : ''}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">运送农民工报车辆</p> |
||||||
|
<p class="right">{{roadData.migrantWorkersCharter ? roadData.migrantWorkersCharter : ''}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">除定线、农民工包车辆</p> |
||||||
|
<p class="right">{{roadData.otherCharter}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">投放运力：包车数</p> |
||||||
|
<p class="right">{{roadData.capacityCharter}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">投放运力：班车数</p> |
||||||
|
<p class="right">{{roadData.capacityShuttle}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">投放运力：总客车数</p> |
||||||
|
<p class="right">{{roadData.capacityTotalBus}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">定线通勤班次</p> |
||||||
|
<p class="right">{{roadData.regularCommuteTrips}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">运送农民工班次</p> |
||||||
|
<p class="right">{{roadData.migrantWorkersTrips}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">除定线通勤包车、农民工包车班次</p> |
||||||
|
<p class="right">{{roadData.otherTrips}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">投放运力：包车班次</p> |
||||||
|
<p class="right">{{roadData.capacityCharterTrips}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">投放运力：班车班次</p> |
||||||
|
<p class="right">{{roadData.capacityShuttleTrips}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">投放运力：班次</p> |
||||||
|
<p class="right">{{roadData.capacityTotalTrips}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">定线通勤包车客运量</p> |
||||||
|
<p class="right">{{roadData.regularCommutePassengerVolume}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">运送农民工包车客运量（万）</p> |
||||||
|
<p class="right">{{roadData.migrantWorkersPassengerVolume}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">除定线通勤包车、农民工包车以外的客运量</p> |
||||||
|
<p class="right">{{roadData.otherPassengerVolume}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">包车客运量（万）</p> |
||||||
|
<p class="right">{{roadData.charterPassengerVolume}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">班车客运量（万）</p> |
||||||
|
<p class="right">{{roadData.shuttlePassengerVolume}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">完成客运量（万）</p> |
||||||
|
<p class="right">{{roadData.totalPassengerVolume}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">总客位数(座)</p> |
||||||
|
<p class="right">{{roadData.totalSeatCapacity}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">去年同期客运量（万）</p> |
||||||
|
<p class="right">{{roadData.passengerVolumeLastYear}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">去年总客车量(辆)</p> |
||||||
|
<p class="right">{{roadData.totalBusLastYear}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">客运量与去年同期比率(%)</p> |
||||||
|
<p class="right">{{roadData.regularCommutePassengerVolume}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">客车总量同比上升 (%)</p> |
||||||
|
<p class="right">{{roadData.totalBusIncreaseRatio}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">定制客运量(万人)</p> |
||||||
|
<p class="right">{{roadData.customizedPassengerVolume}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">投放运力：加班数</p> |
||||||
|
<p class="right">{{roadData.overtimeTrips}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">较大以上安全事故次数</p> |
||||||
|
<p class="right">{{roadData.significantAccidents}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">联网售票张数(万张)</p> |
||||||
|
<p class="right">{{roadData.onlineTicketSales}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">当日人员伤者数(人)</p> |
||||||
|
<p class="right">{{roadData.dailyInjuredPersons}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">交通运行情况</p> |
||||||
|
<p class="right">{{roadData.trafficSituationReport}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">当日人员亡者数(人)</p> |
||||||
|
<p class="right">{{roadData.dailyFatalities}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">应急情况报告</p> |
||||||
|
<p class="right">{{roadData.emergencySituationReport}}</p> |
||||||
|
</view> |
||||||
|
<view class="edit_item"> |
||||||
|
<p class="left">备注</p> |
||||||
|
<p class="right">{{roadData.remarks}}</p> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="bottom_box"> |
||||||
|
<p class="btn_item" @click="cancelEdit">取消</p> |
||||||
|
<p class="btn_item" @click="confirmRoad">确认</p> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
roadTime:[], |
||||||
|
unitData:[], |
||||||
|
personData:[], |
||||||
|
roadData:{ |
||||||
|
statisticalDate:'', //统计日期 |
||||||
|
reportPhase:'', //统计时段 |
||||||
|
reportingUnitId:'', //填报单位 |
||||||
|
responsiblePersonId:'', //负责人 |
||||||
|
contactNumber:'', //联系电话 |
||||||
|
operatingRevenue:0,//营运收入 |
||||||
|
regularCommuteCharter:0,//定线通勤包车辆 |
||||||
|
migrantWorkersCharter:0,//运送农民工报车辆 |
||||||
|
otherCharter:0,//除定线、农民工包车辆 |
||||||
|
capacityCharter:0, //投放运力：包车数 |
||||||
|
capacityShuttle:0, //投放运力：班车数 |
||||||
|
capacityTotalBus:0, //投放运力：总客车数 |
||||||
|
regularCommuteTrips:0, //定线通勤班次 |
||||||
|
migrantWorkersTrips:0, //运送农民工班次 |
||||||
|
otherTrips:0, //除定线通勤包车、农民工包车班次 |
||||||
|
capacityCharterTrips:0, //投放运力：包车班次 |
||||||
|
capacityShuttleTrips:0, //投放运力：班车班次 |
||||||
|
capacityTotalTrips:0, //投放运力：班次 |
||||||
|
regularCommutePassengerVolume:0, //定线通勤包车客运量（万） |
||||||
|
migrantWorkersPassengerVolume:0, //运送农民工包车客运量（万） |
||||||
|
otherPassengerVolume:0, //除定线通勤包车、农民工包车以外的客运量（万） |
||||||
|
charterPassengerVolume:0, //包车客运量（万） |
||||||
|
shuttlePassengerVolume:0, //班车客运量（万） |
||||||
|
totalPassengerVolume:0, //完成客运量（万） |
||||||
|
totalSeatCapacity:0, //总客位数(座) |
||||||
|
passengerVolumeLastYear:0, //去年同期客运量（万） |
||||||
|
totalBusLastYear:0, //去年总客车量(辆) |
||||||
|
passengerVolumeRatio:0, //客运量与去年同期比率(%) |
||||||
|
totalBusIncreaseRatio:0, //客车总量同比上升 (%) |
||||||
|
customizedPassengerVolume:0, //定制客运量(万人) |
||||||
|
overtimeTrips:0, //投放运力：加班数 |
||||||
|
significantAccidents:0, //较大以上安全事故次数 |
||||||
|
onlineTicketSales:0, //联网售票张数(万张) |
||||||
|
dailyInjuredPersons:0, //当日人员伤者数(人) |
||||||
|
trafficSituationReport:'', //交通运行情况 |
||||||
|
dailyFatalities:0, //当日人员亡者数(人) |
||||||
|
emergencySituationReport:'', //应急情况报告 |
||||||
|
remarks:'', // 备注 |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad(options){ |
||||||
|
const item = JSON.parse(options.item); |
||||||
|
console.log(item) |
||||||
|
this.roadData = item |
||||||
|
this.getUnitData() |
||||||
|
this.getRoadTime() |
||||||
|
this.getPersonData() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 确认修改道路运输数据 |
||||||
|
confirmRoad(){ |
||||||
|
console.log('点击按钮') |
||||||
|
let params = this.roadData; |
||||||
|
uni.showModal({ |
||||||
|
title:"提示", |
||||||
|
content:"您确定，提交修改吗？", |
||||||
|
success:(res) =>{ |
||||||
|
if(res.confirm){ |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/biz/roadtransport/road/saveOrUpdate',params,'POST').then(res =>{ |
||||||
|
if(res.code == 200){ |
||||||
|
uni.showToast({ |
||||||
|
title:'修改成功', |
||||||
|
icon:"none" |
||||||
|
}); |
||||||
|
uni.navigateBack() |
||||||
|
} |
||||||
|
}) |
||||||
|
}else if(res.cancel){} |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 取消修改 |
||||||
|
cancelEdit(){ |
||||||
|
uni.navigateBack() |
||||||
|
}, |
||||||
|
// 获取运输单位 |
||||||
|
getUnitData(){ |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/dept/queryRegionTree',"GET").then(res =>{ |
||||||
|
if(res.code == 200){ |
||||||
|
this.unitData = res.data |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 获取时段 |
||||||
|
getRoadTime(){ |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/dict/dictList?dictType=airport_time&_t=1693372307694',"GET").then(res =>{ |
||||||
|
this.roadTime = res.data |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 获取负责人 |
||||||
|
getPersonData(){ |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/biz/roadtransport/staff/list?query=&_t=1693373171858',"GET").then(res =>{ |
||||||
|
this.personData = res.data |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
onchange(e){ |
||||||
|
console.log('确定===》',e) |
||||||
|
}, |
||||||
|
onnodeclick(e){ |
||||||
|
console.log('点击===》',e) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.edit_box{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
|
||||||
|
.top_box{ |
||||||
|
padding-bottom: 160rpx; |
||||||
|
margin-top: 30rpx; |
||||||
|
height:100%; |
||||||
|
|
||||||
|
.top_con{ |
||||||
|
width: 690rpx; |
||||||
|
height: 84%; |
||||||
|
overflow-y: auto; |
||||||
|
padding: 30rpx 0; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
margin: 0 auto; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 20rpx; |
||||||
|
|
||||||
|
.edit_item{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
margin-bottom: 30rpx; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
&:last-child{ |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.left{ |
||||||
|
margin-left: 30rpx; |
||||||
|
} |
||||||
|
.right{ |
||||||
|
margin-right: 30rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.bottom_box{ |
||||||
|
width: 100%; |
||||||
|
height: 150rpx; |
||||||
|
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.btn_item{ |
||||||
|
width: 320rpx; |
||||||
|
height: 78rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 40rpx; |
||||||
|
border: 1rpx solid #D73232; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 26rpx; |
||||||
|
color: #D73232; |
||||||
|
|
||||||
|
&:last-child { |
||||||
|
background: #D73232; |
||||||
|
margin-left: 50rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,368 @@ |
|||||||
|
<template> |
||||||
|
<view class="page_box"> |
||||||
|
<!-- 道路运输页面 --> |
||||||
|
<!-- |
||||||
|
</view> --> |
||||||
|
<view class="top_box"> |
||||||
|
<view class="list_box"> |
||||||
|
<view class="list_item" v-for="(item,index) in listData" :key="index"> |
||||||
|
<p class="item"><span style="margin-left:30rpx">填报单位：</span><span style="margin-right:30rpx">{{item.reportingUnitId}}</span></p> |
||||||
|
<p class="item"><span style="margin-left:30rpx">统计日期：</span><span style="margin-right:30rpx">{{item.statisticalDate}}</span></p> |
||||||
|
<p class="item"><span style="margin-left:30rpx">联系电话：</span><span style="margin-right:30rpx">{{item.contactNumber}}</span></p> |
||||||
|
<view class="button_box"> |
||||||
|
<p class="button" @click="detailItem(item)">查看详情</p> |
||||||
|
<p class="button edit" @click="editItem(item)">编辑</p> |
||||||
|
<!-- <p class="button del" @click="deleteItem(item)">删除</p> --> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<uni-load-more iconType="circle" :status="status" @clickLoadMore="loadMore" |
||||||
|
:content-text="contentText"></uni-load-more> |
||||||
|
</view> |
||||||
|
<view class="bottom_box"> |
||||||
|
<p class="btn_item" @click="handleSearch">筛选</p> |
||||||
|
<p class="btn_item">新增</p> |
||||||
|
</view> |
||||||
|
<view class="pop_box"> |
||||||
|
<uni-popup ref="popup" style="width: 100%;" background-color="#fff"> |
||||||
|
<view class="pop_title"> |
||||||
|
筛选 |
||||||
|
</view> |
||||||
|
<view class="popup-content"> |
||||||
|
<view class="cont_tit"> |
||||||
|
统计起止时间 |
||||||
|
</view> |
||||||
|
<view class="time_box"> |
||||||
|
<uni-datetime-picker v-model="timeRange" type="daterange" @maskClick="maskClick" /> |
||||||
|
</view> |
||||||
|
<view class="cont_tit picker"> |
||||||
|
填报单位 |
||||||
|
</view> |
||||||
|
<view class="picker_box"> |
||||||
|
<uni-data-picker v-model="unit" :localdata="unitData" :map="{text:'deptName',value:'deptId'}" popup-title="请选择班级" @change="onchange" @nodeclick="onnodeclick"></uni-data-picker> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="btn_box"> |
||||||
|
<p class="btn" @click="searchReset">重置</p> |
||||||
|
<p class="btn" @click="searchList">筛选</p> |
||||||
|
</view> |
||||||
|
</uni-popup> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
unitData:[], |
||||||
|
unit:'', |
||||||
|
timeRange:[], |
||||||
|
listData:[], |
||||||
|
contentText: { |
||||||
|
contentdown: "点击查看更多", |
||||||
|
contentrefresh: "正在加载...", |
||||||
|
contentnomore: "没有更多数据了", |
||||||
|
}, |
||||||
|
status: '', |
||||||
|
hasMore:true, |
||||||
|
page:0, |
||||||
|
size:10, |
||||||
|
} |
||||||
|
}, |
||||||
|
onShow(){ |
||||||
|
this.hasMore = true; |
||||||
|
this.listData = []; |
||||||
|
this.page = 0 |
||||||
|
this.loadMore() |
||||||
|
this.getUnitData(); |
||||||
|
}, |
||||||
|
onLoad(){ |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 点击筛选按钮 |
||||||
|
handleSearch(){ |
||||||
|
this.$refs.popup.open('bottom') |
||||||
|
}, |
||||||
|
// 获取运输单位 |
||||||
|
getUnitData(){ |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/dept/queryRegionTree',"GET").then(res =>{ |
||||||
|
if(res.code == 200){ |
||||||
|
this.unitData = res.data |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 点击筛选弹窗中的筛选按钮 |
||||||
|
searchList(){ |
||||||
|
this.hasMore = true; |
||||||
|
this.page = 0; |
||||||
|
this.listData = []; |
||||||
|
this.$refs.popup.close() |
||||||
|
this.loadMore() |
||||||
|
}, |
||||||
|
// 点击筛选弹窗中的重置按钮 |
||||||
|
searchReset(){ |
||||||
|
this.unit = ''; |
||||||
|
this.timeRange = []; |
||||||
|
this.hasMore = true; |
||||||
|
this.page = 0; |
||||||
|
this.$refs.popup.close() |
||||||
|
this.loadMore(); |
||||||
|
}, |
||||||
|
// 获取列表数据 |
||||||
|
loadMore() { |
||||||
|
if (this.hasMore) { |
||||||
|
this.page = this.page + 1; |
||||||
|
this.status = 'loading'; |
||||||
|
let params = { |
||||||
|
page:3, |
||||||
|
pageSize:this.size, |
||||||
|
statisticalDateStart:this.timeRange.length !== 0 ? this.timeRange[0] : '', |
||||||
|
statisticalDateEnd:this.timeRange.length !== 0 ? this.timeRange[1] : '', |
||||||
|
// reportingUnitId:this.unit, |
||||||
|
_t: '1693445883559' |
||||||
|
} |
||||||
|
// this.$request(getApp().globalData.baseUrl + '/api/biz/roadtransport/road/list',params,"GET").then(res =>{ |
||||||
|
// console.log(res) |
||||||
|
// if(res.code == 200){ |
||||||
|
// // this.unitData = res.data |
||||||
|
// this.listData = this.listData.concat(res.data.list); |
||||||
|
// if(res.data.list.length == 0 || res.data.list.length < this.size){ |
||||||
|
// this.hasMore = false; |
||||||
|
// this.status = 'nomore'; |
||||||
|
// }else{ |
||||||
|
// this.status = 'more'; |
||||||
|
// } |
||||||
|
// } |
||||||
|
// }) |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/biz/highwayParentDataController/list',params,"GET").then(res =>{ |
||||||
|
console.log(res) |
||||||
|
if(res.code == 200){ |
||||||
|
// this.unitData = res.data |
||||||
|
this.listData = this.listData.concat(res.data.list); |
||||||
|
if(res.data.list.length == 0 || res.data.list.length < this.size){ |
||||||
|
this.hasMore = false; |
||||||
|
this.status = 'nomore'; |
||||||
|
}else{ |
||||||
|
this.status = 'more'; |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
// 点击删除按钮 |
||||||
|
deleteItem(row){ |
||||||
|
uni.showModal({ |
||||||
|
title:'提示', |
||||||
|
content:"您真的，确定要删除吗？", |
||||||
|
success:(res) =>{ |
||||||
|
if(res.confirm){ |
||||||
|
console.log(row); |
||||||
|
this.$request(getApp().globalData.baseUrl + '/api/biz/roadtransport/road/delete/' + row.id,{},'DELETE').then(res =>{ |
||||||
|
if(res.code == 200){ |
||||||
|
uni.showToast({ |
||||||
|
title:"删除成功", |
||||||
|
icon:"none" |
||||||
|
}); |
||||||
|
this.hasMore = true; |
||||||
|
this.page = 0; |
||||||
|
this.listData = []; |
||||||
|
this.loadMore() |
||||||
|
} |
||||||
|
}) |
||||||
|
}else if(res.cancel){} |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 点击编辑按钮 |
||||||
|
editItem(row){ |
||||||
|
console.log(row) |
||||||
|
uni.navigateTo({ |
||||||
|
url:'pages/roadTransport/transportData/detail?item=' + JSON.stringify(row) |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 点击查看详情按钮 |
||||||
|
detailItem(row){ |
||||||
|
console.log('111') |
||||||
|
uni.navigateTo({ |
||||||
|
// url:"pages/roadTransport/transportData/detail?item=" + JSON.stringify(row) |
||||||
|
url:"/pages/roadTransport/transportData/detail?item=" + JSON.stringify(row) |
||||||
|
}) |
||||||
|
}, |
||||||
|
onchange(e){ |
||||||
|
console.log('确定===》',e) |
||||||
|
}, |
||||||
|
onnodeclick(e){ |
||||||
|
console.log('点击===》',e) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.page_box{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
|
||||||
|
.top_box{ |
||||||
|
padding-bottom: 160rpx; |
||||||
|
overflow-y: auto; |
||||||
|
.list_box{ |
||||||
|
width: 690rpx; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
margin: 0 auto; |
||||||
|
|
||||||
|
.list_item{ |
||||||
|
width: 100%; |
||||||
|
border-radius: 30rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
margin-top: 20rpx; |
||||||
|
|
||||||
|
.item{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
margin: 20rpx 0; |
||||||
|
} |
||||||
|
|
||||||
|
.button_box{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: flex-end; |
||||||
|
margin-bottom: 20rpx; |
||||||
|
|
||||||
|
.button{ |
||||||
|
width: 180rpx; |
||||||
|
height: 70rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 100rpx; |
||||||
|
border: 1rpx solid #C1C1C1; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 28rpx; |
||||||
|
color: #666; |
||||||
|
margin-left: 30rpx; |
||||||
|
|
||||||
|
&.edit{ |
||||||
|
background: #2D8CF0; |
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx; |
||||||
|
border: none; |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
&:last-child{ |
||||||
|
margin-right: 30rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.bottom_box{ |
||||||
|
width: 100%; |
||||||
|
height: 150rpx; |
||||||
|
background: #fff; |
||||||
|
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.btn_item{ |
||||||
|
width: 320rpx; |
||||||
|
height: 78rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx; |
||||||
|
border: 1rpx solid #D73232; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 26rpx; |
||||||
|
color: #D73232; |
||||||
|
|
||||||
|
&:last-child { |
||||||
|
background: #D73232; |
||||||
|
margin-left: 50rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.pop_box{ |
||||||
|
.pop_title{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
margin: 30rpx 0; |
||||||
|
} |
||||||
|
.popup-content{ |
||||||
|
// display: flex; |
||||||
|
// flex-direction: column; |
||||||
|
|
||||||
|
.cont_tit{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
margin-bottom: 30rpx; |
||||||
|
margin-left: 30rpx; |
||||||
|
|
||||||
|
&.picker{ |
||||||
|
margin-top: 30rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.time_box{ |
||||||
|
width: 690rpx; |
||||||
|
margin: 0 auto; |
||||||
|
/deep/ .uni-date-x--border{ |
||||||
|
border-radius: 30rpx; |
||||||
|
|
||||||
|
.uni-date-x { |
||||||
|
background: transparent; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.picker_box{ |
||||||
|
width: 690rpx; |
||||||
|
margin: 0 auto; |
||||||
|
|
||||||
|
/deep/.input-value-border{ |
||||||
|
border-radius: 30rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.btn_box { |
||||||
|
width: 100%; |
||||||
|
height: 120rpx; |
||||||
|
display: flex; |
||||||
|
margin-top: 20px; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
|
||||||
|
.btn { |
||||||
|
width: 320rpx; |
||||||
|
height: 78rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx; |
||||||
|
border: 1rpx solid #D73232; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
font-size: 26rpx; |
||||||
|
color: #D73232; |
||||||
|
|
||||||
|
&:last-child { |
||||||
|
background: #D73232; |
||||||
|
margin-left: 50rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
|
After Width: | Height: | Size: 505 B |
Loading…
Reference in new issue