|
|
@@ -1,1028 +1,864 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <el-alert
|
|
|
- class="diy-tip"
|
|
|
- title="什么是固定积分?"
|
|
|
- @close="tips_close"
|
|
|
- v-if="tips_show"
|
|
|
- type="success"
|
|
|
- description
|
|
|
- show-icon
|
|
|
- >
|
|
|
- <p>系统按照设定的时间（每月/每周/每日) 自动给员工添加的积分，比如某员工有一个工程师证，得到公司的认可，公司就会每月给他加分</p>
|
|
|
- </el-alert>
|
|
|
- <div class="all">
|
|
|
- <div class="flex-box">
|
|
|
- <div class="terr-left">
|
|
|
- <div>
|
|
|
- <el-button size="medium" @click="add_grouping()" plain>新增加分组</el-button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <el-button size="medium" @click="add_rules_detail" plain>新增加分项</el-button>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ <el-alert class="diy-tip" title="什么是固定积分?" @close="tips_close" v-if="tips_show" type="success" description show-icon>
|
|
|
+ <p>系统按照设定的时间（每月/每周/每日) 自动给员工添加的积分，比如某员工有一个工程师证，得到公司的认可，公司就会每月给他加分</p>
|
|
|
+ </el-alert>
|
|
|
+ <div class="all">
|
|
|
+ <div class="flex-box">
|
|
|
+ <div class="terr-left">
|
|
|
+ <div><el-button size="medium" @click="add_grouping()" plain>新增加分组</el-button></div>
|
|
|
+ <div><el-button size="medium" @click="add_rules_detail" plain>新增加分项</el-button></div>
|
|
|
|
|
|
- <!-- 循环分组 -->
|
|
|
- <el-col :span="24" style="padding-right: 0;" v-loading="rule_trees_load">
|
|
|
- <el-menu class="rule_name" :unique-opened="true">
|
|
|
- <el-submenu :index="index.toString()" v-for="(item,index) in rule_list" :key="index">
|
|
|
- <template slot="title">
|
|
|
- <div style="width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
|
|
|
- <i class="el-icon-edit-outline title_top" @click.stop="edit_grouping(item)"></i>
|
|
|
- <span class="title_top">{{item.name}}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <span
|
|
|
- :index="i.toString()"
|
|
|
- v-for="(d,i) in item_list"
|
|
|
- :key="i"
|
|
|
- v-show="d[0].rule_id == item.id"
|
|
|
- >
|
|
|
- <el-menu-item
|
|
|
- :index="i1.toString()"
|
|
|
- v-for="(data,i1) in d"
|
|
|
- :key="i1"
|
|
|
- @click="open_right(data)"
|
|
|
- >
|
|
|
- <div style="width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
|
|
|
- <span slot="title">{{data.remark}}</span>
|
|
|
- </div>
|
|
|
- </el-menu-item>
|
|
|
- </span>
|
|
|
- <!-- <el-menu-item :index="i.toString()" v-for="(data,i) in item.data" :key="i" @click="open_right(data)" >{{data.name}}</el-menu-item> -->
|
|
|
- </el-submenu>
|
|
|
- </el-menu>
|
|
|
- </el-col>
|
|
|
- </div>
|
|
|
+ <!-- 循环分组 -->
|
|
|
+ <el-col :span="24" style="padding-right: 0;" v-loading="rule_trees_load">
|
|
|
+ <el-menu class="rule_name" :unique-opened="true">
|
|
|
+ <el-submenu :index="index.toString()" v-for="(item, index) in rule_list" :key="index">
|
|
|
+ <template slot="title">
|
|
|
+ <div style="width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
|
|
|
+ <i class="el-icon-edit-outline title_top" @click.stop="edit_grouping(item)"></i>
|
|
|
+ <span class="title_top">{{ item.name }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <span :index="i.toString()" v-for="(d, i) in item_list" :key="i" v-show="d[0].rule_id == item.id">
|
|
|
+ <el-menu-item :index="i1.toString()" v-for="(data, i1) in d" :key="i1" @click="open_right(data)">
|
|
|
+ <div style="width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
|
|
|
+ <span slot="title">{{ data.remark }}</span>
|
|
|
+ </div>
|
|
|
+ </el-menu-item>
|
|
|
+ </span>
|
|
|
+ <!-- <el-menu-item :index="i.toString()" v-for="(data,i) in item.data" :key="i" @click="open_right(data)" >{{data.name}}</el-menu-item> -->
|
|
|
+ </el-submenu>
|
|
|
+ </el-menu>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="terr-right border-right flex-1" v-loading="table_loading">
|
|
|
- <el-col :span="24" v-show="(rule_list.length == 0||item_list.length == 0)" style="text-align: center;margin: 0 auto;position: relative;top: 30%;">
|
|
|
- <p><img src="@/assets/image/nodata_default.png" width="200px" alt=""></p>
|
|
|
- <p style="color: #909399;">还没有<span v-if="rule_list.length==0">加分组和</span>加分项</p>
|
|
|
- <p style="color: #909399;"><span v-if="rule_list.length==0">先</span><span style="color: #26A2FF;cursor:pointer;" v-if="rule_list.length==0" @click="add_grouping()">【添加加分组】</span>，<span v-if="rule_list.length==0">再</span><span v-if="rule_list.length!==0">请</span><span style="color: #26A2FF;cursor:pointer" @click="add_rules_detail">【添加加分项】</span></p>
|
|
|
- </el-col>
|
|
|
- <el-col v-if="item_list.length != 0">
|
|
|
- <el-row>
|
|
|
- <!-- 移除隐藏 -->
|
|
|
- <!-- <el-col :span="24" style="font-size:20px;color:#303133;line-height:36px;display:flex;flex-wrap: wrap;">
|
|
|
+ <div class="terr-right border-right flex-1" v-loading="table_loading">
|
|
|
+ <el-col :span="24" v-show="rule_list.length == 0 || item_list.length == 0" style="text-align: center;margin: 0 auto;position: relative;top: 30%;">
|
|
|
+ <p><img src="@/assets/image/nodata_default.png" width="200px" alt="" /></p>
|
|
|
+ <p style="color: #909399;">
|
|
|
+ 还没有
|
|
|
+ <span v-if="rule_list.length == 0">加分组和</span>
|
|
|
+ 加分项
|
|
|
+ </p>
|
|
|
+ <p style="color: #909399;">
|
|
|
+ <span v-if="rule_list.length == 0">先</span>
|
|
|
+ <span style="color: #26A2FF;cursor:pointer;" v-if="rule_list.length == 0" @click="add_grouping()">【添加加分组】</span>
|
|
|
+ ，
|
|
|
+ <span v-if="rule_list.length == 0">再</span>
|
|
|
+ <span v-if="rule_list.length !== 0">请</span>
|
|
|
+ <span style="color: #26A2FF;cursor:pointer" @click="add_rules_detail">【添加加分项】</span>
|
|
|
+ </p>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-if="item_list.length != 0">
|
|
|
+ <el-row>
|
|
|
+ <!-- 移除隐藏 -->
|
|
|
+ <!-- <el-col :span="24" style="font-size:20px;color:#303133;line-height:36px;display:flex;flex-wrap: wrap;">
|
|
|
<div style="width:5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
|
|
|
<span>{{right_rules_detail.remark}}</span>
|
|
|
</div> -->
|
|
|
- <el-col :span="24" style="font-size:20px;color:#303133;line-height:36px;">
|
|
|
- {{right_rules_detail.remark}}
|
|
|
- <span style="padding-left: 10px;">{{right_rules_detail.min_point}}B分</span>
|
|
|
- <el-button
|
|
|
- plain
|
|
|
- style="padding:10px 12px; margin-left: 10px;"
|
|
|
- @click="edit_rules(item_info)"
|
|
|
- >编辑</el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <div class="flex-box btns flex-v-ce">
|
|
|
- <el-button size="small" @click="del_item" type="danger" plain>批量移除</el-button>
|
|
|
- <el-button size="small" type="primary" @click="add_employee_show_TJ">添加人员</el-button>
|
|
|
- </div>
|
|
|
- <el-table
|
|
|
- ref="multipleTable"
|
|
|
- :data="table_list"
|
|
|
- v-loading="table_loading"
|
|
|
- tooltip-effect="dark"
|
|
|
- style="width: 100%;margin-top:20px;"
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
- >
|
|
|
- <el-table-column type="selection" width="45"></el-table-column>
|
|
|
- <el-table-column label="姓名">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div style="display:flex">
|
|
|
- <span class="fl">
|
|
|
- <userImage
|
|
|
-
|
|
|
- :id="scope.row.employee_id"
|
|
|
- width="50px"
|
|
|
- height="50px"
|
|
|
- :user_name="scope.row.employee.name"
|
|
|
- :img_url="scope.row.employee.img_url"
|
|
|
- v-if="scope.row.employee"
|
|
|
- ></userImage>
|
|
|
- </span>
|
|
|
- <span
|
|
|
- style="margin-left: 10px; line-height: 50px; display: inline-block"
|
|
|
- v-if="scope.row.employee"
|
|
|
- >{{scope.row.employee.name}}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="cycle_remark" label="加分周期"></el-table-column>
|
|
|
- <template slot="empty">
|
|
|
- <noData></noData>
|
|
|
- </template>
|
|
|
- </el-table>
|
|
|
+ <el-col :span="24" style="font-size:20px;color:#303133;line-height:36px;">
|
|
|
+ {{ right_rules_detail.remark }}
|
|
|
+ <span style="padding-left: 10px;">{{ right_rules_detail.min_point }}B分</span>
|
|
|
+ <el-button plain style="padding:10px 12px; margin-left: 10px;" @click="edit_rules(item_info)">编辑</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <div class="flex-box btns flex-v-ce">
|
|
|
+ <el-button size="small" @click="del_item" type="danger" plain>批量移除</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="add_employee_show_TJ">添加人员</el-button>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ ref="multipleTable"
|
|
|
+ :data="table_list"
|
|
|
+ v-loading="table_loading"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ style="width: 100%;margin-top:20px;"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
+ <el-table-column type="selection" width="45"></el-table-column>
|
|
|
+ <el-table-column label="姓名">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div style="display:flex">
|
|
|
+ <span class="fl">
|
|
|
+ <userImage
|
|
|
+ :id="scope.row.employee_id"
|
|
|
+ width="50px"
|
|
|
+ height="50px"
|
|
|
+ :user_name="scope.row.employee.name"
|
|
|
+ :img_url="scope.row.employee.img_url"
|
|
|
+ v-if="scope.row.employee"
|
|
|
+ ></userImage>
|
|
|
+ </span>
|
|
|
+ <span style="margin-left: 10px; line-height: 50px; display: inline-block" v-if="scope.row.employee">{{ scope.row.employee.name }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="cycle_remark" label="加分周期"></el-table-column>
|
|
|
+ <template slot="empty">
|
|
|
+ <noData></noData>
|
|
|
+ </template>
|
|
|
+ </el-table>
|
|
|
|
|
|
- <!-- 分页 -->
|
|
|
- <div style=" text-align: center; padding: 20px;">
|
|
|
- <el-pagination
|
|
|
- background
|
|
|
- layout="total, prev, pager, next"
|
|
|
- :current-page="page"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :page-size.sync="pagesize"
|
|
|
- :hide-on-single-page="true"
|
|
|
- :total="total"
|
|
|
- ></el-pagination>
|
|
|
- </div>
|
|
|
-
|
|
|
- </el-col>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <!-- 分页 -->
|
|
|
+ <div style=" text-align: center; padding: 20px;">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="total, prev, pager, next"
|
|
|
+ :current-page="page"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :page-size.sync="pagesize"
|
|
|
+ :hide-on-single-page="true"
|
|
|
+ :total="total"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- 可写公共组建： -->
|
|
|
- <!-- 新增加分组弹出框 -->
|
|
|
- <el-dialog
|
|
|
- :close-on-click-modal="false"
|
|
|
- :title="grouping_type?'编辑分类':'新增分类'"
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- width="40%"
|
|
|
- >
|
|
|
- <el-form
|
|
|
- :model="numberValidateForm"
|
|
|
- ref="numberValidateForm"
|
|
|
- label-width="100px"
|
|
|
- class="demo-ruleForm"
|
|
|
- >
|
|
|
- <el-form-item
|
|
|
- label="分组名称"
|
|
|
- prop="name"
|
|
|
- :rules="[
|
|
|
- { required: true, message: '请输入分组名称'},
|
|
|
- ]"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- type="age"
|
|
|
- v-model="numberValidateForm.name"
|
|
|
- autocomplete="off"
|
|
|
- placeholder="请输入分组名称"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer" style=" overflow: hidden;">
|
|
|
- <el-button
|
|
|
- class="fl"
|
|
|
- type="danger"
|
|
|
- v-show="grouping_type"
|
|
|
- @click="del_grouping(numberValidateForm)"
|
|
|
- style="float:left"
|
|
|
- :disabled="disabled"
|
|
|
- >删除</el-button>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="submitForm('numberValidateForm')"
|
|
|
- :disabled="disabled"
|
|
|
- >确 定</el-button>
|
|
|
- <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
+ <!-- 可写公共组建： -->
|
|
|
+ <!-- 新增加分组弹出框 -->
|
|
|
+ <el-dialog :close-on-click-modal="false" :title="grouping_type ? '编辑分类' : '新增分类'" :visible.sync="dialogVisible" width="40%">
|
|
|
+ <el-form :model="numberValidateForm" ref="numberValidateForm" label-width="100px" class="demo-ruleForm">
|
|
|
+ <el-form-item label="分组名称" prop="name" :rules="[{ required: true, message: '请输入分组名称' }]">
|
|
|
+ <el-input type="age" v-model="numberValidateForm.name" autocomplete="off" placeholder="请输入分组名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer" style=" overflow: hidden;">
|
|
|
+ <el-button class="fl" type="danger" v-show="grouping_type" @click="del_grouping(numberValidateForm)" style="float:left" :disabled="disabled">删除</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm('numberValidateForm')" :disabled="disabled">确 定</el-button>
|
|
|
+ <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
|
|
|
- <!-- 新增加分项 -->
|
|
|
- <el-dialog
|
|
|
- :title="rules_detail_title?'编辑规则':'新增规则'"
|
|
|
- :visible.sync="dialogFormVisible"
|
|
|
- width="500px"
|
|
|
- >
|
|
|
- <el-form
|
|
|
- :model="rules_detail_form"
|
|
|
- ref="rules_detail_form"
|
|
|
- :rules="rules_rules"
|
|
|
- label-width="120px"
|
|
|
- >
|
|
|
- <el-form-item
|
|
|
- label="规则名称"
|
|
|
- :label-width="formLabelWidth"
|
|
|
- prop="remark"
|
|
|
- :rules="[{ required: true, message: '请输入规则名称'},]"
|
|
|
- >
|
|
|
- <el-input v-model="rules_detail_form.remark" placeholder="请输入规则名称" autocomplete="off"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item
|
|
|
- label="分类"
|
|
|
- :label-width="formLabelWidth"
|
|
|
- prop="rule_id"
|
|
|
- :rules="[{ required: true, message: '请选择分类'},]"
|
|
|
- >
|
|
|
- <el-select v-model="rules_detail_form.rule_id" style="width: 100%;" placeholder="请选择分类">
|
|
|
- <el-option
|
|
|
- v-for="item in rule_list"
|
|
|
- :key="item.value"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="积分" prop="min_point" :rules="[{ required: true, message: '请输入积分'},]">
|
|
|
- <el-input
|
|
|
- v-model="rules_detail_form.min_point"
|
|
|
- placeholder="请输入积分"
|
|
|
- oninput="if(this.value=='0'){this.value='';}else{this.value=this.value.replace(/[^0-9]/g,'')}"
|
|
|
- ></el-input>
|
|
|
- <span
|
|
|
- data-v-a17f1960
|
|
|
- style="display: block; font-size: 12px; color: rgb(96, 98, 102);text-align: left;"
|
|
|
- >固定加分加B分</span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="是否与考勤挂钩" prop="is_attendance">
|
|
|
- <el-switch v-model="is_attendance"></el-switch>
|
|
|
- </el-form-item>
|
|
|
- <div style="overflow: hidden;">
|
|
|
- <el-button
|
|
|
- type="danger"
|
|
|
- v-show="rules_detail_title"
|
|
|
- class="fl"
|
|
|
- @click="del_rules_detail(rules_detail_form)"
|
|
|
- style="float:left"
|
|
|
- :disabled="disabled"
|
|
|
- >删除</el-button>
|
|
|
-
|
|
|
- <el-button
|
|
|
- v-if="rules_detail_title"
|
|
|
- class="fr"
|
|
|
- type="primary"
|
|
|
- @click="editRule('rules_detail_form') "
|
|
|
- style="float:right"
|
|
|
- :disabled="disabled"
|
|
|
- >确 定</el-button>
|
|
|
- <el-button
|
|
|
- v-else
|
|
|
- class="fr"
|
|
|
- type="primary"
|
|
|
- @click="next('rules_detail_form') "
|
|
|
- style="float:right"
|
|
|
- :disabled="disabled"
|
|
|
- >确 定</el-button>
|
|
|
- <el-button
|
|
|
- class="fr"
|
|
|
- @click="rules_detail_close('rules_detail_form')"
|
|
|
- style="float:right"
|
|
|
- >取 消</el-button>
|
|
|
- </div>
|
|
|
- </el-form>
|
|
|
- </el-dialog>
|
|
|
+ <!-- 新增加分项 -->
|
|
|
+ <el-dialog :title="rules_detail_title ? '编辑规则' : '新增规则'" :visible.sync="dialogFormVisible" width="500px">
|
|
|
+ <el-form :model="rules_detail_form" ref="rules_detail_form" :rules="rules_rules" label-width="120px">
|
|
|
+ <el-form-item label="规则名称" :label-width="formLabelWidth" prop="remark" :rules="[{ required: true, message: '请输入规则名称' }]">
|
|
|
+ <el-input v-model="rules_detail_form.remark" placeholder="请输入规则名称" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="分类" :label-width="formLabelWidth" prop="rule_id" :rules="[{ required: true, message: '请选择分类' }]">
|
|
|
+ <el-select v-model="rules_detail_form.rule_id" style="width: 100%;" placeholder="请选择分类">
|
|
|
+ <el-option v-for="item in rule_list" :key="item.value" :label="item.name" :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="积分" prop="min_point" :rules="[{ required: true, message: '请输入积分' }]">
|
|
|
+ <el-input
|
|
|
+ v-model="rules_detail_form.min_point"
|
|
|
+ placeholder="请输入积分"
|
|
|
+ oninput="if(this.value=='0'){this.value='';}else{this.value=this.value.replace(/[^0-9]/g,'')}"
|
|
|
+ ></el-input>
|
|
|
+ <span data-v-a17f1960 style="display: block; font-size: 12px; color: rgb(96, 98, 102);text-align: left;">固定加分加B分</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否与考勤挂钩" prop="is_attendance"><el-switch v-model="is_attendance"></el-switch></el-form-item>
|
|
|
+ <div style="overflow: hidden;">
|
|
|
+ <el-button type="danger" v-show="rules_detail_title" class="fl" @click="del_rules_detail(rules_detail_form)" style="float:left" :disabled="disabled">
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
|
|
|
- <el-dialog
|
|
|
- title="添加人员"
|
|
|
- :visible.sync="add_employee_show"
|
|
|
- :before-close="add_employee_close"
|
|
|
- width="700px"
|
|
|
- >
|
|
|
- <el-form :model="add_employee_form" ref="add_employee_form" label-width="80px">
|
|
|
- <el-form-item
|
|
|
- label="加分周期"
|
|
|
- :rules="[{ required: true, message: '请选择加分周期', trigger: 'change' }]"
|
|
|
- >
|
|
|
- <el-select v-model="task_cycle_name" placeholder="请选择加分周期">
|
|
|
- <el-option
|
|
|
- v-for="item in task_cycle"
|
|
|
- :key="item.value"
|
|
|
- :label="item.name"
|
|
|
- :value="item.value"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <div
|
|
|
- v-loading="staff_loading">
|
|
|
- <EmployeeSelector1
|
|
|
- :max="add_employee_max"
|
|
|
- :can_select_dept="false"
|
|
|
- :visible.sync="add_employee_visible"
|
|
|
- @confirm="add_employee_confirm"
|
|
|
- ref="Employee"
|
|
|
- ></EmployeeSelector1>
|
|
|
- </div>
|
|
|
- <el-form-item style="text-align: right; margin-bottom: 0;margin-top: 20px;">
|
|
|
- <el-button @click="add_employee_close()">取消</el-button>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="sub_add_employee('add_employee_form')"
|
|
|
- :disabled="disabled"
|
|
|
- >完成</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <el-button v-if="rules_detail_title" class="fr" type="primary" @click="editRule('rules_detail_form')" style="float:right" :disabled="disabled">
|
|
|
+ 确 定
|
|
|
+ </el-button>
|
|
|
+ <el-button v-else class="fr" type="primary" @click="next('rules_detail_form')" style="float:right" :disabled="disabled">确 定</el-button>
|
|
|
+ <el-button class="fr" @click="rules_detail_close('rules_detail_form')" style="float:right">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog title="添加人员" :visible.sync="add_employee_show" :before-close="add_employee_close" width="700px">
|
|
|
+ <el-form :model="add_employee_form" ref="add_employee_form" label-width="80px">
|
|
|
+ <el-form-item label="加分周期" :rules="[{ required: true, message: '请选择加分周期', trigger: 'change' }]">
|
|
|
+ <el-select v-model="task_cycle_name" placeholder="请选择加分周期">
|
|
|
+ <el-option v-for="item in task_cycle" :key="item.value" :label="item.name" :value="item.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <div v-loading="staff_loading">
|
|
|
+ <EmployeeSelector1
|
|
|
+ :max="add_employee_max"
|
|
|
+ :can_select_dept="false"
|
|
|
+ :visible.sync="add_employee_visible"
|
|
|
+ @confirm="add_employee_confirm"
|
|
|
+ ref="Employee"
|
|
|
+ ></EmployeeSelector1>
|
|
|
+ </div>
|
|
|
+ <el-form-item style="text-align: right; margin-bottom: 0;margin-top: 20px;">
|
|
|
+ <el-button @click="add_employee_close()">取消</el-button>
|
|
|
+ <el-button type="primary" @click="sub_add_employee('add_employee_form')" :disabled="disabled">完成</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import EmployeeSelector1 from "@/components/EmployeeSelector";
|
|
|
+import EmployeeSelector1 from '@/components/EmployeeSelector';
|
|
|
import noData from '@/components/noData';
|
|
|
export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // grouping_Json:[],
|
|
|
- jieguoId:"",
|
|
|
- table_list: [],
|
|
|
- tips_show: false,
|
|
|
- item_info: {},
|
|
|
- rule_trees_load: false,
|
|
|
- dialogVisible: false,
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // grouping_Json:[],
|
|
|
+ jieguoId: '',
|
|
|
+ table_list: [],
|
|
|
+ tips_show: false,
|
|
|
+ item_info: {},
|
|
|
+ rule_trees_load: false,
|
|
|
+ dialogVisible: false,
|
|
|
|
|
|
- rules_detail_show: false, //是否弹出添加人员弹窗
|
|
|
- add_employee_visible: false,
|
|
|
- add_employee_max: 0,
|
|
|
- add_employee_show: false,
|
|
|
+ rules_detail_show: false, //是否弹出添加人员弹窗
|
|
|
+ add_employee_visible: false,
|
|
|
+ add_employee_max: 0,
|
|
|
+ add_employee_show: false,
|
|
|
|
|
|
- task_cycle_name: 1,
|
|
|
- add_employee_form: {
|
|
|
- employee_ids: [],
|
|
|
- },
|
|
|
+ task_cycle_name: 1,
|
|
|
+ add_employee_form: {
|
|
|
+ employee_ids: []
|
|
|
+ },
|
|
|
|
|
|
- del_arr: {
|
|
|
- ids: [],
|
|
|
- },
|
|
|
- val_page:'',//存入某一页文本框选中的数量
|
|
|
- page: 1,//默认页数 为1
|
|
|
- total: 0,//返回的总数据
|
|
|
- pagesize: 10,//每页显示的数据
|
|
|
- table_loading: false,
|
|
|
- staff_loading: false,
|
|
|
+ del_arr: {
|
|
|
+ ids: []
|
|
|
+ },
|
|
|
+ val_page: '', //存入某一页文本框选中的数量
|
|
|
+ page: 1, //默认页数 为1
|
|
|
+ total: 0, //返回的总数据
|
|
|
+ pagesize: 10, //每页显示的数据
|
|
|
+ table_loading: false,
|
|
|
+ staff_loading: false,
|
|
|
|
|
|
- dialogFormVisible: false,
|
|
|
- form: {
|
|
|
- name: "",
|
|
|
- region: "",
|
|
|
- date1: "",
|
|
|
- date2: "",
|
|
|
- delivery: false,
|
|
|
- type: [],
|
|
|
- resource: "",
|
|
|
- desc: "",
|
|
|
- },
|
|
|
- formLabelWidth: "120px",
|
|
|
+ dialogFormVisible: false,
|
|
|
+ form: {
|
|
|
+ name: '',
|
|
|
+ region: '',
|
|
|
+ date1: '',
|
|
|
+ date2: '',
|
|
|
+ delivery: false,
|
|
|
+ type: [],
|
|
|
+ resource: '',
|
|
|
+ desc: ''
|
|
|
+ },
|
|
|
+ formLabelWidth: '120px',
|
|
|
|
|
|
- numberValidateForm: {
|
|
|
- name: "",
|
|
|
- },
|
|
|
- disabled: false, //按钮不能被多次点击
|
|
|
- grouping_type: "",
|
|
|
- rules_detail_title: "",
|
|
|
- rule_list: [], //分类集合
|
|
|
- item_list: [], //规则集合
|
|
|
+ numberValidateForm: {
|
|
|
+ name: ''
|
|
|
+ },
|
|
|
+ disabled: false, //按钮不能被多次点击
|
|
|
+ grouping_type: '',
|
|
|
+ rules_detail_title: '',
|
|
|
+ rule_list: [], //分类集合
|
|
|
+ item_list: [], //规则集合
|
|
|
|
|
|
- right_rules_detail: {},
|
|
|
+ right_rules_detail: {},
|
|
|
|
|
|
- add_employee_id: "",
|
|
|
- add_employee_id: "",
|
|
|
- rules_detail_form: {
|
|
|
- rule_id: "",
|
|
|
- range_type: "1",
|
|
|
- prize_type: "0",
|
|
|
- min_point: "",
|
|
|
- remark: "",
|
|
|
- is_attendance: "0",
|
|
|
- cycle_type: "2",
|
|
|
- pt_id: "3",
|
|
|
- },
|
|
|
- is_attendance: false,
|
|
|
- rules_rules: {
|
|
|
- remark: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: "请输入规则名称",
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
- {
|
|
|
- max: 100,
|
|
|
- message: "分类名称不能大于100个字符",
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
- ],
|
|
|
- min_point: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: "请输入积分",
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
- ],
|
|
|
- rule_id: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: "请选择分类",
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- task_cycle: [
|
|
|
- {
|
|
|
- name: "每天自动加分",
|
|
|
- value: 1,
|
|
|
- },
|
|
|
- {
|
|
|
- name: "每周自动加分",
|
|
|
- value: 2,
|
|
|
- },
|
|
|
- {
|
|
|
- name: "每月自动加分",
|
|
|
- value: 3,
|
|
|
- },
|
|
|
- ],
|
|
|
- };
|
|
|
- },
|
|
|
- components: {
|
|
|
- EmployeeSelector1,
|
|
|
- noData
|
|
|
- },
|
|
|
- created() {},
|
|
|
- mounted() {
|
|
|
- if (localStorage.getItem("voluntarilyPoint")) {
|
|
|
- this.tips_show = false;
|
|
|
- } else {
|
|
|
- this.tips_show = true;
|
|
|
- }
|
|
|
- this.get_role_lists();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.page = val;
|
|
|
- this.open_right();
|
|
|
- },
|
|
|
- // 组建
|
|
|
- add_employee_confirm(val) {
|
|
|
- this.add_employee_form.employee_ids = [];
|
|
|
- if (val.employee.length !== 0) {
|
|
|
- val.employee.forEach((element) => {
|
|
|
- this.add_employee_form.employee_ids.push(element.id);
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
+ add_employee_id: '',
|
|
|
+ add_employee_id: '',
|
|
|
+ rules_detail_form: {
|
|
|
+ rule_id: '',
|
|
|
+ range_type: '1',
|
|
|
+ prize_type: '0',
|
|
|
+ min_point: '',
|
|
|
+ remark: '',
|
|
|
+ is_attendance: '0',
|
|
|
+ cycle_type: '2',
|
|
|
+ pt_id: '3'
|
|
|
+ },
|
|
|
+ is_attendance: false,
|
|
|
+ rules_rules: {
|
|
|
+ remark: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请输入规则名称',
|
|
|
+ trigger: 'blur'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ max: 100,
|
|
|
+ message: '分类名称不能大于100个字符',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ min_point: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请输入积分',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ rule_id: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请选择分类',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ task_cycle: [
|
|
|
+ {
|
|
|
+ name: '每天自动加分',
|
|
|
+ value: 1
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '每周自动加分',
|
|
|
+ value: 2
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '每月自动加分',
|
|
|
+ value: 3
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ EmployeeSelector1,
|
|
|
+ noData
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ mounted() {
|
|
|
+ if (localStorage.getItem('voluntarilyPoint')) {
|
|
|
+ this.tips_show = false;
|
|
|
+ } else {
|
|
|
+ this.tips_show = true;
|
|
|
+ }
|
|
|
+ this.get_role_lists();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.page = val;
|
|
|
+ this.open_right();
|
|
|
+ },
|
|
|
+ // 组建
|
|
|
+ add_employee_confirm(val) {
|
|
|
+ this.add_employee_form.employee_ids = [];
|
|
|
+ if (val.employee.length !== 0) {
|
|
|
+ val.employee.forEach(element => {
|
|
|
+ this.add_employee_form.employee_ids.push(element.id);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
- // 添加成员点击取消
|
|
|
- add_employee_close() {
|
|
|
- this.add_employee_show = false;
|
|
|
- },
|
|
|
- // 点击添加人员
|
|
|
- add_employee_show_TJ(){
|
|
|
- this.add_employee_show= true;//弹出添加人员框
|
|
|
- var params = {
|
|
|
- params: {
|
|
|
- item_id: this.add_employee_id || "",
|
|
|
- employee_id: this.employee_id || "",
|
|
|
- },
|
|
|
- };
|
|
|
- this.$axios
|
|
|
- .get("/api/integral/auto/list", params)
|
|
|
- .then((res) => {
|
|
|
- // let grup_list = [];
|
|
|
- // for(let i=0;i<res.data.data.list.length;i++){
|
|
|
- // grup_list.push(res.data.data.list[i])
|
|
|
- // }
|
|
|
- // this.grouping = grup_list//拿到当前细则的人员
|
|
|
-
|
|
|
- // this.grouping_Json = this.res.data.data.list//拿到当前细则的人员
|
|
|
- })
|
|
|
- },
|
|
|
- // 添加成员点击完成
|
|
|
- sub_add_employee(form) {
|
|
|
- let self = this;
|
|
|
- if (!self.task_cycle_name) {
|
|
|
- self.$message.error("请选择加分周期");
|
|
|
- return false;
|
|
|
- }
|
|
|
- this.$refs.Employee.confirm(); //调用组件的confirm（）；
|
|
|
- if (this.add_employee_form.employee_ids.length <= 0) {
|
|
|
- this.$message.error("请选择员工");
|
|
|
- return false;
|
|
|
- }
|
|
|
- let data = {
|
|
|
- employee_ids: this.add_employee_form.employee_ids,
|
|
|
- task_cycle: self.task_cycle_name,
|
|
|
- item_id: self.add_employee_id,
|
|
|
- rule_id: self.add_rulse_id,
|
|
|
- };
|
|
|
- self.$refs[form].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- if (data.rule_id == "" || data.item_id == "") {
|
|
|
- self.$message.error("请先选择细则");
|
|
|
- } else {
|
|
|
- this.disabled = true;
|
|
|
- self.staff_loading = true;
|
|
|
- self
|
|
|
- .$axios({
|
|
|
- url: "/api/integral/auto/add",
|
|
|
- method: "post",
|
|
|
- data: data,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- this.disabled = false;
|
|
|
- self.table_loading = false;
|
|
|
- self.staff_loading = false;
|
|
|
- if (res.data.code == 1) {
|
|
|
- // 不需要了
|
|
|
- // sessionStorage.setItem('task_cycle_name', (self.task_cycle_name))//存入用户上次请求成功的加分周期。
|
|
|
- self.add_employee_show = false;
|
|
|
- self.$message.success(
|
|
|
- "此次操作成功" +
|
|
|
- res.data.data.success +
|
|
|
- "条,失败" +
|
|
|
- res.data.data.error +
|
|
|
- "条,已经存在的" +
|
|
|
- res.data.data.exist +
|
|
|
- "条"
|
|
|
- );
|
|
|
- // self.err_open_right();
|
|
|
-
|
|
|
- // self.open_right();
|
|
|
-
|
|
|
-
|
|
|
- self.get_role_lists()
|
|
|
- } else {
|
|
|
- self.$message.error(res.data.msg);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((e) => {
|
|
|
- // self.$message.error(e.data.msg);
|
|
|
- })
|
|
|
- .finally(() => {
|
|
|
- self.loading = false;
|
|
|
- });
|
|
|
- }
|
|
|
- } else {
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
+ // 添加成员点击取消
|
|
|
+ add_employee_close() {
|
|
|
+ this.add_employee_show = false;
|
|
|
+ },
|
|
|
+ // 点击添加人员
|
|
|
+ add_employee_show_TJ() {
|
|
|
+ this.add_employee_show = true; //弹出添加人员框
|
|
|
+ var params = {
|
|
|
+ params: {
|
|
|
+ item_id: this.add_employee_id || '',
|
|
|
+ employee_id: this.employee_id || ''
|
|
|
+ }
|
|
|
+ };
|
|
|
+ this.$axios.get('/api/integral/auto/list', params).then(res => {
|
|
|
+ // let grup_list = [];
|
|
|
+ // for(let i=0;i<res.data.data.list.length;i++){
|
|
|
+ // grup_list.push(res.data.data.list[i])
|
|
|
+ // }
|
|
|
+ // this.grouping = grup_list//拿到当前细则的人员
|
|
|
+ // this.grouping_Json = this.res.data.data.list//拿到当前细则的人员
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 添加成员点击完成
|
|
|
+ sub_add_employee(form) {
|
|
|
+ let self = this;
|
|
|
+ if (!self.task_cycle_name) {
|
|
|
+ self.$message.error('请选择加分周期');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ this.$refs.Employee.confirm(); //调用组件的confirm（）；
|
|
|
+ if (this.add_employee_form.employee_ids.length <= 0) {
|
|
|
+ this.$message.error('请选择员工');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ let data = {
|
|
|
+ employee_ids: this.add_employee_form.employee_ids,
|
|
|
+ task_cycle: self.task_cycle_name,
|
|
|
+ item_id: self.add_employee_id,
|
|
|
+ rule_id: self.add_rulse_id
|
|
|
+ };
|
|
|
+ self.$refs[form].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ if (data.rule_id == '' || data.item_id == '') {
|
|
|
+ self.$message.error('请先选择细则');
|
|
|
+ } else {
|
|
|
+ this.disabled = true;
|
|
|
+ self.staff_loading = true;
|
|
|
+ self.$axios({
|
|
|
+ url: '/api/integral/auto/add',
|
|
|
+ method: 'post',
|
|
|
+ data: data
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ this.disabled = false;
|
|
|
+ self.table_loading = false;
|
|
|
+ self.staff_loading = false;
|
|
|
+ if (res.data.code == 1) {
|
|
|
+ // 不需要了
|
|
|
+ // sessionStorage.setItem('task_cycle_name', (self.task_cycle_name))//存入用户上次请求成功的加分周期。
|
|
|
+ self.add_employee_show = false;
|
|
|
+ self.$message.success('此次操作成功' + res.data.data.success + '条,失败' + res.data.data.error + '条,已经存在的' + res.data.data.exist + '条');
|
|
|
+ // self.err_open_right();
|
|
|
|
|
|
- editDetails() {},
|
|
|
- handleSelectionChange(val) {
|
|
|
- this.del_arr.ids = [];
|
|
|
- val.forEach((element) => {
|
|
|
- this.del_arr.ids.push(element.id);
|
|
|
- });
|
|
|
- this.val_page = val
|
|
|
+ // self.open_right();
|
|
|
|
|
|
-
|
|
|
- },
|
|
|
- add_item() {},
|
|
|
- // 批量删除
|
|
|
- del_item() {
|
|
|
- let self = this;
|
|
|
- if (self.del_arr.ids.length !== 0) {
|
|
|
- self
|
|
|
- .$confirm("此操作将永久删除该人员的自动加分, 是否继续?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- self
|
|
|
- .$axios({
|
|
|
- url: "/api/integral/auto/delete/many",
|
|
|
- method: "post",
|
|
|
- data: self.del_arr,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- if (res.data.code == 1) {
|
|
|
- self.$message.success(res.data.msg);
|
|
|
- // 判断当页的总数与选中的数量是否相等，如果相等，此页就无数据，就请求上一页的数据
|
|
|
- if(this.table_list.length == this.val_page.length){
|
|
|
- if(this.page !== 1){//判断不在第一页的时候执行
|
|
|
- this.page=this.page-1
|
|
|
- }
|
|
|
- }
|
|
|
- self.open_right();
|
|
|
- } else {
|
|
|
- self.$message.error(res.data.msg);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((e) => {
|
|
|
- // self.$message.error(e.data.msg);
|
|
|
- })
|
|
|
- .finally(() => {
|
|
|
- self.loading = false;
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
- } else {
|
|
|
- self.$message.error("请选择要移除的人员");
|
|
|
- }
|
|
|
- },
|
|
|
- // 关闭提示语
|
|
|
- tips_close() {
|
|
|
- localStorage.setItem("voluntarilyPoint", "true");
|
|
|
- this.tips_show = false;
|
|
|
- },
|
|
|
- //新增规则
|
|
|
- add_rules_detail() {
|
|
|
- this.dialogFormVisible = true;
|
|
|
- this.rules_detail_title = false;
|
|
|
- },
|
|
|
+ self.get_role_lists();
|
|
|
+ } else {
|
|
|
+ self.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ self.loading = false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
|
|
|
+ editDetails() {},
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ this.del_arr.ids = [];
|
|
|
+ val.forEach(element => {
|
|
|
+ this.del_arr.ids.push(element.id);
|
|
|
+ });
|
|
|
+ this.val_page = val;
|
|
|
+ },
|
|
|
+ add_item() {},
|
|
|
+ // 批量删除
|
|
|
+ del_item() {
|
|
|
+ let self = this;
|
|
|
+ if (self.del_arr.ids.length !== 0) {
|
|
|
+ self.$confirm('此操作将永久删除该人员的自动加分, 是否继续?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ self.$axios({
|
|
|
+ url: '/api/integral/auto/delete/many',
|
|
|
+ method: 'post',
|
|
|
+ data: self.del_arr
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ if (res.data.code == 1) {
|
|
|
+ self.$message.success(res.data.msg);
|
|
|
+ // 判断当页的总数与选中的数量是否相等，如果相等，此页就无数据，就请求上一页的数据
|
|
|
+ if (this.table_list.length == this.val_page.length) {
|
|
|
+ if (this.page !== 1) {
|
|
|
+ //判断不在第一页的时候执行
|
|
|
+ this.page = this.page - 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ self.open_right();
|
|
|
+ } else {
|
|
|
+ self.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ self.loading = false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ self.$message.error('请选择要移除的人员');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 关闭提示语
|
|
|
+ tips_close() {
|
|
|
+ localStorage.setItem('voluntarilyPoint', 'true');
|
|
|
+ this.tips_show = false;
|
|
|
+ },
|
|
|
+ //新增规则
|
|
|
+ add_rules_detail() {
|
|
|
+ this.dialogFormVisible = true;
|
|
|
+ this.rules_detail_title = false;
|
|
|
+ },
|
|
|
|
|
|
- editRule(form) {
|
|
|
- let self = this;
|
|
|
- let data = null;
|
|
|
- self.rules_detail_form.max_point = self.rules_detail_form.min_point;
|
|
|
- if (this.rules_detail_title == false) {
|
|
|
- data = {
|
|
|
- items: [self.rules_detail_form],
|
|
|
- };
|
|
|
- } else {
|
|
|
- self.rules_detail_form.item_id = self.rules_detail_form.id;
|
|
|
- data = self.rules_detail_form;
|
|
|
- }
|
|
|
- self.$refs[form].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- this.disabled = true;
|
|
|
- if (this.is_attendance) {
|
|
|
- self.rules_detail_form.is_attendance = 1;
|
|
|
- } else {
|
|
|
- self.rules_detail_form.is_attendance = 0;
|
|
|
- }
|
|
|
- self
|
|
|
- .$axios({
|
|
|
- url: this.rules_detail_title
|
|
|
- ? "api/integral/rule/items/edit"
|
|
|
- : "/api/integral/rule/items",
|
|
|
- method: "post",
|
|
|
- data: data,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- this.disabled = false;
|
|
|
- this.dialogFormVisible = false;
|
|
|
- setTimeout(() => {
|
|
|
- this.is_attendance = false;
|
|
|
- }, 300);
|
|
|
- if (res.data.code == 1) {
|
|
|
- self.$message.success(res.data.msg);
|
|
|
- self.rules_detail_show = false;
|
|
|
- self.jieguoId = res.data.data.item_id;
|
|
|
- // self.add_employee_id = res.data.data.item_id;
|
|
|
- self.add_rulse_id = self.rules_detail_form.rule_id;
|
|
|
- self.get_role_lists()
|
|
|
- if (this.rules_detail_title == false) {
|
|
|
- setTimeout(() => {
|
|
|
- self.add_employee_show = true;
|
|
|
- }, 600);
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.disabled = false;
|
|
|
- this.dialogFormVisible = false;
|
|
|
- self.$message.error(res.data.msg);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((e) => {
|
|
|
- this.disabled = false;
|
|
|
- this.dialogFormVisible = false;
|
|
|
- // self.$message.error(e.data.msg);
|
|
|
- })
|
|
|
- .finally(() => {
|
|
|
- self.loading = false;
|
|
|
- });
|
|
|
- } else {
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 点击确定提交积分规则
|
|
|
- next(form) {
|
|
|
- let self = this;
|
|
|
- let data = null;
|
|
|
- self.rules_detail_form.max_point = self.rules_detail_form.min_point;
|
|
|
- if (this.rules_detail_title == false) {
|
|
|
- data = {
|
|
|
- items: [self.rules_detail_form],
|
|
|
- };
|
|
|
- } else {
|
|
|
- self.rules_detail_form.item_id = self.rules_detail_form.id;
|
|
|
- data = self.rules_detail_form;
|
|
|
- }
|
|
|
- self.$refs[form].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- this.disabled = true;
|
|
|
- if (this.is_attendance) {
|
|
|
- self.rules_detail_form.is_attendance = 1;
|
|
|
- } else {
|
|
|
- self.rules_detail_form.is_attendance = 0;
|
|
|
- }
|
|
|
- self
|
|
|
- .$axios({
|
|
|
- url: this.rules_detail_title
|
|
|
- ? "api/integral/rule/items/edit"
|
|
|
- : "/api/integral/rule/items",
|
|
|
- method: "post",
|
|
|
- data: data,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- this.disabled = false;
|
|
|
- this.dialogFormVisible = false;
|
|
|
- setTimeout(() => {
|
|
|
- this.is_attendance = false;
|
|
|
- }, 300);
|
|
|
- if (res.data.code == 1) {
|
|
|
- self.$message.success(res.data.msg);
|
|
|
- self.rules_detail_show = false;
|
|
|
- // self.jieguoId = res.data.data.item_id;
|
|
|
- self.add_employee_id = res.data.data.item_id;
|
|
|
- self.add_rulse_id = self.rules_detail_form.rule_id;
|
|
|
- if (this.rules_detail_title == false) {
|
|
|
- setTimeout(() => {
|
|
|
- self.add_employee_show = true;
|
|
|
- }, 600);
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.disabled = false;
|
|
|
- this.dialogFormVisible = false;
|
|
|
- self.$message.error(res.data.msg);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((e) => {
|
|
|
- this.disabled = false;
|
|
|
- this.dialogFormVisible = false;
|
|
|
- self.$message.error(e.data.msg);
|
|
|
- })
|
|
|
- .finally(() => {
|
|
|
- self.loading = false;
|
|
|
- });
|
|
|
- } else {
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- //点击取消
|
|
|
- rules_detail_close(form) {
|
|
|
- this.dialogFormVisible = false;
|
|
|
- this.rules_detail_show = false;
|
|
|
- this.$refs[form].resetFields();
|
|
|
- },
|
|
|
- open_right(data) {
|
|
|
- let self = this;
|
|
|
- self.table_loading = true;
|
|
|
- if (data) {
|
|
|
- self.add_employee_id = data.id;
|
|
|
- self.add_rulse_id = data.rule_id;
|
|
|
- self.right_rules_detail = data;
|
|
|
- }
|
|
|
- var params = {
|
|
|
- params: {
|
|
|
- item_id: self.add_employee_id || "",
|
|
|
- employee_id: self.employee_id || "",
|
|
|
- page: self.page,
|
|
|
- page_size:Number(this.pagesize)
|
|
|
- },
|
|
|
- };
|
|
|
- self.$axios
|
|
|
- .get("/api/integral/auto/list", params)
|
|
|
- .then((res) => {
|
|
|
- self.table_loading = false;
|
|
|
- if (res.data.code == 1) {
|
|
|
- self.table_list = res.data.data.list || [];
|
|
|
- self.total = res.data.data.total;
|
|
|
- } else {
|
|
|
- self.$message.error(res.data.msg);
|
|
|
- }
|
|
|
- })
|
|
|
- .finally(() => {
|
|
|
- self.table_loading = false;
|
|
|
- });
|
|
|
- },
|
|
|
+ editRule(form) {
|
|
|
+ let self = this;
|
|
|
+ let data = null;
|
|
|
+ self.rules_detail_form.max_point = self.rules_detail_form.min_point;
|
|
|
+ if (this.rules_detail_title == false) {
|
|
|
+ data = {
|
|
|
+ items: [self.rules_detail_form]
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ self.rules_detail_form.item_id = self.rules_detail_form.id;
|
|
|
+ data = self.rules_detail_form;
|
|
|
+ }
|
|
|
+ self.$refs[form].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.disabled = true;
|
|
|
+ if (this.is_attendance) {
|
|
|
+ self.rules_detail_form.is_attendance = 1;
|
|
|
+ } else {
|
|
|
+ self.rules_detail_form.is_attendance = 0;
|
|
|
+ }
|
|
|
+ self.$axios({
|
|
|
+ url: this.rules_detail_title ? 'api/integral/rule/items/edit' : '/api/integral/rule/items',
|
|
|
+ method: 'post',
|
|
|
+ data: data
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ this.disabled = false;
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.is_attendance = false;
|
|
|
+ }, 300);
|
|
|
+ if (res.data.code == 1) {
|
|
|
+ self.$message.success(res.data.msg);
|
|
|
+ self.rules_detail_show = false;
|
|
|
+ self.jieguoId = res.data.data.item_id;
|
|
|
+ self.add_rulse_id = self.rules_detail_form.rule_id;
|
|
|
+ self.get_role_lists();
|
|
|
+ if (this.rules_detail_title == false) {
|
|
|
+ setTimeout(() => {
|
|
|
+ self.add_employee_show = true;
|
|
|
+ }, 600);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.disabled = false;
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ self.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ this.disabled = false;
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ self.loading = false;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 点击确定提交积分规则
|
|
|
+ next(form) {
|
|
|
+ let self = this;
|
|
|
+ let data = null;
|
|
|
+ self.rules_detail_form.max_point = self.rules_detail_form.min_point;
|
|
|
+ if (this.rules_detail_title == false) {
|
|
|
+ data = {
|
|
|
+ items: [self.rules_detail_form]
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ self.rules_detail_form.item_id = self.rules_detail_form.id;
|
|
|
+ data = self.rules_detail_form;
|
|
|
+ }
|
|
|
+ self.$refs[form].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.disabled = true;
|
|
|
+ if (this.is_attendance) {
|
|
|
+ self.rules_detail_form.is_attendance = 1;
|
|
|
+ } else {
|
|
|
+ self.rules_detail_form.is_attendance = 0;
|
|
|
+ }
|
|
|
+ self.$axios({
|
|
|
+ url: this.rules_detail_title ? 'api/integral/rule/items/edit' : '/api/integral/rule/items',
|
|
|
+ method: 'post',
|
|
|
+ data: data
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ this.disabled = false;
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.is_attendance = false;
|
|
|
+ }, 300);
|
|
|
+ if (res.data.code == 1) {
|
|
|
+ self.$message.success(res.data.msg);
|
|
|
+ self.rules_detail_show = false;
|
|
|
+ // self.jieguoId = res.data.data.item_id;
|
|
|
+ self.add_employee_id = res.data.data.item_id;
|
|
|
+ self.add_rulse_id = self.rules_detail_form.rule_id;
|
|
|
+ if (this.rules_detail_title == false) {
|
|
|
+ setTimeout(() => {
|
|
|
+ self.add_employee_show = true;
|
|
|
+ }, 600);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.disabled = false;
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ self.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ this.disabled = false;
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ self.loading = false;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //点击取消
|
|
|
+ rules_detail_close(form) {
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ this.rules_detail_show = false;
|
|
|
+ this.$refs[form].resetFields();
|
|
|
+ },
|
|
|
+ open_right(data) {
|
|
|
+ let self = this;
|
|
|
+ self.table_loading = true;
|
|
|
+ if (data) {
|
|
|
+ self.add_employee_id = data.id;
|
|
|
+ self.add_rulse_id = data.rule_id;
|
|
|
+ self.right_rules_detail = data;
|
|
|
+ }
|
|
|
+ var params = {
|
|
|
+ params: {
|
|
|
+ item_id: self.add_employee_id || '',
|
|
|
+ employee_id: self.employee_id || '',
|
|
|
+ page: self.page,
|
|
|
+ page_size: Number(this.pagesize)
|
|
|
+ }
|
|
|
+ };
|
|
|
+ self.$axios
|
|
|
+ .get('/api/integral/auto/list', params)
|
|
|
+ .then(res => {
|
|
|
+ self.table_loading = false;
|
|
|
+ if (res.data.code == 1) {
|
|
|
+ self.table_list = res.data.data.list || [];
|
|
|
+ self.total = res.data.data.total;
|
|
|
+ } else {
|
|
|
+ self.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ self.table_loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
|
|
|
- // 编辑规则
|
|
|
- edit_rules(data) {
|
|
|
- this.rules_detail_title = true;
|
|
|
- this.dialogFormVisible = true;
|
|
|
- this.rules_detail_title = true;
|
|
|
- this.rules_detail_form = JSON.parse(
|
|
|
- JSON.stringify(this.right_rules_detail)
|
|
|
- );
|
|
|
- this.is_attendance =
|
|
|
- this.rules_detail_form.is_attendance == "0" ? false : true;
|
|
|
- },
|
|
|
- // 删除规则
|
|
|
- del_rules_detail(item) {
|
|
|
- this.$confirm("此操作将永久删除该规则, 是否继续?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- }).then(() => {
|
|
|
- this.disabled = true;
|
|
|
- this.$axios({
|
|
|
- url: "/api/integral/rule/items/destroy",
|
|
|
- method: "post",
|
|
|
- data: {
|
|
|
- item_id: item.id,
|
|
|
- },
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- this.dialogFormVisible = false;
|
|
|
- this.disabled = false;
|
|
|
- if (res.data.code == 1) {
|
|
|
- this.get_role_lists();
|
|
|
- this.$message.success(res.data.msg);
|
|
|
- this.rules_detail_show = false;
|
|
|
- this.get_rule_trees();
|
|
|
- } else {
|
|
|
-
|
|
|
- this.dialogFormVisible = false;
|
|
|
- this.disabled = false;
|
|
|
- this.$message.error(res.data.msg);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.dialogFormVisible = false;
|
|
|
- this.disabled = false;
|
|
|
- })
|
|
|
- .finally(() => {
|
|
|
- this.loading = false;
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
+ // 编辑规则
|
|
|
+ edit_rules(data) {
|
|
|
+ this.rules_detail_title = true;
|
|
|
+ this.dialogFormVisible = true;
|
|
|
+ this.rules_detail_title = true;
|
|
|
+ this.rules_detail_form = JSON.parse(JSON.stringify(this.right_rules_detail));
|
|
|
+ this.is_attendance = this.rules_detail_form.is_attendance == '0' ? false : true;
|
|
|
+ },
|
|
|
+ // 删除规则
|
|
|
+ del_rules_detail(item) {
|
|
|
+ this.$confirm('此操作将永久删除该规则, 是否继续?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ this.disabled = true;
|
|
|
+ this.$axios({
|
|
|
+ url: '/api/integral/rule/items/destroy',
|
|
|
+ method: 'post',
|
|
|
+ data: {
|
|
|
+ item_id: item.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ this.disabled = false;
|
|
|
+ if (res.data.code == 1) {
|
|
|
+ this.get_role_lists();
|
|
|
+ this.$message.success(res.data.msg);
|
|
|
+ this.rules_detail_show = false;
|
|
|
+ this.get_rule_trees();
|
|
|
+ } else {
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ this.disabled = false;
|
|
|
+ this.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ this.disabled = false;
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
|
|
|
- //新增加分组展示不同渲染
|
|
|
- add_grouping() {
|
|
|
- this.dialogVisible = true;
|
|
|
- this.grouping_type = false;
|
|
|
- },
|
|
|
- // 新增加分组
|
|
|
- submitForm(formName) {
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- let data = this.grouping_type
|
|
|
- ? {
|
|
|
- rule_id: this.numberValidateForm.id,
|
|
|
- pid: "0",
|
|
|
- name: this.numberValidateForm.name,
|
|
|
- }
|
|
|
- : {
|
|
|
- cycle_type: "2",
|
|
|
- pid: "0",
|
|
|
- name: this.numberValidateForm.name,
|
|
|
- };
|
|
|
- this.disabled = true;
|
|
|
- this.$axios({
|
|
|
- url: this.grouping_type
|
|
|
- ? "api/integral/rule/edit"
|
|
|
- : "/api/integral/rule",
|
|
|
- method: "post",
|
|
|
- data: data,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- this.dialogVisible = false;
|
|
|
- this.disabled = false;
|
|
|
- if (res.data.code == '1') {
|
|
|
- this.get_role_lists();
|
|
|
- this.$message.success(
|
|
|
- this.grouping_type ? "修改积分规则" : res.data.msg
|
|
|
- );
|
|
|
- }else{
|
|
|
- this.dialogVisible = false;
|
|
|
- this.disabled = false;
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.dialogVisible = false;
|
|
|
- this.disabled = false;
|
|
|
- });
|
|
|
- } else {
|
|
|
- console.log("error submit!!");
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- //修改分组
|
|
|
- edit_grouping(item) {
|
|
|
- this.dialogVisible = true;
|
|
|
- this.numberValidateForm = JSON.parse(JSON.stringify(item));
|
|
|
- this.grouping_type = true;
|
|
|
- },
|
|
|
- //删除分组
|
|
|
- del_grouping(item) {
|
|
|
- this.$confirm("此操作将永久删除该分类, 是否继续?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.disabled = true;
|
|
|
- this.$axios({
|
|
|
- url: "api/integral/rule/destroy",
|
|
|
- method: "post",
|
|
|
- data: {
|
|
|
- rule_id: item.id,
|
|
|
- },
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- this.dialogVisible = false;
|
|
|
- this.disabled = false;
|
|
|
- if (res.data.code == 1) {
|
|
|
- this.get_role_lists();
|
|
|
- this.$message.success("删除成功");
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.dialogVisible = false;
|
|
|
- this.disabled = false;
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- setTimeout(() => {
|
|
|
- this.dialogVisible = false;
|
|
|
- }, 300);
|
|
|
- });
|
|
|
- },
|
|
|
- // 获取分组
|
|
|
- get_role_lists() {
|
|
|
- this.table_loading = true
|
|
|
- this.rule_trees_load = true;
|
|
|
- this.$axios
|
|
|
- .get("/api/integral/rule/trees", {
|
|
|
- params: {
|
|
|
- cycle_type: "2",
|
|
|
- },
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- this.is_attendance =
|
|
|
- this.rules_detail_form.is_attendance == "0" ? false : true;
|
|
|
- this.rule_list = res.data.data.rule_tree;
|
|
|
- this.item_list = res.data.data.item_list;
|
|
|
- this.rule_trees_load = false;
|
|
|
- if (this.item_list !== null) {
|
|
|
- for (const key in this.item_list) {
|
|
|
- for (let i = 0; i < this.item_list[key].length; i++) {
|
|
|
- if (i == 0) {
|
|
|
- this.open_right(this.item_list[key][i]);
|
|
|
- return false;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.table_loading = false;
|
|
|
- })
|
|
|
- },
|
|
|
- },
|
|
|
+ //新增加分组展示不同渲染
|
|
|
+ add_grouping() {
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.grouping_type = false;
|
|
|
+ },
|
|
|
+ // 新增加分组
|
|
|
+ submitForm(formName) {
|
|
|
+ this.$refs[formName].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ let data = this.grouping_type
|
|
|
+ ? {
|
|
|
+ rule_id: this.numberValidateForm.id,
|
|
|
+ pid: '0',
|
|
|
+ name: this.numberValidateForm.name
|
|
|
+ }
|
|
|
+ : {
|
|
|
+ cycle_type: '2',
|
|
|
+ pid: '0',
|
|
|
+ name: this.numberValidateForm.name
|
|
|
+ };
|
|
|
+ this.disabled = true;
|
|
|
+ this.$axios({
|
|
|
+ url: this.grouping_type ? 'api/integral/rule/edit' : '/api/integral/rule',
|
|
|
+ method: 'post',
|
|
|
+ data: data
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ this.disabled = false;
|
|
|
+ if (res.data.code == '1') {
|
|
|
+ this.get_role_lists();
|
|
|
+ this.$message.success(this.grouping_type ? '修改积分规则' : res.data.msg);
|
|
|
+ } else {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ this.disabled = false;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ this.disabled = false;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //修改分组
|
|
|
+ edit_grouping(item) {
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.numberValidateForm = JSON.parse(JSON.stringify(item));
|
|
|
+ this.grouping_type = true;
|
|
|
+ },
|
|
|
+ //删除分组
|
|
|
+ del_grouping(item) {
|
|
|
+ this.$confirm('此操作将永久删除该分类, 是否继续?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.disabled = true;
|
|
|
+ this.$axios({
|
|
|
+ url: 'api/integral/rule/destroy',
|
|
|
+ method: 'post',
|
|
|
+ data: {
|
|
|
+ rule_id: item.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ this.disabled = false;
|
|
|
+ if (res.data.code == 1) {
|
|
|
+ this.get_role_lists();
|
|
|
+ this.$message.success('删除成功');
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ this.disabled = false;
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ setTimeout(() => {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ }, 300);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取分组
|
|
|
+ get_role_lists() {
|
|
|
+ this.table_loading = true;
|
|
|
+ this.rule_trees_load = true;
|
|
|
+ this.$axios
|
|
|
+ .get('/api/integral/rule/trees', {
|
|
|
+ params: {
|
|
|
+ cycle_type: '2'
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ this.is_attendance = this.rules_detail_form.is_attendance == '0' ? false : true;
|
|
|
+ this.rule_list = res.data.data.rule_tree;
|
|
|
+ this.item_list = res.data.data.item_list;
|
|
|
+ this.rule_trees_load = false;
|
|
|
+ if (this.item_list !== null) {
|
|
|
+ for (const key in this.item_list) {
|
|
|
+ for (let i = 0; i < this.item_list[key].length; i++) {
|
|
|
+ if (i == 0) {
|
|
|
+ this.open_right(this.item_list[key][i]);
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.table_loading = false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style scoped="scoped" lang="scss">
|
|
|
.rule_name {
|
|
|
- border-right: 0;
|
|
|
- margin-top: 16px;
|
|
|
- li {
|
|
|
- border-bottom: 1px #f8f8f8 solid;
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- ::v-deep .el-submenu__title {
|
|
|
- padding: 0 10px !important;
|
|
|
- i.el-submenu__icon-arrow.el-icon-arrow-down {
|
|
|
- color: #909399 !important;
|
|
|
- }
|
|
|
- }
|
|
|
- li:hover .el-submenu__title {
|
|
|
- background: #e7f6ff;
|
|
|
- }
|
|
|
- ul {
|
|
|
- li.is-active {
|
|
|
- background-color: #e7f6ff !important;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- ::v-deep .is-opened .el-submenu__title .title_top {
|
|
|
- color: #409eff !important;
|
|
|
- }
|
|
|
- ::v-deep .is-opened .el-menu .el-menu-item span {
|
|
|
- color: #333;
|
|
|
- }
|
|
|
- ::v-deep .is-opened .el-menu .is-active span {
|
|
|
- color: #409eff;
|
|
|
- }
|
|
|
+ border-right: 0;
|
|
|
+ margin-top: 16px;
|
|
|
+ li {
|
|
|
+ border-bottom: 1px #f8f8f8 solid;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ ::v-deep .el-submenu__title {
|
|
|
+ padding: 0 10px !important;
|
|
|
+ i.el-submenu__icon-arrow.el-icon-arrow-down {
|
|
|
+ color: #909399 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ li:hover .el-submenu__title {
|
|
|
+ background: #e7f6ff;
|
|
|
+ }
|
|
|
+ ul {
|
|
|
+ li.is-active {
|
|
|
+ background-color: #e7f6ff !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ::v-deep .is-opened .el-submenu__title .title_top {
|
|
|
+ color: #409eff !important;
|
|
|
+ }
|
|
|
+ ::v-deep .is-opened .el-menu .el-menu-item span {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ ::v-deep .is-opened .el-menu .is-active span {
|
|
|
+ color: #409eff;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.rule_list {
|
|
|
- position: relative;
|
|
|
- display: table-cell;
|
|
|
+ position: relative;
|
|
|
+ display: table-cell;
|
|
|
}
|
|
|
|
|
|
.rule_list:after {
|
|
|
- content: " ";
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- width: 1px;
|
|
|
- background: #ebeef5;
|
|
|
+ content: ' ';
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 1px;
|
|
|
+ background: #ebeef5;
|
|
|
}
|
|
|
.terr-right {
|
|
|
- min-height: calc(100vh - 224px);
|
|
|
- .name {
|
|
|
- height: 100%;
|
|
|
- font-size: 18px;
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
- .btns button {
|
|
|
- margin-top: 20px;
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
+ min-height: calc(100vh - 224px);
|
|
|
+ .name {
|
|
|
+ height: 100%;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ .btns button {
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
}
|
|
|
.terr-left button {
|
|
|
- margin: 0 auto;
|
|
|
- display: block;
|
|
|
- margin-bottom: 10px;
|
|
|
+ margin: 0 auto;
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
</style>
|
347617796@qq.com
