Browse Source

中医针灸系统患者端首页医院列表调整

master
kuaileWu 7 months ago
parent
commit
6365450346
  1. 75
      pages/index/index.vue

75
pages/index/index.vue

@ -33,26 +33,40 @@
<view class="top flex">
<view class="left">
<view class="title flex">
<text class="over2 PfScMedium">{{item.hospital_name}} {{item.depart_name}}
<text class="over2 PfScMedium">{{item.hospital_name}}
<!-- {{item.depart_name}} -->
<!-- {{item.depart_name}} -->
<!-- 科室 -->
</text>
<img :src="cssUrl+'index_comback.svg'" v-if="item.hospital_pos" @click="toLocation(item)">
<!-- <img :src="cssUrl+'index_comback.svg'" v-if="item.hospital_pos" @click="toLocation(item)"> -->
</view>
<view class="date over2 over4">
出诊{{ item.workdate_desc }}
<view class="date over2 over4" v-if="item.address">
{{item.address}}
<!-- 出诊{{ item.workdate_desc }} -->
</view>
</view>
<view class="right">
<view class="flex right-wrapper" style="justify-content:flex-end;" v-if="item.hospital_pos">
<view class="" @click="toLocation(item)">
<view class="flex right-wrapper" style="justify-content:center;" v-if="item.hospital_pos">
<!-- <view class="" @click="toLocation(item)">
<img :src="cssUrl+'index_nav.svg'" alt="">
<view>导航</view>
</view> -->
<view v-if="item.address" class="flex copy_btn" @click="copyAddress(item.address)" style="justify-content:center;flex-wrap: wrap;">
<img :src="cssUrl+'copy_green.svg'" alt="">
<view>复制地址</view>
</view>
</view>
</view>
</view>
<view class="center">
出诊{{ item.workdate_desc }}
</view>
<view class="bot primary btn btn2" hover-class="hover" @click="toVisitors(item)">
预约看诊
</view>
@ -197,6 +211,14 @@
}
});
},
copyAddress(address){
uni.setClipboardData({
data: address,
success: () => {
uni.showToast({ title: "地址已复制", icon: "none" });
}
});
},
setLoginUserInfo(info) {
var uinfo = new Object();
this.$setuinfo.setUinfo(JSON.stringify(info))
@ -409,7 +431,7 @@
width: 100%;
margin-bottom: 36rpx;
.top{
min-height: 102rpx;
// min-height: 102rpx;
.left{
flex-grow: 1;
.title{
@ -422,33 +444,48 @@
.date{
line-height: 40rpx;
font-size: 28rpx;
color: #666666;
color: #949699;
margin-top: 14rpx;
}
}
.right{
width: 200rpx;
// width: 200rpx;
width: 99rpx;
height: 100%;
color: #666666;
img{
width: 52rpx;
height: 52rpx;
background: #F4F4F4;
border-radius: 6rpx;
margin-right: 7rpx;
// background: #F4F4F4;
// border-radius: 6rpx;
// margin-right: 7rpx;
}
text{
width: 60rpx;
height: 54rpx;
.copy_btn{
display: block;
font-size: 26rpx;
color: #666666;
line-height: 37rpx;
line-height: normal;
text-align: center;
margin-top: 5rpx;
margin-top: 4rpx;
font-size: 24rpx;
color: #30C563;
}
}
}
.center{
justify-content: center;
align-items: center;
width: 100%;
box-sizing: border-box;
min-height: 59rpx;
padding: 10rpx;
display: flex;
z-index: 1;
background: #F8F6F9;
font-size: 28rpx;
line-height: 39rpx;
color: #666666;
margin-top: 22rpx;
word-break: break-all;
}
.bot{
margin-top: 16rpx;
}

Loading…
Cancel
Save