Commit d9b0687f authored by 英思-陈欢's avatar 英思-陈欢

样式修改

parent fe930a3f
...@@ -206,9 +206,7 @@ ...@@ -206,9 +206,7 @@
} }
], ],
"globalStyle": { "globalStyle": {
// #ifdef App
"navigationStyle": "custom", "navigationStyle": "custom",
// #endif
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "white", "navigationBarBackgroundColor": "white",
"navigationBarTitleText": "医保服务" "navigationBarTitleText": "医保服务"
......
...@@ -16,14 +16,14 @@ ...@@ -16,14 +16,14 @@
<input v-model="form.certno" placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请输入证件号码"/> <input v-model="form.certno" placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请输入证件号码"/>
</view> </view>
</view> </view>
<!-- <view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text><text style="color: red;">*</text>医保区划</text> <text><text style="color: red;">*</text>医保区划</text>
<view class="u-flex u-flex-center u-flex-items-center"> <view class="u-flex u-flex-center u-flex-items-center">
<input v-model="insuAdmdvs" disabled placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请选择医保区划"/> <input v-model="insuAdmdvs" disabled placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请选择医保区划"/>
<image src="@/static/images/arrow.png"></image> <image src="@/static/images/arrow.png"></image>
<picker class="picker" mode="multiSelector" :range="rangOptions" range-key="name" @change="insuAdmdvsChange" @columnchange="insuAdmdvsColumnChange"></picker> <picker class="picker" mode="multiSelector" :range="rangOptions" range-key="name" @change="insuAdmdvsChange" @columnchange="insuAdmdvsColumnChange"></picker>
</view> </view>
</view> --> </view>
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text>开始日期</text> <text>开始日期</text>
<view class="u-flex u-flex-center u-flex-items-center"> <view class="u-flex u-flex-center u-flex-items-center">
...@@ -105,13 +105,13 @@ ...@@ -105,13 +105,13 @@
}) })
return; return;
} }
// if (!this.form.insuAdmdvs) { if (!this.form.insuAdmdvs) {
// xma.showToast({ xma.showToast({
// title: '请选择医保区划', title: '请选择医保区划',
// icon: 'none' icon: 'none'
// }) })
// return; return;
// } }
if (!this.form.certno) { if (!this.form.certno) {
xma.showToast({ xma.showToast({
title: '请输入证件号码', title: '请输入证件号码',
...@@ -147,8 +147,12 @@ ...@@ -147,8 +147,12 @@
font-weight: 400; font-weight: 400;
font-size: 30rpx; font-size: 30rpx;
color: #333; color: #333;
& > text {
width: 120px;
}
& > view { & > view {
position: relative; position: relative;
flex: 1;
} }
input { input {
flex: 1; flex: 1;
......
...@@ -126,8 +126,12 @@ ...@@ -126,8 +126,12 @@
font-weight: 400; font-weight: 400;
font-size: 30rpx; font-size: 30rpx;
color: #333; color: #333;
& > text {
width: 150px;
}
& > view { & > view {
position: relative; position: relative;
flex: 1;
} }
input { input {
flex: 1; flex: 1;
......
...@@ -380,8 +380,12 @@ ...@@ -380,8 +380,12 @@
font-weight: 400; font-weight: 400;
font-size: 30rpx; font-size: 30rpx;
color: #333; color: #333;
& > text {
width: 160px;
}
& > view { & > view {
position: relative; position: relative;
flex: 1;
} }
input { input {
flex: 1; flex: 1;
......
...@@ -85,8 +85,12 @@ ...@@ -85,8 +85,12 @@
font-weight: 400; font-weight: 400;
font-size: 30rpx; font-size: 30rpx;
color: #333; color: #333;
& > text {
width: 120px;
}
& > view { & > view {
position: relative; position: relative;
flex: 1;
} }
input { input {
flex: 1; flex: 1;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<view class="list" v-for="(item, index) in list" :key="index"> <view class="list" v-for="(item, index) in list" :key="index">
<view class="name list-item u-flex u-flex-items-center"> <view class="name list-item u-flex u-flex-items-center">
<image src="@/static/images/tax.png"></image> <image src="@/static/images/tax.png"></image>
<text>9009900000000</text> <!-- <text>9009900000000</text> -->
</view> </view>
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text>个人账户支付</text> <text>个人账户支付</text>
......
...@@ -81,6 +81,7 @@ export default Vue.extend({ ...@@ -81,6 +81,7 @@ export default Vue.extend({
onLoad() { onLoad() {
const info = getApp().globalData!.user const info = getApp().globalData!.user
this.form.psnNo = info.psnNo this.form.psnNo = info.psnNo
this.form.certno = info.certno
this.form.psnCertType = info.psnCertType this.form.psnCertType = info.psnCertType
}, },
methods: { methods: {
...@@ -170,8 +171,12 @@ export default Vue.extend({ ...@@ -170,8 +171,12 @@ export default Vue.extend({
font-weight: 400; font-weight: 400;
font-size: 30rpx; font-size: 30rpx;
color: #333; color: #333;
& > text {
width: 120px;
}
& > view { & > view {
position: relative; position: relative;
flex: 1;
} }
input { input {
flex: 1; flex: 1;
......
...@@ -4,37 +4,37 @@ ...@@ -4,37 +4,37 @@
<view class="list" v-for="(item, index) in list" :key="index"> <view class="list" v-for="(item, index) in list" :key="index">
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text>险种类型</text> <text>险种类型</text>
<view class="u-flex u-flex-center u-flex-items-center"> <view class="u-flex u-flex-end u-flex-items-center">
{{ getKeyValue('allInsuranceTypeOptions', item.insutype) }} {{ getKeyValue('allInsuranceTypeOptions', item.insutype) }}
</view> </view>
</view> </view>
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text>费款所属期</text> <text>费款所属期</text>
<view class="u-flex u-flex-center u-flex-items-center"> <view class="u-flex u-flex-end u-flex-items-center">
{{ item.cashym }} {{ item.cashym }}
</view> </view>
</view> </view>
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text>对应费款所属期起始</text> <text>对应费款所属期起始</text>
<view class="u-flex u-flex-center u-flex-items-center"> <view class="u-flex u-flex-end u-flex-items-center">
{{ item.accrymBegn }} {{ item.accrymBegn }}
</view> </view>
</view> </view>
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text>对应费款所属期结束</text> <text>对应费款所属期结束</text>
<view class="u-flex u-flex-center u-flex-items-center"> <view class="u-flex u-flex-end u-flex-items-center">
{{ item.accrymEnd }} {{ item.accrymEnd }}
</view> </view>
</view> </view>
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text>个人缴费金额</text> <text>个人缴费金额</text>
<view class="u-flex u-flex-center u-flex-items-center"> <view class="u-flex u-flex-end u-flex-items-center">
{{ item.psnClctAmt }} {{ item.psnClctAmt }}
</view> </view>
</view> </view>
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text>缴费时间</text> <text>缴费时间</text>
<view class="u-flex u-flex-center u-flex-items-center"> <view class="u-flex u-flex-end u-flex-items-center">
{{ item.clctTime }} {{ item.clctTime }}
</view> </view>
</view> </view>
...@@ -103,9 +103,11 @@ ...@@ -103,9 +103,11 @@
font-size: 28rpx; font-size: 28rpx;
color: #9E9E9E; color: #9E9E9E;
& > view { & > view {
margin-left: 30px;
position: relative; position: relative;
font-size: 28rpx; font-size: 28rpx;
color: #3D3D3D; color: #3D3D3D;
flex: 1;
} }
} }
.name { .name {
......
...@@ -4,13 +4,13 @@ ...@@ -4,13 +4,13 @@
<view class="list"> <view class="list">
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text><text style="color: red;">*</text>身份证号</text> <text><text style="color: red;">*</text>身份证号</text>
<view class="u-flex u-flex-center u-flex-items-center" style="margin-right: 23rpx;"> <view class="u-flex u-flex-end u-flex-items-center" style="margin-right: 23rpx;">
<input v-model="form.certno" placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请输入证件号码"/> <input v-model="form.certno" placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请输入证件号码"/>
</view> </view>
</view> </view>
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text>开始日期</text> <text>开始日期</text>
<view class="u-flex u-flex-center u-flex-items-center"> <view class="u-flex u-flex-end u-flex-items-center">
<input v-model="form.accrymBegn" disabled placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请选择开始日期"/> <input v-model="form.accrymBegn" disabled placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请选择开始日期"/>
<image src="@/static/images/arrow.png"></image> <image src="@/static/images/arrow.png"></image>
<picker fields="month" class="picker" mode="date" @change="accrymBegnChange"></picker> <picker fields="month" class="picker" mode="date" @change="accrymBegnChange"></picker>
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</view> </view>
<view class="list-item u-flex u-flex-between u-flex-items-center"> <view class="list-item u-flex u-flex-between u-flex-items-center">
<text>结束日期</text> <text>结束日期</text>
<view class="u-flex u-flex-center u-flex-items-center"> <view class="u-flex u-flex-end u-flex-items-center">
<input v-model="form.accrymEnd" disabled placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请选择结束日期"/> <input v-model="form.accrymEnd" disabled placeholder-style="font-size: 28rpx;color:#9E9E9E" placeholder="请选择结束日期"/>
<image src="@/static/images/arrow.png"></image> <image src="@/static/images/arrow.png"></image>
<picker fields="month" class="picker" mode="date" @change="accrymEndChange"></picker> <picker fields="month" class="picker" mode="date" @change="accrymEndChange"></picker>
...@@ -103,8 +103,12 @@ ...@@ -103,8 +103,12 @@
font-weight: 400; font-weight: 400;
font-size: 30rpx; font-size: 30rpx;
color: #333; color: #333;
& > text {
width: 120px;
}
& > view { & > view {
position: relative; position: relative;
flex: 1;
} }
input { input {
flex: 1; flex: 1;
......
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