<template>
	<div  class="all-box">
		<el-alert v-if="tips_show" class="diy-tip" title="温馨提示：" type="warning" @close="tips_close" description show-icon>
			<p>功道云积分系统共有5种角色，不同角色拥有不同的权限</p>
		</el-alert>
		<div class="all">
			<div class="flex-box">
				<div class="terr-left">
					<el-menu default-active="0" class="el-menu-vertical-demo" style="border: none" v-loading="role_loading">
						<el-menu-item
							style="height: 47px;line-height: 47px;"
							:index="index.toString()"
							v-for="(item, index) in role_list"
							:key="index"
							@click="open_right(item)"
							v-show="item.code !== 'employee'"
						>
							<i class="el-icon-s-custom"></i>
							<span slot="title">{{ item.name }}</span>
						</el-menu-item>
					</el-menu>
				</div>
				<div class="terr-right border-right flex-1">
					<div class="margin-bottom">
						<div class="name">{{ item_info.name }}</div>
						<div class="user_text fontColorF" v-if="item_info.code == 'creator'">创始人为默认角色，拥有所有功能权限，该角色不可改</div>
						<div class="user_text fontColorF" v-if="item_info.code == 'admin'">公司管理员一般为合伙人、股东等高级管理人员，可管理多个部门和人员</div>
						<div class="user_text fontColorF" v-if="item_info.code == 'point_manager'">积分专员一般为人事、行政等管理督办人员，可管理多个部门和人员</div>
						<div class="user_text fontColorF" v-if="item_info.code == 'dept_manager'">部门管理员一般为部门/团队经理、主管、组长，可管理一部分人员</div>
						<div class="user_text fontColorF" v-if="item_info.code == 'employee'">员工为默认角色，每个人都拥有员工角色的功能权限，该角色不可修改</div>
					</div>
					<div class="flex-box btns flex-v-ce margin-bottom">
						<el-button size="small" v-show="item_info.code != 'creator' && table_list.length > 0" @click="del_item" type="danger">删除</el-button>
						<el-button size="small" v-show="item_info.code != 'creator'" @click="add_item" type="primary">添加</el-button>
					</div>

					<el-table :data="table_list" v-if="item_info.code == 'creator'||item_info.code == 'employee'" v-loading="table_loading">
						<el-table-column prop="name" label="姓名">
							<template slot-scope="scope">
								<div class="flex-box flex-v-ce">
									<userImage class="fl" width="50px" height="50px" :img_url="scope.row.img_url" :user_name="scope.row.name"></userImage>
									<span style="margin-left: 10px; line-height: 50px;">{{ scope.row.name }}</span>
								</div>
							</template>
						</el-table-column>
						<el-table-column prop="dept" label="部门" v-if="item_info.code != 'creator'"></el-table-column>
						<template slot="empty">
							<noData :isSolt="true">
								<template v-slot:default>
									<div style="position: inherit;">
										还没有{{ item_info.name }},
										<span style="color:#26A2FF;cursor:pointer;" @click="add_item">去添加>></span>
									</div>
								</template>
							</noData>
						</template>
					</el-table>

					<el-table :data="table_list" fit v-else  @selection-change="handleSelectionChange" v-loading="table_loading">
						<el-table-column width="40" fixed>
							<template slot-scope="scope">
								<el-radio v-model="radioVal" :label="scope.row.id"></el-radio>
							</template>
						</el-table-column>
						<el-table-column prop="name" label="姓名" width="150" fixed>
							<template slot-scope="scope">
								<div class="flex-box flex-v-ce">
									<userImage class="fl" width="50px" height="50px" :img_url="scope.row.img_url" :user_name="scope.row.name"></userImage>
									<span style="margin-left: 10px; line-height: 50px;">{{ scope.row.name }}</span>
								</div>
							</template>
						</el-table-column>
						<el-table-column prop="dept" label="部门"></el-table-column>
						<el-table-column width="100px">
							<template slot="header" slot-scope="scope">
								<span>管理范围</span>
								<el-tooltip placement="top">
									<div slot="content">
										可自由分配每个管理者的管辖范围，设置后对管辖范围内的人员有分配任务，发绩效，奖扣积分、查看积分排名和统计、审核其提交上来的申请等权限
									</div>
									<span class="tips">?</span>
								</el-tooltip>
							</template>
							<template slot-scope="scope">
								<div @click="add_management_scope(scope.row)" v-show="scope.row.manage_scope_count == 0" class="cursor_pointer" style="text-decoration:underline">
									去设置
								</div>
								<div @click="add_management_scope(scope.row)" v-show="scope.row.manage_scope_count != 0" class="cursor_pointer">
									{{ scope.row.manage_scope_count }}人
								</div>
							</template>
						</el-table-column>
						<el-table-column>
							<template slot="header" slot-scope="scope">
								<span>积分权限</span>
								<el-tooltip placement="top">
									<div slot="content">
										针对不同的管理岗位，可赋予每个管理者不同的奖扣积分权限
										<br />
										积分权限不足的须递交给其上级审核
									</div>
									<span class="tips">?</span>
								</el-tooltip>
							</template>
							<el-table-column label="A分权限">
								<template slot-scope="scope">
									<div @click="open_integral_limit(scope.row)" class="cursor_pointer">
										<div v-for="(item, index) in scope.row.point_limit" :key="index" v-show="item.name == 'A分'" class="cursor_pointer">
											<span v-if="item.point != 0">{{item.point}}</span>
											<span v-else style="text-decoration:underline">未设置</span>
										</div>
									</div>
								</template>
							</el-table-column>
							<el-table-column label="B分权限">
								<template slot-scope="scope">
									<div @click="open_integral_limit(scope.row)" class="cursor_pointer">
										<div v-for="(item, index) in scope.row.point_limit" :key="index" v-show="item.name == 'B分'" class="cursor_pointer">
											<span v-if="item.point != 0">{{ item.point}}</span>
											<span v-else style="text-decoration:underline">未设置</span>
										</div>
									</div>
								</template>
							</el-table-column>
							<el-table-column label="奖分上限">
								<template slot-scope="scope">
									<div @click="open_integral_limit(scope.row)" v-show="scope.row.entry_limit == 0" class="cursor_pointer" style="text-decoration:underline">
										未设置
									</div>
									<div @click="open_integral_limit(scope.row)" v-show="scope.row.entry_limit > 0" class="cursor_pointer">{{ scope.row.entry_limit }}</div>
									<div @click="open_integral_limit(scope.row)" v-show="scope.row.entry_limit < 0">此人不限制奖分上限</div>
								</template>
							</el-table-column>
						</el-table-column>
						<el-table-column>
							<template slot="header" slot-scope="scope">
								<span>奖扣目标</span>
								<el-tooltip placement="top">
									<div slot="content">
										积分是否能落地，奖扣分的执行最为关键。赋予一定的人员奖扣分任务，比如经理，主管，积分专员，行政人事等，更利于整个积分制管理的落地和实施。
									</div>
									<span class="tips">?</span>
								</el-tooltip>
							</template>
							<el-table-column label="奖分目标">
								<template slot-scope="scope">
									<span @click="open_bonus_deducted(scope.row)">
										<div
											v-for="(item, index) in scope.row.reward_task_monthly"
											:key="index"
											v-show="item.name == 'B分' && item.point != 0"
											class="cursor_pointer"
										>
											{{ item.point }}
										</div>
										<div
											v-for="(item, index) in scope.row.reward_task_monthly"
											:key="index + ':'"
											v-show="item.name == 'B分' && item.point == 0"
											class="cursor_pointer"
											style="text-decoration:underline"
										>
											未设置
										</div>
									</span>
								</template>
							</el-table-column>
							<el-table-column label="扣分目标">
								<template slot-scope="scope">
									<span @click="open_bonus_deducted(scope.row)">
										<div
											v-for="(item, index) in scope.row.deduct_task_monthly"
											:key="index"
											v-show="item.name == 'B分' && item.point != 0"
											class="cursor_pointer"
										>
											{{ item.point }}
										</div>
										<div
											v-for="(item, index) in scope.row.deduct_task_monthly"
											:key="index + '::'"
											v-show="item.name == 'B分' && item.point == 0"
											class="cursor_pointer"
											style="text-decoration:underline"
										>
											未设置
										</div>
									</span>
								</template>
							</el-table-column>
							<el-table-column label="奖扣次数">
								<template slot-scope="scope">
									<div @click="open_bonus_deducted(scope.row)" v-show="scope.row.exec_count == 0" class="cursor_pointer" style="text-decoration:underline">
										未设置
									</div>
									<div @click="open_bonus_deducted(scope.row)" v-show="scope.row.exec_count != 0" class="cursor_pointer">{{ scope.row.exec_count }}</div>
								</template>
							</el-table-column>
							<el-table-column label="每少一次扣">
								<template slot-scope="scope">
									<div @click="open_bonus_deducted(scope.row)" v-show="scope.row.exec_count_point == 0" class="cursor_pointer" style="text-decoration:underline">
										未设置
									</div>
									<div @click="open_bonus_deducted(scope.row)" v-show="scope.row.exec_count_point != 0">{{ scope.row.exec_count_point }}</div>
								</template>
							</el-table-column>
							<el-table-column label="奖扣比例">
								<template slot-scope="scope">
									<div @click="open_bonus_deducted(scope.row)" v-show="scope.row.reward_ratio == 0" class="cursor_pointer" style="text-decoration:underline">
										未设置
									</div>
									<div @click="open_bonus_deducted(scope.row)" v-show="scope.row.reward_ratio != 0" class="cursor_pointer">{{ scope.row.reward_ratio }}</div>
								</template>
							</el-table-column>
							<el-table-column label="不达标扣">
								<template slot-scope="scope">
									<div
										@click="open_bonus_deducted(scope.row)"
										v-show="scope.row.reward_ratio_point == 0"
										class="cursor_pointer"
										style="text-decoration:underline"
									>
										未设置
									</div>
									<div @click="open_bonus_deducted(scope.row)" v-show="scope.row.reward_ratio_point != 0" class="cursor_pointer">
										{{ scope.row.reward_ratio_point }}
									</div>
								</template>
							</el-table-column>
						</el-table-column>
						<template slot="empty">
							<noData :isSolt="true">
								<template v-slot:default>
									<div>还没有{{ item_info.name }},<span style="color:#26A2FF;cursor:pointer;" @click="add_item">去添加>></span></div>
								</template>
							</noData>
						</template>
					</el-table>
				</div>
			</div>
		</div>
		<el-dialog title="添加人员" :visible.sync="add_employee_show" :before-close="publicClose" width="700px" top="5vh">
			<EmployeeSelector
				v-if="add_employee_form"
				ref="Employee"
				:user_no_select="true"
				:can_select_dept="false"
				:multi="false"
				:visible.sync="add_employee_show"
				@confirm="add_employee_confirm"
			></EmployeeSelector>
			<span slot="footer">
				<el-button @click="publicClose()">取消</el-button>
				<el-button type="primary" @click="sub_add_employee">完成</el-button>
			</span>
		</el-dialog>
		<el-dialog
		  title="设置积分权限"
		  :visible.sync="integral_limit_show"
		  :close-on-click-modal="false"
		  width="700px">
		  <el-form label-width="100px" :model="integral_limit_form" ref="integral_limit_form" v-loading="integral_limit_loading">
		    <span v-for="(item,index) in integral_limit_form.point_limit" :key="index" v-show="item.pt_id !== 1">
		      <el-form-item :label="item.name+'权限'" :rules="[{required: true, message: '请输入', trigger: 'blur'}]">
		        <el-input v-model="item.point" type="Number"></el-input>
		      </el-form-item>
		    </span>
		    <el-form-item label="奖分上限" :rules="[{required: true, message: '请输入', trigger: 'blur'}]">
		      <el-input v-model="integral_limit_form.entry_limit" type="Number"></el-input>
		    </el-form-item>
		    <el-form-item style="text-align: right; margin-bottom: 0">
		      <el-button @click="integral_limit_show = false">取消</el-button>
		      <el-button type="primary" :loading="integral_loading" @click="sub_employee_limit">确定</el-button>
		    </el-form-item>
		  </el-form>
		</el-dialog>
		<el-dialog
		  title="设置管理范围"
		  :visible.sync="management_scope_show"
		  :before-close="publicClose"
		  top="5vh"
		  width="700px">
		  <EmployeeSelector v-if="management_scope_show" ref="Employee" :employee_not_select="employee_not_select" :max='add_employee_max' :selected="management_scope_arr" :can_select_dept="false"  @confirm="management_scope_confirm"></EmployeeSelector>
		  <span slot="footer">
		    <el-button @click="publicClose()">取消</el-button>
		    <el-button type="primary" :loading="scope_loading" @click="sub_management_scope">完成</el-button>
		  </span>
		</el-dialog>
		<el-dialog
		  title="B分奖扣任务"
		  :visible.sync="bonus_deducted_show"
		  width="600px">
		  <el-form :model="integral_limit_form" ref="integral_limit_form" :rules="integral_limit_rules" label-width="130px" v-loading="bonus_deducted_loading">
		    <span v-for="(item,index) in integral_limit_form.reward_task_monthly" :key="index" v-show="item.name == 'B分'">
		      <el-form-item>
		        <template slot="label">
		          <span>月奖分任务</span>
		          <el-tooltip placement="top">
		            <div slot="content" style="width: 300px;">对奖分分值作任务要求。未达分值任务的按差额扣分<br />举例说明：奖分任务1000，实际奖分980（差额20分），则该执行人员将被扣20分。反之，如实际奖分达到或超出1000分，不对执行人员实行扣分</div>
		            <span class="tips">?</span>
		          </el-tooltip>
		        </template>
		        <el-input v-model="item.point" type="Number" placeholder="请输入数值"></el-input>
		      </el-form-item>
		    </span>
		    <span v-for="(item,index) in integral_limit_form.deduct_task_monthly" :key="item.name" v-show="item.name == 'B分'">
		      <el-form-item style="margin-bottom: 0;">
		        <template slot="label">
		          <span>月扣分任务</span>
		          <el-tooltip placement="top">
		            <div slot="content" style="width: 300px;">对扣分分值作任务要求。未达分值任务的按差额扣分<br />举例说明：扣分任务100，实际扣分80（差额20分），则该执行人员将被扣20分。反之，如实际扣分达到或超出100分，不对执行人员实行扣分</div>
		            <span class="tips">?</span>
		          </el-tooltip>
		        </template>
		        <el-input v-model="item.point" type="Number" placeholder="请输入数值"></el-input>
		      </el-form-item>
		    </span>
		    <el-form-item>
		      <div style="font-size: 12px; color: #909399; line-height: 20px;">
		        设置后，奖分与扣分目标其中有一项未达标，系统将自动扣除差额分值；<br />例如，A设置了月奖分目标100和月扣分目标100，到了月底，奖了80和扣了30，那该管理者将被扣90B分。
		      </div>
		    </el-form-item>
		
		    <el-form-item prop="exec_count">
		      <template slot="label">
		        <span>月奖扣次数</span>
		        <el-tooltip placement="top">
		          <div slot="content" style="width: 300px;">对奖分和扣分的执行次数作任务要求<br />举例说明：奖扣次数任务100，实际执行次数95（差5次），假如每少一次扣5分，则该执行人员将被扣5*5=25分。反之，如果任务达标，不对执行人员实行扣分</div>
		          <span class="tips">?</span>
		        </el-tooltip>
		      </template>
		
		      <el-input v-model="integral_limit_form.exec_count" type="Number" placeholder="请输入数值"></el-input>
		    </el-form-item>
		    <el-form-item prop="exec_count_point">
		      <template slot="label">
		        <span>每少一次奖扣</span>
		        <el-tooltip placement="top">
		          <div slot="content" style="width: 300px;">扣x分（x为输入框）<br />奖扣次数未达任务要求的，每少一次扣对应分值</div>
		          <span class="tips">?</span>
		        </el-tooltip>
		      </template>
		      <el-input v-model="integral_limit_form.exec_count_point" type="Number" placeholder="请输入数值"></el-input>
		    </el-form-item>
		    <el-form-item prop="reward_ratio">
		      <template slot="label">
		        <span>月奖扣比例</span>
		        <el-tooltip placement="top">
		          <div slot="content" style="width: 300px;">对奖分和扣分的比例作任务要求<br />举例说明：奖扣比例任务10:1，实际执行奖扣比例11:1（管理者当老好人，不敢执行扣分，导致扣分占比过低），则视为未完成，该执行人员将被扣对应分值。反之比例大于10:1，任务为达标，不对执行人员实行扣分</div>
		          <span class="tips">?</span>
		        </el-tooltip>
		      </template>
		      <el-input style="width: 100px;" type="Number" disabled placeholder="1" ></el-input>:<el-input v-model="integral_limit_form.reward_ratio" style="width: 100px;" type="Number" placeholder="请输入数值" ></el-input>
		    </el-form-item>
		    <el-form-item prop="reward_ratio_point">
		      <template slot="label">
		        <span>比例未达标</span>
		        <el-tooltip placement="top">
		          <div slot="content" style="width: 300px;">扣x分（x为输入框）<br />完成奖扣比例任务的，按对应分值扣分</div>
		          <span class="tips">?</span>
		        </el-tooltip>
		      </template>
		      <el-input v-model="integral_limit_form.reward_ratio_point" type="Number" placeholder="请输入数值"></el-input>
		    </el-form-item>
		    <el-form-item style=" text-align: right; margin-bottom: 0;">
		      <el-button @click="bonus_deducted_colse('integral_limit_form')">取消</el-button>
		      <el-button type="primary" :loading="bonus_loading" @click="sub_bonus_deducted('integral_limit_form')">确定</el-button>
		    </el-form-item>
		  </el-form>
		</el-dialog>
	
	</div>
