<template>
	<view class="container">
		
		<view class="card">
			<picker mode="selector"  :range="datas_stu" range-key="name" @change="stu_change">
				<view class="cell">
					<view class="cell-label">
						学员姓名
					</view>
					<view class="cell-content">
						<input type="text" placeholder="请选择" v-model="name" disabled="true">
					</view>
				</view>
			</picker>
			<picker mode="date" :value="sx_time" :start="startDate" :end="endDate" @change="bindDateChange">
				<view class="cell not-border">
					<view class="cell-label">
						访谈时间
					</view>
					<view class="cell-content">
						{{sx_time?sx_time:'请选择'}}
					</view>
				</view>
			</picker>
		</view>
		
		<view class="card">
			<view class="cell not-border">
				<view class="cell-label">
					班主任自我介绍
				</view>
				<view class="cell-content">
					<view class="sf_v_btn_b" :class="{active:is_teacher==1}" @click="set_tch">
						<text class="icon icon-duigou"></text>
					</view>
				</view>
			</view>
		</view>
	
	</view>
</template>

<script>
	import Vue from 'vue'
	import {
		mapState,
		mapMutations
	} from 'vuex'
	var that1
	export default {
		name:"ft_add",
		props: {
			options:{
				type: Object,
				default: function () {
					return {}
				}
        
			}
		},
		data() {
			return {
				id:'',
				uid:'',
				name:'',
				sx_time:'',
				is_teacher:2,
				is_introduce:2,
				is_result:0,
				content_one:'',
				content_two:'',
				content_three:'',
				datas_stu:'',
				datas:'',
			};
		},
		computed: {
			...mapState(['hasLogin', 'forcedLogin', 'userName', 'userinfo', 'nowtime']),
			startDate() {
					return this.getDate('start');
			},
			endDate() {
					return this.getDate('end');
			}
		},
		mounted() {
			that1=this
			that1.getdata_stu()
			
		},
		methods:{
			del_fuc(item){
				//teacher/interviewr_del  常规访谈删除接口
				//teacher/interview_del   入学关怀删除接口
				uni.showModal({
				    title: '提示',
				    content: '是否删除该记录',
				    success: function (res) {
				        if (res.confirm) {
				            console.log('用户点击确定');
										var jkurl='/teacher/interview_del'
										// if(that.active==1){
										// 	kurl='teacher/interview_del'
										// }
										var datas={
											id:item.id
											// address_id:''
										}
										var header={
											'content-type': 'application/json',
										}
										// that.$service.P_post(jkurl, datas,header).then(res => {
										that1.$service.P_post(jkurl, datas).then(res => {
											that1.btnkg = 0
											console.log(res)
											if (res.code == 1){
												that1.htmlReset = 0
												var datas = res.data
												console.log(typeof datas)
										
												if (typeof datas == 'string') {
													datas = JSON.parse(datas)
												}
												console.log(res)
												
												uni.showToast({
													icon:'none',
													title:'删除成功'
												})
												// that1.datas.splice(index,1)
												setTimeout(()=>{
													uni.navigateBack({
														delta:1
													})
												},1000)
											} else {
											
												if (res.msg) {
													uni.showToast({
														icon: 'none',
														title: res.msg
													})
												} else {
													uni.showToast({
														icon: 'none',
														title: '获取数据失败'
													})
												}
											}
										}).catch(e => {
											that1.htmlReset = 1
											that1.btnkg = 0
											// that1.$refs.htmlLoading.htmlReset_fuc(1)
											console.log(e)
											uni.showToast({
												icon: 'none',
												title: '获取数据失败，请检查您的网络连接'
											})
										})
				        } else if (res.cancel) {
				            console.log('用户点击取消');
				        }
				    }
				});
			},
			stu_change(e){
				var index=e.detail.value
				this.name = that1.datas_stu[index].name
				this.uid = that1.datas_stu[index].id
			},
			set_tch(val){
				if(that1.is_teacher==1){
					that1.is_teacher=2
				}else{
					that1.is_teacher=1
				}
			},
			set_tch1(){
				if(that1.is_introduce==1){
					that1.is_introduce=2
				}else{
					that1.is_introduce=1
				}
			},
			set_tch2(){
				if(that1.is_result==1){
					that1.is_result=2
				}else{
					that1.is_result=1
				}
			},
			getdata_stu() {
			
				var jkurl="/teacher/student"
				var datas={
					is_interview: 1
					// page:that1.page,
				}
				// if(that1.data_last == true){
				// 	return
				// }
				if (that1.btnkg == 1) {
					return
				} else {
					that1.btnkg = 1
				}
				var page_now=1
				that1.$service.P_post(jkurl, datas).then(res => {
					that1.btnkg = 0
					console.log(res)
					if (res.code == 1) {
						var datas = res.data
						console.log(typeof datas)
				
						if (typeof datas == 'string') {
							datas = JSON.parse(datas)
						}
					
						if (page_now == 1) {
						
							that1.datas_stu = datas
							if(that1.options&&that1.options.id){
								that1.getdata()
							}
						} else {
							// if (datas.data.length == 0) {
							// 	that.data_last = true
							// 	return
							// }
							// that.data_last = false
							// that.datas = that.datas.concat(datas.data)
						}
						// that1.page++
				
					} else {
						if (res.msg) {
							uni.showToast({
								icon: 'none',
								title: res.msg
							})
						} else {
							uni.showToast({
								icon: 'none',
								title: '操作失败'
							})
						}
					}
				}).catch(e => {
					that1.btnkg = 0
					console.log(e)
					uni.showToast({
						icon: 'none',
						title: '操作失败'
					})
				})
			},
			
			getdata() {
			
				var jkurl="/teacher/interview_show"
				var datas={
					id:that1.options.id,
					
				}
				// if(that1.data_last == true){
				// 	return
				// }
				
				if (that1.btnkg == 1) {
					return
				} else {
					that1.btnkg = 1
				}
				var page_now=that1.page
				that1.$service.P_post(jkurl, datas).then(res => {
					that1.btnkg = 0
					console.log(res)
					if (res.code == 1) {
						var datas = res.data
						console.log(typeof datas)
				
						if (typeof datas == 'string') {
							datas = JSON.parse(datas)
						}
					
						that1.datas=datas
						that1.id=datas.id 
						that1.uid=datas.uid 
						that1.name=datas.name 
						that1.is_teacher=datas.is_teacher 
						that1.content_one=datas.content_one 
						that1.content_two=datas.content_two 
						that1.is_introduce=datas.is_introduce 
						that1.content_three=datas.content_three 
						that1.is_result=datas.is_result 
						that1.sx_time=datas.add_time 
					} else {
						if (res.msg) {
							uni.showToast({
								icon: 'none',
								title: res.msg
							})
						} else {
							uni.showToast({
								icon: 'none',
								title: '操作失败'
							})
						}
					}
				}).catch(e => {
					that1.btnkg = 0
					console.log(e)
					uni.showToast({
						icon: 'none',
						title: '操作失败'
					})
				})
			},
			
			bindDateChange(e) {
				var sx_time = e.detail.value
				sx_time=sx_time.split('-')
				sx_time=sx_time.join('/')
				that1.sx_time=sx_time
			},
			save_fuc() {
				var jkurl="/teacher/interview_add"
				var datas={
					uid:that1.uid,
					name:that1.name,
					is_teacher:that1.is_teacher,
					content_one:that1.content_one,
					content_two:that1.content_two,
					is_introduce:that1.is_introduce,
					content_three:that1.content_three,
					is_result:that1.is_result,
					add_time:that1.sx_time
				}
				if(that1.id){
					jkurl="/teacher/interview_edit"
					datas={
						id:that1.id,
						...datas
					}
				}
				that1.$service.P_post(jkurl, datas).then(res => {
					that1.btnkg = 0
					console.log(res)
					if (res.code == 1) {
						var datas = res.data
						console.log(typeof datas)
				
						if (typeof datas == 'string') {
							datas = JSON.parse(datas)
						}
					
						uni.showToast({
							icon: 'none',
							title: '保存成功'
						})
						setTimeout(function() {
							uni.navigateBack({
								delta: 1
							})
						}, 1000)
					} else {
						if (res.msg) {
							uni.showToast({
								icon: 'none',
								title: res.msg
							})
						} else {
							uni.showToast({
								icon: 'none',
								title: '操作失败'
							})
						}
					}
				}).catch(e => {
					that1.btnkg = 0
					console.log(e)
					uni.showToast({
						icon: 'none',
						title: '操作失败'
					})
				})
				
			},
			getDate(type) {
				const date = new Date();
				let year = date.getFullYear();
				let month = date.getMonth() + 1;
				let day = date.getDate();
			
				if (type === 'start') {
					year = year - 60;
				} else if (type === 'end') {
					year = year;
				}
				month = month > 9 ? month : '0' + month;
				day = day > 9 ? day : '0' + day;
				return `${year}-${month}-${day}`;
			},
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		padding: 25rpx;
	}
	
	.card {
		padding: 0 30rpx;
		background-color: #fff;
		border-radius: 20rpx;
		& + .card {
			margin-top: 20rpx;
		}
		.cell {
			padding: 30rpx 0;
			display: flex;
			align-items: center;
			border-bottom: 1px solid #F3F3F7;
			& .not-border {
				border: 0;
			}
			&-label {
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #000000;
			}
			&-content {
				flex: 1;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #646464;
				display: flex;
				justify-content: flex-end;
				input {
					width: 100%;
					text-align: right;
				}
			}
			.icon {
				color: #ACACAC;
				font-size: 30rpx;
			}
			
			.sf_v_btn_b{
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 18rpx;
				color: #fff;
				width: 32rpx;
				height: 32rpx;
				border: 1px solid #DEDEDE;
				border-radius: 8rpx;
				&.active{
					background: #2D81FF;
					border: 1px solid #2D81FF;
				}
				text{
					font-size: 18rpx;
					line-height: 20rpx;
					color: #fff;
				}
			}
		}
	}

</style>