This commit is contained in:
weipengfei 2023-08-24 18:24:42 +08:00
parent 0f1601c3d2
commit 896de4dd12

View File

@ -19,8 +19,8 @@
<u--input v-model="formData.name" :readonly="readonly" placeholder="请输入姓名"></u--input> <u--input v-model="formData.name" :readonly="readonly" placeholder="请输入姓名"></u--input>
</u-form-item> </u-form-item>
<u-form-item label="性别" required prop="sex" borderBottom> <u-form-item label="性别" required prop="sex" borderBottom>
<u-radio-group v-model="formData.sex" :disabled="readonly" style="margin: 16rpx;"> <u-radio-group v-model="formData.sex" :disabled="readonly" class="radio">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '20px'}"
v-for="(item, index) in [{value:1,label:'男'},{value:2,label:'女'}]" :key="index" v-for="(item, index) in [{value:1,label:'男'},{value:2,label:'女'}]" :key="index"
:label="item.label" :name="item.value"> :label="item.label" :name="item.value">
</u-radio> </u-radio>
@ -53,8 +53,8 @@
<u--input v-model="formData.address" :readonly="readonly" placeholder="请输入详细地址"></u--input> <u--input v-model="formData.address" :readonly="readonly" placeholder="请输入详细地址"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="汽车是否能到家" required prop="highway" borderBottom> <u-form-item labelWidth="auto" label="汽车是否能到家" required prop="highway" borderBottom>
<u-radio-group v-model="formData.highway" :disabled="readonly" style="margin: 16rpx;"> <u-radio-group v-model="formData.highway" :disabled="readonly" class="radio">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '20px'}"
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index"
:label="item.label" :name="item.value"> :label="item.label" :name="item.value">
</u-radio> </u-radio>
@ -63,8 +63,8 @@
<block value="智能手机"> <block value="智能手机">
<u-form-item labelWidth="auto" label="是否使用智能手机" required prop="smart_phone" borderBottom> <u-form-item labelWidth="auto" label="是否使用智能手机" required prop="smart_phone" borderBottom>
<u-radio-group v-model="formData.smart_phone" :disabled="readonly" <u-radio-group v-model="formData.smart_phone" :disabled="readonly"
style="margin: 16rpx;"> class="radio">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '20px'}"
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index"
:label="item.label" :name="item.value"> :label="item.label" :name="item.value">
</u-radio> </u-radio>
@ -93,7 +93,7 @@
</view> </view>
<view class=""> <view class="">
<text>年龄 :</text> <text>年龄 :</text>
<text>{{formData.age}}</text> <text>{{formData.age+'岁'}}</text>
</view> </view>
<view class=""> <view class="">
<text>联系方式 :</text> <text>联系方式 :</text>
@ -113,21 +113,20 @@
<text>详细地址 :</text> <text>详细地址 :</text>
<text>{{formData.address}}</text> <text>{{formData.address}}</text>
</view> </view>
<view class="check_view"> <view class="check_view_group">
<text>汽车是否到家 :</text> <text>汽车是否到家 :</text>
<u-radio-group v-model="formData.highway" :disabled="readonly" <u-radio-group v-model="formData.highway" :disabled="readonly" class="radio">
style="margin: 16rpx;"> <u-radio :customStyle="{marginRight: '20px'}"
<u-radio :customStyle="{marginRight: '16px'}"
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]"
:key="index" :label="item.label" :name="item.value"> :key="index" :label="item.label" :name="item.value">
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<view class="check_view"> <view class="check_view_group">
<text>是否使用智能手机 :</text> <text>是否使用智能手机 :</text>
<u-radio-group v-model="formData.smart_phone" :disabled="readonly" <u-radio-group v-model="formData.smart_phone" :disabled="readonly"
style="margin: 16rpx;"> class="radio">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '20px'}"
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]"
:key="index" :label="item.label" :name="item.value"> :key="index" :label="item.label" :name="item.value">
</u-radio> </u-radio>
@ -162,16 +161,16 @@
</view> </view>
<view class=""> <view class="">
<text>就业情况 :</text> <text>就业情况 :</text>
<text>{{formData.phone}}</text> <text>{{ situationList[item.situation] }}</text>
</view> </view>
<view class=""> <view class="">
<text>技能特长 :</text> <text>技能特长 :</text>
<text>{{item.skills}}</text> <text>{{item.skills}}</text>
</view> </view>
<view class="check_view"> <view class="check_view_group">
<text>是否存在学生婴幼儿 :</text> <text>是否存在学生婴幼儿 :</text>
<u-radio-group v-model="formData.child" :disabled="readonly" style="margin: 16rpx;"> <u-radio-group v-model="formData.child" :disabled="readonly" class="radio">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '20px'}"
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]"
:key="index" :label="item.label" :name="item.value"> :key="index" :label="item.label" :name="item.value">
</u-radio> </u-radio>
@ -194,26 +193,26 @@
<view class="right"> <view class="right">
<view class=""> <view class="">
<text>年龄 :</text> <text>年龄 :</text>
<text>{{item.age}}</text> <text>{{item.age+'岁'}}</text>
</view> </view>
<view class="check_view"> <view class="check_view_group">
<text>年级 :</text> <text>年级 :</text>
<text>{{item.grade}}</text> <text>{{item.grade}}</text>
</view> </view>
<view class="check_view"> <view class="check_view_group">
<text>是否补课 :</text> <text>是否补课 :</text>
<u-radio-group v-model="item.is_lesson" style="margin: 16rpx;" :disabled="readonly"> <u-radio-group v-model="item.is_lesson" class="radio" :disabled="readonly">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '20px'}"
v-for="(item, index) in [{value:'1',label:'是'},{value:'0',label:'否'}]" v-for="(item, index) in [{value:'1',label:'是'},{value:'0',label:'否'}]"
:key="index" :label="item.label" :name="item.value"> :key="index" :label="item.label" :name="item.value">
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<view class="check_view"> <view v-if="item.is_lesson>0">
<text>补课内容 :</text> <text>补课内容 :</text>
<text>{{item.lessons || 0}}</text> <text>{{item.lessons}}</text>
</view> </view>
<view class="check_view"> <view>
<text>备注 :</text> <text>备注 :</text>
<text>{{item.notes}}</text> <text>{{item.notes}}</text>
</view> </view>
@ -226,16 +225,16 @@
<text>{{item.age}}</text> <text>{{item.age}}</text>
</view> </view>
<view class="check_view"> <view class="check_view_group">
<text>喂养方式 {{item.feeding}} :</text> <text>喂养方式 :</text>
<u-radio-group v-model="item.feeding" :disabled="readonly" style="margin: 16rpx;"> <u-radio-group v-model="item.feeding" :disabled="readonly" class="radio">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '20px'}"
v-for="(item, index) in [{value:'1',label:'母乳'},{value:'0',label:'奶粉'}]" v-for="(item, index) in [{value:'1',label:'母乳'},{value:'0',label:'奶粉'}]"
:key="index" :label="item.label" :name="item.value"> :key="index" :label="item.label" :name="item.value">
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<view class="check_view"> <view>
<text>备注 :</text> <text>备注 :</text>
<text>{{item.notes}}</text> <text>{{item.notes}}</text>
</view> </view>
@ -346,6 +345,7 @@
data() { data() {
return { return {
listMap: new Map(), listMap: new Map(),
situationList: [ "做工地的","厂里打工","公司职员","政府上班","种地","在家赋闲","其他"],
tabLists: [{ tabLists: [{
name: '基本信息', name: '基本信息',
}, { }, {
@ -476,7 +476,6 @@
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
flex: 1; flex: 1;
view { view {
margin-bottom: 10rpx; margin-bottom: 10rpx;
@ -485,10 +484,17 @@
} }
} }
.check_view { .check_view_group {
display: flex; display: flex;
line-height: 70rpx; // line-height: 70rpx;
.radio{
margin-left: 16rpx;
uni-view[data-v-5dfbf8b1], uni-scroll-view[data-v-5dfbf8b1], uni-swiper-item[data-v-5dfbf8b1]{
margin-bottom: 0 !important;
}
}
// align-items: center; // align-items: center;