ylrz_scrm_company_h5/pages/courseManage/vip/index.vue

<template>
	<view class="container column">
		<view class="headbox">
			<view style="padding: 10px 10px 0 10px;" class="mb20">
				<u-subsection class="subsection" :list="list" :current="current" bgColor="#e7f1fe" activeColor="#1677ff"
					:fontSize="15" :bold="false" @change="sectionChange"></u-subsection>
				<view style="margin-top: 10px;" v-if="current==0">
					<u-search placeholder="会员ID、昵称、姓名、手机" v-model="keyword" :showAction="false" height="30px"
						@search='searchKeyword'></u-search>
				</view>
				<view class="x-bc" v-if="current==0">
					<u-tabs :list="list2" :current='currentType' :lineWidth="40" lineColor="#1677ff"
						:activeStyle="activeStyle" :inactiveStyle="inactiveStyle" @click="clickTypeTab"></u-tabs>
					<!-- <view class="participate-order x-f">
						<image src="@/static/images/order_icon2.png" mode="aspectFill"
							v-if="searchTypeIndex == 0 || searchTypeIndex == 2"></image>
						<image src="@/static/images/order_icon.png" mode="aspectFill" v-else></image>
						<picker @change="bindPickerChange" :value="searchTypeIndex" :range="typeArray">
							{{typeoption[searchTypeIndex]}}
						</picker>
					</view> -->
				</view>
				<view class="tagbox x-bc" v-if="current==0">
					<view class="tagbox-left x-f">
						<!-- <view class="x-f" @click="openPop('search')">{{array[queryParam.typeIndex].name}}<u-icon name="arrow-down-fill" color="#2979ff" size="11" style="margin: 0 3px;"></u-icon></view> -->
						<view class="tagbox-list x-f">
							<view class="tagbox-item x-f" v-for="(item,index) in showCompanytag" :key='item.tagId'
								:class="item.checked?'checked-bg':''">
								{{item.tag}}
							</view>
						</view>
					</view>
					<view class="tagbox-right x-f" @click="openPop('tag')">筛选<u-icon name="arrow-down" color="#1677ff"
							size="12"></u-icon></view>
				</view>
			</view>
			<view v-if="current==0">
				<dropdownPanel :filterData='filterData' @onClick="getactNav" :itemname='itemname' @onChange="onChange"
					@confirm="confirm" @reset="reset" :ispopshow='ispopshow'>
					<view v-if="filterData[searchbarNav].type == 'registerTime'">
						<view class="boxnav x-bc ">
							<view class="boxnav-item" style="width: 25%;"
								v-for="(item,index) in filterData[searchbarNav].option" :key="index">
								<view class="boxnav-item-info one-t"
									:class="registerTimeIndex == index ? 'boxnav-active':''"
									@click="handleParamItem('registerTime',index)">{{item.label}}</view>
							</view>
							<view class="boxnav-item x-ac" style="width: 100%;" v-show="registerTimeIndex == 4">
								<view class="calendar-day x-c" @click="$refs.calendar.open()">
									<u-icon name="calendar" color="#999"
										size="20"></u-icon>{{queryParam.startTime || '选择日期'}}
								</view>
								<view class="calendar-day x-c" @click="$refs.calendar.open()">
									<u-icon name="calendar" color="#999"
										size="20"></u-icon>{{queryParam.endTime || '选择日期'}}
								</view>
							</view>
						</view>
					</view>
					<view v-if="filterData[searchbarNav].type == 'watchStatus'">
						<view class="boxnav x-bc">
							<view class="boxnav-item" v-for="(item,index) in filterData[searchbarNav].option"
								:key="index">
								<view class="boxnav-item-info one-t"
									:class="watchStatusIndex == index ? 'boxnav-active':''"
									@click="handleParamItem('watchStatus',index)">{{item.label}}</view>
							</view>
						</view>
					</view>
					<view v-if="filterData[searchbarNav].type == 'nowatchStatus'">
						<view class="boxnav x-bc">
							<view class="boxnav-item" v-for="(item,index) in filterData[searchbarNav].option"
								:key="index">
								<view class="boxnav-item-info one-t"
									:class="nowatchStatusIndex == index ? 'boxnav-active':''"
									@click="handleParamItem('nowatchStatus',index)">{{item.label}}</view>
							</view>
						</view>
					</view>
				</dropdownPanel>
			</view>
		</view>
		<uni-calendar ref="calendar" :clear-date="true" :date="date" :insert="false" :lunar="false"
			:startDate="$u.timeFormat(new Date().getTime() - (3600 * 24 * 365 * 1000), 'yyyy-mm-dd')" :range='true'
			@confirm="confirmCalendar" :endDate="$u.timeFormat(new Date().getTime(), 'yyyy-mm-dd')" />
		<!-- 搜索选择弹窗/标签筛选 -->
		<u-popup :show="showPop" :round="12" @close="closePop" class="model" :zIndex="10076" style="flex: 0;">
			<view class="popbox">
				<view class="popbox-head">
					<u-icon class="close-circle" name="close-circle" color="#ccc" size="24" @click="closePop"></u-icon>
					{{popTitle}}
				</view>
				<view class="popbox-body">
					<view class="radiobox" v-show="popTitle == '搜索选择'">
						<label class="radiobox-item x-bc mbline" v-for="(item, index) in array" :key="item.value"
							@click="bindTypeChange(index)">
							<view>{{item.name}}</view>
							<radio :value="item.value" :checked="index === typeIndex" style="transform:scale(0.75)" />
						</label>
					</view>
					<view class="tagbox-list x-f">
						<!-- <view class="tagbox-item x-f tag-active" @click="chooseTag">未打标签</view> -->
						<view class="mlr10 " v-for="(item,index) in companytag" :key='item.tagId'>
							<u-tag :text="item.tag" :plain="!item.checked" :name="index"
								@click="chooseTag(index)"></u-tag>
						</view>
					</view>
				</view>
				<view class="popbox-footer x-bc">
					<button class="popbox-footer-btn" @click="resetPop" v-show="popTitle == '标签筛选'">重置</button>
					<button class="popbox-footer-btn" @click="closePop" v-show="popTitle == '搜索选择'">取消</button>
					<button class="popbox-footer-btn con-btn" @click="confirmPop">确定</button>
				</view>
			</view>
		</u-popup>
		<view class="userbox column hb hidden">
			<!-- <mescroll-body  bottom="0" ref="mescrollRef" @init="mescrollInit" :down="downOption" :up="upOption" @down="downCallback" @up="upCallback"> -->
			<view class="userlist column hb hidden">
				<!-- <dropDownList /> -->
				<vipUserItem :viplist='userList' :isShowSelectAll="isShowSelectAll" @changeItem="changeItem"
					@getuserId='singleChange' @getlableId='singleChangeLable' @change='changesinglevip'
					@pullDownRefresh="current==0?getfsuserListdata('refresh'):getbalckList('refresh')"
					@reachBottom="current==0?getfsuserListdata('more'):getbalckList('more')"
					@changePageOptions="e=>pageOptions=e" :pageOptions="pageOptions" :status="status"
					@changeStatus="e=>status=e" />
				<u-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/car.png" v-if="userList.length==0">
				</u-empty>
				<view class="justify-between base-bg-f foot-select" v-if="isShowSelectAll">
					<view class="align-center justify-between" v-if="isShowSelectAll">
						<u-checkbox-group @change="selectAll">
							<u-checkbox :checked="isSelectAll" shape="circle" activeColor="#FF6C47" :name="true"
								label="全选" labelColor="#333" /><text class="fs24 base-color-9 ml12">已选 {{selectedCount}}
								个</text>
						</u-checkbox-group>
					</view>
					<view class="justify-center ">
						<button class="base-bg-red radius100 colorf h62 fs28 lh62 mlr10"
							@click="changeProhibit">禁用</button>
						<button class="base-bg-blue radius100 colorf h62 fs28 lh62"
							@click="showTagSelect=!showTagSelect">改标签</button>
						<button class="base-bg-f radius100 base-color-red h62 ml10 fs28 lh60"
							style="border: #ef4c50 solid 2rpx;" v-if="user.userType==0"
							@click="changevipuser">更换归属</button>
					</view>
				</view>
			</view>
			<!-- </mescroll-body> -->
		</view>
		<!-- <u-picker :show="showTagSelect" :columns="companytag" keyName="tag" @cancel='showTagSelect=false'
			@confirm='singleChangeLable' ></u-picker> -->
		<u-popup :show="showTagSelect" @close='closetagselect' :closeOnClickOverlay='true'
		 mode="bottom" style="z-index: 99999;">
			<view class=" w100 bgf">
				<view class="plr28 ptb16 justify-between" style="flex-direction: row-reverse">
					<u-icon class="" name="close-circle" color="#ccc" size="24" @click="closetagselect"></u-icon>
				</view>
				<view class="justify-start p32">
					<view class="mlr10 " v-for="(item,index) in changetag" :key='item.tagId'>
						<u-tag :text="item.tag" :plain="!item.checked" :name="index" @click="choosechangeTag"></u-tag>
					</view>
				</view>
				<view class="justify-between p32">
					<view class="changetagbtn base-bg-f8" @click="showTagSelect=!showTagSelect">取消</view>
					<view class="changetagbtn colorf base-bg-blue" @click="suretagchangeAll">确定</view>
				</view>
			</view>
		</u-popup>
		<image class="invite-member" src="@/static/images/invite-member-icon.png" mode="aspectFill" @click="vipInvite"
			v-if='!isShowSelectAll && user.userType==1'>
		</image>
		<!-- 邀请弹窗 -->
		<u-popup :show="invitePop" :round="12" @close="invitePop = false" :zIndex="10074" style="flex: 0;">
			<view class="popbox">
				<view class="popbox-head">
					<u-icon class="close-circle" name="close-circle" color="#ccc" size="24"
						@click="invitePop = false"></u-icon>
					分享方式
				</view>
				<view class="popbox-body">
					<view class="choosetitle x-bc">
						<view>选择标签</view>
						<view v-if="sharetaglist" style="color:#1677ff"
						 @click="addtag(0)">{{zhanshitag}}</view>
						<view class="x-f" style="color:#1677ff;"v-else
						@click="addtag(0)">
							<u-icon name="plus" color="#1677ff" size="14" 
							style="margin-right: 5px;"></u-icon>添加标签
						</view>
					</view>
					<view class="invitetip">选择标签，当会员注册成功后，即可自动打标签</view>
					<!-- <view class="tagbox-list x-f" style="margin-top: 10px;margin-left: 0px;">
						<view class="tagbox-item x-f" @click="chooseTag">未打标签</view>
						<view class="tagbox-item x-f tag-active">未打标签</view>
					</view> -->
					<view class="x-bc" style="margin-top: 30px;">
						<view class="sharePop-item y-f " @click="shareimg" style="text-align: center;">
							<image src="@/static/images/card_icon.png" mode="aspectFill"
							style="width: 80rpx; height: 80rpx;margin-top: 20rpx;"></image>
							<view style="font-weight: bold;margin-bottom: 4px;">生成卡片</view>
							<view style="font-size: 12px;color: #888;">指导分享轻松转发</view>
						</view>
						<view class="sharePop-item y-f " @click="buildimg"  style="text-align: center;">
							<image src="@/static/images/poster_icon.png" mode="aspectFill"></image>
							<view style="font-weight: bold;margin-bottom: 4px;">生成海报</view>
							<view style="font-size: 12px;color: #888;">保存海报美观宣传</view>
						</view>
						<view class="sharePop-item y-f " @click="copyLink"  style="text-align: center;">
							<image src="@/static/images/link_icon.png" mode="aspectFill"></image>
							<view style="font-weight: bold;margin-bottom: 4px;">复制链接</view>
							<view style="font-size: 12px;color: #888; " >生成链接一键复制</view>
						</view>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 设置链接有效时长弹窗 -->
		<u-modal :show="setTimeShow" content='content' class="model" @confirm="confirmTime">
			<view class="setTimebox">
				<view class="timetip">不传默认以系统参数为准</view>
				<view class="x-f">
					<text style="margin-right: 20px;">链接有效时长(分钟)</text>
					<u-input fontSize="14px" placeholder="链接有效时长" border="none" v-model="time" maxlength="5"></u-input>
				</view>
			</view>
		</u-modal>
		<!-- 长按保存海报 -->
		<u-popup :show="setImg"  @close="closeimg" :round="12">
			<view  class="w100 h500">
				<image :src="codeLink.url" class="codeimg w660" mode="widthFix"></image>
			</view>
			<view class="justify-around mtb40">
				<view class="column justify-center align-center" @click="downimg">
					<image src='@/static/image/downicon.png' class="w80 h80"></image>
					<view class="mt10">长按图片保存</view>
				</view>
			</view>
		</u-popup>
		<!-- 卡片分享引导 -->
		<u-overlay :show="showzhidao" @click="showzhidao = false" style="z-index: 9999;">
			<view class="point-box">
				<view class="imgshe" >
					<image src='@/static/image/point.png' class="w300 h300"></image>
				</view>
				<view class="column colorf fs32 xu-box fs40
				align-center justify-center">
					<view class="justify-center">点击右上角
					<image src="../../../static/image/wxmore.png"
					class="w50 h50 mlr10"></image>
					</view>
					<view class="mt20">选择 “转发给朋友”</view>
					<view style="color: #cbcbcb;" class="fs28 mt40">点击任意位置关闭弹窗</view>
				</view>
			</view>
		</u-overlay>
		<!-- 更改归属 -->
		<u-picker :show="showcol" :columns="columns" @cancel='showcol=!showcol' @confirm='receiveA'
			keyName="nickName"></u-picker>
	</view>
