zhangqi
/
circulation_ancientCoins_new
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改后候诊页面样式问题

master
zq 4 months ago
parent
b2fa84704b
commit
bfd6a40157
4 changed files with 194 additions and 177 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      components/preBookList.vue
  2. 4
      components/tabbar.vue
  3. 353
      components/userCard.vue
  4. 3
      pages/visitors/visitors.vue

11
components/preBookList.vue
View File

@ -38,21 +38,13 @@ export default {
data() { data() {
return { return {
cssUrl:this.cssUrl, cssUrl:this.cssUrl,
// statusList:['status_wait', 'status_ing', 'status_down', 'status_out_num', 'status_expire', 'status_expire'],
// statusDescList:['候诊', '就诊中', '已完成', '过号', '已过期', '已取消'],
statusStyleList:{'待就诊':'status_wait', '就诊中':'status_ing', '就诊完成':'status_down', '过号':'status_out_num', '过期':'status_expire','取消':'status_cancle'} statusStyleList:{'待就诊':'status_wait', '就诊中':'status_ing', '就诊完成':'status_down', '过号':'status_out_num', '过期':'status_expire','取消':'status_cancle'}
} }
}, },
methods: { methods: {
toBookDetail(item){ toBookDetail(item){
this.$func.toPage('/pages/visit_detail/visit_detail?id='+item.id+'&depart_id='+item.depart_id+'&visitor_id='+item.visitor_id) this.$nav.navToPath('/pages/visit_detail/visit_detail?id='+item.id+'&depart_id='+item.depart_id+'&visitor_id='+item.visitor_id)
}, },
getDayOfWeek(dateString) {
var str = new Date(dateString);
var week = str.getDay();
var weekList = ['周日','周一','周二','周三','周四','周五','周六']
return weekList[week]
}
} }
}; };
</script> </script>
@ -120,7 +112,6 @@ export default {
text-align: right; text-align: right;
word-break: break-all; word-break: break-all;
height: 42rpx; height: 42rpx;
// display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
.bedDesc{ .bedDesc{

4
components/tabbar.vue
View File

@ -52,10 +52,12 @@
} }
}, },
mounted() { mounted() {
// #ifdef H5
this.isWechat = /MicroMessenger/i.test(navigator.userAgent) this.isWechat = /MicroMessenger/i.test(navigator.userAgent)
if (this.isWechat && !this.wxConfig) { if (this.isWechat && !this.wxConfig) {
this.initWxConfig() this.initWxConfig()
} }
// #endif
}, },
methods: { methods: {
async initWxConfig() { async initWxConfig() {
@ -129,7 +131,7 @@
}) })
return; return;
} }
this.$func.toPage('/pages/nonsupport/nonsupport'); this.$nav.navToPath('/pages/nonsupport/nonsupport');
}); });
return; return;
} }

353
components/userCard.vue
View File

