sasp-admin 0.2.57

package/src/views/threeinone/safeMenuManage.vue

@@ -0,0 +1,565 @@
+<template>
+    <el-container style="height: 100%">
+        <el-header style="height: auto;">
+            <div class="search-form-parent el-card">
+                <el-form :inline="true" :model="crud.searchForm" size="small" class="demo-form-inline"
+                         @keyup.enter.native="crud.doSearch()" onSubmit="return false;">
+                    <el-form-item label="菜单名称">
+                        <el-input v-model="crud.searchForm.menuName"></el-input>
+                    </el-form-item>
+                    <el-form-item label="菜单类型">
+                        <el-select v-model="crud.searchForm.menuType" clearable style="width: 150px">
+                            <el-option label="自定义表单" value="form"></el-option>
+                            <el-option label="复合视图" value="cview"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="菜单权限开关">
+                        <el-select v-model="crud.searchForm.isMenuOpt" clearable style="width: 150px">
+                            <el-option value="0" label="关闭"></el-option>
+                            <el-option value="1" label="开启行业子菜单"></el-option>
+                            <el-option value="2" label="开启地区子菜单"></el-option>
+                            <el-option value="3" label="权限禁用"></el-option>
+                            <el-option value="4" label="未设置"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="行业数据权限开关">
+                        <el-select v-model="crud.searchForm.isDataOpt" clearable style="width: 150px">
+                            <el-option value="0" label="关闭"></el-option>
+                            <el-option value="1" label="开启"></el-option>
+                            <el-option value="2" label="权限禁用"></el-option>
+                            <el-option value="3" label="未设置"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="区域数据权限开关">
+                        <el-select v-model="crud.searchForm.isRegionOpt" clearable style="width: 150px">
+                            <el-option value="0" label="关闭"></el-option>
+                            <el-option value="1" label="开启"></el-option>
+                            <el-option value="2" label="权限禁用"></el-option>
+                            <el-option value="3" label="未设置"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="隶属关系数据权限开关">
+                        <el-select v-model="crud.searchForm.isAffOpt" clearable style="width: 150px">
+                            <el-option value="0" label="关闭"></el-option>
+                            <el-option value="1" label="开启"></el-option>
+                            <el-option value="2" label="权限禁用"></el-option>
+                            <el-option value="3" label="未设置"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="菜单名称所属等级">
+                        <el-select v-model="crud.searchForm.menuLevel" clearable style="width: 150px">
+                            <el-option value="2" label="二级菜单"></el-option>
+                            <el-option value="3" label="三级菜单"></el-option>
+                            <el-option value="4" label="四级菜单"></el-option>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" icon="el-icon-search" @click="crud.doSearch()">查询</el-button>
+                        <el-button icon="el-icon-close" @click="crud.resetSearch()">清空</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </el-header>
+
+        <el-main id="tableMain" style="height: 100%">
+            <el-container style="height:100%" class="table-list-container">
+                <el-header style="height: auto;" size="medium">
+                    <el-button type="primary" size="small" round icon="el-icon-setting" @click="bindField()">数据字段绑定
+                    </el-button>
+                </el-header>
+                <el-main style="height: 100%;" ref="tableMain">
+                    <el-table :data="crud.dataStore.list" :ref="crud.tableRef" stripe border height="100%"
+                              style="width: 100%;">
+                        <el-table-column type="selection" width="40" align="center"></el-table-column>
+                        <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                        <el-table-column label="菜单名称" min-width="300" prop="menuAllSjName"
+                                         align="center"></el-table-column>
+                        <el-table-column label="菜单类型" min-width="150" prop="rSource" align="center">
+                            <template slot-scope="scope">
+                                <div v-if="scope.row.bindSource.indexOf('cview') > -1">
+                                    {{'复合视图'}}
+                                </div>
+                                <div v-else>
+                                    {{'智能建表'}}
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="菜单权限开关" min-width="100" :formatter="optFormatter" prop="isMenuOptName"
+                                         align="center"></el-table-column>
+                        <el-table-column label="行业数据权限开关" min-width="100" :formatter="optFormatter" prop="isDataOptName"
+                                         align="center"></el-table-column>
+                        <el-table-column label="区域数据权限开关" min-width="100" :formatter="optFormatter"
+                                         prop="isRegionOptName" align="center"></el-table-column>
+                        <el-table-column label="隶属关系数据权限开关" min-width="100" :formatter="optFormatter"
+                                         prop="isAffOptName" align="center"></el-table-column>
+                        <el-table-column label="选项卡权限开关" min-width="100" :formatter="configureFormatter"
+                                         prop="isConfigure" align="center"></el-table-column>
+                        <el-table-column label="操作" align="center" width="350">
+                            <template slot-scope="scope">
+                                <el-button size="small" icon="el-icon-setting" type="warning"
+                                           @click="openTabManager(scope.row)" v-if="scope.row.bindSource.indexOf('cview') > -1">
+                                    设置选项卡权限
+                                </el-button>
+                                <el-button size="small" icon="el-icon-setting" type="primary"
+                                           @click="updateOpt(scope.row)" v-else>
+                                    设置菜单权限
+                                </el-button>
+                                <el-button size="small" icon="el-icon-delete" type="danger"
+                                           @click="deleteOpt(scope.row)">
+                                    清空配置
+                                </el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+            </el-container>
+        </el-main>
+
+        <el-footer>
+            <el-pagination
+                    :ref="crud.pageRef"
+                    :page-sizes="crud.pageSizes"
+                    :page-size="crud.pageSize"
+                    :current-page="crud.page"
+                    :total="crud.dataStore.total"
+                    @size-change="crud.sizeChange()"
+                    @current-change="crud.currentPage()"
+                    layout="total, sizes, prev, pager, next, jumper">
+            </el-pagination>
+        </el-footer>
+
+        <el-dialog :close-on-click-modal=false title="数据字段绑定设置"
+                   append-to-body
+                   top="5vh" height="90%" width="90%"
+                   :visible.sync="bindFieldDialog">
+            <el-container style="height:100%" class="table-list-container">
+                <el-main style="height: 100%;" ref="tableMain">
+                    <el-table :data="bindData" stripe border height="100%" style="width: 100%;">
+                        <el-table-column type="selection" width="40" align="center"></el-table-column>
+                        <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                        <el-table-column label="参数名" min-width="100" prop="name" align="center"></el-table-column>
+                        <el-table-column label="参数值" min-width="100" prop="value" align="center">
+                            <template slot-scope="scope">
+                                <el-input v-model="scope.row.value" placeholder="请输入"></el-input>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="参数描述" min-width="300" prop="content" align="center">
+                            <template slot-scope="scope">
+                                <el-input v-model="scope.row.content" placeholder="请输入"></el-input>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+            </el-container>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="saveBindField" size="small" icon="el-icon-error">保存
+                </el-button>
+                <el-button @click="bindFieldDialog = false" size="small" icon="el-icon-error">关闭
+                </el-button>
+            </div>
+        </el-dialog>
+
+        <el-dialog :close-on-click-modal=false
+                   append-to-body
+                   title="修改用户菜单-三位一体权限管理信息" top="5vh" height="500px" width="800px"
+                   :visible.sync="updateOptDialog">
+            <el-form :model="formData" label-width="160px" label-position="right">
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="菜单权限开关">
+                            <el-select v-model="formData.isMenuOpt" style="width: 100%" clearable>
+                                <el-option label="关闭" value="0"></el-option>
+                                <el-option label="开启行业子菜单" value="1"></el-option>
+                                <el-option label="开启地区子菜单" value="2"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="行业数据权限开关">
+                            <el-select v-model="formData.isDataOpt" style="width: 100%" clearable>
+                                <el-option label="关闭" value="0"></el-option>
+                                <el-option label="开启" value="1"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="区域数据权限开关">
+                            <el-select v-model="formData.isRegionOpt" style="width: 100%" clearable>
+                                <el-option label="关闭" value="0"></el-option>
+                                <el-option label="开启" value="1"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="隶属关系数据权限开关">
+                            <el-select v-model="formData.isAffOpt" style="width: 100%" clearable>
+                                <el-option label="关闭" value="0"></el-option>
+                                <el-option label="开启" value="1"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="备注信息">
+                            <el-input v-model="formData.mark" type="textarea" :autosize="{minRows:3,maxRows:5}">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="saveOpt" size="small" icon="el-icon-error">保存
+                </el-button>
+                <el-button @click="updateOptDialog = false" size="small" icon="el-icon-error">关闭
+                </el-button>
+            </div>
+        </el-dialog>
+        <el-dialog :close-on-click-modal=false title="复合视图选项卡权限管理相关操作" @close="crud.search()"
+                   append-to-body
+                   top="5vh" height="90%" width="90%" :visible.sync="complexDialog">
+            <el-container style="height:100%" class="table-list-container">
+                <el-main style="height: 100%;" ref="tableMain">
+                    <el-table :data="complexList" stripe border height="100%" style="width: 100%;">
+                        <el-table-column type="selection" width="40" align="center"></el-table-column>
+                        <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                        <el-table-column label="视图名称" min-width="300" prop="complexTabName"
+                                         align="center"></el-table-column>
+                        <el-table-column label="行业数据权限开关" min-width="100" :formatter="complexOptFormatter"
+                                         prop="isSpvOptName" align="center"></el-table-column>
+                        <el-table-column label="区域数据权限开关" min-width="100" :formatter="complexOptFormatter"
+                                         prop="isRegionOptName" align="center"></el-table-column>
+                        <el-table-column label="隶属关系数据权限开关" min-width="100" :formatter="complexOptFormatter"
+                                         prop="isAffOptName" align="center"></el-table-column>
+                        <el-table-column label="操作" align="center" width="350">
+                            <template slot-scope="scope">
+                                <el-button size="small" icon="el-icon-setting" type="primary"
+                                           @click="updateComplexOpt(scope.row)">
+                                    设置菜单权限
+                                </el-button>
+                                <el-button size="small" icon="el-icon-delete" type="danger"
+                                           @click="deleteComplexOpt(scope.row)">
+                                    清空配置
+                                </el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+            </el-container>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="complexDialog = false" size="small" icon="el-icon-error">关闭
+                </el-button>
+            </div>
+        </el-dialog>
+
+        <el-dialog :close-on-click-modal=false title="修改复合视图权限管理信息"
+                   append-to-body
+                   top="5vh" height="500px" width="800px"
+                   :visible.sync="complexUpdateOptDialog">
+            <el-form :model="complexFormData" label-width="160px" label-position="right">
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="行业数据权限开关">
+                            <el-select v-model="complexFormData.isSpvOpt" style="width: 100%" clearable>
+                                <el-option label="关闭" value="0"></el-option>
+                                <el-option label="开启" value="1"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="区域数据权限开关">
+                            <el-select v-model="complexFormData.isRegionOpt" style="width: 100%" clearable>
+                                <el-option label="关闭" value="0"></el-option>
+                                <el-option label="开启" value="1"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="隶属关系数据权限开关">
+                            <el-select v-model="complexFormData.isAffOpt" style="width: 100%" clearable>
+                                <el-option label="关闭" value="0"></el-option>
+                                <el-option label="开启" value="1"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="备注信息">
+                            <el-input v-model="complexFormData.mark" type="textarea" :autosize="{minRows:3,maxRows:5}">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="saveComplexOpt" size="small" icon="el-icon-error">保存
+                </el-button>
+                <el-button @click="complexUpdateOptDialog = false" size="small" icon="el-icon-error">关闭
+                </el-button>
+            </div>
+        </el-dialog>
+    </el-container>
+</template>
+
+<script>
+    export default {
+        name: "safe-menu-manage",
+        props: {
+            update: {type: Boolean, default: true},//操作权限
+        },
+        data() {
+            return {
+                crud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "safeMenuSetting",
+                    url: this.api.safeMenuSetting.url,
+                    searchUrl: this.api.safeMenuSetting.findUserMenu,
+                    searchForm: {}, // 加上排序
+                    noClearSearchColumns: [],
+                    addDefaultData: {},
+                    initNoSearch: false,
+                }),
+                bindFieldDialog: false,
+                bindData: [{
+                    "name": "province",
+                    "value": "",
+                    "content": "",
+                }, {
+                    "name": "city",
+                    "value": "",
+                    "content": "",
+                }, {
+                    "name": "area",
+                    "value": "",
+                    "content": "",
+                }, {
+                    "name": "street",
+                    "value": "",
+                    "content": "",
+                }, {
+                    "name": "econ",
+                    "value": "",
+                    "content": "",
+                }, {
+                    "name": "affiliation",
+                    "value": "",
+                    "content": "",
+                }],
+                editable: false,
+                formData:{},
+                updateOptDialog:false,
+                complexDialog:false,
+                complexViewId:"",
+                complexMenuId:"",
+                complexList:[],
+                complexUpdateOptDialog:false,
+                complexFormData:{},
+            }
+        },
+        methods: {
+            optFormatter(rowData, column, cellValue) {
+                if (rowData.bindSource.indexOf('cview') > -1) {
+                    return <span style='color:red;'>权限禁用</span>;
+                }
+                return cellValue;
+            },
+            configureFormatter(rowData) {
+                if (rowData.bindSource.indexOf('form') > -1) {
+                    return <span style='color:red;'>权限禁用</span>;
+                } else {
+                    if (rowData.settingTabNum > 0) {
+                        return "已配置";
+                    } else {
+                        return "未配置";
+                    }
+                }
+            },
+            /**
+             * 数据字段绑定
+             */
+            bindField() {
+                this.axios.post(this.api.safeColumnSetting.find,{status:'1'}).then(res => {
+                    if((res.data || []).length > 0){
+                        let bindObj = {};
+                        res.data.forEach(item => {
+                            bindObj[item.name] = item;
+                        })
+                        bindObj = this.initBindObj(bindObj);
+                        this.bindData = [];
+                        Object.keys(bindObj).forEach(key => {
+                            this.bindData.push(bindObj[key]);
+                        })
+                    }
+                    this.bindFieldDialog = true;
+                })
+            },
+            initBindObj(bindObj){
+                let arr = ["province","city","area","street","econ","affiliation"];
+                arr.forEach(key => {
+                    if(!bindObj[key]){
+                        bindObj[key] = {
+                            "name":key,
+                            "value":"",
+                            "content":""
+                        }
+                    }
+                })
+                return bindObj;
+            },
+            /**
+             * 保存数据字段绑定
+             */
+            saveBindField() {
+                let url = this.api.safeColumnSetting.url;
+                this.bindData.forEach(item => {
+                    let tempUrl = url;
+                    if(item.id){
+                        tempUrl += "/update";
+                    }else{
+                        tempUrl += "/add";
+                    }
+                    this.axios.post(tempUrl,item);
+                })
+                this.$message.success("绑定完成！");
+                this.bindFieldDialog = false;
+            },
+            /**
+             * 设置菜单权限
+             */
+            updateOpt(row) {
+                let fieldArr = ['id','menuId','isMenuOpt','isDataOpt','isRegionOpt','isAffOpt','mark'];
+                this.formData = {};
+                fieldArr.forEach(key => {
+                    this.$set(this.formData,key,row[key] || "");
+                })
+                this.updateOptDialog = true;
+            },
+            /**
+             * 保存菜单权限
+             */
+            saveOpt(){
+                let url = this.formData.id ? this.api.safeMenuSetting.update : this.api.safeMenuSetting.add;
+                this.axios.post(url,this.formData).then(res => {
+                    if(res.data.operateSuccess){
+                        this.$message.success("保存成功！");
+                        this.crud.search();
+                        this.updateOptDialog = false;
+                    }else{
+                        this.$message.error(res.data.operateMessage);
+                    }
+                })
+
+            },
+            /**
+             * 设置复合视图菜单权限
+             */
+            updateComplexOpt(row) {
+                let fieldArr = ['id','complexTabId','isSpvOpt','isRegionOpt','isAffOpt','mark'];
+                this.complexFormData = {"menuId":this.complexMenuId};
+                fieldArr.forEach(key => {
+                    this.$set(this.complexFormData,key,row[key] || "");
+                })
+                this.complexUpdateOptDialog = true;
+            },
+            /**
+             * 保存复合视图菜单权限
+             */
+            saveComplexOpt(){
+                let url = this.complexFormData.id ? this.api.safeTabSetting.update : this.api.safeTabSetting.add;
+                this.axios.post(url,this.complexFormData).then(res => {
+                    if(res.data.operateSuccess){
+                        this.$message.success("保存成功！");
+                        this.loadComplexTab();
+                        this.complexUpdateOptDialog = false;
+                    }else{
+                        this.$message.error(res.data.operateMessage);
+                    }
+                })
+
+            },
+            /**
+             * 复合视图菜单权限设置
+             */
+            openTabManager(row) {
+                // 获取资源池id
+                let bindSource = JSON.parse(row.bindSource || "[]");
+                let resourceId = bindSource[2];
+                if(!resourceId){
+                    this.$message.error("没有获取到资源池id！");
+                    return;
+                }
+                this.axios.post(this.api.resources.getById,{id:resourceId}).then(res => {
+                    if(!res.data.rkey){
+                        this.$message.error("没有获取到资源池数据！");
+                        return;
+                    }
+                    this.complexViewId = res.data.rkey;
+                    this.complexMenuId = row.menuId;
+                    this.loadComplexTab();
+                })
+            },
+            loadComplexTab(){
+                this.axios.post(this.api.safeTabSetting.findComplexTab,{viewId:this.complexViewId}).then(complexRes => {
+                    this.complexList = complexRes.data || [];
+                    this.complexDialog = true;
+                })
+            },
+            /**
+             * 清空配置
+             */
+            deleteOpt(row) {
+                if(row.bindSource.indexOf('form') > -1){ // 智能建表自定义列表
+                    if(!row.id){
+                        this.$message.success("清空成功！");
+                        return;
+                    }
+                    this.axios.post(this.api.safeMenuSetting.delete,{ids:row.id}).then(res => {
+                        if(res.data.operateSuccess){
+                            this.$message.success("清空成功！");
+                            this.crud.search();
+                        }else{
+                            this.$message.error(res.data.operateMessage);
+                        }
+                    })
+                }else{ // 复合视图
+                    this.axios.post(this.api.safeTabSetting.deleteByMenuId,{menuId:row.menuId}).then(res => {
+                        if(res.data.operateSuccess){
+                            this.$message.success("清空成功！");
+                            this.crud.search();
+                        }else{
+                            this.$message.error(res.data.operateMessage);
+                        }
+                    })
+                }
+            },
+            /**
+             * 清空复合视图配置
+             */
+            deleteComplexOpt(row){
+                if(!row.id){
+                    this.$message.success("清空成功！");
+                    return;
+                }
+                this.axios.post(this.api.safeTabSetting.delete,{ids:row.id}).then(res => {
+                    if(res.data.operateSuccess){
+                        this.$message.success("清空成功！");
+                        this.loadComplexTab();
+                    }else{
+                        this.$message.error(res.data.operateMessage);
+                    }
+                })
+            },
+            /**
+             * 复合视图列格式化
+             */
+            complexOptFormatter(rowData, column, cellValue){
+                if(rowData.urlType.indexOf("form") == -1){
+                    return "<span style='color:red;'>权限禁用</span>";
+                }
+                return cellValue;
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>