</template>

<script>
	import {
		getfsuserList,
		getcompanyTaglist,
		Addblacklist,
		changeLable,
		getBlackvipNumber,
		getBlackvipList,
		getvipNum,
		changevipUser,
		getgroupList,
		becomeVipuser,
		becomeVipuserImg,
		getSDK
	} from "@/api/courseManage.js";
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	import vipUserItem from "../components/vipUserItem.vue"
	import dropDownList from "./dropDownList.vue"
	import dropdownPanel from "../components/dropdownPanel.vue"
	import {
		data
	} from "../../../uni_modules/uview-ui/libs/mixin/mixin";
	import html2canvas from 'html2canvas'
	import wx from 'weixin-js-sdk'
	export default {
		mixins: [MescrollMixin],
		components: {
			vipUserItem,
			dropdownPanel,
			dropDownList
		},
		data() {
			return {
				showcol: false,
				setImg:false,
				columns: [],
				showTagSelect: false,
				list: [{
					name: '会员(0)',

				}, {
					name: '小黑屋(0)'
				}],
				userList: [],
				current: 0,
				keyword: "",
				companytag: [],
				showCompanytag: [],
				selectedList: [], //已经选中标签列表
				list2: [{
					name: '全部',
				}, {
					name: '今日新增',
				}, {
					name: '今日完播'
				}, {
					name: '未看过课'
				}],
				currentType: 0,
				activeStyle: {
					color: '#1677ff',
					fontSize: '14px',
					fontWeight: 'bold'
				},
				inactiveStyle: {
					fontSize: '14px'
				},
				searchTypeIndex: 0,
				typeArray: ['连续缺课天数多到少', '连续缺课天数少到多', '按注册时间晚到早', '会员姓名0-9-A-Z'],
				typeoption: ['连续缺课', '连续缺课', '注册时间', '会员姓名'],
				array: [{
						value: '0',
						name: '关联搜索',
					},
					{
						value: '1',
						name: '精准搜索'
					}
				],
				typeIndex: 0,
				popTitle: '搜索选择',
				showPop: false,
				filterData: [{
						name: '注册时间',
						value: 0,
						type: 'registerTime',
						option: [{
							label: '全部',
						}, {
							label: '今天',
						}, {
							label: '昨天',
						}, {
							label: '近7天',
						}, {
							label: '自定义',
						}]
					}, {
						name: '看课状态',
						value: 1,
						type: 'watchStatus',
						option: [{
							label: '全部',
						}, {
							label: '未看过课',
						}, {
							label: '正常看课',
						}, {
							label: '停止看课',
						}]
					},
					{
						name: '批量',
						value: 3,
						type: 'piliang',
						special: true,
						stopPrevent: true
					}
				],
				searchbarNav: 0,
				registerTimeIndex: 0,
				watchStatusIndex: 0,
				watchStatusIndex: 0,
				showCalendar: false,
				date: '',
				mode: 'range',
				queryParam: {
					typeIndex: 0,
					startTime: '',
					endTime: ''
				},
				mescroll: null,
				downOption: {
					use: true,
					auto: false
				},
				upOption: {
					onScroll: false,
					use: true, // 是否启用上拉加载; 默认true
					auto: true,
					page: {
						pae: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
						size: 10 // 每页数据的数量,默认10
					},
					noMoreSize: 10, // 配置列表的总数量要大于等于5条才显示'-- END --'的提示
					textNoMore: "已经到底了",
					empty: {
						icon: 'https://cos.his.cdwjyyh.com/fs/20240423/cf4a86b913a04341bb44e34bb4d37aa2.png',
						tip: '暂无数据'
					}
				},
				dataList: [],
				invitePop: false,
				setTimeShow: false,
				time: "",
				user: {},
				idx: [],
				todayday: uni.$u.timeFormat(new Date(), 'yyyy-mm-dd'),
				startTime: '',
				endTime: '',
				isShowSelectAll: false, //是否显示全选
				isSelectAll: false, //是否全选
				ispopshow: false,
				selectidAll: [],
				changetag: [],
				selectidtag: '',
				itemname: '',
				userid: '',
				groupid: [],
				pageOptions: {
					pageNum: 1,
					pageSize: 5,
				},
				status: 'loadmore',
				sharetag:1,
				sharetaglist:[],
				codeLink: [],
				zhanshitag:'',
				copyLinks:'',
				showzhidao:false,
				imgs:'https://h5.wxcourse.cdwjyyh.com/icon/20250214100002.png'
			}
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title: '数据统计'
			});
			// this.getjssdklist()
		},
		onShow() {
			this.getfsuserListdata()
			this.getcompanyTag()
			this.getblacknum()
		},
		mounted() {
			this.user = uni.getStorageSync("companyUserInfo") ? JSON.parse(uni.getStorageSync("companyUserInfo")) : {}
			this.getfsuserListdata()
			this.getcompanyTag()
			this.getblacknum()
		},
		computed: {
			selectedCount() {
				return this.userList.filter(item => item.checked).length;
			},
		},
		methods: {
			getjssdklist() {
				const param = {
					url: window.location.href
				}
				getSDK(param).then(res => {
					wx.config({
						appId: res.data.appId, // 必填，公众号的唯一标识
						timestamp: res.data.timestamp, // 必填，生成签名的时间戳
						nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
						signature: res.data.signature, // 必填，签名
						jsApiList: ["updateAppMessageShareData"] // 必填，需要使用的JS接口列表
					});
				})
			},
			shareimg(){
				//分享好友
				let self = this
				// 配置--你到时候把配置全局 --就是这些东西  调接口拿
				wx.ready(function() { //需在用户可能点击分享按钮前就先调用
					wx.updateAppMessageShareData({
						title: self.user.userName+"邀请您成为会员", // 分享标题
						desc: self.user.deptName, // 分享描述
						link:self.copyLinks, 
						imgUrl: self.codeLink.url ||self.imgs, // 分享图标
						success: function(res) {
							self.showzhidao=true
							self.setImg=false
							self.showShare=false
							// 设置成功
							uni.showToast({
								title: '卡片已生成',
								icon: 'none',
								duration: 1000
							}); 
						},
						fail: function(err) {
							console.log(err);
							uni.showToast({
								title: '卡片生成失败，请重试',
								icon: 'none',
								duration: 2000
							})
						}
					})
				});
			},
			downimg(){
			},
			closeimg(){
				this.setImg=false
				this.invitePop=false
			},
			buildimg() {
				this.setImg=!this.setImg
				this.getshareimg()
			},
			addtag(add){
				this.sharetag=add
				this.showTagSelect=!this.showTagSelect
			},
			changevipuser() {
				this.showcol = !this.showcol
				this.getgrouplist()
			},
			getgrouplist() {
				//获取群管列表
				getgroupList().then(res => {
					if (res.code == 200) {
						this.columns = [res.data]
						// console.log(this.columns)
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						})
					}
				})
			},
			changeall() {
				//更换全部会员
				console.log(1)
				const param = {
					companyId: this.user.companyId,
					companyUserId: this.userid,
					userId: this.groupid
				}
				changevipUser(param).then(res => {
					if (res.code == 200) {
						uni.showToast({
							icon: 'none',
							title: '更换会员归属成功'
						})
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						})
					}
				})
			},
			receiveA(e) {
				console.log(e)
				this.userid = e.value[0].userId
				if (this.isShowSelectAll == true) {
					this.groupid = this.selectidAll
					this.changeall()
					this.showcol = !this.showcol
					setTimeout(() => {
						this.getfsuserListdata()
					}, 200)
				} else {
					this.changeall()
					this.showcol = !this.showcol
					this.getfsuserListdata()
				}
				this.isSelectAll = false
			},
			getvipListnum() {
				const param = {
					companyId: this.user.companyId,
					companyUserId: this.user.userId,
					queryValue: this.currentType,
					regiesterStartTime: this.startTime,
					regiesterEndTime: this.endTime,
					searchValue: this.keyword,
					type: this.user.userType == '00' ? 0 : 1, // 0:经销商/1:群管
					watchCourseType: this.watchStatusIndex,
					tagIds: this.idx
				}
				getvipNum(param).then(res => {
					if (res.code == 200) {
						this.list[0].name = "会员" + '(' + res.data + ')'
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						})
					}
				})
			},
			getactNav(data) {
				console.log(data)
				if (data.value == 3) {
					this.itemname = data.name
					this.isShowSelectAll = !this.isShowSelectAll
				} else {
					this.isShowSelectAll = false
				}
			},
			getblacknum() {
				//获取小黑屋数量
				const params = {
					companyId: this.user.companyId,
					companyUserId: this.user.userId,
					type: this.user.userType == '00' ? 0 : 1, // 0:经销商/1:群管
				}
				getBlackvipNumber(params).then(res => {
					if (res.code == 200) {
						this.list[1].name = "小黑屋" + '(' + res.data + ')'
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						})
					}
				})
			},
			getbalckList(type = "refresh") {
				//获取小黑屋用户列表
				const params = {
					companyId: this.user.companyId,
					companyUserId: this.user.userId,
					type: this.user.userType == '00' ? 0 : 1, // 0:经销商/1:群管
				}
				getBlackvipList(params).then(res => {
					if (res.code == 200) {
						if (type == 'refresh') {
							this.userList = res.data.list
						} else {
							this.userList = [...this.userList, ...res.data.list]
						}
						if (res.data.isLastPage) {
							this.status = 'nomore'
						} else {
							this.status = 'loadmore'
						}
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						})
					}
				})
			},
			closetagselect() {
				this.showTagSelect = !this.showTagSelect
			},
			suretagchangeAll() {
				if(this.sharetag==0){
					this.sharetaglist = this.changetag.filter(item => item.checked).map(v => v.tagId).join(',')
					this.showTagSelect = !this.showTagSelect
					this.zhanshitag = this.changetag.filter(item => item.checked).map(v => v.tag).join(',')
					console.log(this.sharetaglist)
				}else{
					//多选改标签确认按钮
					this.showTagSelect = !this.showTagSelect
					if (this.selectidAll.length == 0) {
						uni.showToast({
							icon: 'none',
							title: '未选中用户'
						})
						return
					}
					this.selectidtag = this.changetag.filter(item => item.checked).map(v => v.tagId).join(',')
					this.changeLabelmore()
				}
			},
			singleChangeLable(data) {
				this.showTagSelect = !this.showTagSelect
				this.selectidAll[0] = data
			},
			changesinglevip(data) {
				this.showcol = !this.showcol
				console.log(data)
				this.groupid[0] = data
				this.getgrouplist()
			},
			changeLabelmore() {
				//改标签选择按钮
				const params = {
					companyId: this.user.companyId,
					companyUserId: this.user.userId,
					creatTime: '',
					createBy: '',
					createTime: '',
					id: '',
					params: {},
					remark: '',
					searchValue: '',
					updateBy: '',
					tagIds: this.selectidtag,
					updateTime: '',
					userId: this.selectidAll
				}
				changeLable(params).then(res => {
					if (res.code == 200) {
						this.getfsuserListdata()
						const timer = setTimeout(function() {
							uni.showToast({
								icon: 'none',
								title: '标签更改成功'
							})
						}, 500);
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						})
					}
				})
			},
			changeOwnership() {
				//更换归属（经销商功能）
			},
			getcompanyTag() {
				getcompanyTaglist().then(res => {
					if (res.code == 200) {
						this.showCompanytag = res.data
						this.companytag = res.data.map(item => {
							return {
								...item,
								checked: false,
							}
						})
						this.changetag = this.companytag
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						})
					}

				})
			},
			getfsuserListdata(type = "refresh") {
				const param = {
					companyId: this.user.companyId,
					companyUserId: this.user.userId,
					queryValue: this.currentType,
					regiesterStartTime: this.startTime,
					regiesterEndTime: this.endTime,
					searchValue: this.keyword,
					type: this.user.userType == '00' ? 0 : 1, // 0:经销商/1:群管
					watchCourseType: this.watchStatusIndex,
					tagIds: this.idx,
					...this.pageOptions
				}

				getfsuserList(param).then(res => {
					if (res.code == 200) {
						let dataList = res.data.list.map(item => {
							return {
								...item,
								checked: false,
							}
						})
						if (type == 'refresh') {
							this.userList = dataList
						} else {
							this.userList = [...this.userList, ...dataList]
						}
						if (res.data.isLastPage) {
							this.status = 'nomore'
						} else {
							this.status = 'loadmore'
						}
						this.list[0].name = "会员" + '(' + res.data.total + ')'
						// this.getvipListnum()
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						})
					}
				})
			},
			onChange(index) {
				if (index == 2) return
				this.searchbarNav = index
			},
			searchKeyword(value) {
				this.keyword = value
				this.getfsuserListdata()
			},
			singleChange(data) {
				this.selectidAll[0] = data
				this.changeProhibit()
			},
			changeProhibit() {

				//批量禁用选择按钮
				const params = {
					companyId: this.user.companyId,
					companyUserId: this.user.userId,
					creatTime: '',
					createBy: '',
					createTime: '',
					id: '',
					params: {},
					remark: '',
					searchValue: '',
					updateBy: '',
					updateTime: '',
					userId: this.selectidAll
				}
				Addblacklist(params).then(res => {
					if (res.code == 200) {
						this.getfsuserListdata()
						// 创建一个在**秒后执行的定时器
						const timer = setTimeout(function() {
							uni.showToast({
								icon: 'none',
								title: '禁用成功'
							})
						}, 500);
						this.getblacknum()
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						})
					}
				})
			},
			// 全选
			selectAll() {
				// 先设置全选
				this.isSelectAll = !this.isSelectAll
				// 然后设置列表  checked没得this不会报错吗  这是返回新数组 
				console.log(this.isSelectAll)
				this.userList = this.userList.map(item => {
					// 每一项的 checked为 全选的状态
					return {
						...item,
						checked: this.isSelectAll
					}
				})
				this.selectidAll = this.userList.filter(item => item.checked).map(item => item.userId)
				console.log(this.isSelectAll)
			},
			// 单选 /反选 
			changeItem(i) {

				let arr = {
					...this.userList[i],
					checked: !this.userList[i].checked
				}
				this.$set(this.userList, i, arr)
				this.selectidAll = this.userList.filter(item => item.checked).map(item => item.userId)
				console.log(this.selectidAll)
				this.isSelectAll = this.userList.every(item => item.checked)
				if (this.isSelectAll) {
					this.userList = this.userList.map(item => {
						return {
							...item,
							checked: this.isSelectAll
						}
					})
				}
				this.selectidAll = this.userList.filter(item => item.checked).map(item => item.userId)
			},
			reset() {
				//重置时间选择等筛选
				const type = this.filterData[this.searchbarNav].type
				console.log(this.registerTimeIndex)
				if (type == 'registerTime') {
					this.registerTimeIndex = ''
					this.endTime = ''
					this.startTime = ''
					this.getfsuserListdata()
					// console.log(this.getfsuserListdata())
				} else if (type == 'watchStatus') {
					this.watchStatusIndex = 0
					this.getfsuserListdata()
				} else {
			
				}
			},
			confirm(e) {
				this.pageOptions.pageNum=1
				const type = this.filterData[this.searchbarNav].type
				const value = this.registerTimeIndex
				if (type == 'registerTime') {
					if (value == 0) {
						this.startTime = ''
						this.endTime = ''
						this.getfsuserListdata()
					} else if (value == 1) {
						this.startTime = this.todayday + ' 00:00:00'
						this.endTime = this.todayday + ' 23:59:59'
						this.getfsuserListdata()
					} else if (value == 2) {
						let yesterday = new Date();
						yesterday.setDate(yesterday.getDate() - 1);
						this.startTime = uni.$u.timeFormat(yesterday, 'yyyy-mm-dd') + ' 00:00:00'
						this.endTime = uni.$u.timeFormat(yesterday, 'yyyy-mm-dd') + ' 23:59:59'
						this.getfsuserListdata()
					} else if (value == 3) {
						let yesterday = new Date();
						yesterday.setDate(yesterday.getDate() - 6);
						this.startTime = uni.$u.timeFormat(yesterday, 'yyyy-mm-dd') + ' 00:00:00'
						this.endTime = this.todayday + ' 23:59:59'
						this.getfsuserListdata()
					} else {
						this.getfsuserListdata()
					}
				} else if (type == 'watchStatus') {
					// this.watchStatusIndex=value
					this.getfsuserListdata()
					console.log(this.watchStatusIndex)
				}
				// this.mescroll.resetUpScroll()
			},
			
			handleParamItem(type, index) {
				if (type == 'registerTime') {
					this.registerTimeIndex = index
				} else if (type == 'watchStatus') {
					this.watchStatusIndex = index
					console.log(index)
				} else {
					this.ispopshow = false
				}
			},
			sectionChange(index) {
				this.current = index;
				if (index == 0) {
					this.getfsuserListdata()
					// this.getvipListnum()
				} else {
					this.getbalckList()
					this.getblacknum()
				}
			},
			clickTypeTab(e) {
				this.currentType = e.index
				this.getfsuserListdata()
			},
			bindPickerChange(e) {
				console.log('picker发送选择改变，携带值为', e.detail.value)
				this.searchTypeIndex = e.detail.value
			},
			openPop(type) {
				this.popTitle = type == 'search' ? '搜索选择' : type == 'tag' ? '标签筛选' : ''
				this.typeIndex = this.queryParam.typeIndex
				this.showPop = true
				if (type == 'tag') {
				}
			},
			closePop() {
				this.showPop = false
			},
			resetPop(i) {
				this.idx = []
				this.companytag.forEach(tag => {
					tag.checked = false; // 将所有标签的show属性重置为true
				});
				this.showPop = false
				this.$nextTick(()=>{
					this.getfsuserListdata()
				})
			},
			closeCalendar() {
				this.showCalendar = false
			},
			confirmCalendar(e) {
				// this.startTime = e[0]
				// this.endTime =  e[e.length-1]
				this.showCalendar = false
				this.queryParam.startTime = e.range.after
				this.queryParam.endTime = e.range.before
				this.endTime = e.range.before + ' 23:59:59'
				this.startTime = e.range.after + ' 00:00:00'
				console.log(e)
				// this.getCount()
			},
			bindTypeChange(i) {
				this.typeIndex = i
			},
			confirmPop() {
				this.queryParam.typeIndex = this.typeIndex
				this.showPop = false
				this.showCompanytag = this.companytag.filter(item => item.checked)
				this.idx = this.showCompanytag.map(v => v.tagId)
				//filtter(过滤)  筛选所有checked==true的  然后map返回每一项的id
				if (this.idx.length == 0) {
					this.showCompanytag = this.companytag
				}
				this.$nextTick(()=>{
					this.getfsuserListdata("refresh")
				})
			},
			chooseTag(i) {
				this.companytag[i].checked = !this.companytag[i].checked
			},
			choosechangeTag(i) {
				this.changetag[i].checked = !this.changetag[i].checked
			},
			vipInvite() {
				this.invitePop = true
				this.sharetaglist=null
				this.getlink('preload')
				this.getjssdklist()
			},
			copyLink() {
				this.setTimeShow = true
			},
			confirmTime() {
				this.setTimeShow = false
				this.showShare = false
				this.getshareLink()
			},
			getshareimg(){
				//生成海报
				uni.showLoading({
					title: '正在生成中...'
				})
				const param={
					code:'',
					companyId:this.user.companyId,
					companyUserId:this.user.userId
				}
				becomeVipuserImg(param).then(res=>{
					if(res.code==200){
						this.codeLink=res.data
						this.getlink()
						console.log(res)
					}else{
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 2000
						});
					}
				})
			},
			getlink(type){
				//生成链接
				const param={
					code:'',
					companyId:this.user.companyId,
					companyUserId:this.user.userId,
					tagids:this.sharetaglist,
					limitTime:this.time
				}
				becomeVipuser(param).then(res=>{
					if(res.code==200){
						this.copyLinks=res.data
						if (this.copyLinks.startsWith('http://')) {
							this.copyLinks = this.copyLinks.replace('http://', 'https://');
						  }
						console.log('28835',this.copyLinks)
						console.log(this.copyLinks,'235')
					}else{
					}
				})
			},
			getshareLink(){
				//生成链接
				const param={
					code:'',
					companyId:this.user.companyId,
					companyUserId:this.user.userId,
					tagids:this.sharetaglist,
					limitTime:this.time
				}
				becomeVipuser(param).then(res=>{
					if(res.code==200){
						this.copyLinks=res.data
						if (this.copyLinks.startsWith('http://')) {
							this.copyLinks = this.copyLinks.replace('http://', 'https://');
						  }
						console.log(this.copyLinks)
						setTimeout(()=>{
							uni.setClipboardData({
								data: String(this.copyLinks),
								success: () => {
								  uni.showToast({
									title: '复制成功',
									icon: 'none',
									duration: 2000
								  });
								  setTimeout(()=>{
									  this.invitePop=false
								  },200)
								  },
							})
						},100)
					}else{
						uni.showToast({
							icon: 'none',
							title: res.msg
						})
					}
				})
			},
			mescrollInit(mescroll) {
				this.mescroll = mescroll;
			},
			/*下拉刷新的回调 */
			downCallback(mescroll) {
				mescroll.resetUpScroll()
			},
			upCallback(page) {
				//联网加载数据
				var that = this;
				var data = {
					courseId: this.courseId,
					status: '',
					pageNum: page.num,
					pageSize: page.size
				};
				uni.showLoading({
					title: "加载中..."
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.imgshe{
		display: flex;
		flex-direction: row-reverse
	}
	.point-box{
		height: 100%;
		width: 100%;
		.xu-box{
			border: #f5f5f5 4rpx dashed;
			padding: 20rpx 20rpx;
		}
	}
	.codeimg {
		position: absolute;
		z-index: 9999;
		left: 40rpx;
		top: 40rpx;
	}
	
	#codeurl {
		position: relative;
	}
	.checked-bg {
		border: 1px solid #1677ff !important;
		color: #1677ff !important;
		background-color: #e7f1fe !important;
	}

	.changetagbtn {
		width: 45%;
		height: 80rpx;
		border-radius: 50rpx;
		text-align: center;
		line-height: 80rpx;
	}

	::v-deep {
		.foot-select {
			width: 100%;
			padding: 20rpx 20rpx;
			z-index: 10000 !important;
			position: fixed;
			bottom: 0;
			margin-left: -24rpx !important;
		}
	}

	::v-deep {
		.model .u-fade-enter-active {
			z-index: 10075 !important;
			
		}
	}

	::v-deep {
		.uni-calendar__mask {
			z-index: 11000 !important;
		}

		.uni-calendar__content {
			z-index: 12000 !important;
		}
	}

	.container {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 14px;
		color: #222222;
		height: 100%;
		overflow: hidden;
	}

	.boxnav {
		flex-wrap: wrap;
		padding: 0 0 0 10px;

		&-item {
			width: 50%;
			overflow: hidden;
		}

		&-item-info {
			border: 1px solid #f5f5f5;
			text-align: center;
			color: #222;
			background-color: #f5f5f5;
			border-radius: 3px;
			padding: 5px;
			margin: 0 10px 10px 0;
		}

		&-active {
			border: 1px solid #1677ff !important;
			color: #1677ff !important;
			background-color: #e7f1fe !important;
		}
	}

	.calendar-day {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 12px;
		color: #999;
		flex: 1;
		min-height: 30px;
		background-color: #f5f5f5;
		border-radius: 4px;
		margin: 0 10px 10px 0;
	}

	.setTimebox {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 14px;
		width: fit-content;
		height: fit-content;
	}

	.timetip {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 14px;
		color: #2979ff;
		text-align: center;
		margin-bottom: 5px;
	}

	.popbox {
		background-color: #fff;
		border-radius: 12px;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 14px;
		color: #333;

		&-head {
			padding: 15px;
			font-weight: bold;
			font-size: 15px;
			text-align: center;
			position: relative;
		}

		.close-circle {
			position: absolute;
			right: 10px;
			top: 50%;
			transform: translateY(-50%);
		}

		&-body {
			padding: 10px 10px;
		}

		.radiobox {
			&-item {
				padding: 10px 0;
				border-bottom: 1px solid #f5f5f5;

				&:last-child {
					border-bottom: none;
				}
			}
		}

		&-footer {
			padding: 15px 0;
		}

		&-footer-btn {
			flex: 1;
			height: 44px;
			line-height: 44px;
			margin: 0 10px;
			border-radius: 50px;
			border: none;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 14px;
			color: #333;

			&::after {
				border: none;
			}
		}

		.con-btn {
			background-color: #1677ff;
			color: #fff;
		}

		.choosetitle {
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 15px;
			color: #333;
		}

		.invitetip {
			margin-top: 10px;
			background-color: #ebf5fb;
			color: #1677ff;
			padding: 5px 10px;
			border-radius: 5px;
		}

		.sharePop-item {
			padding: 0 10px;
			box-sizing: border-box;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 14px;
			display: inline-flex !important;

			image {
				height: 48px;
				width: 48px;
				margin-bottom: 10px;
			}
		}
	}

	.headbox {
		background-color: #fff;

		.subsection {
			height: 45px;
			padding: 4px;
		}

		.participate-order {
			font-size: 12px;

			image {
				width: 15px;
				height: 15px;
			}
		}
	}

	.tag-active {
		background-color: #ffeceb !important;
		color: #f93e3e !important;
		border: 1px solid #f93e3e !important;
	}

	.tagbox {
		padding: 10px 0;
		font-size: 12px;
		color: #1677ff;

		&-list {
			margin: 0 0 -6px 6px;
			flex-wrap: wrap;
		}

		&-item {
			height: 26px;
			padding: 0 8px;
			margin: 0 6px 6px 0;
			border-radius: 4px;
			background-color: #f5f5f5;
			color: #999;
			border: 1px solid #f5f5f5;
			box-sizing: border-box;
			font-size: 12px;
		}
	}

	.invite-member {
		height: 55px;
		width: 50px;
		position: fixed;
		bottom: 80px;
		right: 10px;
		cursor: pointer;
	}

	.userlist {
		padding: 24rpx;
	}
</style>