@ -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">
@ -18,34 +21,35 @@
</view> </view>
</uni-card> </uni-card>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
name: "visitorList", name: "visitorList",
props: { options: { styleIsolation: "shared" },
add:{ props: {
type:Boolean, add: {
default:()=>false type: Boolean,
default: () => false
}, },
showuinfo:{ showuinfo: {
type:Boolean, type: Boolean,
default:()=>true default: () => true
}, },
dataitem:{ dataitem: {
type:Object, type: Object,
default:()=>{} default: () => { }
}, },
index:{ index: {
type:Number, type: Number,
default:()=>-1 default: () => -1
}, },
}, },
data() { data() {
return { return {
cssUrl:this.cssUrl, cssUrl: this.cssUrl,
value:'', value: '',
type: 0, type: 0,
types: [{ types: [{
text: '等医生叫号', text: '等医生叫号',
@ -54,12 +58,12 @@ export default {
text: '找床位候诊', text: '找床位候诊',
value: 1 value: 1
}], }],
} }
}, },
methods: { methods: {
confirm() { confirm() {
}, },
inputevent(e){ inputevent(e) {
var obj = new Object() var obj = new Object()
obj.key = this.index obj.key = this.index
obj.type = this.type obj.type = this.type
@ -71,14 +75,14 @@ export default {
obj.key = this.index obj.key = this.index
obj.type = this.type obj.type = this.type
obj.bed_desc = '' obj.bed_desc = ''
if(this.type == 1) obj.bed_desc = this.value if (this.type == 1) obj.bed_desc = this.value
this.$emit('clickEvent', obj) this.$emit('clickEvent', obj)
}, },
setType(typeval) { setType(typeval) {
this.value = typeval this.value = typeval
}, },
setTypeValue(typeval) { setTypeValue(typeval) {
setTimeout(function(){ setTimeout(function () {
this.type = typeval this.type = typeval
}.bind(this)) }.bind(this))
// this.type = typeval // this.type = typeval
@ -89,163 +93,184 @@ export default {
obj.type = this.type obj.type = this.type
return obj return obj
} }
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.user-card-com{ .user-card-com {
width: 100%; width: 100%;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
&.popup-user-card{ &.popup-user-card {
::v-deep { ::v-deep {
.uni-card__header{ .uni-card__header {
display: none !important; display: none !important;
} }
.uni-card{
padding: 0 32rpx 0rpx 32rpx !important; .uni-card {
margin-bottom: 0rpx !important; padding: 0 32rpx 0rpx 32rpx !important;
} margin-bottom: 0rpx !important;
.uni-card__content{ }
padding: 0 !important;
} .uni-card__content {
.checklist-group{ padding: 0 !important;
margin-bottom: 46rpx !important; }
}
.card-cus-txt{ .checklist-group {
margin-bottom: 42rpx; margin-bottom: 46rpx !important;
} }
.uni-easyinput{
margin-bottom: 46rpx; .card-cus-txt {
margin-bottom: 42rpx;
}
.uni-easyinput {
margin-bottom: 46rpx;
}
}
}
::v-deep {
.uni-easyinput {
margin-bottom: 24rpx;
.uni-easyinput__content-input {
padding-left: 24rpx !important;
color: #333333;
font-size: 30rpx;
line-height: 30rpx;
letter-spacing: 0.22rpx;
height: 86rpx;
line-height: 86rpx;
display: flex;
align-items: center;
position: relative;
top: -2rpx;
}
.is-input-border {
border: 2rpx solid #DCDCDC !important;
}
.is-input-border.is-focused {
border-color: #39D067 !important;
.uni-icons.content-clear-icon.uniui-clear {
color: #39D067 !important;
} }
} }
} }
::v-deep { .uni-card {
.uni-easyinput{ border-radius: 0;
margin-bottom: 24rpx; padding: 32rpx !important;
.uni-easyinput__content-input{
padding-left: 24rpx !important; .uni-data-checklist .checklist-group {
color: #333333; column-gap: 24rpx;
margin-bottom: 24rpx;
.checklist-box {
margin: 0;
width: calc(50% - 14rpx);
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
.checklist-content {
flex: none;
}
.checklist-content .checklist-text {
font-size: 30rpx; font-size: 30rpx;
line-height: 30rpx; font-weight: normal;
letter-spacing: 0.22rpx; letter-spacing: 0.22rpx;
height: 86rpx; margin-left: 12rpx;
line-height: 86rpx; color: #666666;
display: flex;
align-items: center;
position: relative;
top: -2rpx;
}
.is-input-border{
border: 2rpx solid #DCDCDC !important;
} }
.is-input-border.is-focused{
border-color: #39D067 !important; .radio__inner {
.uni-icons.content-clear-icon.uniui-clear{ width: 36rpx;
color: #39D067 !important; height: 36rpx;
} border: 2rpx solid #BCBCBC;
border-radius: 36rpx;
} }
}
.uni-card{ &.is--button {
border-radius: 0; margin-right: 0rpx;
padding: 32rpx !important; padding: 20rpx 42rpx 20rpx 24rpx;
.uni-data-checklist .checklist-group { box-sizing: border-box;
column-gap: 24rpx; border: none;
margin-bottom: 24rpx; min-height: 82rpx;
.checklist-box{ border-radius: 8rpx;
margin: 0; transition: border-color 0.2s;
width: calc(50% - 14rpx); background: #F8F8F8;
box-sizing: border-box;
display: flex; &.is-checked {
justify-content: center; background: #F5FFF4;
align-items: center;
.checklist-content{ .radio__inner {
flex: none; border-color: #00C160;
}
.checklist-content .checklist-text{
font-size: 30rpx;
font-weight: normal;
letter-spacing: 0.22rpx;
margin-left: 12rpx;
color: #666666;
} }
.radio__inner{ .radio__inner-icon {
width: 36rpx; background: #00C160;
height: 36rpx;
border: 2rpx solid #BCBCBC;
border-radius: 36rpx;
} }
&.is--button{ .checklist-text {
margin-right: 0rpx; color: #333333;
padding: 20rpx 42rpx 20rpx 24rpx;
box-sizing: border-box;
border: none;
min-height: 82rpx;
border-radius: 8rpx;
transition: border-color 0.2s;
background: #F8F8F8;
&.is-checked{
background: #F5FFF4;
.radio__inner{
border-color: #00C160;
}
.radio__inner-icon{
background: #00C160;
}
.checklist-text{
color: #333333;
}
}
} }
} }
} }
.card-cus-txt{ }
font-size: 24rpx; }
font-weight: normal;
line-height: 34rpx;
height: 34rpx;
letter-spacing: 1.77rpx;
color: #666666;
text-align: center;
}
.uni-card__header{
border: none;
padding: 0;
.uni-card__header-extra .uni-card__header-extra-text{
font-size: 24rpx;
font-weight: normal;
line-height: normal;
letter-spacing: 0.14rpx;
color: #949699;
}
.uni-card__header-content .uni-card__header-content-title{ .card-cus-txt {
font-weight: 600; font-size: 24rpx;
line-height: 42rpx; font-weight: normal;
font-size: 32rpx; line-height: 34rpx;
color: #333333; height: 34rpx;
&:before{ letter-spacing: 1.77rpx;
content: ''; color: #666666;
display: inline-block; text-align: center;
width: 8rpx; }
height: 34rpx;
z-index: 0; .uni-card__header {
border-radius: 10rpx; border: none;
background: #58CA7F; padding: 0;
position: relative;
top: 5rpx; .uni-card__header-extra .uni-card__header-extra-text {
margin-right: 12rpx; font-size: 24rpx;
} font-weight: normal;
} line-height: normal;
letter-spacing: 0.14rpx;
color: #949699;
}
.uni-card__header-content .uni-card__header-content-title {
font-weight: 600;
line-height: 42rpx;
font-size: 32rpx;
color: #333333;
&:before {
content: '';
display: inline-block;
width: 8rpx;
height: 34rpx;
z-index: 0;
border-radius: 10rpx;
background: #58CA7F;
position: relative;
top: 5rpx;
margin-right: 12rpx;
} }
} }
} }
}
} }
}
</style> </style>

3
pages/visitors/visitors.vue
View File

@ -170,10 +170,9 @@
}, },
methods: { methods: {
reback(){ reback(){
this.$nav.navToPath('/') this.$nav.navToPath('/pages/index/index')
}, },
// 预约时间 -跳转就诊人页面-预约时间 // 预约时间 -跳转就诊人页面-预约时间
async getDoctorInfo() { async getDoctorInfo() {
await this.$http.req('user/index_info', {}, 'GET').then(data=>{ await this.$http.req('user/index_info', {}, 'GET').then(data=>{
if(data == -1) return if(data == -1) return

Write Preview
Loading…
Cancel
Save