1

lzhe

2024-04-17 4ade3ea749ce39a3d91c4a104cc074429b9f63b3

1

 src/views/console/authority/apiscope.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,253 @@
<!--
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-04-17 17:52:50
 * @FilePath: /smart-web/src/views/master/person/main/index.vue
 * @Description: è¿™æ˜¯é»˜è®¤è®¾ç½®,请设置`customMade`, æ‰“å¼€koroFileHeader查看配置 è¿›è¡Œè®¾ç½®: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="aposcope-main">
        <div class="aposcope-left">
            <div class="left-title">菜单</div>
            <el-tree :data="tableData" row-key="id" :props="defalutProps" lazy :load="loadNode" @node-click="handleNodeClick" ref="treeRef"/>
        </div>
        <div class="aposcope-right">
            <div>
                <!-- <el-button type="primary" @click="addData">+ æ·»åŠ </el-button> -->
                <!-- <el-button type="danger" plain @click="delData">删除</el-button> -->
            </div>
            <div class="right-content" v-if="searchDataList.length == 0">
                <img src="./quesheng.bd026700.png" />
                <div>
                    <span>暂无数据</span>
                    <!-- <span @click="addData">添加规则</span> -->
                </div>
            </div>
            <el-table v-if="searchDataList.length != 0" ref="searchDataListRef" :data="searchDataList" border style="width: 100%;margin-top: 20px;" class="multipleTableRef" @selection-change="searchHandleSelectionChange">
                <el-table-column type="selection" width="55" />
                <el-table-column prop="moduleCode" label="接口模块"></el-table-column>
                <el-table-column prop="controllerCode" label="Controller"></el-table-column>
                <el-table-column prop="scopeName" label="action"></el-table-column>
                <el-table-column prop="httpMethod" label="Http方法"></el-table-column>
                <el-table-column prop="scopePath" label="api地址"></el-table-column>
            </el-table>
        </div>
        <el-drawer :title="'当前选中菜单路径'+drawerPath" v-model="drawer" :direction="direction" :before-close="handleClose" size="780" class="drawerClass">
            <el-form :inline="true" :model="drawerSearchData" abel-width="120px">
                <el-form-item label="接口模块">
                    <el-select v-model="drawerSearchData.moduleCode" style="width: 100%">
                        <el-option v-for="item in aList" :key="item.id" :label="item.title" :value="item.id"/>
                    </el-select>
                </el-form-item>
                <el-form-item label="接口Controller">
                    <el-select v-model="drawerSearchData.controllerCode" style="width: 100%">
                        <el-option v-for="item in aList" :key="item.id" :label="item.title" :value="item.id"/>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="drawerSearchclick">搜索</el-button>
                </el-form-item>
            </el-form>
            <div>
                <div class="dict-table">
                    <el-table ref="multipleTableRef" :data="drawerTableData" border style="width: 100%" class="multipleTableRef" @selection-change="drawerHandleSelectionChange">
                        <el-table-column type="selection" width="55" />
                        <el-table-column prop="className" label="接口模块"></el-table-column>
                        <el-table-column prop="controllerCode" label="Controller"></el-table-column>
                        <el-table-column prop="name" label="action"></el-table-column>
                        <el-table-column prop="httpMethod" label="Http方法"></el-table-column>
                        <el-table-column prop="url" label="api地址"></el-table-column>
                    </el-table>
                </div>
            </div>
            <div class="drawer-foot">
                <el-button type="primary" @click="drawerConfirm" disabled>添加</el-button>
                <el-button @click="closeDrawer">取消</el-button>
            </div>
        </el-drawer>
    </div>
