You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
178 lines
3.8 KiB
178 lines
3.8 KiB
<template> |
|
<!-- 公交投入数据表单 --> |
|
<view class="form_warp"> |
|
<view class="form_item_box"> |
|
<view class="form_item_title">基本信息</view> |
|
<view class="form_item"> |
|
<view class="form_item_label">统计日期：</view> |
|
<view class="form_item_input picker"> |
|
<picker mode="date" :value="form.statDate" @change="bindDateChange"> |
|
<text class="picker_select" |
|
:style="form.statDate?'color:#333;':''">{{form.statDate?form.statDate:'请选择统计日期'}}</text> |
|
<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons> |
|
</picker> |
|
</view> |
|
</view> |
|
<view class="form_item"> |
|
<view class="form_item_label">统计时段：</view> |
|
<view class="form_item_input picker"> |
|
<picker :value="index" :range="array" range-key="dictLabel" @change="queryYoYMom"> |
|
<text class="picker_select" |
|
:style="index>-1?'color:#333;':''">{{index>-1?array[index].dictLabel:'请选择统计时段'}}</text> |
|
<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons> |
|
</picker> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
|
|
} |
|
}, |
|
methods: { |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.form_warp { |
|
padding: 30rpx 30rpx 195rpx; |
|
|
|
.form_intro { |
|
color: #666; |
|
font-size: 26rpx; |
|
font-family: PingFang SC-Bold, PingFang SC; |
|
line-height: 48rpx; |
|
text-align: center; |
|
margin-bottom: 20rpx; |
|
|
|
.tel { |
|
color: #2D8CF0; |
|
font-weight: bold; |
|
} |
|
} |
|
|
|
.form_item_box { |
|
padding: 30rpx 20rpx 30rpx 30rpx; |
|
background-color: #fff; |
|
border-radius: 30rpx; |
|
|
|
//环比同比 |
|
.form_item_rate{ |
|
background: #F6F6F6; |
|
border: 1px solid #F6F6F6; |
|
padding: 30rpx; |
|
margin-bottom: 30rpx; |
|
border-radius: 30rpx; |
|
.line{ |
|
height: 1px; |
|
background-color: #dfdfdf; |
|
margin: 30rpx 0; |
|
} |
|
.rate_item{ |
|
display: flex; |
|
justify-content: space-between; |
|
font-size: 24rpx; |
|
font-family: PingFang SC-Regular, PingFang SC; |
|
font-weight: 400; |
|
.rate_item_label{ |
|
color: #666; |
|
font-size: 24rpx; |
|
} |
|
.rate_item_input{ |
|
color: #333; |
|
font-size: 28rpx; |
|
} |
|
} |
|
&.danger{ |
|
background-color: #FEF6F3; |
|
border-color: #F0622D; |
|
} |
|
} |
|
|
|
.form_item_title { |
|
color: #333; |
|
line-height: 42rpx; |
|
font-size: 30rpx; |
|
font-family: PingFang SC-Bold, PingFang SC; |
|
font-weight: bold; |
|
margin-bottom: 30rpx; |
|
} |
|
.form_item_remark{ |
|
margin-bottom: 30rpx; |
|
.form_item_label{ |
|
color: #333333; |
|
line-height: 42rpx; |
|
font-size: 30rpx; |
|
font-family: PingFang SC-Bold, PingFang SC; |
|
font-weight: bold; |
|
margin-bottom: 30rpx; |
|
} |
|
} |
|
.form_item { |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-between; |
|
line-height: 37rpx; |
|
font-family: PingFang SC-Regular, PingFang SC; |
|
font-weight: 400; |
|
margin-bottom: 30rpx; |
|
|
|
.form_item_label { |
|
width: 300rpx; |
|
color: #666666; |
|
font-size: 26rpx; |
|
word-break: break-all; |
|
} |
|
|
|
.form_item_input { |
|
color: #333; |
|
text-align: right; |
|
word-break: break-all; |
|
|
|
&.picker { |
|
flex: 1; |
|
display: flex; |
|
justify-content: space-between; |
|
|
|
/deep/ picker { |
|
flex: 1; |
|
} |
|
|
|
.picker_select { |
|
color: #D4D4D4; |
|
font-size: 28rpx; |
|
font-family: PingFang SC-Regular, PingFang SC; |
|
font-weight: 400; |
|
text-align: right; |
|
} |
|
} |
|
|
|
//纯展示 |
|
&.text{ |
|
color: #333333; |
|
line-height: 40rpx; |
|
font-size: 28rpx; |
|
font-family: PingFang SC-Regular, PingFang SC; |
|
font-weight: 400; |
|
} |
|
//输入框 |
|
&.form_input{ |
|
/deep/ .is-input-border{ |
|
border: 0 !important; |
|
.uni-easyinput__content-input{ |
|
text-align: right; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
</style>
|
|
|