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

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">
+						<view class="date over2 over4" v-if="item.address">
-							出诊：{{ item.workdate_desc }}
+							
+							{{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="flex right-wrapper" style="justify-content:center;" v-if="item.hospital_pos">
-							<view class="" @click="toLocation(item)">
+							<!-- <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;
+							// background: #F4F4F4;
-							border-radius: 6rpx;
+							// border-radius: 6rpx;
-							margin-right: 7rpx;
+							// margin-right: 7rpx;
 						}
-						text{
+						.copy_btn{
-							width: 60rpx;
-							height: 54rpx;
 							display: block;
-							font-size: 26rpx;
+							line-height: normal;
-							color: #666666;
-							line-height: 37rpx;
 							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;
 				}