</template>
<script>
    export default {
        name: "apiscope",
        data(){
            return {
                drawerPath: "",
                searchData: {
                    menuId: "",
                    size: "15",
                    current: "1"
                },
                searchDataList: [],  //右侧数据list
                aList: [],
                drawerSearchData: {
                    moduleCode: "",
                    controllerCode: "",
                    menuId: "",
                    size: "-1"
                },
                direction: "rtl",
                drawer: false,
                defalutProps: {
                    label: 'name',
                      children: 'children',
                    isLeaf: 'hasChildren'
                },
                parentId: "0",
                tableData: [],
                searchSelection: []
            }
        },
        created(){
			
        },
        mounted(){
            //this.getMenuList();
        },
        components: {

        },
        methods: {
            closeDrawer() {
                this.drawer = false;
            },
            drawerConfirm() {
                this.drawer = false;
            },
            searchHandleSelectionChange(selection) {
                this.searchSelection = selection;
            },
            drawerHandleSelectionChange() {

            },
            drawerSearchclick() {
                this.drawerSearchData.menuId = this.searchData.menuId;
                var obj = {};
                for(var key in this.drawerSearchData) {
                    if(this.drawerSearchData[key]) {
                        obj[key] = this.drawerSearchData[key];
                    }
                }
                this.$HTTP.get("/api/blade-system/resource-definition/page",obj).then(res=> {
                    if(res.code == 200) {
                        this.drawerTableData = res.data.records;
                    }
                })
            },
            handleClose(done) {
                done();
            },
            handleNodeClick(data) {
                this.drawerPath = data.name;
                console.log(data,data.name,222)
                this.searchData.menuId = data.id;
                this.$HTTP.get("/api/blade-system/api-scope/list",this.searchData).then(res=> {
                    if(res.code == 200) {
                        this.searchDataList = res.data.records;
                    }
                })
            },
            getMenuList() {
                this.$HTTP.get("/api/blade-system/menu/lazy-list?parentId=0").then(res=> {
                    if(res.code == 200) {
                        this.tableData = res.data;
                    }
                })
            },
            loadNode(node, resolve, reject) {
                if(node.data.id) {
                    this.parentId = node.data.id;
                }else {
                    this.parentId = '0';
                }
                this.$HTTP.get("/api/blade-system/menu/lazy-list",{parentId: this.parentId}).then(res=> {
                    if(res.code == 200) {
                        res.data.forEach(node => {
                            node.hasChildren = !node.hasChildren;
                        });
                        resolve(res.data);
                    }
                })
            },
            addData() {
                this.drawerSearchclick();
                this.drawer = true;
            },
            delData() {
                if(this.searchSelection.length == 0) {
                    this.$message({
                      message: '请选择至少一条数据',
                      type: 'warning'
                    });
                    return;
                }
                var selStr = "";
                this.searchSelection.map(item=> {
                    selStr += item.id + ","
                })
                selStr = selStr.replace(/,$/, '');
                var that = this;
                // this.$HTTP.post("/api/blade-system/data-scope/remove?ids="+selStr).then(res=> {
                //     if(res.code == 200) {
                //         that.$message.success("操作成功");
                //         that.drawerSearchclick();
                //     }
                // })
            }
        }
    }
</script>

<style scoped>
.aposcope-main {
    display: flex;
    min-height: 100%;
    margin: 8px;
}
.aposcope-left {
    width: 240px;
    margin-right: 8px;
    padding: 4px;
    background-color: #fff;
}
.aposcope-right {
    flex: 1;
    padding: 8px;
    background-color: #fff;
}
.left-title {
    font-size: 16px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #e2e2e2;
    background-color: #409eff;
    color: #fff;
    border-radius: 2px 2px 0 0;
}
.right-content {
    text-align: center;
}
.right-content img {
    width: 350px;
    height: 350px;
}
.right-content > div {
    font-size: 14px;;
}
.right-content > div span:nth-child(2) {
    margin-left: 8px;
    color: #409eff;
    cursor: pointer;
}
/deep/ .drawerClass {
    padding: 8px;
}
.datascope-drawer-btn {
    margin-bottom: 8px;
}
.drawer-foot {
    margin-top: 20px;
}
</style>

 src/views/console/authority/quesheng.bd026700.png

 src/views/console/system/add-scope-manager.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,174 @@
