Ci2Order.vue/App/pages/book/detail/index.vue

<template>
	<view>
		<z-navbar title="预定详情" back diyBack @goBack="goBack">
			<view slot="right" class="iconfont iconjuxing13" @click="gotoPage('returnvisit')" v-if="isWedding!=1">
			</view>
		</z-navbar>
		<template v-if="info&&info.hasWedding=='1'&&info.isWedding=='1'">
			<z-tabs shadow :tabs="['预定详情','婚庆预定详情']" v-model="stateTab" bgcolor="white" textselectedcolor="#333333"
				@change="changeTab"></z-tabs>
		</template>
		<template v-if="stateTab==0">
			<z-cell label="客户姓名" :content="info.customName"></z-cell>
			<z-cell label="客户电话"
				:content="info.phone?(isSeeOther==1?info.phone:(info.phone.substring(0,3)+'****'+info.phone.substring(7))):'无'">
			</z-cell>
			<z-cell label="预定时间" :content="info.orderDate+' '+info.labelText">
			</z-cell>
			<z-cell label="预定场地" :content="info.houseName"></z-cell>
			<z-cell label="收费方式" v-if="info.houseTypeCode!='03'" :contentStyle="{'text-align':'right'}"
				:content="((info.mainPayTypeText||'无')+(info.paytypeContent||''))"></z-cell>
			<z-cell label="套餐内容" v-if="info.houseTypeCode!='03'"
				:content="(info.packageName||'无')+(info.packageContent&&info.packageContent.length?('('+info.packageContent+')'):'')">
			</z-cell>
			<z-cell label="增加项目"
				:content="info.extraRealMoney+'元'+(info.orderExtraContent&&info.orderExtraContent.length?('('+info.orderExtraContent+')'):'')">
			</z-cell>
			<z-cell label="已收订金" :content="info.downPayment+'元'"></z-cell>
			<z-cell label="总计应收" :content="(info.orderMoney||0)+'元'"></z-cell>
			<z-cell label="提醒日期" v-if="info.houseTypeCode!='03'&&info.alertDate" :content="info.alertDate||'无'">
			</z-cell>
			<z-cell label="预定类型" :content="info.orderTypeText" v-if="info.houseTypeCode=='01'"></z-cell>
			<z-cell label="预定状态" :content="info.orderStateText"></z-cell>
			<z-cell label="顾客来源" :content="info.customFromText"></z-cell>
			<z-cell label="接待人员" :content="info.createUserName"></z-cell>
			<z-cell label="接待电话" v-if="info.createUserPhone" :content="info.createUserPhone||'无'"></z-cell>
			<z-cell label="备注信息" hideline></z-cell>
			<view class="plr-30 remark">
				{{info.remark||'无'}}
			</view>
		</template>
		<template v-else>
			<z-cell label="新郎姓名" :content="wedinfo.maleName"></z-cell>
			<z-cell label="新娘姓名" :content="wedinfo.femaleName"></z-cell>
			<z-cell label="手机号码" :content="wedinfo.phoneMale||'无'"></z-cell>
			<z-cell label="其他手机号码" :content="wedinfo.phoneFemale||'无'"></z-cell>
			<z-cell label="典礼开始时间" :content="info.orderDate+' '+(wedinfo.beginTime||'(暂未确定)')"></z-cell>
			<z-cell label="婚庆价格" :content="(wedinfo.weddingMoney||0)+'元'"></z-cell>
			<z-cell label="套餐内容"
				:content="(wedinfo.weddingPackageName||'未选')+ (wedinfo.packageContent?wedinfo.packageContent:'')">
			</z-cell>
			<z-cell label="增加项目"
				:content="(wedinfo.exItemMoney||0)+'元'+(wedinfo.orderExtraContent?wedinfo.orderExtraContent:'')">
			</z-cell>
			<z-cell label="已收婚庆订金" :content="(wedinfo.downPayment||0)+'元'"></z-cell>
			<z-cell label="下单日期" :content="wedinfo.createTime"></z-cell>
			<z-cell label="接待电话" :content="wedinfo.createUserPhone||'无'"></z-cell>
			<z-cell label="备注信息" hideline></z-cell>
			<view class="plr-30 remark">
				{{wedinfo.remark||'无'}}
			</view>
		</template>
		<view class="common_handle_style_zw"></view>
		<view class="common_handle_style shadow-2 flex-n fac fja" v-if="isEditOther">
			<!-- v-if="Date.now()<new Date(scope.row.beginTime).getTime()&&scope.row.confirmState!='01'&&scope.row.confirmState!='02'" -->
			<view class="common_handle_style_item " @click="gotoPage('remind')"
				v-if="info.alertDate&&Date.now()<new Date(info.orderDate+' '+info.activityBeginTime).getTime()&&info.confirmState!='01'&&info.confirmState!='02'">
				<view class="common_handle_style_img iconfont iconjuxing17"></view>
				<view class="common_handle_style_text">处理预定提醒</view>
			</view>

			<template v-if="info.isWedding=='1'">
				<view class="common_handle_style_item " @click="gotoPage('editwedding')" v-if="info.hasWedding=='1'">
					<view class="common_handle_style_img iconfont iconhunqing"></view>
					<view class="common_handle_style_text">编辑婚庆</view>
				</view>


				<view class="common_handle_style_item " @click="gotoPage('addwedding')" v-if="info.hasWedding=='0'">
					<view class="common_handle_style_img iconfont iconhunqing"></view>
					<view class="common_handle_style_text">新增婚庆</view>
				</view>
			</template>
			<view class="common_handle_style_item " @click="gotoPage('manage')"
				v-if="info.confirmState!='01'&&info.confirmState!='02'">
				<view class="common_handle_style_img iconfont iconjuxing21"></view>
				<view class="common_handle_style_text">编辑预定</view>
			</view>

			<view class="common_handle_style_item" @click="showshare=true">
				<view class="common_handle_style_img iconfont iconjuxing22kaobei"></view>
				<view class="common_handle_style_text">分享预定</view>
			</view>
			<view class="common_handle_style_item" @click="cancelOrder" v-if="info&&info.auth&&info.auth.isDelete=='1'">
				<view class="common_handle_style_img iconfont iconjuxing21kaobei2"></view>
				<view class="common_handle_style_text">取消订单</view>
			</view>
			<view class="common_handle_style_item" @click="cancelWedOrder"
				v-if="wedinfo&&wedinfo.auth&&wedinfo.auth.isDelete=='1'">
				<view class="common_handle_style_img iconfont iconjuxing21kaobei2"></view>
				<view class="common_handle_style_text">取消婚庆</view>
			</view>
		</view>
		<view class="mask" @click="showshare=false" @touchmove.stop.prevent="moveHandle" v-if="showshare"></view>
		<view class="z-share-popup flex-n fac fja" v-if="showshare" :class="[{'animate_show':showshare}]">
			<view class="z-share-popup_item" @click="gotoShare">
				<view class="z-share-popup_imgarea flex-n fac fjc">
					<image class="z-share-popup_img" mode="widthFix" src="../../../static/copy.png"></image>
				</view>
				<view class="z-share-popup_text">
					复制到剪切板
				</view>
			</view>
			<view class="z-share-popup_item" @click="gotoPage('share')">
				<view class="z-share-popup_imgarea flex-n fac fjc">
					<image class="z-share-popup_img" mode="widthFix" src="../../../static/erweima.png"></image>
				</view>
				<view class="z-share-popup_text">
					生成二维码
				</view>
			</view>
		</view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	const app = getApp({
		allowDefault: true
	});
	export default {
		data() {
			return {
				id: '',

				info: {},
				wedinfo: {},
				stateTab: 0,
				isWedding: 0,
				hasWedding: 0,
				showshare: false,

				isEditOther: 1,
				isSeeOther: 0,

				timeTagList: [],
				tagList: []
			}
		},
		mounted() {

		},
		onLoad(option) {
			console.log(option)
			this.id = option.id;
			// this.getData(option.id);
		},
		onShow() {
			this.getTimeRange();
			this.getData(this.id);

		},
		methods: {
			goBack() {
				// var pages = getCurrentPages();
				// var prevPage = pages[pages.length - 2]; //上一个页面
				// prevPage.$vm.datevalue = this.info.orderDate;
				// prevPage.$vm.backState = false;
				// prevPage.$vm.tabInfo(); //重点$vm
				// console.warn('1231231')
				uni.$emit('saveOrder',this.info.orderDate);
				uni.navigateBack({
					delta: 1
				})
			},
			getAuthState() {
				this.$axios.post("storeAuth/findByRoleIdStoreId", {
					"roleId": uni.getStorageSync('roleId'),
					"storeId": uni.getStorageSync('storeId')
				}).then(res => {
					console.warn(res.data)
					//不可编辑
					if (res.data.auth.isEditOther == '0') {
						if (this.info.createUserCode != app.globalData.userId) {
							this.isEditOther = 0;
						}
					}
					if (res.data.auth.isSeeOther == '0') {
						if (this.info.createUserCode != app.globalData.userId) {
							this.isSeeOther = 0;
						}
					}
				}).catch(err => {
					this.$refs.uToast.error(err.msg);
				})
			},
			cancelOrder() {
				var that = this;
				uni.showModal({
					content: '是否取消该预定单？',
					cancelText: '取消',
					confirmText: '确定',
					success: function(res) {
						if (res.confirm) {
							that.$axios.post('app/order/cancelByIds/',
								that.id
							).then(res => {
								uni.$emit('saveOrder',that.info.orderDate);
								that.$refs.uToast.success('订单取消成功！');
								uni.navigateBack({
									delta: 1
								})
							}).catch(err => {
								console.log(err)
								that.$refs.uToast.error(err.msg);

							})
						}
					}
				});

			},
			cancelWedOrder() {

				var that = this;
				uni.showModal({
					content: '是否取消该婚庆订单？',
					cancelText: '取消',
					confirmText: '确定',
					success: function(res) {
						if (res.confirm) {
							that.$axios.post('app/wedding/cancelWeddingOrderByIds/',
								that.info.weddingId
							).then(res => {
								uni.$emit('saveOrder',that.info.orderDate);
								that.$refs.uToast.success('婚庆订单取消成功！');
								uni.navigateBack({
									delta: 1
								})
							}).catch(err => {
								that.$refs.uToast.error(err.msg);

							})
						}
					}
				});
			},
			getData(orderId) {
				this.$axios.get('app/order/orderDetailById/' + orderId).then(res => {
					console.log(res)
					this.info = res.data;
					this.wedinfo = res.data.orderWedding[0];

					let startTime = this.getFormatTimeText(this.info.activityBeginTime);
					let endTime = this.getFormatTimeText(this.info.activityEndTime);

					let idx = this.timeTagList.indexOf(this.info.activityBeginTime + '~' + this.info.activityEndTime);

					let labelText = idx > -1 &&this.tagList[idx].tagName? this.tagList[idx].tagName : (startTime + '~' + endTime);
					console.error( this.tagList.tagName,labelText)
					// this.info.labelText = labelText;
					this.$set(this.info, 'labelText', labelText)
					uni.setStorage({
						key: 'orderFollowList',
						data: res.data.orderFollowList
					})
					var packageContent = '',
						orderExtraContent = '',
						paytypeContent = '';

					//普通套餐内容
					for (var i in this.info.orderPackage.itemsExs) {
						packageContent += (this.info.orderPackage.itemsExs[i].isChange == '1' ? (
								'<span style="color: #cf9236!important;" >' + (this.info.orderPackage.itemsExs[
									i].itemName || '-') +
								'</span>') :
							(this.info.orderPackage.itemsExs[i].itemName || '-')) + '、';
					}
					for (var i in this.info.orderPackage.itemsFoods) {
						packageContent += (this.info.orderPackage.itemsFoods[i].isChange == '1' ? (
								'<span style="color: #cf9236!important;" >' + (this.info.orderPackage
									.itemsFoods[i].foodName || '-') +
								'</span>') :
							(this.info.orderPackage.itemsFoods[i].foodName || '-')) + '、';
					}
					if (packageContent.substring(packageContent.length - 1, packageContent.length) == '、') {
						this.info.packageContent = packageContent.substring(0, packageContent.length - 1)
					}
					//增加项目内容
					for (var i in this.info.orderExtra.itemsExs) {
						orderExtraContent += (this.info.orderExtra.itemsExs[i].itemName || '-') + ':' + (this.info
								.orderExtra.itemsExs[
									i].itemPrice || 0) +
							'*' +
							this.info.orderExtra.itemsExs[i].itemCount + '、';
					}
					for (var i in this.info.orderExtra.itemsFoods) {
						orderExtraContent += (this.info.orderExtra.itemsFoods[i].foodName || '-') + ':' + (this
								.info.orderExtra.itemsFoods[
									i].foodPrice || 0) +
							'*' + this.info.orderExtra.itemsFoods[i].foodCount + '、';
					}
					if (orderExtraContent.substring(orderExtraContent.length - 1, orderExtraContent.length) ==
						'、') {
						this.info.orderExtraContent = orderExtraContent.substring(0, orderExtraContent.length - 1)
					}

					for (var i in this.info.payTypes) {
						console.log(this.info.payTypes[i].payTypeCode)
						if (this.info.payTypes[i].payTypeCode == '03') {
							paytypeContent += '<br/>' + (this.info.payTypes[i].housePrice || 0) + '元/场'
						}
						if (this.info.payTypes[i].payTypeCode == '01') {
							paytypeContent += '<br/>' + (this.info.payTypes[i].onePrice || 0) + '元*' + (this.info
									.payTypes[i].orderCount ||
									0) + '人=' +
								((this.info.payTypes[i].onePrice || 0) * (this.info.payTypes[i].orderCount || 0)) +
								'元';
						}
						if (this.info.payTypes[i].payTypeCode == '02') {
							paytypeContent += '<br/>' + (this.info.payTypes[i].onePrice || 0) + '元*' + (this.info
									.payTypes[i].orderCount ||
									0) + '桌=' +
								((this.info.payTypes[i].onePrice || 0) * (this.info.payTypes[i].orderCount || 0)) +
								'元' + (this.info.payTypes[
										i].bakOrderCount ?
									('（备桌' + this.info.payTypes[i].bakOrderCount + '桌）') : '');
						}
					}


					this.info.paytypeContent = paytypeContent;
					var wedpackageContent = '',
						wedorderExtraContent = '';
					if (this.info.hasWedding == '1') {
						for (var i in this.wedinfo.weddingItemsExs) {
							wedpackageContent += this.wedinfo.weddingItemsExs[i].itemName + '、';
						}
						if (wedpackageContent.substring(wedpackageContent.length - 1, wedpackageContent.length) ==
							'、') {
							wedpackageContent = wedpackageContent.substring(0, wedpackageContent.length - 1)
						}

						for (var i in this.wedinfo.extra) {
							wedorderExtraContent += this.wedinfo.extra[i].itemName + ':' + this.wedinfo.extra[i]
								.itemPrice + '*' + this.wedinfo
								.extra[i].itemCount + '、';
						}
						if (wedorderExtraContent.substring(wedorderExtraContent.length - 1, wedorderExtraContent
								.length) == '、') {
							wedorderExtraContent = wedorderExtraContent.substring(0, wedorderExtraContent.length -
								1)
						}

						this.wedinfo.packageContent = wedpackageContent;
						this.wedinfo.orderExtraContent = wedorderExtraContent;
					}
					this.getAuthState();

				}).catch(err => {
					console.log(err)
					// this.$refs.uToast.error(err.msg);
				})
			},
			changeTab(data) {
				this.stateTab = data;
			},
			getTimeRange() {
				this.$axios.get('/config/baseByStoreId/' + uni.getStorageSync('storeId')).then(res => {
					console.log('基本店铺设置信息', res.data)
					let orderTag = [];
					for (let i in res.data.orderTag) {
						orderTag.push(res.data.orderTag[i].beginTime + '~' + res.data.orderTag[i].endTime)
					}
					this.timeTagList = orderTag;
					this.tagList = res.data.orderTag;
				}).catch(err => {
					this.$message.error(err.msg);
				})
			},
			gotoShare() {
				var info = this.info;
				var content = '';
				var packageContent = '',
					orderExtraContent = '',
					payContent = '';
				//套餐文字
				for (var i in info.orderPackage.itemsExs) {
					packageContent += info.orderPackage.itemsExs[i].itemName + '、';
				}
				for (var i in info.orderPackage.itemsFoods) {
					packageContent += info.orderPackage.itemsFoods[i].foodName + '、';
				}
				if (packageContent.substring(packageContent.length - 1, packageContent.length) == '、') {
					info.packageContent = packageContent.substring(0, packageContent.length - 1)
				}
				//额外项目文字
				for (var i in info.orderExtra.itemsExs) {
					orderExtraContent += (info.orderExtra.itemsExs[i].itemName || '-') + ':' + (info.orderExtra.itemsExs[i]
							.itemPrice ||
							0) + '*' +
						info.orderExtra.itemsExs[i].itemCount + '、';
				}
				for (var i in info.orderExtra.itemsFoods) {
					orderExtraContent += (info.orderExtra.itemsFoods[i].foodName || '-') + ':' + (info.orderExtra
							.itemsFoods[i].foodPrice ||
							0) + '*' +
						info.orderExtra.itemsFoods[i].foodCount + '、';
				}
				if (orderExtraContent.substring(orderExtraContent.length - 1, orderExtraContent.length) == '、') {
					info.orderExtraContent = orderExtraContent.substring(0, orderExtraContent.length - 1)
				}
				var payTypes = info.payTypes;
				payTypes.sort((a, b) => {
					return Number(b.payTypeCode) - Number(a.payTypeCode);
				})
				for (var i in payTypes) {
					if (payTypes[i].payTypeCode == '03') {
						payContent += '包场费用：' + (payTypes[i].housePrice || 0) + '\n';
					}
					if (payTypes[i].payTypeCode == '02') {
						payContent += '预定桌数：' + (payTypes[i].orderCount || 0) + '\n';
						payContent += '每桌单价：' + (payTypes[i].onePrice || 0) + '\n';
					}
					if (payTypes[i].payTypeCode == '01') {
						payContent += '预定人数：' + (payTypes[i].orderCount || 0) + '\n';
						payContent += '每人单价：' + (payTypes[i].onePrice || 0) + '\n';
					}
				}
				var storeList = uni.getStorageSync('storeInfo').store;
				console.log(storeList)
				var storeName = '';
				for (var i in storeList) {
					if (storeList[i].storeId == uni.getStorageSync('storeId')) {
						storeName = storeList[i].storeName;
						break;
					}
				}

				// let activityBeginTime = this.getFormatTimeText(info.activityBeginTime);
				// let activityEndTime = this.getFormatTimeText(info.activityEndTime);
				// let idx = this.timeTagList.indexOf(info.activityBeginTime + '~' + info.activityEndTime);
				// let labelText = idx > -1 ? this.tagList[idx].tagName : (activityBeginTime + '~' + activityEndTime);
				let activityBeginTime = this.getFormatTimeText(info.activityBeginTime);
				let activityEndTime = this.getFormatTimeText(info.activityEndTime);
				let idx = this.timeTagList.indexOf(info.activityBeginTime + '~' + info.activityEndTime);
				let labelText = activityBeginTime + '~' + activityEndTime; //2022-05-04宋哥要求显示时间段 不用改成标签
				//复制未处理
				content = storeName + '预定单' + '\n' +
					'客户名称：' + info.customName + '\n' +
					'客户电话：' + (info.phone || '无') + '\n' +
					'订单日期：' + info.orderDate + '\n' +
					// '预定时段：' + info.labelText + '\n' +
					 '预定时段：' + labelText + '\n' +//2022-05-04宋哥要求显示时间段 不用改成标签
					'预定场地：' + info.houseName + '\n' +
					(info.packageName ? ('套餐名称：' + info.packageName + '\n' +
						(info.packageContent ? ('           （' + info.packageContent + '）\n') : '')) : '') +
					payContent +
					(orderExtraContent.length > 0 ? ('增加项目：' + info.extraRealMoney + '\n') : '') +
					(info.orderExtraContent ? '           （' + info.orderExtraContent + '）\n' : '') +
					'已交订金：' + (info.downPayment || 0) + '\n' +
					// '下单日期：' + info.createTime + '\n' +
					'下单日期：' + info.createTime.substring(5, 16) + '\n' + //2022-05-04宋哥要求改成月日时分格式
					'接待人员：' + (info.createUserName || '无') + '\n' +
					(info.createUserPhone ? ('接待电话：' + info.createUserPhone + '\n') : '') +
					'订单备注：' + (info.remark ? info.remark : '无') + '\n';

				var wedcontent = '';
				if (this.info.hasWedding == '1') {
					var wedpackageContent = '',
						wedorderExtraContent = '';
					var weddingData = this.wedinfo;
					for (var i in weddingData.weddingItemsExs) {
						wedpackageContent += weddingData.weddingItemsExs[i].itemName + '、';
					}
					if (wedpackageContent.substring(wedpackageContent.length - 1, wedpackageContent.length) == '、') {
						weddingData.packageContent = wedpackageContent.substring(0, wedpackageContent.length - 1)
					}
					for (var i in weddingData.extra) {
						wedorderExtraContent += weddingData.extra[i].itemName + ':' + weddingData.extra[i].itemPrice +
							'*' + weddingData.extra[
								i].itemCount + '、';
					}
					if (wedorderExtraContent.substring(wedorderExtraContent.length - 1, wedorderExtraContent.length) ==
						'、') {
						weddingData.orderExtraContent = wedorderExtraContent.substring(0, wedorderExtraContent.length - 1)
					}
					wedcontent = '-----------------------\n' +
						'新郎姓名：' + weddingData.maleName + '\n' +
						'新娘姓名：' + weddingData.femaleName + '\n' +
						'手机号码：' + (weddingData.phoneMale || '无') + '\n' +
						'其他手机：' + (weddingData.phoneFemale || '无') + '\n' +
						'典礼时间：' + weddingData.weddingBeginTime + '\n' +
						'套餐名称：' + (weddingData.weddingPackageName || '未选') + '\n' +
						(weddingData.packageContent ? ('         （' + weddingData.packageContent + '）\n') : '') +
						'增加项目：' + (weddingData.exItemMoney || 0) + '\n' +
						(weddingData.orderExtraContent ? ('         （' + weddingData.orderExtraContent + '）\n') : '') +
						'婚庆共计：' + (weddingData.orderMoney || 0) + '\n' +
						'婚庆订金：' + (weddingData.downPayment || 0) + '\n' +
						'接待人员：' + weddingData.createUserName + '\n' +
						'接待电话：' + (weddingData.createUserPhone || '无') + '\n' +
						'下单日期：' + weddingData.createTime + '\n' +
						'订单备注：' + (weddingData.remark || '无') + '\n';
				}
				console.log(content + wedcontent)
				uni.setClipboardData({
					data: content + wedcontent,
					success: function() {
						console.log('success');
					}
				});
				// uni.share({
				//     provider: 'weixin',
				//     scene: "WXSceneSession",
				//     type: 5,
				//     imageUrl: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/app/share-logo@3.png',
				//     title: '欢迎体验uniapp',
				//     miniProgram: {
				//         id: 'gh_abcdefg',
				//         path: 'pages/index/index',
				//         type: 0,
				//         webUrl: 'http://uniapp.dcloud.io'
				//     },
				//     success: ret => {
				//         console.log(JSON.stringify(ret));
				//     }
				// });
			},
			getFormatTimeText(time) {
				let ytime = Number(time.replace(':', ''));
				var c1 = Number(ytime / 100).toFixed(0)
				c1 = c1 < 10 ? ('0' + c1) : (c1 > 23 ? ('次日' + ((c1 - 24) > 9 ? (c1 - 24) : ('0' + (c1 - 24)))) : c1);
				c1 = c1 + ':' + (ytime % 100 ? '30' : '00')
				return c1;
			},
			gotoPage(page) {
				console.log(page)
				if (page == "addwedding") {
					uni.navigateTo({
						url: '../wedding/index?type=0&orderId=' + this.id + '&beginTime=' + this.info
							.activityBeginTime + '&endTime=' + this.info.activityEndTime
					})
				}
				if (page == "editwedding") {
					uni.navigateTo({
						url: '../wedding/index?type=1&orderId=' + this.id + '&wedId=' + this.info.weddingId +
							'&beginTime=' + this.info.activityBeginTime + '&endTime=' + this.info.activityEndTime
					})
				}
				if (page == 'returnvisit') {
					uni.navigateTo({
						url: '../history/index'
					})
				}
				if (page == 'remind') {
					uni.navigateTo({
						url: '../remind/index?id=' + this.id + '&customName=' + this.info.customName +
							'&orderDate=' + this.info.orderDate
					})
				}
				if (page == "share") {
					// this.showshare = false;
					uni.setStorage({
						key: 'shareInfo',
						data: this.info
					})
					uni.navigateTo({
						url: '../share/index',
						success: res => {
							this.showshare = false;
						},
						fail: () => {},
						complete: () => {}
					});
				}
				if (page == 'manage')
					uni.navigateTo({
						url: '../manage/index?type=1&id=' + this.id
					})
			}
		},


	}
