<template>
	<view class="container activity-content">
		<!-- tabs -->
		<view class="top-content">
			<!-- 搜索 -->
			<view class="searchTarget-header">
				<input type="text" placeholder="请输入关键字" placeholder-class="sea_ipt_placeholder" class="sea_ipt"
					v-model="searchTxt" focus="true" confirm-type="search" @confirm="searchHandle" />
				<icon type="search" size="15" class="sea_ico" />
				<view class="ipt-right">
					<icon type="clear" size="16" color="#E0E0E0" v-show="searchTxt" @click="clearIpt" />
					<text class="line">|</text>
					<text @click="searchHandle" style="color: #3385FF;">搜索</text>
				</view>
			</view>
			<view class="search-cont-top" v-if="!isShowSearch&&historySearchList.length">
				<view class="cont-tit">
					<text>搜索历史</text>
					<image src="@/static/img/empty_ico.png" class="empty_ico" @click="clearHistory"></image>
				</view>
				<view class="targetList">
					<view class="target-item" v-for="(item,index) in historySearchList" :key="index"
						@click="chooseTarget(item)">{{item}}</view>
				</view>
			</view>
			<!-- 选择 -->
			<view class="select-conyent" v-if="isShowSearch">
				<van-dropdown-menu active-color="#333333">
					<van-dropdown-item id="statusstate" :title="activeStateName">
						<view class="menu-items">
							<view class="menu-items-box" @click="overallBtn('statusstate',key)"
								v-for="key in listActivityStaus" :key="key.Id">
								<view class="items-box">
									<u-icon v-if="key.IsChoose" name="checkbox-mark" color="#2C83FF" size="24"></u-icon>
								</view>
								<text>{{key.StatusName}}</text>
							</view>
						</view>
						<view class="replacement-box">
							<view class="replacement">
								<text @click="replacementBtn('statusstate')" class="replacement-box">重置</text>
								<text @click="replacementConfirm('statusstate')">确定</text>
							</view>
						</view>
					</van-dropdown-item>
					<van-dropdown-item id="industry" :title="chartPermissionName">
						<view class="decide">
							<view class="items-box">
								<u-icon v-if="isShowJurisdiction" name="checkbox-mark" color="#2C83FF" size="24">
								</u-icon>
							</view>
							<text @click="isJurisdiction">始终只展示有权限的行业</text>
						</view>
						<view class="menu-dashed">

						</view>
						<view class="menu-items">
							<view class="menu-items-box" v-for="item in listChartPermission"
								:key="item.ChartPermissionId" @click="overallClick('industry',item)">
								<view class="items-box">
									<u-icon v-if="item.IsChoose" name="checkbox-mark"
										:color="isShowJurisdiction?'#ccc':'#2C83FF'" size="24"></u-icon>
								</view>
								<text>{{item.PermissionName}}</text>
							</view>
						</view>
						<view class="replacement">
							<text @click="replacementBtn('industry')" class="replacement-box">重置</text>
							<text @click="replacementConfirm('industry')">确定</text>
						</view>
					</van-dropdown-item>
					<van-dropdown-item id="genre" :title="activityTypeName">
						<view class="menu-items">
							<view class="menu-items-box" @click="overallActivity('genre',item)"
								v-for="(item,index) in listActivityType" :key="item.ActivityTypeId">
								<view class="items-box">
									<u-icon v-if="item.IsChoose" name="checkbox-mark" color="#2C83FF" size="24">
									</u-icon>
								</view>
								<text>{{item.ActivityTypeName}}</text>
							</view>
						</view>
						<view class="replacement">
							<text @click="replacementBtn('genre')" class="replacement-box">重置</text>
							<text @click="replacementConfirm('genre')">确定</text>
						</view>
					</van-dropdown-item>



				</van-dropdown-menu>
			</view>

		</view>
		<view class="box-content" v-if="haveData" :class="{head:tabsActive==1}">
			<view class="content-list" v-for="(item,index) in collectList" :key="index">
				<view class="list-top" @click="goDetail(item)">
					<view class="list-top-box">
						<text class="title">{{item.ActivityTypeName}}</text>
						<view class="city" v-if="item.City">
							<image src="../../static/img/location.png" mode=""></image>
							<text>{{item.City}}</text>
						</view>
					</view>
					<text style="color: #2ACDD9; font-size: 26rpx;" v-if="item.ActiveState==1">未开始</text>
					<text style="color: #FF4040; font-size: 26rpx;" v-if="item.ActiveState==2">进行中</text>
					<text style="color: #999999; font-size: 26rpx;" v-if="item.ActiveState==3">已结束</text>
				</view>
				<view class="" style="display: flex;">
					<view class="list-center" @click="goDetail(item)">
						<text class="title" v-if="item.IsBrackets==1">{{item.ActivityName}}</text>
						<text class="title-two" v-else>{{item.ActivityName}}</text>
						<view class="setting-center">
							<view class="">
								<view class="box-expert" style="padding-bottom: 30rpx ;"
									v-if="item.ActivityTypeName=='专家电话会'||item.ActivityTypeName=='专家线下沙龙'">
									<view style="width: 140rpx;">
										专家背景：
									</view>
									<view style="width:400rpx;">{{item.Expert}}</view>
								</view>
								<text style="padding-bottom: 30rpx ;"
									v-if="item.ActivityTypeName=='公司调研电话会'||item.ActivityTypeName=='公司线下调研'">嘉宾：{{item.DistinguishedGuest}}</text>
								<text style="padding-bottom: 30rpx ;"
									v-if="item.ActivityTypeName=='分析师电话会'||item.ActivityTypeName=='分析师线下沙龙'">主讲人：{{item.Speaker}}</text>
							</view>
						</view>
						<text style="padding-bottom: 30rpx ;">活动时间：{{item.ActivityTime}}</text>
					</view>

					<view class="" style="display: flex;align-items: center;padding-right: 30rpx;">
						<u-icon style="padding-bottom: 30rpx ;" name="arrow-right" color="#BDBDBD" size="34"></u-icon>
					</view>
				</view>
				<view class="list-bottom"
					v-if="item.ActiveState==1 &&(item.IsLimitPeople==1 && item.ActivityTypeName=='公司调研电话会')">
					<view class="multi-text">
						<text v-if="item.IsSignup!==1"
							@click="wanttosignup(item.ActivityId)">我要报名（{{item.SignupNum}}/{{item.LimitPeopleNum}}）</text>
						<text v-else
							@click="signupCancel(item.ActivityId,2,item.ActivityTime)">{{item.SignupType ==1?'取消外呼':'取消报名'}}（{{item.SignupNum}}/{{item.LimitPeopleNum}}）</text>

					</view>
				</view>
				<view class="list-bottom" v-else-if="item.ActiveState==1">
					<view class="multi"
						v-if="item.ActivityTypeId==1||item.ActivityTypeId==2||(item.ActivityTypeId==3&&item.IsLimitPeople==0)">
						<text class="multi-outbound" v-if="item.IsSignup!==1"
							@click="signupAdd(item.ActivityId,1)">预约外呼</text>
						<text class="multi-outbound" v-else
							@click="signupCancel(item.ActivityId,1,item.ActivityTime)">取消外呼</text>
						<text class="multi-remind" v-if="item.IsCancelMeetingReminder==0"
							style="border-left: 1px solid #E5E5E5;"
							@click="meetingReminderAdd(item.ActivityId)">会议提醒</text>
						<text class="multi-remind" v-else style="border-left: 1px solid #E5E5E5;"
							@click="meetingReminderCancel(item.ActivityId)">取消会议提醒</text>
					</view>
					<view class="multi-text" v-else>
						<text v-if="item.IsSignup!==1"
							@click="signupAdd(item.ActivityId,3)">我要报名（{{item.SignupNum}}/{{item.LimitPeopleNum}}）</text>
						<text v-else
							@click="signupCancel(item.ActivityId,3,item.ActivityTime)">取消报名（{{item.SignupNum}}/{{item.LimitPeopleNum}}）</text>
					</view>
				</view>
			</view>
			<u-loadmore :status="status" icon-type="flower" :load-text="loadText" margin-top="20" v-if="totalPage>1" />
		</view>
		<view class="nodata" v-else>
			<image src="@/static/img/act_search.png" mode="" class="nodata_ico"></image>
			<text>未找到搜索结果</text>
		</view>
		<modalDialog :isShow="isShow" :signupType="signupType" :goFollow="goFollow" :signupStatus="signupStatus"
			:isCancelShow="isCancelShow" :idTypeCancel="idTypeCancel" @cancelShowBtn="cancelEnsure"
			:isShowhasPermission="isShowhasPermission" :applyForIsShow="applyForIsShow" :hasPermission="hasPermission"
			:jurisdictionList="jurisdictionList" />
		<areaCode :isAreaCode="isAreaCode" :areaCode="areaCode" />
		<view class="select-box">
			<u-popup v-model="selectShow" mode="bottom">
				<view style="color: #333333;font-size: 28rpxrpx;">请选择参会方式</view>
				<view style="color: #2C83FF;" @click="signupAdd('id',1)">预约外呼</view>
				<view style="color: #2C83FF;" @click="signupAdd('id',2)">自主拨入</view>
				<view style="color: #A9AFB8;" @click="selectShow=false">取消</view>
			</u-popup>
		</view>
	</view>
