签约服务协议书 滑动

components/protocol/protocol.vue

@@ -12,28 +12,9 @@
 				<h4>乙方：</h4>
 				<h4 class="box-line">{{list.residentName}}</h4>
 			</view>
-			<u-table width="80%">
+			<scroll-view class="scroll-view" scroll-x="true">
-					<u-tr class="u-tr">
+				<view class="itemdata">
-						<u-th class="u-th">姓名</u-th>
+					<uni-table border stripe emptyText="暂无更多数据">
-						<u-th class="u-th">性别</u-th>
-						<u-th class="u-th">年龄</u-th>
-						<u-th class="u-th">身份证号</u-th>
-						<u-th class="u-th">现住址</u-th>
-						<u-th class="u-th">选择签约基础服务包</u-th>
-						<u-th class="u-th">选择签约个性服务包</u-th>
-					</u-tr>
-					<u-tr class="u-tr">
-						<u-td class="u-th">{{list.residentName}}</u-td>
-						<u-td class="u-th">{{list.gender === '1' ? '男' : '女'}}</u-td>
-						<u-td class="u-th">{{list.age?list.age:''}}</u-td>
-						<u-td class="u-th">{{list.identity?list.identity:''}}</u-td>
-						<u-td class="u-th">{{list.address?list.address:''}}</u-td>
-						<u-td class="u-th">{{list.phone?list.phone:''}}</u-td>
-						<u-td class="u-th">{{list.BasePackage?list.BasePackage:''}} </u-td>
-						<u-td class="u-th">{{list.PersonalityPack?list.PersonalityPack:''}}</u-td>
-					</u-tr>
-				</u-table>
-			<!-- <uni-table border stripe emptyText="暂无更多数据">
 						<uni-tr>
 							<uni-th>姓名</uni-th>
 							<uni-th>性别</uni-th>
@@ -54,12 +35,16 @@
 							<uni-td>{{list.BasePackage?list.BasePackage:''}} </uni-td>
 							<uni-td>{{list.PersonalityPack?list.PersonalityPack:''}}</uni-td>
 						</uni-tr>
-			</uni-table> -->
+					</uni-table>
+				</view>
+			</scroll-view>
 			<view>
 				<p style='padding-top: 30rpx;line-height: 46rpx;'>甲乙双方本着平等、尊重和自愿的原则，签订此协议，接受以下条款的约定</p>
 				<p style='padding: 30rpx 0;line-height: 46rpx;'>甲乙双方共同确定
 					<text class="box-line">{{list.teamName}}</text>为乙方的家庭医生服务团队
 				</p>
+				<scroll-view class="scroll-view" scroll-x="true">
+					<view class="itemdata">
 						<uni-table border stripe emptyText="暂无更多数据">
 							<uni-tr>
 								<uni-th>家庭医生服务团队成员</uni-th>
@@ -89,6 +74,8 @@
 								<uni-td>{{member.mobilePhone?member.mobilePhone:''}}</uni-td>
 							</uni-tr>
 						</uni-table>
+					</view>
+				</scroll-view>
 				<u-parse style="margin-top: 30rpx;" :html="content"></u-parse>
 				<h4 style='padding-top: 30rpx;font-weight: 600;'>三、服务收费</h4>
 				<p style='padding-top: 30rpx;line-height: 46rpx;'>1. 根据自愿选择的原则，乙方选择<text
@@ -155,9 +142,9 @@
 		data() {
 			return {
 				content: '',
-				orgBase64:'',
+				orgBase64: '',
-				doctorBase64:'',
+				doctorBase64: '',
-				meimage:'',
+				meimage: '',
 				signatureshow: false,
 				fabContent: [{
 					iconPath: '/static/pageC/signature-unselected.png',
@@ -252,6 +239,19 @@
 		background-color: #fff;
 	}
 
+	.scroll-view {
+		width: 100%;
+		white-space: nowrap; //scroll-view元素
+
+		.itemdata {
+			width: 105%;
+
+			display: inline-block; //子元素
+		}
+
+	}
+
+
 	.agreement-title-box {
 		padding-top: 20rpx;
 		margin: 0 0 30rpx;

pagesC/contractsigningprotocol/contractsigningprotocol.vue

@@ -12,6 +12,8 @@
 				<h4>乙方：</h4>
 				<h4 class="box-line">{{list.signInfo.residentName?list.signInfo.residentName:''}}</h4>
 			</view>
+			<scroll-view class="scroll-view" scroll-x="true">
+				<view class="itemdata">
 					<uni-table border stripe emptyText="暂无更多数据">
 						<uni-tr>
 							<uni-th>姓名</uni-th>
@@ -34,14 +36,19 @@
 							<uni-td>{{list.specialPackagesName?list.specialPackagesName:""}}</uni-td>
 						</uni-tr>
 					</uni-table>
+				</view>
+			</scroll-view>
+
 			<view>
 				<p style='padding-top: 30rpx;line-height: 46rpx;'>甲乙双方本着平等、尊重和自愿的原则，签订此协议，接受以下条款的约定</p>
 				<p style='padding: 30rpx 0;line-height: 46rpx;'>甲乙双方共同确定
 					<text class="box-line">{{list.signInfo.teamName}}</text>为乙方的家庭医生服务团队
 				</p>
+				<scroll-view class="scroll-view" scroll-x="true">
+					<view class="itemdata">
 						<uni-table border stripe emptyText="暂无更多数据">
 							<uni-tr>
-						<uni-th>专病管理服务团队成员</uni-th>
+								<uni-th>家庭医生服务团队成员</uni-th>
 								<uni-th>姓名</uni-th>
 								<uni-th>职称</uni-th>
 								<uni-th>固定电话</uni-th>
@@ -68,6 +75,8 @@
 								<uni-td>{{member.mobilePhone?member.mobilePhone:''}}</uni-td>
 							</uni-tr>
 						</uni-table>
+					</view>
+				</scroll-view>
 				<u-parse style="margin-top: 30rpx;" :html="list.protocolContent.content"></u-parse>
 				<h4 style='padding-top: 30rpx;font-weight: 600;'>三、服务收费</h4>
 				<p style='padding-top: 30rpx;line-height: 46rpx;'>1. 根据自愿选择的原则，乙方选择<text
@@ -207,6 +216,17 @@
 		margin: 10rpx auto;
 		background-color: #fff;
 	}
+	.scroll-view {
+		width: 100%;
+		white-space: nowrap; //scroll-view元素
+	
+		.itemdata {
+			width: 105%;
+	
+			display: inline-block; //子元素
+		}
+	
+	}
 
 	.agreement-title-box {
 		padding-top: 20rpx;