wangyifang
/
szgb-book-wx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改下啦

Browse Source
master
lion 4 years ago
parent df24ad9a5d
commit e6a8b4ecba
2 changed files with 163 additions and 36 deletions
Show Stats Download Patch File Download Diff File

84
pages/activity/book.vue
Unescape View File

@ -145,11 +145,14 @@
<u-input placeholder="请输入单位名称" v-model="form.unit"></u-input>
</u-form-item>
<u-form-item label="证件类型" labelWidth="80" prop="card_type1" required>
<u-radio-group v-model="form.card_type">
<!-- <u-radio-group v-model="form.card_type">
<u-radio width="50%" activeColor="#EF9525" v-for="(item, index) in cardType"
:key="index" :name=item.id :label="item.name">
</u-radio>
</u-radio-group>
</u-radio-group> -->
<u-cell-group :border="false">
<u-cell @click="showCards" :title="card_type_names" :isLink="true" arrow-direction="down"></u-cell>
</u-cell-group>
</u-form-item>
<u-form-item label="证件号码" labelWidth="80" prop="from.idcard" required>
<u-input placeholder="请输入证件号码" v-model="form.idcard"></u-input>
@ -177,11 +180,14 @@
</u-form-item>
<u-form-item label="证件类型" labelWidth="80" prop="formUser.card_type" ref="formUser.card_type"
required>
<u-radio-group v-model="formUser.card_type">
<!-- <u-radio-group v-model="formUser.card_type">
<u-radio width="50%" activeColor="#EF9525" v-for="(item, index) in cardType"
:key="index" :name=item.id :label="item.name">
</u-radio>
</u-radio-group>
</u-radio-group> -->
<u-cell-group :border="false">
<u-cell @click="showCard" :title="card_type_name" :isLink="true" arrow-direction="down"></u-cell>
</u-cell-group>
</u-form-item>
<u-form-item label="证件号码" labelWidth="80" prop="formUser.idcard" ref="formUser.idcard" required>
<u-input v-model="formUser.idcard" placeholder="请输入证件号码"></u-input>
@ -193,7 +199,11 @@
<u-button type="primary" @click="handleAddUser">确定</u-button>
</view>
</view>
</u-popup>
</u-popup>
<u-picker :show="cardshow" @cancel="cancel" @confirm="confirmCard" ref="uPicker" :columns="cardLists" keyName="label"></u-picker>
<u-picker :show="cardshows" @cancel="cancels" @confirm="confirmCards" ref="uPickers" :columns="cardLists" keyName="label"></u-picker>
<u-popup :show="showInfo" mode="bottom" @close="closeInfo" :round="10" closeable>
<view class="mpopup">
@ -271,15 +281,32 @@
trigger: 'change'
}]
},
cardType: [{
id: 1,
name: '身份证',
},
{
id: 2,
name: '护照',
}
],
cardshow:false,
cardshows:false,
card_type_name:"身份证",
card_type_names:"身份证",
// cardLists:['身份证','港澳台居民居住证','护照','台胞证','港澳证'],
cardLists: [[{
value: 1,
label: '身份证'
},
{
value: 2,
label: '港澳台居民居住证'
},
{
value: 3,
label: '护照'
},
{
value: 4,
label: '台胞证'
},
{
value: 5,
label: '港澳证'
}
]],
currentNotice: {},
notice: [{
title: "预约须知",
@ -323,6 +350,28 @@
clearTimeout(this.timer)
},
methods: {
confirmCards(e){
this.card_type_names = e.value[0].label
this.form.card_type = e.value[0].value
this.cardshows = false
},
cancel(){
this.cardshow = false
},
cancels(){
this.cardshows = false
},
showCards(){
this.cardshows = true
},
confirmCard(e){
this.card_type_name = e.value[0].label
this.formUser.card_type = e.value[0].value
this.cardshow = false
},
showCard(){
this.cardshow = true
},
goHome(){
uni.switchTab({
url: "/pages/index/index"
@ -737,5 +786,12 @@
text-align: center;
line-height: 70rpx;
margin:30rpx auto;
}
.u-radio-group{
flex-wrap: wrap;
}
.u-radio-group .u-radio{
margin-bottom:10rpx;
margin-right:10rpx
}
</style>

115
pages/visit/book.vue
Unescape View File

@ -183,11 +183,14 @@
<u-input placeholder="请输入单位名称" v-model="form.unit"></u-input>
</u-form-item>
<u-form-item label="证件类型" labelWidth="80" prop="card_type1" required>
<u-radio-group v-model="form.card_type">
<!-- <u-radio-group v-model="form.card_type">
<u-radio width="50%" activeColor="#EF9525" v-for="(item, index) in cardList"
:key="index" :name=item.idx :label="item.name">
</u-radio>
</u-radio-group>
</u-radio-group> -->
<u-cell-group :border="false">
<u-cell @click="showCards" :title="card_type_names" :isLink="true" arrow-direction="down"></u-cell>
</u-cell-group>
</u-form-item>
<u-form-item label="证件号码" labelWidth="80" prop="from.idcard" required>
<u-input placeholder="请输入证件号码" v-model="form.idcard"></u-input>
@ -222,19 +225,26 @@
<u-input placeholder="请输入姓名" v-model="formUser.name"></u-input>
</u-form-item>
<u-form-item label="证件类型" labelWidth="80" prop="card_type1" ref="card_type" required>
<u-radio-group v-model="formUser.card_type">
<!-- <u-radio-group v-model="formUser.card_type">
<u-radio width="50%" activeColor="#EF9525" v-for="(item, index) in cardList"
:key="index" :name=item.idx :label="item.name">
</u-radio>
</u-radio-group>
</u-radio-group> -->
<u-cell-group :border="false">
<u-cell @click="showCard" :title="card_type_name" :isLink="true" arrow-direction="down"></u-cell>
</u-cell-group>
<!-- <u-input placeholder="身份证" disabled @click="showCard" v-model="formUser.card_type"></u-input> -->
</u-form-item>
<u-form-item label="证件号码" labelWidth="80" prop="idcard" ref="idcard" required>
<u-input placeholder="请输入证件号码" v-model="formUser.idcard"></u-input>
</u-form-item>
<u-form-item label="特殊情况" labelWidth="80" prop="leader" ref="leader">
<u-checkbox-group @change="radioChange">
<u-checkbox activeColor="#EF9525" label="乘坐轮椅等行动不便者" v-model="specialtype" name='1' shape="circle"></u-checkbox>
</u-checkbox-group>
<u-form-item label="行动不便者" labelWidth="80" prop="is_disability" ref="is_disability">
<u-radio-group v-model="formUser.is_disability">
<u-radio width="100%" activeColor="#EF9525" v-for="(item, index) in disabilitys"
:key="index" :name=item.idx :label="item.name">
</u-radio>
<!-- <u-checkbox activeColor="#EF9525" label="乘坐轮椅等行动不便者" v-model="specialtype" name='1' shape="circle"></u-checkbox> -->
</u-radio-group>
</u-form-item>
<u-form-item label="手机号" labelWidth="80" prop="from.mobile" ref="mobile">
@ -245,7 +255,11 @@
<u-button type="primary" @click="handleAddUser">确定</u-button>
</view>
</view>
</u-popup>
</u-popup>
<u-picker :show="cardshow" @cancel="cancel" @confirm="confirmCard" ref="uPicker" :columns="cardLists" keyName="label"></u-picker>
<u-picker :show="cardshows" @cancel="cancels" @confirm="confirmCards" ref="uPickers" :columns="cardLists" keyName="label"></u-picker>
<u-popup :show="showInfo" mode="bottom" @close="closeInfo" :round="10" closeable>
@ -324,12 +338,14 @@
mobile: "",
type: "",
details_list: []
},
},
formUser: {
name: "",
idcard: "",
mobile: "",
card_type: 1
card_type: 1,
is_disability: 0,
},
rules: {
name: [{
@ -368,16 +384,42 @@
maxCount: 1,
config: {},
info: {},
editIndex: -1,
cardList: [{
idx: 1,
name: '身份证'
},
{
idx: 2,
name: '护照'
}
]
editIndex: -1,
disabilitys:[{
idx: 0,
name: '否'
},
{
idx: 1,
name: '是'
}],
cardshow:false,
cardshows:false,
card_type_name:"身份证",
card_type_names:"身份证",
// cardLists:['身份证','港澳台居民居住证','护照','台胞证','港澳证'],
cardLists: [[{
value: 1,
label: '身份证'
},
{
value: 2,
label: '港澳台居民居住证'
},
{
value: 3,
label: '护照'
},
{
value: 4,
label: '台胞证'
},
{
value: 5,
label: '港澳证'
}
]],
}
},
onReady() {
@ -425,6 +467,28 @@
clearTimeout(this.timer)
},
methods: {
confirmCards(e){
this.card_type_names = e.value[0].label
this.form.card_type = e.value[0].value
this.cardshows = false
},
cancel(){
this.cardshow = false
},
cancels(){
this.cardshows = false
},
showCards(){
this.cardshows = true
},
confirmCard(e){
this.card_type_name = e.value[0].label
this.formUser.card_type = e.value[0].value
this.cardshow = false
},
showCard(){
this.cardshow = true
},
goHome(){
uni.switchTab({
url: "/pages/index/index"
@ -685,7 +749,7 @@
if (!that.util.isValidCardID(that.formUser.idcard)) {
uni.showToast({
icon: "none",
title: "请正确输入身份证号1"
title: "请正确输入身份证号"
})
return false;
}
@ -1120,5 +1184,12 @@
}
.richp{
margin-bottom:10rpx;
}
.u-radio-group{
flex-wrap: wrap;
}
.u-radio-group .u-radio{
margin-bottom:10rpx;
margin-right:10rpx
}
</style>

Write Preview
Loading…
Cancel
Save