|
@ -1,12 +1,15 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view :class="'user-card-com' + (!showuinfo ? ' popup-user-card' : '')"> |
|
|
<view :class="'user-card-com' + (!showuinfo ? ' popup-user-card' : '')"> |
|
|
<uni-card :title="dataitem.name" extra="身份证:9098******8778" margin="0 10rpx 20rpx 10rpx" shadow="none" :border="false" padding="24rpx 0 0 0"> |
|
|
<uni-card :title="dataitem.name" extra="身份证:9098******8778" margin="0 10rpx 20rpx 10rpx" shadow="none" |
|
|
|
|
|
:border="false" padding="24rpx 0 0 0"> |
|
|
<view> |
|
|
<view> |
|
|
<uni-data-checkbox mode="button" v-model="type" :localdata="types" @change="changeType"></uni-data-checkbox> |
|
|
<uni-data-checkbox mode="button" v-model="type" :localdata="types" |
|
|
|
|
|
@change="changeType"></uni-data-checkbox> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="bed-wrapper" v-show="type == 1"> |
|
|
<view class="bed-wrapper" v-show="type == 1"> |
|
|
<uni-easyinput v-model="value" placeholder="请输入床位位置" placeholderStyle="color: #999999;font-size: 30rpx;" :trim="true" @input="inputevent"></uni-easyinput> |
|
|
<uni-easyinput v-model="value" placeholder="请输入床位位置" placeholderStyle="color: #999999;font-size: 30rpx;" |
|
|
|
|
|
:trim="true" @input="inputevent"></uni-easyinput> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="card-cus-txt" v-if="type == 0"> |
|
|
<view class="card-cus-txt" v-if="type == 0"> |
|
@ -24,6 +27,7 @@ |
|
|
<script> |
|
|
<script> |
|
|
export default { |
|
|
export default { |
|
|
name: "visitorList", |
|
|
name: "visitorList", |
|
|
|
|
|
options: { styleIsolation: "shared" }, |
|
|
props: { |
|
|
props: { |
|
|
add: { |
|
|
add: { |
|
|
type: Boolean, |
|
|
type: Boolean, |
|
@ -105,19 +109,24 @@ export default { |
|
|
.uni-card__header { |
|
|
.uni-card__header { |
|
|
display: none !important; |
|
|
display: none !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.uni-card { |
|
|
.uni-card { |
|
|
padding: 0 32rpx 0rpx 32rpx !important; |
|
|
padding: 0 32rpx 0rpx 32rpx !important; |
|
|
margin-bottom: 0rpx !important; |
|
|
margin-bottom: 0rpx !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.uni-card__content { |
|
|
.uni-card__content { |
|
|
padding: 0 !important; |
|
|
padding: 0 !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.checklist-group { |
|
|
.checklist-group { |
|
|
margin-bottom: 46rpx !important; |
|
|
margin-bottom: 46rpx !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.card-cus-txt { |
|
|
.card-cus-txt { |
|
|
margin-bottom: 42rpx; |
|
|
margin-bottom: 42rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.uni-easyinput { |
|
|
.uni-easyinput { |
|
|
margin-bottom: 46rpx; |
|
|
margin-bottom: 46rpx; |
|
|
} |
|
|
} |
|
@ -127,6 +136,7 @@ export default { |
|
|
::v-deep { |
|
|
::v-deep { |
|
|
.uni-easyinput { |
|
|
.uni-easyinput { |
|
|
margin-bottom: 24rpx; |
|
|
margin-bottom: 24rpx; |
|
|
|
|
|
|
|
|
.uni-easyinput__content-input { |
|
|
.uni-easyinput__content-input { |
|
|
padding-left: 24rpx !important; |
|
|
padding-left: 24rpx !important; |
|
|
color: #333333; |
|
|
color: #333333; |
|
@ -140,22 +150,28 @@ export default { |
|
|
position: relative; |
|
|
position: relative; |
|
|
top: -2rpx; |
|
|
top: -2rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.is-input-border { |
|
|
.is-input-border { |
|
|
border: 2rpx solid #DCDCDC !important; |
|
|
border: 2rpx solid #DCDCDC !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.is-input-border.is-focused { |
|
|
.is-input-border.is-focused { |
|
|
border-color: #39D067 !important; |
|
|
border-color: #39D067 !important; |
|
|
|
|
|
|
|
|
.uni-icons.content-clear-icon.uniui-clear { |
|
|
.uni-icons.content-clear-icon.uniui-clear { |
|
|
color: #39D067 !important; |
|
|
color: #39D067 !important; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.uni-card { |
|
|
.uni-card { |
|
|
border-radius: 0; |
|
|
border-radius: 0; |
|
|
padding: 32rpx !important; |
|
|
padding: 32rpx !important; |
|
|
|
|
|
|
|
|
.uni-data-checklist .checklist-group { |
|
|
.uni-data-checklist .checklist-group { |
|
|
column-gap: 24rpx; |
|
|
column-gap: 24rpx; |
|
|
margin-bottom: 24rpx; |
|
|
margin-bottom: 24rpx; |
|
|
|
|
|
|
|
|
.checklist-box { |
|
|
.checklist-box { |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
width: calc(50% - 14rpx); |
|
|
width: calc(50% - 14rpx); |
|
@ -163,9 +179,11 @@ export default { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
|
|
|
|
|
|
.checklist-content { |
|
|
.checklist-content { |
|
|
flex: none; |
|
|
flex: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.checklist-content .checklist-text { |
|
|
.checklist-content .checklist-text { |
|
|
font-size: 30rpx; |
|
|
font-size: 30rpx; |
|
|
font-weight: normal; |
|
|
font-weight: normal; |
|
@ -190,14 +208,18 @@ export default { |
|
|
border-radius: 8rpx; |
|
|
border-radius: 8rpx; |
|
|
transition: border-color 0.2s; |
|
|
transition: border-color 0.2s; |
|
|
background: #F8F8F8; |
|
|
background: #F8F8F8; |
|
|
|
|
|
|
|
|
&.is-checked { |
|
|
&.is-checked { |
|
|
background: #F5FFF4; |
|
|
background: #F5FFF4; |
|
|
|
|
|
|
|
|
.radio__inner { |
|
|
.radio__inner { |
|
|
border-color: #00C160; |
|
|
border-color: #00C160; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.radio__inner-icon { |
|
|
.radio__inner-icon { |
|
|
background: #00C160; |
|
|
background: #00C160; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.checklist-text { |
|
|
.checklist-text { |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
} |
|
|
} |
|
@ -205,6 +227,7 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.card-cus-txt { |
|
|
.card-cus-txt { |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
font-weight: normal; |
|
|
font-weight: normal; |
|
@ -214,9 +237,11 @@ export default { |
|
|
color: #666666; |
|
|
color: #666666; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.uni-card__header { |
|
|
.uni-card__header { |
|
|
border: none; |
|
|
border: none; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
|
|
|
|
|
|
.uni-card__header-extra .uni-card__header-extra-text { |
|
|
.uni-card__header-extra .uni-card__header-extra-text { |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
font-weight: normal; |
|
|
font-weight: normal; |
|
@ -230,6 +255,7 @@ export default { |
|
|
line-height: 42rpx; |
|
|
line-height: 42rpx; |
|
|
font-size: 32rpx; |
|
|
font-size: 32rpx; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
|
|
|
|
|
|
&:before { |
|
|
&:before { |
|
|
content: ''; |
|
|
content: ''; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
@ -247,5 +273,4 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
</style> |
|
|
</style> |
|
|