</template>

<script>
	import {
		activity,
		User
	} from "@/config/api.js"
	import {
		Throttle
	} from '@/config/util.js'
	import modalDialog from '@/components/modalDialog.vue'
	let app = getApp()
	export default {
		data() {
			return {
				searchTxt: '',
				page_no: 1,
				pageSize: 10,
				collectList: [],
				isShowSearch: false,
				status: 'loadmore',
				totalPage: '',
				haveData: true,
				loadText: {
					loadmore: '上拉加载更多',
					loading: '加载中',
					nomore: '已经到底了'
				},
				listActivityStaus: [], //状态
				listActivityType: [], //类型
				listChartPermission: [], //分类
				isShowJurisdiction: false,
				activeState: "1,2,3", //活动进行状态
				activityTypeIds: '', //活动类型id 多个用 , 隔开
				chartPermissionIds: '', //行业id 多个用 , 隔开
				activeStateName: '全部状态',
				chartPermissionName: '行业分类',
				activityTypeName: '活动类型',
				isShowJurisdiction: false,
				isGain: true,
				signupType: '', //关注类型
				goFollow: false, //是否关注公众号
				signupStatus: 'Success', //4个不同的类型提示文案
				isShow: false, //弹框
				isCancelShow: false,
				idTypeCancel: {
					id: '',
					type: 1,
					cutId: '',
					state: '',
					isNum: false
				},
				isAreaCode: false,
				areaCode: {
					id: '',
					type: ''
				},
				isNeedAddCountryCode: false,
				selectShow: false,
				isId: 0,
				activityIdAdd: '',
				// 历史搜索列表
				historySearchList: [],
				hasPermission: '', //是否有权限
				jurisdictionList: {
					SellerMobile: '',
					PopupMsg: '',
					OperationMode: '',
				},
				isShowhasPermission: false, //拨打销售电话
				applyForIsShow: false, //潜在用户
			}
		},
		computed: {},
		watch: {
			searchTxt() {
				if (this.length > 0) {
					// this.searchTxt
				}
			}
		},
		components: {
			modalDialog
		},
		onLoad(option) {
			if (this.$db.get('historySearchListActivity')) {
				let historyList = JSON.parse(this.$db.get('historySearchListActivity'));
				this.historySearchList = historyList;
			}
			if (option.text) {
				this.activeState = option.statesId //活动进行状态
				this.activityTypeIds = option.typeIds //活动类型id 多个用 , 隔开
				this.chartPermissionIds = option.chartIds //行业id 多个用 , 隔开
				this.activeStateName = option.stateName
				this.chartPermissionName = option.chartName
				this.activityTypeName = option.typeName
				this.searchTxt = option.text
				this.isGain = false
				this.isShowSearch = true
			} else {
				this.isGain = true
			}
			if (option.text) {
				this.searchHandle()
			}
			this.countryCcode()
		},
		/* 触底 */
		onReachBottom: Throttle(function() {
			if (this.status === 'nomore') return;
			this.status = 'loading';
			this.page_no++;
			this.getList()
		}),
		methods: {
			wanttosignup(id) {
				this.activityIdAdd = id
				this.selectShow = true
			},
			//获取是否需要填写区号接口
			countryCcode() {
				User.countryCcode().then(res => {
					if (res.Ret == 200) {
						this.isNeedAddCountryCode = res.Data.IsNeedAddCountryCode
					}
				})
			},
			searchHandle() {
				if (this.searchTxt) {
					//添加搜索记录
					if (!this.historySearchList.includes(this.searchTxt)) {
						this.historySearchList.unshift(this.searchTxt);
						this.$db.set('historySearchListActivity', JSON.stringify(this.historySearchList))
					}
					this.isShowSearch = true
					if (this.isGain) {
						this.empty()
						this.getList()
					}
					this.getUserSearchContent()
				} else {
					this.$util.toast('请输入关键字')
				}
			},
			// 选择历史搜索
			chooseTarget(item) {
				this.searchTxt = item;
				this.collectList = [];
				this.page_no = 1;
				this.searchHandle()
			},
			/* 历史搜索清空 */
			clearHistory() {
				this.historySearchList = [];
				this.$db.del('historySearchListActivity');
			},
			//获取列表
			getList() {
				activity.getActivityList({
					PageSize: this.pageSize,
					CurrentIndex: this.page_no,
					ActiveState: this.activeState, //活动进行状态
					ActivityTypeIds: this.activityTypeIds, //活动类型id 多个用 , 隔开
					ChartPermissionIds: this.chartPermissionIds, //行业id 多个用 , 隔开
					KeyWord: this.searchTxt,
				}).then(res => {
					if (res.Ret !== 200) return
					this.status = this.page_no < res.Data.Paging.Pages ? 'loadmore' : 'nomore';
					this.totalPage = res.Data.Paging.Pages; //总页数
					if (this.page_no === 1) {
						this.collectList = res.Data.List || [];
						this.haveData = this.collectList.length ? true : false
						if (this.refresh) {
							uni.stopPullDownRefresh();
							this.refresh = false;
						}
					} else {
						this.collectList.push(...res.Data.List)
					}
				})
			},
			//获取活动详情接口
			getUserSearchContent(name) {
				activity.getUserSearchContent({
					IsShowJurisdiction: this.isId
				}).then(res => {
					if (this.isGain) {
						res.Data.ListActivityStaus.forEach(item => {
							item.IsChoose = true
						})
					}
					this.isShowJurisdiction = res.Data.IsShowJurisdiction
					this.listActivityStaus = res.Data.ListActivityStaus
					this.listActivityType = res.Data.ListActivityType
					this.listChartPermission = res.Data.ListChartPermission || []
					if (this.isGain) {
						// this.preserve()
					} else {
						this.shareOption()
					}
					if (name == 'traverse') {
						const hyArr = []
						this.listChartPermission.forEach(key => {
							if (key.IsChoose) {
								hyArr.push(key.ChartPermissionId)
							}
						})

						this.chartPermissionIds = hyArr.join(',')
					}
				})
			},
			//报名
			signupAdd(id, type) {
				if (app.globalData.isBind && !app.globalData.isAuth) {
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return
				}
				this.selectShow = false
				if (id == 'id') {
					id = this.activityIdAdd
				}
				if (this.isNeedAddCountryCode) {
					this.isAreaCode = true
					this.areaCode = {
						id,
						type
					}
				} else {
					activity.signupAdd({
						ActivityId: id,
						SignupType: type,
					}).then(res => {
						if (res.Ret == 200) {
							this.hasPermission = res.Data.HasPermission
							if (this.hasPermission == 1) {
								const index = this.collectList.findIndex(item => item.ActivityId == id)
								this.collectList[index].SignupType = type
								if (res.Data.GoFollow && res.Data.SignupStatus !== 'Success' || !res.Data
									.GoFollow) {
									this.isShow = true
								} else {
									this.goFollow = res.Data.GoFollow
								}
								this.signupType = res.Data.SignupType
								this.signupStatus = res.Data.SignupStatus
								this.idTypeCancel = {
									cutId: res.Data.ActivityId,
									state: 1
								}
							} else if (this.hasPermission == 2) {
								this.jurisdictionList.SellerMobile = res.Data.SellerMobile
								this.jurisdictionList.PopupMsg = res.Data.PopupMsg
								this.isShowhasPermission = true
							} else if (this.hasPermission == 3 || this.hasPermission == 4) {
								this.jurisdictionList.PopupMsg = res.Data.PopupMsg
								this.applyForIsShow = true
							}

						}
					})
				}
			},
			//取消报名
			signupCancel(id, type, time) {
				const str = time.replace(/-/g, '/')
				const date = new Date(str)
				const times = date.getTime()
				const num = new Date().getTime()
				if (times - num <= 3600000) {
					uni.showModal({
						confirmText: '知道了',
						showCancel: false,
						confirmColor: '#3385FF',
						content: type == 1 ? '活动开始前1小时内无法取消预约外呼，请联系对口销售处理' : '活动开始前1小时内无法取消报名，请联系对口销售处理'
					})
					return
				}
				this.isCancelShow = true
				this.idTypeCancel = {
					id,
					type,
					cutId: '',
					state: 0,
					isNum: true
				}
			},
			shareOption() {
				const arr = this.activeState.split(',').map(item => item - 0)
				this.listActivityStaus.forEach(item => {
					if (arr.indexOf(item.Id) !== -1) {
						item.IsChoose = true
					} else {
						item.IsChoose = false
					}
				})

				const hyarr = this.chartPermissionIds.split(',').map(item => item - 0)
				this.listChartPermission.forEach(key => {
					if (hyarr.indexOf(key.ChartPermissionId) !== -1) {
						key.IsChoose = true
					} else {
						key.IsChoose = false
					}
				})
				const lxarr = this.activityTypeIds.split(',').map(item => item - 0)
				this.listActivityType.forEach(key => {
					if (lxarr.indexOf(key.ActivityTypeId) !== -1) {
						key.IsChoose = true
					} else {
						key.IsChoose = false
					}
				})
				this.preserve()
			},

			preserve() {
				const arr = []
				const str = []
				this.listActivityStaus.forEach(item => {
					if (item.IsChoose) {
						arr.push(item.Id)
						str.push(item.StatusName)
					}
				})
				if (str.length == this.listActivityStaus.length) {
					this.activeStateName = '所有状态'
				} else if (str.length <= 0) {
					this.activeStateName = '活动状态'
				} else {
					this.activeStateName = str.join(',')
				}
				this.activeState = arr.join(',')
				const hyArr = []
				const hyStr = []
				this.listChartPermission.forEach(key => {
					if (key.IsChoose) {
						hyArr.push(key.ChartPermissionId)
						hyStr.push(key.PermissionName)
					}
				})
				if (hyStr.length == this.listChartPermission.length) {
					this.chartPermissionName = '所有行业'
				} else if (hyStr.length <= 0) {
					this.chartPermissionName = '行业分类'
				} else {
					this.chartPermissionName = hyStr.join(',')
				}
				this.chartPermissionIds = hyArr.join(',')
				const lxArr = []
				const lxStr = []
				this.listActivityType.forEach(key => {
					if (key.IsChoose) {
						lxArr.push(key.ActivityTypeId)
						lxStr.push(key.ActivityTypeName)
					}
				})
				if (lxStr.length == this.listActivityType.length) {
					this.activityTypeName = '所有活动'
				} else if (lxStr.length <= 0) {
					this.activityTypeName = '活动类型'
				} else {
					this.activityTypeName = lxStr.join(',')
				}
				this.activityTypeIds = lxArr.join(',')
				this.getList()
			},
			//状态的下拉选择
			overallBtn(type, item) {
				this.listActivityStaus.forEach(key => {
					if (key.Id == item.Id) {
						key.IsChoose = !key.IsChoose
					}
				})
			},
			// 行业的下拉选择
			overallClick(type, item) {
				if (this.isShowJurisdiction) return
				this.listChartPermission.forEach(key => {
					if (key.ChartPermissionId == item.ChartPermissionId) {
						key.IsChoose = !key.IsChoose
					}
				})
			},
			//类型的下拉选择
			overallActivity(type, item) {
				this.listActivityType.forEach(key => {
					if (key.ActivityTypeId == item.ActivityTypeId) {
						key.IsChoose = !key.IsChoose
					}
				})
			},
			/* 新布局产业选项重置按钮 */
			replacementBtn(type) {
				if (type == 'statusstate') {
					this.listActivityStaus.forEach(item => item.IsChoose = false)
					this.listActivityStaus[0].IsChoose = true
					this.activeState = '1'
					this.activeStateName = '未开始'
				} else if (type == 'industry') {
					this.chartPermissionIds = ''
					this.isShowJurisdiction = false
					this.isId = 2
					this.getUserSearchContent()
					this.listChartPermission.forEach(item => item.IsChoose = false)
					this.chartPermissionName = '行业分类'
				} else {
					this.listActivityType.forEach(item => item.IsChoose = false)
					this.activityTypeIds = ''
					this.activityTypeName = '活动类型'
				}
			},
			empty() {
				this.listActivityStaus.forEach(item => item.IsChoose = true)
				this.activeState = '1,2,3'
				this.activeStateName = '全部状态'
				this.chartPermissionIds = ''
				this.listChartPermission.forEach(item => item.IsChoose = false)
				this.chartPermissionName = '行业分类'
				this.listActivityType.forEach(item => item.IsChoose = false)
				this.activityTypeIds = ''
				this.activityTypeName = '活动类型'
			},
			/* 新布局产业选项确定按钮 */
			replacementConfirm(type) {
				this.page_no = 1
				if (type == 'statusstate') {
					const arr = []
					const str = []
					this.listActivityStaus.forEach(key => {
						if (key.IsChoose) {
							arr.push(key.Id)
							str.push(key.StatusName)
						}
					})
					if (str.length == this.listActivityStaus.length) {
						this.activeStateName = '所有状态'
					} else if (str.length <= 0) {
						this.activeStateName = '活动状态'
					} else {
						this.activeStateName = str.join(',')
					}
					this.activeState = arr.join(',')
				} else if (type == 'industry') {
					const arr = []
					const str = []
					this.listChartPermission.forEach(key => {
						if (key.IsChoose) {
							arr.push(key.ChartPermissionId)
							str.push(key.PermissionName)
						}
					})
					if (str.length == this.listChartPermission.length) {
						this.chartPermissionName = '所有行业'
					} else if (str.length <= 0) {
						this.chartPermissionName = '行业分类'
					} else {
						this.chartPermissionName = str.join(',')
					}
					this.chartPermissionIds = arr.join(',')

				} else {
					const arr = []
					const str = []
					this.listActivityType.forEach(key => {
						if (key.IsChoose) {
							arr.push(key.ActivityTypeId)
							str.push(key.ActivityTypeName)
						}
					})
					if (str.length == this.listActivityType.length) {
						this.activityTypeName = '所有活动'
					} else if (str.length <= 0) {
						this.activityTypeName = '活动类型'
					} else {
						this.activityTypeName = str.join(',')
					}
					this.activityTypeIds = arr.join(',')
				}
				this.page_no = 1
				this.collectList = []
				this.getList()
				this.selectComponent(`#${type}`).toggle();
			},
			/* 表单清空 */
			clearIpt() {
				this.searchTxt = ''
				this.collectList = []
				this.haveData = true
				this.isShowSearch = false
			},
			//文章详情
			goDetail(item) {
				if ((!app.globalData.isAuth) && (!app.globalData.isBind)) { // 已授权已绑定
					uni.navigateTo({
						url: '/pages/activityDetail/activityDetail?id=' + item.ActivityId,
					});
				} else if (app.globalData.isAuth) { //未授权
					uni.navigateTo({
						url: '/pages/authGuide/authGuide'
					})
				} else if (app.globalData.isBind && !app.globalData.isAuth) { //已授权未绑定
					uni.navigateTo({
						url: '/pages/login/login'
					})
				}
			},
			isJurisdiction() {
				if (this.isShowJurisdiction) {
					this.isId = 2
				} else {
					this.isId = 1
				}
				this.getUserSearchContent('traverse')
			},
			//取消弹框的确认事件
			cancelEnsure(obj, type, unm) {
				if (obj.cutId == 0) return
				this.collectList.forEach(item => {
					if (obj.cutId == item.ActivityId) {
						item.IsSignup = obj.state
						if (unm) {
							item.SignupNum = item.SignupNum - 1
						} else {
							item.SignupNum = item.SignupNum + 1
						}
					}
				})
			},
			//添加会议提醒接口
			meetingReminderAdd(id) {
				if (app.globalData.isBind && !app.globalData.isAuth) {
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return
				}
				activity.meetingReminderAdd({
					ActivityId: id
				}).then(res => {
					if (res.Ret == 200) {
						this.hasPermission = res.Data.HasPermission
						if (this.hasPermission == 1) {
							uni.showModal({
								confirmText: '知道了',
								confirmColor: '#3385FF',
								content: res.Msg,
								showCancel: false,
								success: (res) => {

									this.collectList.forEach(item => {
										if (id == item.ActivityId) {
											item.IsCancelMeetingReminder = 1
										}
									})

								}
							})
						} else if (this.hasPermission == 2) {
							this.jurisdictionList.SellerMobile = res.Data.SellerMobile
							this.jurisdictionList.PopupMsg = res.Data.PopupMsg
							this.isShowhasPermission = true
						} else if (this.hasPermission == 3 || this.hasPermission == 4) {
							this.jurisdictionList.PopupMsg = res.Data.PopupMsg
							this.applyForIsShow = true
						}

					}
				})
			},
			//取消会议提醒接口
			meetingReminderCancel(id) {
				activity.meetingReminderCancel({
					ActivityId: id
				}).then(res => {
					if (res.Ret == 200) {
						uni.showModal({
							confirmText: '知道了',
							confirmColor: '#3385FF',
							content: res.Msg,
							showCancel: false,
							success: (res) => {
								if (res.confirm) {
									this.collectList.forEach(item => {
										if (id == item.ActivityId) {
											item.IsCancelMeetingReminder = 0
										}
									})
								}
							}
						})
					}
				})
			},
			authentication() {
				/*  */
				this.$store.dispatch('checkHandle').then(res => {
					app.globalData.isAuth = res.IsAuth;
					app.globalData.isBind = res.IsBind;
				})
			}

		},
		onShow() {
			this.authentication()
		},
		/**
		 * 用户点击分享
		 */
		onShareAppMessage: function(res) {
			return {
				title: '活动',
				path: '/pages/activitySearch/activitySearch?statesId=' + this.activeState + '&typeIds=' + this
					.activityTypeIds + '&chartIds=' + this.chartPermissionIds + '&stateName=' + this.activeStateName +
					'&chartName=' + this.chartPermissionName + '&typeName=' + this.activityTypeName + '&text=' + this
					.searchTxt,
				success: (res) => {},
				fail: (err) => {}
			}
		},
		/* 下拉刷新 */
		onPullDownRefresh: Throttle(function() {
			this.page_no = 1;
			this.refresh = true;
			if (this.tabsActive == 0) {
				this.getList()
			} else {
				this.getScheduleList()
			}
		}),
	}
