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

修改下啦

Browse Source
dev
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

76
pages/activity/book.vue
Unescape View File

@ -145,11 +145,14 @@
<u-input placeholder="请输入单位名称" v-model="form.unit"></u-input> <u-input placeholder="请输入单位名称" v-model="form.unit"></u-input>
</u-form-item> </u-form-item>
<u-form-item label="证件类型" labelWidth="80" prop="card_type1" required> <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" <u-radio width="50%" activeColor="#EF9525" v-for="(item, index) in cardType"
:key="index" :name=item.id :label="item.name"> :key="index" :name=item.id :label="item.name">
</u-radio> </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>
<u-form-item label="证件号码" labelWidth="80" prop="from.idcard" required> <u-form-item label="证件号码" labelWidth="80" prop="from.idcard" required>
<u-input placeholder="请输入证件号码" v-model="form.idcard"></u-input> <u-input placeholder="请输入证件号码" v-model="form.idcard"></u-input>
@ -177,11 +180,14 @@
</u-form-item> </u-form-item>
<u-form-item label="证件类型" labelWidth="80" prop="formUser.card_type" ref="formUser.card_type" <u-form-item label="证件类型" labelWidth="80" prop="formUser.card_type" ref="formUser.card_type"
required> 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" <u-radio width="50%" activeColor="#EF9525" v-for="(item, index) in cardType"
:key="index" :name=item.id :label="item.name"> :key="index" :name=item.id :label="item.name">
</u-radio> </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>
<u-form-item label="证件号码" labelWidth="80" prop="formUser.idcard" ref="formUser.idcard" required> <u-form-item label="证件号码" labelWidth="80" prop="formUser.idcard" ref="formUser.idcard" required>
<u-input v-model="formUser.idcard" placeholder="请输入证件号码"></u-input> <u-input v-model="formUser.idcard" placeholder="请输入证件号码"></u-input>
@ -195,6 +201,10 @@
</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> <u-popup :show="showInfo" mode="bottom" @close="closeInfo" :round="10" closeable>
<view class="mpopup"> <view class="mpopup">
<view class="mpopup-title"> <view class="mpopup-title">
@ -271,15 +281,32 @@
trigger: 'change' trigger: 'change'
}] }]
}, },
cardType: [{ cardshow:false,
id: 1, cardshows:false,
name: '身份证', card_type_name:"身份证",
card_type_names:"身份证",
// cardLists:['身份证','港澳台居民居住证','护照','台胞证','港澳证'],
cardLists: [[{
value: 1,
label: '身份证'
},
{
value: 2,
label: '港澳台居民居住证'
},
{
value: 3,
label: '护照'
},
{
value: 4,
label: '台胞证'
}, },
{ {
id: 2, value: 5,
name: '护照', label: '港澳证'
} }
], ]],
currentNotice: {}, currentNotice: {},
notice: [{ notice: [{
title: "预约须知", title: "预约须知",
@ -323,6 +350,28 @@
clearTimeout(this.timer) clearTimeout(this.timer)
}, },
methods: { 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(){ goHome(){
uni.switchTab({ uni.switchTab({
url: "/pages/index/index" url: "/pages/index/index"
@ -738,4 +787,11 @@
line-height: 70rpx; line-height: 70rpx;
margin:30rpx auto; margin:30rpx auto;
} }
.u-radio-group{
flex-wrap: wrap;
}
.u-radio-group .u-radio{
margin-bottom:10rpx;
margin-right:10rpx
}
</style> </style>

103
pages/visit/book.vue
Unescape View File

@ -183,11 +183,14 @@
<u-input placeholder="请输入单位名称" v-model="form.unit"></u-input> <u-input placeholder="请输入单位名称" v-model="form.unit"></u-input>
</u-form-item> </u-form-item>
<u-form-item label="证件类型" labelWidth="80" prop="card_type1" required> <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" <u-radio width="50%" activeColor="#EF9525" v-for="(item, index) in cardList"
:key="index" :name=item.idx :label="item.name"> :key="index" :name=item.idx :label="item.name">
</u-radio> </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>
<u-form-item label="证件号码" labelWidth="80" prop="from.idcard" required> <u-form-item label="证件号码" labelWidth="80" prop="from.idcard" required>
<u-input placeholder="请输入证件号码" v-model="form.idcard"></u-input> <u-input placeholder="请输入证件号码" v-model="form.idcard"></u-input>
@ -222,19 +225,26 @@
<u-input placeholder="请输入姓名" v-model="formUser.name"></u-input> <u-input placeholder="请输入姓名" v-model="formUser.name"></u-input>
</u-form-item> </u-form-item>
<u-form-item label="证件类型" labelWidth="80" prop="card_type1" ref="card_type" required> <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" <u-radio width="50%" activeColor="#EF9525" v-for="(item, index) in cardList"
:key="index" :name=item.idx :label="item.name"> :key="index" :name=item.idx :label="item.name">
</u-radio> </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>
<u-form-item label="证件号码" labelWidth="80" prop="idcard" ref="idcard" required> <u-form-item label="证件号码" labelWidth="80" prop="idcard" ref="idcard" required>
<u-input placeholder="请输入证件号码" v-model="formUser.idcard"></u-input> <u-input placeholder="请输入证件号码" v-model="formUser.idcard"></u-input>
</u-form-item> </u-form-item>
<u-form-item label="特殊情况" labelWidth="80" prop="leader" ref="leader"> <u-form-item label="行动不便者" labelWidth="80" prop="is_disability" ref="is_disability">
<u-checkbox-group @change="radioChange"> <u-radio-group v-model="formUser.is_disability">
<u-checkbox activeColor="#EF9525" label="乘坐轮椅等行动不便者" v-model="specialtype" name='1' shape="circle"></u-checkbox> <u-radio width="100%" activeColor="#EF9525" v-for="(item, index) in disabilitys"
</u-checkbox-group> :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>
<u-form-item label="手机号" labelWidth="80" prop="from.mobile" ref="mobile"> <u-form-item label="手机号" labelWidth="80" prop="from.mobile" ref="mobile">
@ -247,6 +257,10 @@
</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> <u-popup :show="showInfo" mode="bottom" @close="closeInfo" :round="10" closeable>
<view class="mpopup" :style="[{height:maxheight}]"> <view class="mpopup" :style="[{height:maxheight}]">
@ -325,11 +339,13 @@
type: "", type: "",
details_list: [] details_list: []
}, },
formUser: { formUser: {
name: "", name: "",
idcard: "", idcard: "",
mobile: "", mobile: "",
card_type: 1 card_type: 1,
is_disability: 0,
}, },
rules: { rules: {
name: [{ name: [{
@ -369,15 +385,41 @@
config: {}, config: {},
info: {}, info: {},
editIndex: -1, editIndex: -1,
cardList: [{ disabilitys:[{
idx: 1, idx: 0,
name: '身份证' name: '否'
},
{
idx: 1,
name: '是'
}],
cardshow:false,
cardshows:false,
card_type_name:"身份证",
card_type_names:"身份证",
// cardLists:['身份证','港澳台居民居住证','护照','台胞证','港澳证'],
cardLists: [[{
value: 1,
label: '身份证'
},
{
value: 2,
label: '港澳台居民居住证'
}, },
{ {
idx: 2, value: 3,
name: '护照' label: '护照'
},
{
value: 4,
label: '台胞证'
},
{
value: 5,
label: '港澳证'
} }
] ]],
} }
}, },
onReady() { onReady() {
@ -425,6 +467,28 @@
clearTimeout(this.timer) clearTimeout(this.timer)
}, },
methods: { 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(){ goHome(){
uni.switchTab({ uni.switchTab({
url: "/pages/index/index" url: "/pages/index/index"
@ -685,7 +749,7 @@
if (!that.util.isValidCardID(that.formUser.idcard)) { if (!that.util.isValidCardID(that.formUser.idcard)) {
uni.showToast({ uni.showToast({
icon: "none", icon: "none",
title: "请正确输入身份证号1" title: "请正确输入身份证号"
}) })
return false; return false;
} }
@ -1121,4 +1185,11 @@
.richp{ .richp{
margin-bottom:10rpx; margin-bottom:10rpx;
} }
.u-radio-group{
flex-wrap: wrap;
}
.u-radio-group .u-radio{
margin-bottom:10rpx;
margin-right:10rpx
}
</style> </style>

Write Preview
Loading…
Cancel
Save