</script>

<style lang="scss" scoped>
	.mask {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.3);
		width: 100%;
		height: 100%;
		z-index: 510;
	}

	.remark {
		font-size: 28rpx;
		color: #555555;
	}

	.common_handle_style_zw {
		height: 139rpx;
	}

	.iconjuxing13 {
		font-size: 38rpx;
	}

	.common_handle_style {
		position: fixed;
		background: white;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 119rpx;

		.common_handle_style_item {
			text-align: center;
			// width: 200rpx;

			.common_handle_style_img {
				width: 53rpx;
				height: 50rpx;
				font-size: 50rpx;
				color: #007AFF;
				margin: 0 auto;
			}

			.common_handle_style_text {
				color: #007AFF;
				font-size: 24rpx;
				line-height: 24rpx;
				margin-top: 10rpx;
			}
		}
	}

	.z-share-popup {
		position: fixed;
		width: 690rpx;
		left: 30rpx;
		z-index: 600;
		height: 210rpx;
		border-radius: 20rpx;
		background: white;

		.z-share-popup_item {
			text-align: center;

			.z-share-popup_imgarea {
				height: 80rpx;
				text-align: center;

				.z-share-popup_img {
					width: 80rpx;
				}
			}

			.z-share-popup_text {
				font-size: 24rpx;
				color: #333333;
				margin-top: 10rpx;
			}
		}
	}

	@keyframes show {
		0% {
			bottom: -100%;
		}

		100% {
			bottom: 30rpx;
		}
	}

	@keyframes hide {
		0% {
			bottom: 30rpx;
		}

		100% {
			bottom: -100%;
		}
	}

	.animate_show {
		animation: show .5s;
		animation-fill-mode: forwards;
	}

	.animate_hide {
		animation: hide .5s;
		animation-fill-mode: forwards;
	}
</style>