</script>

<style scoped lang="scss">
	.activity-content {
		background-color: #F7F7F7;

		.top-content {
			width: 100%;
			background-color: #fff;
			padding: 0 30rpx;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;

			.search-cont-top {
				margin-top: 30rpx;

				.cont-tit {
					color: #666;
					font-size: 28rpx;
					margin-bottom: 30rpx;
					display: flex;
					justify-content: space-between;

					.empty_ico {
						width: 32rpx;
						height: 33rpx;
					}
				}

				.targetList {
					display: flex;
					flex-wrap: wrap;

					// justify-content: space-between;
					.target-item {
						padding: 4rpx 18rpx;
						color: #4A4A4A;
						font-size: 26rpx;
						// border: 1rpx solid #3385ff;
						background-color: #F7F7F7;
						margin-bottom: 30rpx;
						margin-right: 30rpx;
						border-radius: 20rpx;
					}
				}
			}

			.searchTarget-header {
				position: relative;
				width: 100%;
				background-color: #fff;
				padding: 20rpx 0;
				display: flex;
				justify-content: center;
				align-items: center;

				.sea_ipt_placeholder {
					color: #E5E5E5 !important;
				}

				.sea_ipt {
					width: 682rpx;
					height: 70rpx;
					line-height: 70rpx;
					box-sizing: border-box;
					border: 1rpx solid #E5E5E5;
					background-color: rgba(245, 245, 245, 0.2);
					font-size: 26rpx;
					color: #4A4A4A;
					padding: 0 180rpx 0 78rpx;
					border-radius: 70rpx;
				}

				.sea_ico {
					width: 31rpx;
					height: 31rpx;
					position: absolute;
					left: 48rpx;
					top: 50%;
					transform: translateY(-50%);
				}

				.ipt-right {
					display: flex;
					align-items: center;
					position: absolute;
					right: 59rpx;
					top: 50%;
					transform: translateY(-50%);
					color: #3385FF;

					.line {
						margin: 0 21rpx;
						color: #E0E0E0;
					}
				}
			}

			.menu-dashed {
				margin: 0 auto;
				width: 682rpx;
				border-bottom: 2rpx solid #E5E5E5;
			}

			.select-conyent {
				.decide {
					background-color: #F8F8FA;
					display: flex;
					align-items: center;
					margin: 0 auto;
					height: 110rpx;
					width: 100%;
				}

				.items-box {
					width: 40rpx;
				}

				.menu-items {
					background-color: #F8F8FA;
					width: 100%;
					display: flex;
					flex-wrap: wrap;
					padding: 30rpx 30rpx 0;

					.menu-items-box {
						display: flex;
						width: 50%;
						font-size: 28rpx;
						font-weight: 400;
						margin-bottom: 40rpx;

					}
				}

				.replacement-box {
					background-color: #fff;
					padding-bottom: 40rpx;
					border-radius: 0rpx 0rpx 16rpx 16rpx;
				}

				.replacement {
					margin: 0rpx 30rpx 20rpx;
					display: flex;
					background-color: #2C83FF;
					opacity: 1;
					height: 60rpx;
					line-height: 58rpx;
					font-size: 28rpx;
					font-weight: 400;
					color: #FFFFFF;
					border-radius: 30rpx;

					text {
						flex: 1;
						text-align: center;

					}

					.replacement-box {
						border: 1rpx solid #2C83FF;
						opacity: 1;
						color: #2C83FF;
						background: #FFFFFF;
						border-radius: 28rpx 0rpx 28rpx 28rpx;
					}
				}
			}
		}

		.head {
			// padding-top: 80rpx !important;
			// padding-bottom: 30rpx !important;
		}

		.box-content {
			padding: 200rpx 34rpx 20rpx;
			background-color: #F7F7F7;

			.content-list {
				box-sizing: border-box;
				overflow: hidden;
				margin-top: 30rpx;
				// height: 396rpx;
				width: 100%;
				background: #FFFFFF;
				box-shadow: 0px 3rpx 6rpx rgba(141, 141, 141, 0.16);
				border-radius: 16rpx;
				font-size: 28rpx;

				.list-top {
					margin: 0 30rpx;
					display: flex;
					justify-content: space-between;
					border-bottom: 1rpx solid #E5E5E5;
					height: 82rpx;
					line-height: 82rpx;
					color: #333333;
					font-size: 32rpx;

					.list-top-box {
						display: flex;

						.title {
							color: #333333;
							font-size: 30rpx;
							font-weight: bold;
						}
					}

					.city {
						margin-left: 40rpx;
						display: flex;
						color: #3385FF;
						align-items: center;
						font-size: 26rpx;

						image {
							width: 27rpx;
							height: 32rpx;
							margin-right: 12rpx;
						}
					}
				}

				.list-center {
					width: 100%;
					color: #333333;

					.title {
						padding: 20rpx 30rpx 24rpx 30rpx;
						line-height: 46rpx;
						color: #333;
						font-size: 28rpx;
						font-weight: bold;
						text-indent: -14rpx
					}

					.title-two {
						padding-left: 30rpx;
						padding-bottom: 24rpx;
						padding-top: 20rpx;
						line-height: 46rpx;
						color: #333;
						font-size: 28rpx;
						font-weight: bold;
					}

					text {
						padding-left: 30rpx;
					}

					.setting-center {
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding-right: 30rpx;

						.box-expert {
							margin-left: 30rpx;
							display: flex;

						}
					}
				}

				.list-bottom {
					height: 80rpx;

					// border-top: 1px solid #E5E5E5;
					.multi {
						display: flex;
						text-align: center;
						line-height: 80rpx;
						color: #3385FF;

						text {
							width: 50%;
						}

						.multi-outbound {
							background: #3385FF;
							color: #FFFFFF;
							border-radius: 0px 0px 0px 16rpx;
						}

						.multi-remind {
							background: #EBF4FF;
							color: #3385FF;
							border-radius: 0px 0px 16rpx 0px;
						}
					}

					.multi-text {
						line-height: 80rpx;
						color: #FFFFFF;
						width: 100%;
						text-align: center;
						background: #3385FF;
						opacity: 1;
						border-radius: 0px 0px 16rpx 16rpx;
					}
				}
			}
		}

		.nodata {
			padding-top: 350rpx;

			image {
				width: 374rpx;
				height: 288rpx;
			}
		}

		.select-box {
			width: 100%;

			view {
				height: 95prx;
				line-height: 95rpx;
				text-align: center;
				font-size: 32rpx;
				border-bottom: 1rpx solid #EBEBEB;
				;
			}
		}

		.select-box {
			width: 100%;

			view {
				height: 95prx;
				line-height: 95rpx;
				text-align: center;
				font-size: 32rpx;
				border-bottom: 1rpx solid #EBEBEB;
				;
			}
		}
	}

	/deep/.van-dropdown-menu {
		background-color: #fff;
		box-shadow: none !important;
		padding-top: 20rpx;
	}

	/deep/.van-dropdown-menu__item {
		box-sizing: border-box;
		width: 190rpx;
		margin-right: 40rpx;
		padding-right: 20rpx;
		height: 51rpx;
		border-radius: 26rpx;
		background: #F8F8FA;
	}

	/deep/.van-dropdown-item {
		margin-top: -10rpx;
	}

	/deep/[data-index='2'] {
		margin-right: 0rpx;
	}

	/deep/ .van-ellipsis {
		font-size: 24rpx;
	}
</style>
