crm-xcx/pages-roadshow/addActivity/mixin.js

import {
	researcherList,
	telTypes,
	companyInfo
} from '@/api/roadshow/index.js';
import { getDefaultOption } from './common.js';
import { areaList } from '../utils/area.js';

const moment = require('../utils/_moment.js');
moment.locale('zh-cn'); 


export default {
	data() {
		return {
			edit_id: '',//编辑活动id
			edit_rs_id: '',//编辑人id
			formData: {
				activityType: '',
				activityClass: '', // 活动类别
				roadshowType: '', // 路演/会议 形式
				roadshowPlatform: '', // 路演/会议 平台
				roadshowCity: '', // 路演/会议城市
				companyId: 0, // 客户id
				companyName: '', // 客户名称
				meetingTheme: '', // 会议主题
				partnersName: '', // 合作方名称
				selectResearchers: [
					{
						researcherId: '',
						startTime: '',
						endTime: '',
					}
				], // 选择的研究员
			},
			
			isActivityPicker: false, //活动类型弹窗
			isResearcherPicker: false, //研究员弹窗
			isTimePicker: false, //时间弹窗
			isAreaPicker: false, //地区弹窗
			isRoadshowTypePicker: false, //路演/会议形式弹窗
			isActivityClassPicker: false,//活动类别弹窗

			rs_picker: {
				firstindex:0,
				id:[],//选择研究员块级标识
			},

			pickerForm: {
				time: '',//时间默认
				area:'',//地区默认
			}, //picker的默认选中
			selectObj: {}, //选中的日期信息 下标
			selectRsIndex: '', //选中的研究员下标

			weekMap: new Map([
				['1','周一'],
				['2','周二'],
				['3','周三'],
				['4','周四'],
				['5','周五'],
				['6','周六'],
				['7','周日']
			]),
			activiytyTypes: [],//活动类型
			researcherList: [],//研究员列表
			telTypeList: [],//电话会类别
			areaList,//地区数据
			companyInfo: null,//客户信息
		}
	},
	computed: {
		/* 动态前缀 路演/会议 */
		dynamic_prefix() {
			return this.formData.activityType === '路演' ? '路演' : '会议';
		},
		// 新增的研究员的索引数组
		addResearchersIdx() {
			return this.formData.selectResearchers.map((item, index) => index).slice(1);
		},
	},
	watch: {
	},
	methods: {

		/* 获取研究员列表 */
		async getResearcherList() {
			const res = await researcherList();
			if (res.code !== 200) return
			this.researcherList = res.data.map(group => ({
				...group,
				text: group.GroupName,
				children: group.ResearcherList ? group.ResearcherList.map(child => ({
					...child,
					text: child.RealName,
					id: child.AdminId
				})) : []
			}));
		},
		
		/* 获取客户信息 */
		async getCompanyInfo() {
			const res = await companyInfo({ 
				CompanyId: this.formData.companyId
			})
			if(res.code !== 200) return
			this.companyInfo = res.data;
			this.formData.companyName = res.data.CompanyName;
			
		},
		
		/* 获取电话会类别 */
		async getTelType() {
			const { code,data } = await telTypes();
			if (code !== 200) return
			this.telTypeList = data[0].ChildList.map(_ => _.ActivityTypeName);
		},
		
		/* 新增活动成功后操作 */
		addActivityLink({text,content,link,query}) {
			uni.showModal({
				title:text,
				content,
				confirmText:'去查看',
				cancelColor: '#A9AFB8',
				confirmColor: '#3385FF',
				success: function(res) {
					if(res.confirm){
						uni.redirectTo({
							url:`${link}?type=${query.type}`,
						})
					}else {
						uni.navigateBack({
							delta:1
						})
					}
				}
			})
		},
		

		/* 添加研究员 */
		addResearcherHandle() {
			const {
				startTime,
				endTime
			} =
			this.formData.selectResearchers[0]; //默认添加时间同步

			this.formData.selectResearchers.push({
				researcherId: null,
				startTime,
				endTime,
			});
		},

		// 删除研究员
		delResearcherHandle(index) {
			this.formData.selectResearchers.splice(index, 1);
		},
		
		/* 取消 */
		cancelHandle() {
			uni.navigateBack({
				delta:1
			})
		},

		findName(id) {
			const flat_arr = JSON.parse(JSON.stringify(this.researcherList))
				.map((item) => item.ResearcherList || [])
				.flat(Infinity);

			return flat_arr.find((user) => user.AdminId === id)
				? flat_arr.find((user) => user.AdminId === id).RealName
				: '';
		},
		
		/* 选择活动 */
		confirmActivityType({detail}) {
			this.formData.activityType = detail.value;
			this.initOtherForm();
			this.isActivityPicker = false;
		},
		
		/* 切换类型时重置部分表单 */
		initOtherForm() {
			const {
				RoleTypeCode
			} = JSON.parse(uni.getStorageSync('userInfo')) || null;
			const {
				defaultActivityType,
				activityTypeList,
				startTime,
				endTime
			} = getDefaultOption(RoleTypeCode, 2);
			
			this.formData.roadshowType = '';
			this.formData.roadshowPlatform = '';
			this.formData.roadshowCity = '';
			this.formData.companyId = 0;
			this.formData.companyName = '';
			this.formData.meetingTheme = '';
			this.formData.partnersName = '';
			this.formData.activityClass = '';
			this.companyInfo = '';
			this.formData.selectResearchers = [
				{
					researcherId: '',
					startTime: startTime,
					endTime: endTime,
				},
			];
		},
		
		/* 选择活动类别 */
		confirmActivityClass({detail}) {
			this.formData.activityClass = detail.value;
			this.isActivityClassPicker = false;
		},

		/* 前往客户搜索 */
		goSearchCompany() {
			uni.navigateTo({
				url: `/pages-approve/search/index?type=roadshow`
			})
		},
		
		/* 选择研究员弹窗展开 */
		clickRsChoose(index) {
			if(this.edit_id) return;
			
			this.isResearcherPicker = true;
			this.rs_picker= {
				firstindex:0,
				id: this.formData.selectResearchers[index].researcherId ? this.formData.selectResearchers[index].researcherId.map(item => item) : []//选择研究员块级标识
			}
			
			this.selectRsIndex = index;
		},
			
		/* 选择研究员分组 */
		clickFirstHandle({detail}) {
	
			this.rs_picker.firstindex = detail.index;
		},
		
		/* 选择研究员项 路演 公开会议为单选 其余多选*/
		clickItemHandle({detail}) {
			const { activityType } = this.formData;
			
			if(['内部会议', '报告电话会'].includes(activityType)) {
				
				let index = this.rs_picker.id.indexOf(detail.AdminId);
				index > -1 ? this.rs_picker.id.splice(index, 1) : this.rs_picker.id.push(detail.AdminId);
				
			}else {
				this.rs_picker.id  = detail.AdminId;
			}
		},
		
		/* 取消选择研究员 */
		cancelResearcher() {
			this.rs_picker = {
				firstindex: 0,
				id: []
			}
			
			this.isResearcherPicker = false;
		},

		/* 选择研究员确认 */
		confirmResearcher() {
			console.log('确认选择')
			this.formData.selectResearchers[this.selectRsIndex].researcherId =  this.rs_picker.id;
			
			this.isResearcherPicker = false;
		},
		
		/* 研究员显示格式化为名字 */
		formatRsLable(arr) {
			if(!arr) return '';
			if( arr instanceof Array ) {
				return arr.map(item => {
					return this.findName(item)
				})
			}else {
				return this.findName(arr)
			}
		},

		/* 选择路演/会议形式 重置城市平台 */
		confirmRoadshowType({
			detail
		}) {
			this.formData.roadshowType = detail.value;
			
			this.formData.roadshowPlatform = '';
			this.formData.roadshowCity = '';
			this.isRoadshowTypePicker = false;
		},
		
		/* 选择地区弹窗 */
		clickAreaChoose() {
			const city = this.formData.roadshowCity.length ? this.formData.roadshowCity[1] : '';
			let cityCode = '';
			if(city)	for(let i in this.areaList.city_list) {
					if(this.areaList.city_list[i] === city){
						 cityCode = String(i);
						 break;
					}
				}
			// console.log(cityCode)
			this.pickerForm.area = cityCode;
			this.isAreaPicker = true
		},
		
		/* 选择地区 */
		confirmArea({detail}) {
			const { values } = detail;
			this.formData.roadshowCity = values.map(item => item.name);
			
			this.isAreaPicker = false;
		},

		/* 点击选择时间 */
		clickTimeChoose(index, type) {
			console.log(this.formData.selectResearchers[index])
			this.pickerForm.time = type === 'start' ? this.formData.selectResearchers[index].startTime : this.formData.selectResearchers[index].endTime;
			this.selectObj = {
				index,
				type
			}
			setTimeout(() => {
				this.isTimePicker = true;
			})
		},

		/* 选择时间 */
		confirmTime({detail}) {
			// console.log(val)
			const {
				index,
				type
			} = this.selectObj;

			if (type === 'start') {
				this.formData.selectResearchers[index].startTime = detail;
			} else {
				this.formData.selectResearchers[index].endTime = detail;
			}

			this.isTimePicker = false;
			this.pickerForm.time = '';
		},
		
		/* 添加完成后 拼接动态内容 */
		setDynamicLink(type) {
			switch (type) {
				case '内部会议' : return {
					text: '添加成功，已加入研究员日历',
					content: `可前往【我的日历】-【${type}】查看`,
					link: '/pages-approve/activity/list',
					query: {
						type
					},
				}
				case '报告电话会' : return {
					text: '添加成功，已加入研究员日历',
					content: `可前往【我的日历】-【${type}】查看`,
					link: '/pages-approve/activity/list',
					query: {
						type
					},
				}
				case '路演' : return {
					text: '活动申请已提交，请等待研究员处理',
					content: `可前往【我的日历】-【活动申请】查看`,
					link: '/pages-approve/activity/list',
					query: {
						type: '活动申请'
					},
				}
				case '公开会议' : return {
					text: '活动申请已提交，请等待研究员处理',
					content: `可前往【我的日历】-【活动申请】查看`,
					link: '/pages-approve/activity/list',
					query: {
						type: '活动申请'
					},
				}
			}
		},

		/* 绑定input输入value */
		bindInputHandle(key,{detail}) {
			this.formData[key] = detail;
		},

		/* 格式化时间显示 */
		formatterLabelTime(val) {
			if(!val) return '';

			const date = moment(val).format('MM.DD(ddd)  HH:mm');
			return date;

		},

		/* 格式化弹窗时间显示 */
		formatterPickerTime(type, val) {
			switch (type) {
				case 'year':
					return val + '年';
				case 'month':
					return val + '月';
				case 'day':
					return val + '日';
				case 'hour':
					return val + '时';
				case 'minute':
					return val + '分';
			}
		}
	}
}