update

gaoshp

2024-10-05 65972957e56a31778cc1633b1032ac16627665f3

 src/views/console/authority/apiscope.vue

@@ -1,21 +1,22 @@
<!--
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-06-05 11:36:50
 * @FilePath: /smart-web/src/views/master/person/main/index.vue
 * @LastEditors: gaoshp
 * @LastEditTime: 2024-10-05 21:24:27
 * @FilePath: /cps-web/src/views/console/authority/apiscope.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"/>
         <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>
            <!-- <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">
            <div>
@@ -23,7 +24,9 @@
               <!-- <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 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>
@@ -32,7 +35,8 @@
            <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-drawer :title="'当前选中菜单路径' + drawerPath" v-model="drawer" :direction="direction" :before-close="handleClose"
         size="780" class="drawerClass">
         <el-form :inline="true" :model="drawerSearchData" label-width="110px">
            <el-form-item label="接口模块">
               <el-select v-model="drawerSearchData.moduleCode" style="width: 100%" size="small">
@@ -50,7 +54,8 @@
         </el-form>
         <div>
            <div class="dict-table">
               <el-table ref="multipleTableRef" :data="drawerTableData" border style="width: 100%" class="multipleTableRef" @selection-change="drawerHandleSelectionChange">
               <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>
@@ -204,17 +209,20 @@
   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;
@@ -225,27 +233,35 @@
    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;;
   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;
}