增加部分公共样式

修改部分公共组件代码
修改台桌，代课下单逻辑代码
增加支付页面
修改用户列表页面

jeepay-ui-uapp-merchant/pageUser/index/index.vue

@@ -23,16 +23,16 @@
 			<view class="u-p-30">
 				<view class="data-statistics">
 					<view class="u-font-32">数据统计</view>
-					<view class="u-m-t-40  u-flex">
-						<view class="u-flex-1 after-r">
+					<view class="u-m-t-40  u-flex u-row-between">
+						<view class=" ">
 							<view>会员数</view>
 							<view class="u-m-t-10 u-font-36 font-bold">{{pageData.allShopInfo.userTotal}}</view>
 						</view>
-						<view class="u-flex-1 after-r">
+						<view class="line-l-r u-p-l-30 u-p-r-30">
 							<view>会员余额</view>
 							<view class="u-m-t-10 u-font-36 font-bold">{{pageData.allShopInfo.balanceTotal}}</view>
 						</view>
-						<view class="u-flex-1">
+						<view class="">
 							<view>充值金额</view>
 							<view class="u-m-t-10 u-font-36 font-bold">{{pageData.allShopInfo.chageTotal}}</view>
 						</view>
@@ -367,14 +367,31 @@
 	}
 </style>
 <style lang="scss" scoped>
-	.after-r {
+	.after-r,.after-l {
 		position: relative;
 	}
-
+	.line-l-r{
+		position: relative;
+		&::after,&:before{
+			position: absolute;
+			content: '';
+			top: 0;
+			bottom: 0;
+			width: 2px;
+			border-radius: 2px;
+			background-color: rgba(255, 255, 255, .3);
+		}
+		&::after{
+			right: 0;
+		}
+		&::before{
+			left: 0;
+		}
+	}
 	.after-r::after {
 		position: absolute;
 		content: '';
-		right: 40rpx;
+		right: -40rpx;
 		top: 0;
 		bottom: 0;
 		width: 2px;