</template>

<script>
import EmployeeSelector from '../components/EmployeeSelector.vue';
import noData from '@/components/noData';
  const minimum = (rule, value,callback)=>{
    if (value < 0){
      callback(new Error('请输入正确的数值'))
    }else {
      callback()
    }
  }
export default {
	data() {
		return {
			role_list:[],
			table_list: [],
			tips_show: false,
			role_loading: false,
			table_loading: false,
			item_info: {},
			rules_employee_arr: { employee: [], dept: [] },

			//添加人员相关
			add_employee_show: false,
			add_employee_form: { employee_ids: [] },
			employee_arr:[],

			radioVal: '',
			// 设置积分相关
			integral_limit_show:false,
			management_scope_show:false,
			integral_limit_loading:false,
			integral_limit_form:{},
			employee_not_select:[],
			add_employee_max: 0,
			management_scope_arr: {employee: [], dept: []},
			scope_loading:false,
			integral_loading:false,
			
			
			// 设置奖扣任务相关
			bonus_deducted_show:false,
			bonus_deducted_loading:false,
			bonus_loading:false,
			integral_limit_rules:{
			  exec_count:[
			    { required: true, validator: minimum, trigger: 'blur' },
			  ],
			  exec_count_point:[
			    { required: true, validator: minimum, trigger: 'blur' },
			  ],
			  reward_ratio:[
			    { required: true, validator: minimum, trigger: 'blur' },
			  ],
			  reward_ratio_point:[
			    { required: true, validator: minimum, trigger: 'blur' },
			  ],
			},
		};
	},
	components: { EmployeeSelector, noData },
	created() {
		this.get_role_list();
	},
	mounted() {
		if (localStorage.getItem('framework')) {
			this.tips_show = false;
		} else {
			this.tips_show = true;
		}
	},
	methods: {
		open_bonus_deducted(item){
		  this.bonus_deducted_show = true
		  this.set_mployee_limit_id = item.id
		  this.get_employee_limit(item.id)
		},
		sub_bonus_deducted(fromName){
		  this.bonus_loading=true;	
		  this.integral_limit_form.employee_id = this.set_mployee_limit_id
		  this.$refs[fromName].validate((valid) => {
		    if (valid) {
		      this.$axios({
		        url: '/api/integral/employee/limit',
		        method: 'post',
		        data: this.integral_limit_form
		      }).then((res) => {
		        if (res.data.code == 1) {
		          this.$message.success(res.data.msg)
		          setTimeout(() => {
		            this.get_table_list()
		          }, 1000);
		          this.bonus_deducted_show = false
		        }else{
		          this.$message.error(res.data.msg)
		        }
		      }).finally(() => { this.bonus_loading=false;})
		    }
		  });
		},
		bonus_deducted_colse(fromName){
		  this.bonus_deducted_show = false
		  this.$refs[fromName].resetFields()
		},
		//设置管理范围
		sub_management_scope(){
		  this.scope_loading=true;
		  this.$refs.Employee.confirm();//调用组件的confirm（）；
		  this.$axios({
		    url: '/api/employee/scope',
		    method: 'POST',
		    data: {employee_id: this.list_info.id,id: this.management_arr},
		  }).then((res) => {
		    if (res.data.code == 1) {
		      this.$message.success("设置成功！")
		      this.table_list.forEach(element => {
		        if (element.id == this.list_info.id) {
		          element.manage_scope_count = this.management_arr.length
		        }
		      });
		      this.management_scope_show = false
		    } else{
		      this.$message.error(res.data.msg)
		    }
		  }).catch((e) => {this.$message.error(e.data.msg)}).finally(() => { this.scope_loading=false;})
		},
		//添加编辑管理范围
		management_scope_confirm(val){
		  this.management_arr = []
		  val.employee.forEach(element => {
		    this.management_arr.push(element.id)
		  });
		},
		add_management_scope(item){
		  this.list_info = item;
		  this.employee_not_select = [item.id]
		  this.management_scope_arr.employee=[];
		  this.$axios.get('/api/employee/info',{params: {id: this.list_info.id}}).then((res) => {
		    if (res.data.code == 1) {
		      this.management_scope_arr.employee = res.data.data.employee_detail.manage_scope||[];//获取当前数据的管理范围
		      this.management_scope_show = true
		    } else {
		      this.$message.error(res.data.msg)
		    }
		  }).finally(() => {
		    this.role_loading = false
		  })
		},
		sub_employee_limit(){
		  this.integral_loading=true;
		  this.integral_limit_form.employee_id = this.set_mployee_limit_id
		  this.$axios.post('/api/integral/employee/limit',this.integral_limit_form).then((res) => {
		    if (res.data.code == 1) {
		      this.$message.success(res.data.msg)
		      this.get_table_list()
		      this.integral_limit_show = false
		    }else{
		      this.$message.error(res.data.msg)
		    }
		  }).catch((e) => {this.$message.error(e.data.msg)}).finally(() => {
					this.integral_loading = false;
			});
		},
		open_integral_limit(item){
		  this.integral_limit_show = true
		  this.set_mployee_limit_id = item.id
		  this.get_employee_limit(item.id);
		},
		get_employee_limit(id){
		  this.integral_limit_loading = true
		  this.$axios.get('/api/integral/employee/limit',{params: {employee_id: id}}).then((res) => {
		    if (res.data.code == 1) {
		       var item = res.data.data;
				if (item.point_limit == null || item.point_limit == undefined||item.point_limit.length==0) {
					item.point_limit = [{ name: 'A分', point: '0', pt_id: this.$getTyps('AF').id }, { name: 'B分', point: '0', pt_id: this.$getTyps('BF').id }];
				}
				if (item.deduct_task_monthly == null || item.deduct_task_monthly == undefined||item.deduct_task_monthly.length==0) {
					item.deduct_task_monthly = [{ name: 'A分', point: '0', pt_id: this.$getTyps('AF').id }, { name: 'B分', point: '0', pt_id: this.$getTyps('BF').id }];
				}
				if (item.reward_task_monthly == null || item.reward_task_monthly == undefined||item.reward_task_monthly.length==0) {
					item.reward_task_monthly = [{ name: 'A分', point: '0', pt_id: this.$getTyps('AF').id }, { name: 'B分', point: '0', pt_id: this.$getTyps('BF').id }];
				}
				this.integral_limit_form=item
		    } else {
		      this.$message.error(res.data.msg)
		    }
		  }).finally(() => {
		    this.integral_limit_loading = false
		  })
		},
		sub_add_employee(form) {
			  var that=this;
			   this.$refs.Employee.confirm();//调用组件的confirm（）；
			   this.employee_arr.forEach(element => {
					 this.$axios.put('/api/role/user',{role_id: this.item_info.id,employee_id: element}).then((res) => {
					   if (res.data.code == 1) {
						 this.$message.success(res.data.msg)
						 this.add_employee_show= false
						 setTimeout(() => {
						   that.get_table_list()
						 }, 1000);
					   } else{
						 this.$message.error(res.data.msg)
					   }
					 }).catch((e) => {this.$message.error(e.data.msg)})
			  });
		},
		
		add_employee_confirm(val) {
			this.employee_arr = []
			val.employee.forEach(element => {
			   this.employee_arr.push(element.id)
			});
		},
	
		//关闭弹窗
		publicClose() {
			this.$refs.Employee.close()
			// this.add_employee_show = false;
			this.management_scope_show = false;
		},
		handleSelectionChange() {},
		del_item() {
			if (!this.radioVal) {
				this.$message.error('请选择要删除的人员');
				return false;
			}
			this.$confirm('确定要删除该人员?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then(() => {
				this.$axios({
				url: '/api/role/user',
				method: 'DELETE',
				data: {role_id: this.item_info.id,employee_id: this.radioVal}
				}).then(res => {
					if (res.data.code == 1) {
						this.$message.success(res.data.msg);
						this.get_table_list();
					} else {
						this.$message.error(res.data.msg);
					}
				});
			});
		},
		add_item() {
			this.add_employee_show = true;
		},
		get_role_list() {
			this.role_loading = true;
			this.$axios
				.get('/api/role/list')
				.then(res => {
					if (res.data.code == 1) {
						this.role_list = res.data.data.list;
						this.open_right(this.role_list[0]);
					} else {
						this.$message.error(res.data.msg);
					}
				})
				.finally(() => {
					this.role_loading = false;
				});
		},
		open_right(data) {
			this.item_info = data;
			this.get_table_list();
		},
		get_table_list() {
			this.table_loading = true;
			var that = this;
			this.table_list=[];
			this.$axios.get('/api/role/user', { params: { role_id: this.item_info.id } })
				.then(res => {
					if (res.data.code == 1) {
						var list = res.data.data.list;
						list.forEach(item => {
							if (item.point_limit == null || item.point_limit == undefined||item.point_limit.length==0) {
								item.point_limit = [{ name: 'A分', point: '0', pt_id: that.$getTyps('AF').id }, { name: 'B分', point: '0', pt_id: that.$getTyps('BF').id }];
							}
							if (item.deduct_task_monthly == null || item.deduct_task_monthly == undefined||item.deduct_task_monthly.length==0) {
								item.deduct_task_monthly = [{ name: 'A分', point: '0', pt_id: that.$getTyps('AF').id }, { name: 'B分', point: '0', pt_id: that.$getTyps('BF').id }];
							}
							if (item.reward_task_monthly == null || item.reward_task_monthly == undefined||item.reward_task_monthly.length==0) {
								item.reward_task_monthly = [{ name: 'A分', point: '0', pt_id: that.$getTyps('AF').id }, { name: 'B分', point: '0', pt_id: that.$getTyps('BF').id }];
							}
						});
						this.table_list = list||[];
					} else {
						this.$message.error(res.data.msg);
					}
				})
				.finally(() => {
					this.table_loading = false;
				});
		},
		// 关闭提示语
		tips_close() {
			localStorage.setItem('framework', 'true');
			this.tips_show = false;
		}
	}
};
</script>

<style scoped="scoped">
::v-deep .el-radio .el-radio__label {
	display: none;
}
.tips {
	background: #dcdfe6;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
}
.name {
	font-size: 18px;
	margin-bottom: 5px;
}
.user_text {
	font-size: 12px;
}
.cursor_pointer {
	cursor: pointer;
}
</style>