<template>
    <el-dialog :title="titleMap[mode]" v-model="visible" :width="800" destroy-on-close @closed="$emit('closed')">
        <el-form :model="addDictForm" :rules="addDictRules" :disabled="mode=='show'" ref="dialogForm" label-width="120px" label-position="center">
            <el-row>
                <el-col :span="12">
                    <el-form-item label="权限名称" prop="scopeName">
                        <el-input v-model="addDictForm.scopeName" placeholder="权限名称" clearable></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="权限编号" prop="resourceCode">
                        <el-input v-model="addDictForm.resourceCode" placeholder="权限编号" clearable></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="权限字段" prop="scopeColumn">
                        <el-input v-model="addDictForm.scopeColumn" placeholder="权限字段" clearable></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="规则分类" prop="scopeType">
                        <el-select v-model="addDictForm.scopeType" style="width: 100%" @change="scopeTypeNameChange" placeholder="规则分类">
                            <el-option v-for="item in scopeTypeNameList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-form-item label="可见字段" prop="scopeField">
                        <el-input v-model="addDictForm.scopeField" placeholder="可见字段" clearable></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-form-item label="权限类名" prop="scopeClass">
                        <el-input v-model="addDictForm.scopeClass" placeholder="权限类名" clearable></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-form-item label="规则值" v-if="addDictForm.scopeType == '5'">
                        <el-input type="textarea" v-model="addDictForm.scopeValue" placeholder="规则值" clearable></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-form-item label="备注">
                        <el-input v-model="addDictForm.remark" placeholder="备注" clearable></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
        <template #footer>
            <el-button @click="visible=false" >取 æ¶ˆ</el-button>
            <el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="dictSubmit()">保 å­˜</el-button>
        </template>
    </el-dialog>
</template>

<script>
    export default {
        emits: ['success', 'closed'],
        data() {
            return {
                value1: true,
                mode: "add",
                titleMap: {
                    add: '新增',
                    edit: '修改',
                    show: '查看'
                },
                visible: false,
                isSaveing: false,
                //表单数据
                addDictForm: {
                    $scopeType: "",
                    scopeName: "工作台[暂无]",
                    resourceCode: "",
                    scopeColumn: "",
                    scopeType: "",
                    scopeField: "",
                    scopeClass: "",
                    remark: "",
                    scopeValue: ""
                },
                //验证规则
                addDictRules: {
                    scopeName:[{required: true, message: '请输入权限名称'}],
                    resourceCode:[{required: true, message: '请输入权限编号'}],
                    scopeColumn:[{required: true, message: '请输入权限字段'}],
                    scopeType:[{required: true, message: '请输入规则分类',trigger: 'change'}],
                    scopeField:[{required: true, message: '请输入可见字段'}],
                    scopeClass:[{required: true, message: '请输入权限类名'}],
                },
                //所需数据选项
                groups: [],
                groupsProps: {
                    value: "id",
                    multiple: true,
                    checkStrictly: true
                },
                depts: [],
                deptsProps: {
                    value: "id",
                    checkStrictly: true
                }
            }
        },
        mounted() {
            // this.getDept()
        },
        props: ['scopeTypeNameList','tableRow'],
        methods: {
            scopeTypeNameChange(value) {
                this.scopeTypeNameList.forEach(item=> {
                    if(item.dictKey == value) {
                        this.addDictForm.scopeName = `工作台[${item.dictValue}]`;
                        this.addDictForm.$scopeType = item.dictValue;
                    }
                })
                if(value == "2") {
                    this.addDictForm.scopeColumn = 'create_user';
                }else if(value == "3" || value == "4") {
                    this.addDictForm.scopeColumn = 'create_dept';
                }else {
                    this.addDictForm.scopeColumn = "";
                }
            },
            //显示
            open(mode='add'){
                this.mode = mode;
                this.visible = true;
                this.addDictForm.resourceCode = this.tableRow.alias;
                return this
            },
            //加载树数据
            async getGroup(){
                var res = await this.$API.system.role.list.get();
                this.groups = res.data.rows;
            },
            async getDept(){
                var res = await this.$API.system.dept.list.get();
                this.depts = res.data;
            },
            //表单提交方法
            dictSubmit(){
                this.addDictForm.menuId = this.tableRow.id;
                var obj = Object.assign({},this.addDictForm);
                this.$refs.dialogForm.validate(async (valid) => {
                    if (valid) {
                        this.isSaveing = true;
                        this.$HTTP.post("/api/blade-system/data-scope/submit",obj).then(res=> {
                            this.isSaveing = false;
                            if(res.code == 200) {
                                this.$emit('success', this.addDictForm, this.mode);
                                this.visible = false;
                                this.$message.success("操作成功");
                            }else {
                                this.$alert(res.message, "提示", {type: 'error'});
                            }
                        })
                    }else{
                        return false;
                    }
                })
            },
            //表单注入数据
            setData(data){
                data.scopeType = String(data.scopeType);
                //可以和上面一样单个注入，也可以像下面一样直接合并进去
                Object.assign(this.addDictForm, data);
            }
        }
    }
</script>

<style>
</style>

 src/views/console/system/data-scope-manager.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,316 @@
