From ec6484088051a8d72d78d60a43ec35b0a0a21357 Mon Sep 17 00:00:00 2001
From: tianpengcheng <1679867915@qq.com>
Date: Wed, 24 Feb 2021 12:29:35 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../select/buttomDialog/csubAddressSelect.vue | 100 ------------------
 pages/csubstation/edit.vue                    |   7 +-
 pages/csubstation/index.vue                   |  64 +++++++++--
 3 files changed, 62 insertions(+), 109 deletions(-)
 delete mode 100644 components/select/buttomDialog/csubAddressSelect.vue

diff --git a/components/select/buttomDialog/csubAddressSelect.vue b/components/select/buttomDialog/csubAddressSelect.vue
deleted file mode 100644
index a13a467..0000000
--- a/components/select/buttomDialog/csubAddressSelect.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-	<u-popup v-model="localShow" :mode="mode" :border-radius="24">
-		<view class="content">
-			<view style="height: 1rpx;">
-				<image src="../../../static/img/fz_icon_gb/fz_icon_gb.png" class="close"></image>
-			</view>
-			<view class="slectAddress">
-				<view v-for="(item, index) in listJurisdiction" :key="index">
-					<list-item>
-						<template v-slot:left>
-							<view>{{item.title}}</view>
-						</template>
-						<template v-slot:right>
-							<image :src="item.iconCheck ? checkBoxImg[0] : checkBoxImg[1]" style="width: 50rpx; height: 50rpx;"></image>
-						</template>
-					</list-item>
-				</view>
-			</view>
-			<u-button class="confim" @click="confim" shape="circle" :ripple="true" :plain="false">确认</u-button>
-		</view>
-	</u-popup>
-</template>
-
-<script>
-	import listItem from '../../listitem/listItem.vue'
-	export default {
-		components: {
-			listItem
-		},
-		props: {
-			show: {
-				type: Boolean,
-				default: false
-			},
-			mode: {
-				type: String,
-				default: 'bottom'
-			}
-		},
-		data () {
-			return {
-				checkBoxImg: ['../../static/img/fz_icon_xz/fz_icon_xz.png', '../../static/img/fz_icon_gb/fz_icon_gb.png'],
-				listJurisdiction: [
-					{
-						title: 'qqkld.net',
-						iconCheck: true,
-					},
-					{
-						title: '在线支付接口',
-						iconCheck: false,
-					}
-				]
-			}
-		},
-		computed: {
-			localShow: {
-				get () {
-					return this.show
-				},
-				set (val) {
-					this.$emit('update:show', val)
-				}
-			}
-		},
-		methods: {
-			confim () {
-				
-			}
-		}
-	}
-</script>
-
-<style scoped lang="scss">
-	.close {
-		margin: 24rpx 24rpx 0 0;
-		float: right;
-		height: 50rpx;
-		width: 50rpx;
-	}
-	.slectAddress {
-		margin: 125rpx 50rpx 38rpx 50rpx;
-	}
-	/deep/ .u-drawer__scroll-view {
-		background-color: #2B3062;
-		color: #FFFFFF;
-		font-size: 32rpx;
-	}
-	.confim {
-		margin: 0 45rpx 29rpx 45rpx;
-		height: 90rpx;
-		
-		background: linear-gradient(143deg, #EF6F5F 0%, #FB2636 100%);
-		border-radius: 45rpx;
-		font-size: 32rpx;
-		color: #FFFFFF;
-		&::after {
-			border: none;
-		}
-	}
-</style>
diff --git a/pages/csubstation/edit.vue b/pages/csubstation/edit.vue
index 6ec9e59..b4c58f5 100644
--- a/pages/csubstation/edit.vue
+++ b/pages/csubstation/edit.vue
@@ -44,18 +44,22 @@
 			</u-form-item>
 			<button class="confim" @click="confim" v-if="!queryData.Id">确认</button>
 		</u-form>
+		<csub-address-select :show.sync="addressShow"></csub-address-select>
 	</view>
 </template>
 
 <script>
 	import listItem from '../../components/listitem/listItem.vue'
+	import csubAddressSelect from '../../components/select/csubstation/csubAddressSelect.vue'
 	export default {
 		name: 'cosEdit',
 		components: {
-			listItem
+			listItem,
+			csubAddressSelect
 		},
 		data () {
 			return {
+				addressShow: false,
 				formData: {
 				},
 				rules: {
@@ -69,6 +73,7 @@
 		methods: {
 			domainSelectClick () {
 				console.log('点击跳转')
+				this.addressShow = true
 				// 跳转到域名选择页
 				// uni.navigateTo({})
 			},
diff --git a/pages/csubstation/index.vue b/pages/csubstation/index.vue
index d5d9175..e55d39e 100644
--- a/pages/csubstation/index.vue
+++ b/pages/csubstation/index.vue
@@ -1,7 +1,14 @@
 <template>
 	<view class="box">
-		<u-button class="onCreateBox" shape="circle" :ripple="true" @click="onCreateBtnClick" :plain="false">还未创建分站</u-button>
-		<u-swiper :list="list" :effect3d="true" :border-radius="10" :effect3d-previous-margin="120" bgColor="transparent"></u-swiper>
+		<u-button class="onCreateBox" shape="circle" :ripple="true" @click="onCreateBtnClick" :plain="false" mode="w">还未创建分站</u-button>
+		<u-swiper :list="list" :effect3d="true" :border-radius="10" :effect3d-previous-margin="100" bgColor="transparent">
+			<template v-slot:titleSlot="item">
+				<view class="swiperContent">
+					<view class="type">{{item.item.title}}</view>
+					<view class="pece">{{item.item.pece}}</view>
+				</view>
+			</template>
+		</u-swiper>
 		<view class="titletip">
 			<view class="line line-l"></view>
 			<view>普通版权益</view>
@@ -22,26 +29,42 @@
 			</template>
 		</u-card>
 		<u-button class="confim" @click="confim" shape="circle" :ripple="true" :plain="false">立即建站</u-button>
-		<csub-address-select :show.sync="addressShow"></csub-address-select>
+		<!-- <center-tip-dialog :show.sync="tipDialogShow" @gotoPay="gotoPay" label="您的余额不足请充值"></center-tip-dialog> -->
+		<center-tip-dialog :show.sync="tipDialogShow" @gotoPay="gotoPay">
+			<view>本次兑换将扣除您9元余额<br/>是否确认交易</view>
+		</center-tip-dialog>
 	</view>
 </template>
 
 <script>
 	import listItem from '../../components/listitem/listItem.vue'
-	import csubAddressSelect from '../../components/select/buttomDialog/csubAddressSelect.vue'
+	import centerTipDialog from '../../components/select/csubstation/centerTipDialog.vue'
+	import uSwiper from './swiper/swiper.vue'
 	export default {
 		name: 'createBefore',
 		components: {
 			listItem,
-			csubAddressSelect
+			centerTipDialog,
+			uSwiper
 		},
 		data () {
 			return {
-				addressShow: false,
+				tipDialogShow: false,
 				list: [
 					{
 						image: '../../static/img/fz_ptb/fz_ptb.png',
-						title: ''
+						title: '普通版分站',
+						pece: '200元'
+					},
+					{
+						image: '../../static/img/fz_zyb/fz_zyb.png',
+						title: '专业版分站',
+						pece: '400元'
+					},
+					{
+						image: '../../static/img/fz_qjb/fz_qjb.png',
+						title: '旗舰版分站',
+						pece: '600元'
 					}
 				],
 				checkBoxImg: ['../../static/img/fz_icon_xz/fz_icon_xz.png', '../../static/img/fz_icon_gb/fz_icon_gb.png'],
@@ -102,7 +125,11 @@
 				
 			},
 			confim () {
-				this.addressShow = true
+				this.tipDialogShow = true
+			},
+			// 去充值
+			gotoPay () {
+				
 			}
 		}
 	}
@@ -112,6 +139,27 @@
 	.box {
 		padding-top: 20rpx
 	}
+	.swiperContent {
+		text-align: center;
+		& .type {
+			display: inline-block;
+			margin-top: 50rpx;
+			width: 170rpx;
+			height: 40rpx;
+			font-weight: 500;
+			background: #683724;
+			border-radius: 100rpx;
+		}
+		& .pece {
+			margin-top: 27rpx;
+			height: 56rpx;
+			font-size: 40rpx;
+			font-weight: 500;
+			color: #683724;
+			line-height: 56rpx;
+			letter-spacing: 1rpx;
+		}
+	}
 	.onCreateBox {
 		margin: 0 100rpx 40rpx 100rpx;
 		height: 60rpx;