|
@@ -0,0 +1,691 @@
|
|
|
+<template>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ 未开发,未对接,光明的页面暂时拿过来用
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 卡片视图区域 -->
|
|
|
+ <el-card class="box-card">
|
|
|
+ <div class="search-bx1">
|
|
|
+ <el-input v-model="sendData.roleName" placeholder="角色" style="width: 220px;" class="g-mr20" clearable />
|
|
|
+
|
|
|
+ <el-button type="primary" @click="form_search">搜索</el-button>
|
|
|
+ <el-button type="primary" v-if="isButtonEdit" @click="form_add">添加角色</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 表格 -->
|
|
|
+ <el-table key="0" :data="tableList" v-loading="tableLoading" element-loading-text="给我一点时间" stripe border fit>
|
|
|
+ <el-table-column label="序号" width="50px" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.number }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="角色" min-width="150px" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.roleName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="角色说明" min-width="150px" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.remark }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <el-table-column label="状态" min-width="100px" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-switch v-model="scope.row.mg_state" active-color="#13ce66" inactive-color="#ff4949" :active-value="1" :inactive-value="0" />
|
|
|
+ </template>
|
|
|
+ </el-table-column> -->
|
|
|
+ <el-table-column label="操作" align="center" width="400" class-name="small-padding fixed-width" fixed="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <!-- 修改按钮 -->
|
|
|
+ <el-button v-if="isButtonEdit" type="primary" size="mini" icon="el-icon-edit" @click="form_edit(scope.row)">修改</el-button>
|
|
|
+ <!-- 删除按钮 -->
|
|
|
+ <el-button v-if="isButtonEdit" type="danger" size="mini" icon="el-icon-delete" @click="form_delete(scope.row)">删除</el-button>
|
|
|
+ <!-- 分配角色 -->
|
|
|
+ <el-button v-if="isButtonEdit" type="warning" size="mini" icon="el-icon-setting" @click="form_set(scope.row)">分配权限</el-button>
|
|
|
+
|
|
|
+ <el-button v-if="isButtonEdit" type="warning" size="mini" icon="el-icon-setting" @click="form_set2(scope.row)">数据权限</el-button>
|
|
|
+
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <!-- 分页区域 -->
|
|
|
+ <el-pagination @size-change="change_size_page" @current-change="change_current_page" :current-page="sendData.pageNum" :page-sizes="[1,5,10,20,30,50]" :page-size="sendData.pageSize" layout="total, prev, pager, next" :total="sendData.total"/>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 弹窗 新增or修改 -->
|
|
|
+ <el-dialog :title="addFormTxt[addFormStatus]" :visible.sync="addFormShow" @close="add_dialog_close" width="50%">
|
|
|
+ <div class="">
|
|
|
+ <el-form ref="addFormRef" :rules="addFormRules" :model="addForm" label-position="right" label-width="70px" style="width:50%;margin:0 auto 50px">
|
|
|
+ <el-form-item label="角色名" prop="roleName">
|
|
|
+ <el-input v-model="addForm.roleName" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="角色说明" prop="remark">
|
|
|
+ <el-input v-model="addForm.remark"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addFormStatus==='create'?add_dialog_save():edit_dialog_save()">确认</el-button>
|
|
|
+ <el-button @click="addFormShow = false">关闭</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 弹窗 分配 -->
|
|
|
+ <el-dialog title="分配权限" :visible.sync="setFormShow" @close="set_dialog_close" width="50%">
|
|
|
+ <div class="">
|
|
|
+ <el-form ref="setFormRef" :model="setForm" label-position="right" label-width="70px" style="width:50%;margin:0 auto 50px">
|
|
|
+
|
|
|
+ <!-- 树形控件 -->
|
|
|
+ <el-tree ref="tree" :data="rightlist" :props="treeProps" show-checkbox node-key="menuId" default-expand-all :default-checked-keys="checkedIdArr" check-strictly @check-change="change_check"> </el-tree>
|
|
|
+
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="set_dialog_save()">确认</el-button>
|
|
|
+ <el-button @click="setFormShow = false">关闭</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog title="数据权限" :visible.sync="setFormShow2" @close="set_dialog_close2" width="50%">
|
|
|
+ <div class="">
|
|
|
+ <el-form ref="setFormRef2" :model="setForm2" label-position="right" label-width="70px" style="width:50%;margin:0 auto 50px">
|
|
|
+
|
|
|
+ <el-form-item label="数据权限" prop="datarole">
|
|
|
+ <el-radio-group v-model="setForm2.datarole">
|
|
|
+ <el-radio :label="1">全部数据</el-radio>
|
|
|
+ <el-radio :label="0">牧场数据</el-radio>
|
|
|
+
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="set_dialog_save2()">确认</el-button>
|
|
|
+ <el-button @click="setFormShow2 = false">关闭</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { ajaxDataGet, ajaxDataPost, checkButtons} from '@/api/common'
|
|
|
+
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ return {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ //接口 - 获取 - 表格
|
|
|
+ url_get_table:'/role/getAll',
|
|
|
+ //接口 - 新增 - 表格
|
|
|
+ url_add_table:'/role/add',
|
|
|
+ //接口 - 修改 - 表格
|
|
|
+ url_edit_table:'/role/update',
|
|
|
+ //接口 - 删除 - 表格
|
|
|
+ url_delete_table:'/role/delete',
|
|
|
+
|
|
|
+ isButtonEdit:false,
|
|
|
+
|
|
|
+ //获取 - 表格数据 - 参数
|
|
|
+ sendData:{
|
|
|
+ "roleName": "",
|
|
|
+ "pageNum": 1, //页码
|
|
|
+ "pageSize": 10, //每页数量
|
|
|
+ "total":0, //总页数
|
|
|
+ "pastureId": sessionStorage.getItem('g_pastureId')
|
|
|
+ },
|
|
|
+
|
|
|
+ tableLoading: false,
|
|
|
+ //表格内容
|
|
|
+ tableList:[
|
|
|
+
|
|
|
+ ],
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ addFormShow:false,
|
|
|
+ addFormStatus: '',
|
|
|
+ addFormTxt: { edit: '修改用户', create: '新增用户' },
|
|
|
+ addForm:{
|
|
|
+ roleName:'',remark:''
|
|
|
+ },
|
|
|
+
|
|
|
+ addFormRules:{
|
|
|
+ roleName: [
|
|
|
+ { required: true, message: '用户名必填', trigger: 'blur' },
|
|
|
+
|
|
|
+ ],
|
|
|
+ // password: [
|
|
|
+ // { required: true, message: '密码必填', trigger: 'blur' },
|
|
|
+ // { min: 3, max: 15, message: '长度3-15个字符之间', trigger: 'blur' },
|
|
|
+ // ],
|
|
|
+ // email: [
|
|
|
+ // { required: true, message: '邮箱必填', trigger: 'blur' },
|
|
|
+ // { validator: checkEmail, trigger: 'blur' },
|
|
|
+ // ],
|
|
|
+ // mobile: [
|
|
|
+ // { required: true, message: '手机号必填', trigger: 'blur' },
|
|
|
+ // { validator: checkMobile, trigger: 'blur' },
|
|
|
+ // ],
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ setFormShow:false,
|
|
|
+ setForm:{
|
|
|
+ username:'',password:'',email:'',mobile:'',roleList:[2,3]
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ //权限数据
|
|
|
+ rightlist: [
|
|
|
+ // { "menuName": "功能模块", "parentId": 0, "sort": 1, "path": null, "menuId": 208,
|
|
|
+ // "children": [
|
|
|
+ // {"menuName": "设备基础信息", "parentId": 208, "sort": 2, "path": null, "menuId": 209 },
|
|
|
+ // {"menuName": "故障管理", "parentId": 208, "sort": 3,"path": null,"menuId": 210 },
|
|
|
+ // {"menuName": "设备绑定", "parentId": 208,"sort": 4, "path": null, "menuId": 211},
|
|
|
+ // {"menuName": "备件管理","parentId": 208,"sort": 5,"path": null,"menuId": 212},
|
|
|
+ // {"menuName": "盘点","parentId": 208,"sort": 6,"path": null,"menuId": 213},
|
|
|
+ // {"menuName": "维修记录","parentId": 208,"sort": 7,"path": null,"menuId": 225}
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // { "menuName": "工单模块","parentId": 0,"sort": 7,"path": null,"menuId": 214,
|
|
|
+ // "children": [
|
|
|
+ // {"menuName": "维修接单","parentId": 214,"sort": 8,"path": null,"menuId": 215},
|
|
|
+ // {"menuName": "维修","parentId": 214,"sort": 9,"path": null,"menuId": 216},
|
|
|
+ // {"menuName": "预防性维护","parentId": 214,"sort": 10,"path": null,"menuId": 217},
|
|
|
+ // {"menuName": "工单跟踪","parentId": 214,"sort": 18, "path": null,"menuId": 226}
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // {"menuName": "报修模块","parentId": 0,"sort": 11,"path": null,"menuId": 218,
|
|
|
+ // "children": [
|
|
|
+ // {"menuName": "报修","parentId": 218,"sort": 12, "path": null,"menuId": 219},
|
|
|
+ // {"menuName": "派单","parentId": 218,"sort": 13,"path": null,"menuId": 220}
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // {"menuName": "审核模块","parentId": 0,"sort": 14,"path": null,"menuId": 221,
|
|
|
+ // "children": [
|
|
|
+ // {"menuName": "维修审核","parentId": 221,"sort": 15, "path": null,"menuId": 222},
|
|
|
+ // {"menuName": "领用审核", "parentId": 221,"sort": 16, "path": null,"menuId": 223},
|
|
|
+ // {"menuName": "维护审核", "parentId": 221, "sort": 17,"path": null, "menuId": 224}
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // {"menuName": "PC用户管理","parentId": 0,"sort": 30,"path": null,"menuId": 331,
|
|
|
+ // "children": [
|
|
|
+ // {"menuName": "用户管理","parentId": 331,"sort": 18, "path": null,"menuId": 332,
|
|
|
+ // "children": [
|
|
|
+ // {"menuName": "用户管理查看","parentId": 221,"sort": 15, "path": null,"menuId": 222},
|
|
|
+ // {"menuName": "用户管理编辑","parentId": 221,"sort": 15, "path": null,"menuId": 222},
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // {"menuName": "PC权限管理","parentId": 0,"sort": 30,"path": null,"menuId": 331,
|
|
|
+ // "children": [
|
|
|
+ // {"menuName": "角色列表","parentId": 331,"sort": 18, "path": null,"menuId": 332,
|
|
|
+ // "children": [
|
|
|
+ // {"menuName": "角色列表查看","parentId": 221,"sort": 15, "path": null,"menuId": 222},
|
|
|
+ // {"menuName": "角色列表编辑","parentId": 221,"sort": 15, "path": null,"menuId": 222},
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // {"menuName": "PC内容管理","parentId": 0,"sort": 30,"path": null,"menuId": 331,
|
|
|
+ // "children": [
|
|
|
+ // {"menuName": "工时","parentId": 331,"sort": 18, "path": null,"menuId": 332,
|
|
|
+ // "children": [
|
|
|
+ // {"menuName": "工时查看","parentId": 221,"sort": 15, "path": null,"menuId": 222},
|
|
|
+
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // ]
|
|
|
+ // }
|
|
|
+ ],
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ //树形控件的属性绑定对象
|
|
|
+ treeProps:{
|
|
|
+ label:'menuName',children:'children'
|
|
|
+ },
|
|
|
+
|
|
|
+ //树形默认选中的值
|
|
|
+ checkedIdArr:[],
|
|
|
+
|
|
|
+ setFormShow2:false,
|
|
|
+ setForm2:{
|
|
|
+ datarole:0
|
|
|
+ },
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created(){
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ //表格 - 初始化
|
|
|
+ // this.get_table_data()
|
|
|
+ //下拉框
|
|
|
+ // this.get_select_list1()
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ // console.log("this.$store.state.buttonsList==============",this.$store.state.buttonsList)
|
|
|
+
|
|
|
+
|
|
|
+ // const isButtonEdit = checkButtons(this.$store.state.buttonsList, "角色列表编辑")
|
|
|
+ // this.isButtonEdit = isButtonEdit
|
|
|
+ // console.log('this.isButtonEdit==========',this.isButtonEdit)
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ methods:{
|
|
|
+
|
|
|
+
|
|
|
+ get_select_list1(){
|
|
|
+ var me = this
|
|
|
+ ajaxDataGet('/menu/tree', {"onlyMenu": false, "isPc":""}).then(e => {
|
|
|
+ console.log("下拉框1:",e)
|
|
|
+
|
|
|
+
|
|
|
+ if(e.data == null || e.data == undefined ||e.data.length == 0 ){
|
|
|
+ me.rightlist = []
|
|
|
+ } else {
|
|
|
+ me.rightlist = e.data
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ form_search(){
|
|
|
+ var me = this
|
|
|
+ console.log('请求表格列表sendData',me.sendData)
|
|
|
+ this.get_table_data()
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ //获取 表格
|
|
|
+ get_table_data() {
|
|
|
+
|
|
|
+ var me = this
|
|
|
+
|
|
|
+ me.tableLoading = true
|
|
|
+ console.log("sendData======>", me.sendData)
|
|
|
+
|
|
|
+ ajaxDataGet(me.url_get_table, me.sendData).then(e => {
|
|
|
+ console.log("表格请求结果:",e)
|
|
|
+ //打印请求成功结果
|
|
|
+ if(e.data == null || e.data == undefined ||e.data.length == 0 ){
|
|
|
+ me.tableList = []
|
|
|
+ } else {
|
|
|
+ me.tableList = e.data
|
|
|
+ me.sendData.total = e.count; // 总数
|
|
|
+ me.sendData.pageNum = e.pageNum; //页码
|
|
|
+ me.sendData.pageSize = e.pageSize; //每页数量
|
|
|
+ }
|
|
|
+
|
|
|
+ setTimeout(() => {
|
|
|
+ me.tableLoading = false
|
|
|
+ }, 100)
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ //监听 pagesize 改变的事件
|
|
|
+ change_size_page(item){
|
|
|
+ console.log(item)
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ //监听 pagenum 改变的事件
|
|
|
+ change_current_page(item){
|
|
|
+ console.log(item)
|
|
|
+ this.sendData.pageNum = item
|
|
|
+ this.get_table_data()
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ form_add() {
|
|
|
+ this.addFormStatus = 'create'
|
|
|
+ this.addFormShow = true
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs['addFormRef'].clearValidate()
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ form_edit(row) {
|
|
|
+ console.log('row', row)
|
|
|
+ this.addForm = Object.assign({}, row) // copy obj
|
|
|
+
|
|
|
+ this.addFormStatus = 'edit'
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ this.addFormShow = true
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs['addFormRef'].clearValidate()
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ //监听关闭对话框
|
|
|
+ add_dialog_close(){
|
|
|
+ //内容重置
|
|
|
+ this.$refs['addFormRef'].resetFields()
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ add_dialog_save() {
|
|
|
+ var me = this
|
|
|
+
|
|
|
+ this.$refs['addFormRef'].validate(valid => {
|
|
|
+ //验证成功
|
|
|
+ if (valid) {
|
|
|
+
|
|
|
+ console.log(me.addForm )
|
|
|
+ //发起请求
|
|
|
+
|
|
|
+ var send_data = {
|
|
|
+ "roleName": me.addForm.roleName,
|
|
|
+ "remark": me.addForm.remark
|
|
|
+ }
|
|
|
+ console.log("弹窗参数:", send_data)
|
|
|
+
|
|
|
+ //关闭弹窗
|
|
|
+ // me.addFormShow = false
|
|
|
+ //加载 - 发送新增保存
|
|
|
+ ajaxDataPost(me.url_add_table, send_data).then(e => {
|
|
|
+ console.log("新增结果:",e)
|
|
|
+ //打印请求成功结果
|
|
|
+ if(e.msg == "success" ){
|
|
|
+ me.$message({ type: 'success', message: '新增成功!' , duration: 2000 })
|
|
|
+ //关闭弹窗
|
|
|
+ me.addFormShow = false
|
|
|
+ me.get_table_data()
|
|
|
+ } else {
|
|
|
+ me.$message({ type: 'error', message: '新增失败!' + e.msg, duration: 2000 })
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ edit_dialog_save(){
|
|
|
+ var me = this
|
|
|
+
|
|
|
+ this.$refs['addFormRef'].validate(valid => {
|
|
|
+ //验证成功
|
|
|
+ if (valid) {
|
|
|
+
|
|
|
+ console.log(me.addForm )
|
|
|
+ //发起请求
|
|
|
+
|
|
|
+ var send_data = {
|
|
|
+ "roleName": me.addForm.roleName,
|
|
|
+ "remark": me.addForm.remark,
|
|
|
+ "roleId": me.addForm.roleId,
|
|
|
+ }
|
|
|
+ console.log("弹窗参数:", send_data)
|
|
|
+
|
|
|
+ //关闭弹窗
|
|
|
+ // me.addFormShow = false
|
|
|
+ //加载 - 发送编辑保存
|
|
|
+ ajaxDataPost(me.url_edit_table, send_data).then(e => {
|
|
|
+ console.log("编辑结果:",e)
|
|
|
+ //打印请求成功结果
|
|
|
+ if(e.msg == "success" ){
|
|
|
+ me.$message({ type: 'success', message: '编辑成功!' , duration: 2000 })
|
|
|
+ //关闭弹窗
|
|
|
+ me.addFormShow = false
|
|
|
+ me.get_table_data()
|
|
|
+ } else {
|
|
|
+ me.$message({ type: 'error', message: '编辑失败!' + e.msg, duration: 2000 })
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ form_delete(row) {
|
|
|
+ var me = this
|
|
|
+
|
|
|
+ var send_data = {
|
|
|
+
|
|
|
+ "roleId": row.roleId
|
|
|
+ }
|
|
|
+
|
|
|
+ me.$confirm('是否删除该角色?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+
|
|
|
+ //加载 - 发送编辑保存
|
|
|
+ ajaxDataPost(me.url_delete_table, send_data).then(e => {
|
|
|
+ console.log("删除结果:",e)
|
|
|
+ //打印请求成功结果
|
|
|
+ if(e.msg == "success" ){
|
|
|
+ me.$message({ type: 'success', message: '删除成功!' , duration: 2000 })
|
|
|
+ //关闭弹窗
|
|
|
+ me.addFormShow = false
|
|
|
+ me.get_table_data()
|
|
|
+ } else {
|
|
|
+ me.$message({ type: 'error', message: '删除失败!' + e.msg, duration: 2000 })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // me.$message({
|
|
|
+ // type: 'success',
|
|
|
+ // message: '删除成功!'
|
|
|
+ // });
|
|
|
+ }).catch(() => {
|
|
|
+ me.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '已取消删除'
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ form_set(row) {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ console.log('row', row)
|
|
|
+ this.setForm = Object.assign({}, row)
|
|
|
+
|
|
|
+ this.checkedIdArr = row.menuIdList
|
|
|
+
|
|
|
+ this.setFormShow = true
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs['setFormRef'].clearValidate()
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ //监听关闭对话框
|
|
|
+ set_dialog_close(){
|
|
|
+ //内容重置
|
|
|
+ this.$refs['setFormRef'].resetFields()
|
|
|
+ this.checkedIdArr = []
|
|
|
+ //清空树
|
|
|
+ this.$refs.tree.setCheckedKeys([]);
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ change_check() {
|
|
|
+ var checkedKeys = this.$refs.tree.getCheckedKeys() // 所有被选中的节点的 key 所组成的数组数据
|
|
|
+ console.log(checkedKeys)
|
|
|
+ this.checkedIdArr = checkedKeys
|
|
|
+ },
|
|
|
+
|
|
|
+ set_dialog_save() {
|
|
|
+ var me = this
|
|
|
+ console.log(me.setForm)
|
|
|
+
|
|
|
+ console.log(me.checkedIdArr)
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ this.$refs['setFormRef'].validate(valid => {
|
|
|
+ //验证成功
|
|
|
+ if (valid) {
|
|
|
+
|
|
|
+ console.log(me.addForm )
|
|
|
+ //发起请求
|
|
|
+
|
|
|
+ var send_data = {
|
|
|
+ "roleId": me.setForm.roleId,
|
|
|
+ "menuIdList": me.checkedIdArr
|
|
|
+
|
|
|
+ }
|
|
|
+ console.log("弹窗参数:", send_data)
|
|
|
+
|
|
|
+ //关闭弹窗
|
|
|
+ // me.addFormShow = false
|
|
|
+ //加载 - 发送编辑保存
|
|
|
+ ajaxDataPost('/role/menu/updateRoleMenu', send_data).then(e => {
|
|
|
+ console.log("编辑结果:",e)
|
|
|
+ //打印请求成功结果
|
|
|
+ if(e.msg == "success" ){
|
|
|
+ me.$message({ type: 'success', message: '编辑成功!' , duration: 2000 })
|
|
|
+ //关闭弹窗
|
|
|
+ me.setFormShow = false
|
|
|
+ me.get_table_data()
|
|
|
+ } else {
|
|
|
+ me.$message({ type: 'error', message: '编辑失败!' + e.msg, duration: 2000 })
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ form_set2(row) {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ console.log('row', row)
|
|
|
+ this.setForm2 = Object.assign({}, row)
|
|
|
+
|
|
|
+
|
|
|
+ this.setFormShow2 = true
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs['setFormRef2'].clearValidate()
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ //监听关闭对话框
|
|
|
+ set_dialog_close2(){
|
|
|
+ //内容重置
|
|
|
+ this.$refs['setFormRef2'].resetFields()
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ set_dialog_save2() {
|
|
|
+ var me = this
|
|
|
+ console.log(me.setForm2)
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ this.$refs['setFormRef2'].validate(valid => {
|
|
|
+ //验证成功
|
|
|
+ if (valid) {
|
|
|
+
|
|
|
+ console.log(me.setForm2 )
|
|
|
+ //发起请求
|
|
|
+
|
|
|
+ var send_data = {
|
|
|
+ "roleId": me.setForm2.roleId,
|
|
|
+ "datarole": me.setForm2.datarole
|
|
|
+
|
|
|
+ }
|
|
|
+ console.log("弹窗参数:", send_data)
|
|
|
+
|
|
|
+ //关闭弹窗
|
|
|
+ // me.addFormShow = false
|
|
|
+ //加载 - 发送编辑保存
|
|
|
+ ajaxDataPost('/role/data/update', send_data).then(e => {
|
|
|
+ console.log("编辑结果:",e)
|
|
|
+ //打印请求成功结果
|
|
|
+ if(e.msg == "success" ){
|
|
|
+ me.$message({ type: 'success', message: '编辑成功!' , duration: 2000 })
|
|
|
+ //关闭弹窗
|
|
|
+ me.setFormShow2 = false
|
|
|
+ me.get_table_data()
|
|
|
+ } else {
|
|
|
+ me.$message({ type: 'error', message: '编辑失败!' + e.msg, duration: 2000 })
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<!-- 加了scoped,则是仅在此组件里生效 -->
|
|
|
+<style scoped>
|
|
|
+</style>
|