<!--
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-04-17 18:02:12
 * @FilePath: /smart-web/src/views/master/person/main/index.vue
 * @Description: è¿™æ˜¯é»˜è®¤è®¾ç½®,请设置`customMade`, æ‰“å¼€koroFileHeader查看配置 è¿›è¡Œè®¾ç½®: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="dict-main">
        <el-form :inline="true" :model="searchData" abel-width="120px">
            <el-form-item label="权限名称">
                <el-input v-model="searchData.name" placeholder="权限名称" clearable />
            </el-form-item>
            <el-form-item label="权限描述">
                <el-input v-model="searchData.code" placeholder="权限描述" clearable></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="searchclick">搜索</el-button>
                <el-button @click="searchClearBtn">清空</el-button>
            </el-form-item>
        </el-form>
        <div>
            <div style="margin-bottom: 12px;">
                <el-button type="primary">添加</el-button>
                <el-button type="danger" @click="delData">删除</el-button>
                <el-button type="primary" @click="addAuthority">权限设置</el-button>
            </div>
            <div class="dict-table">
                <el-table ref="multipleTableRef" :data="tableData" border row-key="id" style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange" :tree-props="{ children: 'children', hasChildren: 'has' }">
                    <el-table-column type="selection" width="55" />
                    <el-table-column prop="test" label="权限名称"></el-table-column>
                    <el-table-column prop="test" label="权限描述"></el-table-column>
                    <el-table-column prop="test" label="权限类型"></el-table-column>
                    <el-table-column prop="test" label="排序"></el-table-column>
                    <el-table-column fixed="right" label="操作">
                        <template #default="scope">
                            <el-button text type="primary" size="small" @click="showDrawer(scope.row, scope.$index)">权限配置</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
        </div>
        <save-dialog v-if="dialog.save" ref="saveDialog" :scopeTypeNameList="scopeTypeNameList" :tableRow="tableRow" @success="addDatascopeSuccess" @closed="dialog.save=false"></save-dialog>
    </div>
</template>
<script>
    import saveDialog from './add-scope-manager'
    import * as ElementPlusIconsVue from '@element-plus/icons-vue'
    let icons = []
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        icons.push(key)
    }
    export default {
        name: "datascope",
        data(){
            return {
                scopeTypeNameList: [],
                dialog: {
                    save: false
                },
                drawerTotal: 0,
                direction: "rtl",
                drawer: false,
                icons,
                belongApplicationList: [],
                fileDialogVisible: false,
                getModalData: [],
                selection: [],
                drawerSelection: [],
                total: 0,
                drawerSearchData: {
                    scopeName: "",
                    resourceCode: "",
                    menuId: "",
                    current: 1,
                    size: 10
                },
                searchData: {
                    name: "",
                    code: "",
                    belongApplication: "",
                    parentId: ""
                },
                dialog: {
                    save: false,
                    allocation: false
                },
                tableData: [],
                drawerTableData: [],
                rowId: "",
                tableRow: {}
            }
        },
        created(){
			
        },
        mounted(){
            this.getscopeTypeNameList();//规则分类枚举
            this.searchBtn();
        },
        components: {
            ...ElementPlusIconsVue,saveDialog
        },
        methods: {
            getscopeTypeNameList() {  //规则分类枚举
                this.$HTTP.get("/api/blade-system/dict/dictionary?code=data_scope_type").then(res=> {
                    if(res.code == 200) {
                        this.scopeTypeNameList = res.data;
                    }
                })
            },
            addDatascopeSuccess() {
                this.drawerSearchclick();
            },
            addData(){
                this.dialog.save = true
                this.$nextTick(() => {
                    this.$refs.saveDialog.open()
                })
            },
            addAuthority() {
                this.$message({
                    message: '只能选择一条数据',
                    type: 'warning'
                });
            },
            // åˆ é™¤
            delData() {
                if(this.drawerSelection.length == 0) {
                    this.$message({
                      message: '请选择至少一条数据',
                      type: 'warning'
                    });
                    return;
                }
                var selStr = "";
                this.drawerSelection.map(item=> {
                    selStr += item.id + ","
                })
                selStr = selStr.replace(/,$/, '');
                var that = this;
                this.$HTTP.post("/api/blade-system/data-scope/remove?ids="+selStr).then(res=> {
                    if(res.code == 200) {
                        that.$message.success("操作成功");
                        that.drawerSearchclick();
                    }
                })
            },
            table_edit(row){  //编辑
                this.dialog.save = true
                this.$HTTP.get("/api/blade-system/data-scope/detail?id="+row.id).then(res=> {
                    if(res.code == 200) {
                        this.dialog.save = true;
                        this.$nextTick(() => {
                            this.$refs.saveDialog.open('edit').setData(res.data);
                        })
                    }
                })
            },
            //查看
            table_show(row){  //查看
                this.dialog.save = true
                this.$nextTick(() => {
                    this.$refs.saveDialog.open('show').setData(row)
                })
            },
            table_del(row) {
                var that = this;
                this.$confirm(`确定将选择数据删除?`, '', {
                    type: 'warning'
                }).then(() => {
                    this.$HTTP.post("/api/blade-system/data-scope/remove?ids="+row.id).then(res=> {
                        if(res.code == 200) {
                            that.$message.success("操作成功");
                            that.drawerSearchclick();
                        }
                    })
                }).catch(() => {

                })
            },
            handleClose(done) {
                this.drawerTableData = [];
                done();
            },
            exportFile(row,index){
                window.open(row.link);
            },
            codeClick() {
				
            },
            searchClearBtn() {
                this.searchData = {
                    name: "",
                    code: "",
                    belongApplication: "",
                    parentId: ""
                }
                this.searchBtn();
            },
            showDrawer(row){
                this.rowId = row.id;
                this.tableRow = row;  //后面组件会用到
                this.drawerSearchclick();
                this.drawer = true;
            },
            drawerSearchclick() {
                var obj = {};
                for(var key in this.drawerSearchData) {
                    if(this.drawerSearchData[key]) {
                        obj[key] = this.drawerSearchData[key];
                    }
                }
                obj.menuId = this.rowId;
                this.$HTTP.get("/api/blade-system/data-scope/list?"+this.$TOOL.qsStringify(obj)).then(res=> {
                    if(res.code == 200) {
                        this.drawerTableData = res.data.records;
                        this.drawerTotal = res.data.total;
                    }
                })
            },
            drawerSearchClearBtn() {
                this.drawerSearchData = {
                    scopeName: "",
                    resourceCode: "",
                    menuId: this.rowId,
                    current: 1,
                    size: 10
                }
                this.drawerSearchclick();
            },
            searchclick() {
                this.searchBtn();
            },
            searchBtn() {
                var obj = {};
                for(var key in this.searchData) {
                    if(this.searchData[key]) {
                        obj[key] = this.searchData[key];
                    }
                }
                // this.$HTTP.get("/api/blade-system/menu/lazy-menu-list",obj).then(res=> {
                //     if(res.code == 200) {
                //         this.tableData = res.data;
                //     }
                // })
            },
            handleSelectionChange(selection) {
                this.selection = selection;
            },
            drawerHandleSelectionChange(selection) {
                this.drawerSelection = selection;
            },
            changeDepartment() {
                this.departmentVisible = true;
            },
            handleSizeChange(val) {
                console.log(`每页 ${val} æ¡`);
                this.drawerSearchData.current = "1";
                this.drawerSearchData.size = val;
                this.drawerSearchclick();
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
                this.drawerSearchData.current = val;
                this.drawerSearchclick();
            }
        }
    }
</script>

<style scoped>
    .dict-main {
        background-color: #fff;
        margin: 8px;
        padding: 8px;
    }
    .dict-Btn {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #dcdfe6;
        margin-bottom: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .dict-btn-bottom {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 8px;
    }
    .dict-table {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 8px;
		
    }
    .multipleTableRef {
        margin-bottom: 8px;
    }
    .attachSize {
        color:#3b8e8e;
        padding: 0 10px;
        font-size: 12px;
        background-color: #ebf4f4;
        border: 1px solid #d8e8e8;
    }
    /deep/ .drawerStyle {
        padding: 20px;
    }
    .datascope-drawer-btn {
        margin-bottom: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }
</style>

 src/views/home/widgets/components/ver.vue

@@ -82,6 +82,8 @@
                //console.log(this.setCard,222)
            },
            getCard() {  //获取快捷菜单
                var data = this.$TOOL.data.get("MENU");
                this.workid = data[0].children[0].id;  //记录第一个children的id
                this.$HTTP.get(`/api/blade-system/workbench-card/list?workbenchId=${this.workid}`).then(res=> {
                    if(res.code == 200) {
                        this.setCard = res.data;