系统界面翻新，回车登录，综合展示菜单重复

Surpriseplus

2023-02-06 4e3d77dcbe421a4d6611ebcdd1ac3165cb36ad4b

系统界面翻新，回车登录，综合展示菜单重复

 public/LfSKyline/css/index.css

@@ -106,7 +106,8 @@
}

.fieldset {
    margin: 10px 5px;
    padding: 10px 5px;
    height: calc(100% - 20px);
}

#layers {

 public/LfSKyline/index.html

@@ -97,7 +97,7 @@
          <legend>数据目录</legend>
          <!-- <div id="layers"></div> -->
          <div>
            <object id="TerraExplorerInformationWindowEx" classid="CLSID:3A4F919B-65A8-11D5-85C1-0001023952C1" width="300" height="400"></object>
            <object id="TerraExplorerInformationWindowEx" classid="CLSID:3A4F919B-65A8-11D5-85C1-0001023952C1"></object>

          </div>


 public/config/config.js

@@ -1,5 +1,5 @@
var isWeb = location.hostname.indexOf("103.85.165.") > -1;
 

var webHost = isWeb ? location.hostname + ":8052" : '192.168.20.106' + ":12316";

var fmeHost = isWeb ? location.hostname + ":8051" : '192.168.20.205' + ":88";
@@ -26,20 +26,20 @@
var modelUrl = LFData + '/tileset/SN/tileset.json';

// DEM
var demLayer = LFData + '/dem';
var demLayer = 'http://192.168.20.55/LFData/dem';

// ç»¼åˆå±•ç¤º
window.sceneConfig = {
    // Sdk许可
    licenseServer: 'http://' + iisHost + '/LFServer',
    // MPT名称
    mptName: "china_5m.Ei.397334",
    // SG地址
    SGUrl: "http://" + iisHost + "/SG/Elevation",
    // Fly地址
    fly: 'http://' + iisHost + '/LFData/fly/' + (isWeb ? "lfy_web.fly" : "lf_127.fly"),
    //
    positionBtn: [],
  // Sdk许可
  licenseServer: 'http://' + iisHost + '/LFServer',
  // MPT名称
  mptName: "china_5m.Ei.397334",
  // SG地址
  SGUrl: "http://" + iisHost + "/SG/Elevation",
  // Fly地址
  fly: 'http://' + iisHost + '/LFData/fly/' + (isWeb ? "lfy_web.fly" : "lf_127.fly"),
  //
  positionBtn: [],
};

var gaoDeBaseUrl = [{

 src/api/api.js

@@ -707,7 +707,10 @@
export function apply_insertApply(params) {
  return request.post('/apply/insertApply', params);
}

//资料馆=>根据单位ID集合查询单位
export function dataLib_selectDepsByIds(params) {
  return request.get('/dataLib/selectDepsByIds?' + params);
}

//资料馆=>请求下载
export function dataLib_downloadReq(params) {
@@ -729,7 +732,10 @@
export function dataLib_selectBusinessType(params) {
  return request.get('/dataLib/selectBusinessType', { params: params });
}

//资料馆=>分页查询下载文件
export function dataLib_selectPageCountForDownload(params) {
  return request.get('/dataLib/selectPageCountForDownload', { params: params });
}

//下载日志=》分页查询并返回记录数
export function downlog_selectByPageAndCount(params) {
@@ -924,4 +930,9 @@
//项目管理=>删除
export function project_selectLocation(params) {
  return request.get('/project/selectLocation?x=' + params.x + '&y=' + params.y)
}
}
//查詢所有图层
export function perms_selectLayers(params) {
  return request.get('/perms/selectLayers', { params: params });
}


 src/assets/css/configure.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,47 @@
/*  æ»šåŠ¨æ¡æ ·å¼ */
 
::-webkit-scrollbar{
    width:8px;
    height:8px;
    background-color: #409eff;
}
::-webkit-scrollbar-track{
    background: #eee;
}
::-webkit-scrollbar-thumb{
    background: #409eff;
    border-radius:100px;
}
::-webkit-scrollbar-thumb:hover{
    background: #409eff;
}
::-webkit-scrollbar-corner{
    background: #409eff;
}


.box_div {
    background: #F4F8FF;
}
 
.subpage_Div {
    border: 1px solid #dcdfe6;
}

.el-scrollbar .el-scrollbar__bar .is-vertical {
    width: 0;
}

.el-tree {
    background: transparent;
}

.el-tree-node.is-current>.el-tree-node__content {

    color: #409eff !important;
}

.el-tree-node__content :hover {

    background-color: transparent !important;
}

 src/assets/css/content.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,189 @@
.contentBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.box {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    overflow: hidden;

}

/*左侧div样式*/
.left {
    width: calc(17% - 10px);
    /*左侧初始化宽度*/
    height: 100%;
    overflow: auto;
    border-radius: 10px;
    float: left;
}

/*拖拽区div样式*/
.resize {
    cursor: col-resize;
    float: left;
    position: relative;
    top: 45%;
    background-color: #d6d6d6;
    border-radius: 5px;
    margin-top: -10px;
    width: 10px;
    height: 50px;
    background-size: cover;
    background-position: center;
    /*z-index: 99999;*/
    font-size: 32px;
    color: white;
}

/*拖拽区鼠标悬停样式*/
.resize:hover {
    color: #444444;
}

/*右侧div'样式*/
.mid {
    float: left;
    width: 83%;
    /*右侧初始化宽度*/
    height: 100%;

    border-radius: 10px;
}



.subpage_Box {
    width: 98%;
    height: 98%;
    padding: 1%;
    overflow: auto;
}

.subpage_Iquery {
    width: calc(98% - 2px);
    height: auto;

    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1%;
    border-radius: 5px;
}

.subpage_Content {
    width: calc(98% - 2px);
    height: auto;

    margin-top: 1%;
    margin-bottom: 1%;
    padding: 1%;
    border-radius: 5px;
}

.tarnsbtton {
    width: 6%;
    height: 100%;
    /*flex å¸ƒå±€*/
    display: flex;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    justify-content: center;
}

.dialogBox {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: space-between;
}

.transFarBox {
    width: 30%;
    height: 100%;

    border-radius: 5px;
    max-height: 500px;
    overflow-y: auto;
}

.transFarBox li {
    line-height: 30px;
    text-align: center;
}

.transFarBox li:hover {
    background: rgba(0, 0, 0, 0.2);
}

.transFarBox .active {
    color: #409eff;
}

.dialogContent {
    width: calc(100% - 20px);
    max-height: 370px;
    float: left;
    overflow: auto;
    padding: 10px;

}

.dialogContent .ContBox {
    width: 44%;
    padding: 10px;
    margin-left: 2%;
    float: left;

}

.dialogContent .ContDiv {
    display: flex;
    justify-content: space-around;
    margin: 5px 0px;

}

.dialogContent .contLable {
    width: 175px;

}

.infoBox {
    width: 500px;
    position: absolute;
    z-index: 100;
    top: 15%;
    right: 15%;
    border: 1px solid white;
   
    height: 600px;
    padding: 10px;
    overflow: auto;
    border-radius: 5px;

}

.infoBox .el-card {
    background-color: transparent;

}

.infoBox span {
    font-size: 16px;
    font-weight: 600;
}

.infoBox .contentBox {
    margin: 0 aotu 10px;

}

.infoBox p {
    font-size: 14px;
}

 src/assets/css/index.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,267 @@
html {}

/* Home页面 */
.home {
    height: 100vh;
    position: relative;
}

.el-container {
    height: 100%;
}

.el-header {
    padding: 0;
    height: 90px !important;
}

.el-main {
    margin: 0px;
    padding: 0px !important;
    background: #3B4D6E;
}

/* å¯¼èˆªæ é¡µé¢ */
.NavBox {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgb(34, 33, 33), rgb(27, 31, 78));
}

.topBox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.topTitle {
    width: 415px;
    height: 70px;
    background: url("../img/LOGO.png") no-repeat center;
}

.topMenu {
    width: auto;
    flex: 1;
    height: 100px;
}

.menuContent {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.contentDiv {
    margin-left: 1%;
}

.ImgMenu {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}

.menuImage {
    width: 40px;
    height: 40px;
}

.menulabel {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    text-align: center;
    width: 120px;
    color: #fff
}

.changeStyle {
    color: #fec801;
}

.m1 {
    background: url("../img/menu/menu11.png") no-repeat;
    background-size: 100% 100%;
}

.m2 {
    background: url("../img/menu/menu21.png") no-repeat;
    background-size: 100% 100%;
}

.m3 {
    background: url("../img/menu/menu31.png") no-repeat;
    background-size: 100% 100%;
}

.m4 {
    background: url("../img/menu/menu41.png") no-repeat;
    background-size: 100% 100%;
}

.m5 {
    background: url("../img/menu/menu51.png") no-repeat;
    background-size: 100% 100%;
}

.m6 {
    background: url("../img/menu/menu61.png") no-repeat;
    background-size: 100% 100%;
}

.m7 {
    background: url("../img/menu/qwyzt.png") no-repeat;
    background-size: 100% 100%;
}

.m11 {
    background: url("../img/menu/menu12.png") no-repeat;
    background-size: 100% 100%;
}

.m21 {
    background: url("../img/menu/menu22.png") no-repeat;
    background-size: 100% 100%;
}

.m31 {
    background: url("../img/menu/menu32.png") no-repeat;
    background-size: 100% 100%;
}

.m41 {
    background: url("../img/menu/menu42.png") no-repeat;
    background-size: 100% 100%;
}

.m51 {
    background: url("../img/menu/menu52.png") no-repeat;
    background-size: 100% 100%;
}

.m61 {
    background: url("../img/menu/menu62.png") no-repeat;
    background-size: 100% 100%;
}

.m71 {
    background: url("../img/menu/qwyzt-h.png") no-repeat;
    background-size: 100% 100%;
}

.topUser {
    color: white;
    height: 70px;
}

.userName {
    margin: 10px 10px;
    display: flex;
    justify-content: space-between;
    height: 30px;
}

.userLanguage {
    margin: 0px 10px;
    margin-top: 10px;
    display: flex;
    height: 30px;
}

.userImage {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}

.user1 {
    background: url("../img/user.png") no-repeat;
    background-size: 100% 100%;
}

.user2 {
    background: url("../img/EN.png") no-repeat;
    background-size: 100% 100%;
}

.userText {
    font-size: 15px;
    line-height: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;

    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
}

.TextLanguage {
    font-size: 15px;
    line-height: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;

    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
}

.elLink {
    margin-left: 5px;
    font-size: 15px;
    margin-bottom: 4px;
    color: white;
}

.secondMenuDiv {
    position: absolute;
    z-index: 1024;
    margin-top: 10px;
    border: 1px solid gray;
    border-radius: 5px;
}

.topUser .el-link--default:hover {
    color: #409eff !important;
}

.topUser .el-link--default {
    color: white !important;
}

.el-menu {
    border: transparent;
}

.secondMenuDiv {
    position: absolute;
    z-index: 1024;
    margin-top: 15px;
background: rgba(244,248,255, 0.85);
    border-radius: 5px;

}

.secondMenuDiv div {
    line-height: 30px;

    padding: 10px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;

    line-height: 49px;
    min-width: 120px;
}

.secondMenuDiv .changeLiStyle {
    color: #409eff ;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    border:1px solid #409eff;
    /* background: #182E45 */
    /* 
    */
    
}

 src/assets/js/index.js

ÎļþÃû´Ó src/views/Thematic/index.js ÐÞ¸Ä
@@ -48,6 +48,37 @@
    isEdit: false,
    children: [
      {
        id: 13,
        label: '项目',
        resource: 'LF:bs_project',
        isEdit: false,
      },
      {
        id: 14,
        label: '站场',
        resource: 'LF:m_sitepoint',
        isEdit: false,
      },
      {
        id: 15,
        label: '兴趣点',
        resource: 'LF:m_poi',
        isEdit: false,
      },
      {
        id: 16,
        label: '1:100万自然地名点',
        resource: 'LF:dlg_100w_aanp',
        isEdit: false,
      },
      {
        id: 18,
        label: '1:100万居民地地名点',
        resource: 'LF:dlg_100w_agnp',
        isEdit: false,
      },
     
      {
        id: 11,
        label: '管道中心线',
        resource: 'LF:m_pipeline',
@@ -60,15 +91,35 @@
        isEdit: false,
      },
      {
        id: 13,
        label: '项目',
        resource: 'LF:bs_project',
        id: 19,
        label: '1:100万公路',
        resource: 'LF:dlg_100w_lrdl',
        isEdit: false,
      }, {
        id: 20,
        label: ' 1:100万铁路',
        resource: 'LF:dlg_100w_lrrl',
        isEdit: false,
      },
      {
        id: 14,
        label: '站场',
        resource: 'LF:m_sitepoint',
        id: 21,
        label: '1:100万水系线',
        resource: 'LF:dlg_100w_lrrl',
        isEdit: false,
      }, {
        id: 22,
        label: '1:100万行政境界线',
        resource: 'LF:dlg_100w_boul',
        isEdit: false,
      },{
        id: 23,
        label: '1:100万行政境界面',
        resource: 'LF:dlg_100w_boua',
        isEdit: false,
      },{
        id: 24,
        label: '1:100万水系面',
        resource: 'LF:dlg_100w_hyda',
        isEdit: false,
      },
    ],

 src/assets/lang/en.js

@@ -44,7 +44,7 @@
    lineNuber: 'line Nuber',
    pleaseInputPassworld: 'Please input a password',
    passworld: 'Passworld',
    language:"中文"
    language: "中文"
  },

  dataManage: {
@@ -94,8 +94,8 @@
      selectMetadata: 'Select Metadata',
      entryName: 'Entry Name',
      selectWBSData: 'Select WBS Data',
            
      coordinateSystem:'Coordinate System'

      coordinateSystem: 'Coordinate System'
    },

    metadataManage: 'metadataManage',
@@ -126,8 +126,8 @@
      gather: 'Acquisition time',
      depName: 'Company',
      versionNumber: 'Version Number',
      tab:'Table',
      row:'rows'
      tab: 'Table',
      row: 'rows'
    },
    dictionaryManage: 'dictionaryManage',
    dictionaryManageObj: {
@@ -422,6 +422,7 @@
    },
  },
  synthesis: {
    DownloadList: 'Download List',
    import: 'Import',
    export: 'Export',
    pipelineAnalysis: 'Pipeline analysis',
@@ -496,8 +497,8 @@
    },
    more: 'More',
    Multiplechoice: 'Multiple choice',
    Singlechoice:'Single choice',
    undergroundMode:'Underground mode'
    Singlechoice: 'Single choice',
    undergroundMode: 'Underground mode'
  },
  downlog: {
    type1: 'Shp file',

 src/assets/lang/zh.js

@@ -422,6 +422,7 @@
    export: '导出',
    pipelineAnalysis: '管道分析',
    synthesis: '综合展示',
    DownloadList:'下载列表',
    dataApplication: '数据申请',
    sceneExtraction: '场景提取',
    themaic: '专题地图',

 src/components/MapView/mapMenuPop.vue

@@ -140,7 +140,7 @@
          <el-form-item label="审核单位">
            <div>
              <ul>
                <li v-for="item in ruleForm.depname">
                <li v-for="item in ruleForm.depid">
                  {{item.name}}
                </li>
              </ul>
@@ -208,6 +208,7 @@
  dataQuery_selectDbOverflowDep,
  apply_insertApply,
  decr, encr,
  dataLib_selectDepsByIds,
} from "../../api/api.js";
import { getToken } from "@/utils/auth";
import $ from "jquery";
@@ -339,11 +340,21 @@
        this.insertFlag = 2;
        var std = [];
        this.insertOption.ids = data.result;
        var val = "";
        for (var i in data.result) {
          if (val == "") {
            val += "ids=" + data.result[i]
          } else {
            val += "&ids=" + data.result[i]
          }

          std.push({
            name: data.result[i]
          })
        }
        const data1 = await dataLib_selectDepsByIds(val);

        this.ruleForm.depid = data1.result;
        this.ruleForm.depname = std;
        this.ruleForm.wkt = decr(this.listdata.wkt)
        this.ruleForm.tabs = this.option;
@@ -410,7 +421,7 @@
          message: '数据申请成功',
          type: 'success'
        });
      

        this.closeDown();
      }

@@ -890,14 +901,9 @@
  }
}
li {
  color: white;
  line-height: 20px;
  border-bottom: 1px solid white;
  border-bottom: 1px solid gray;
  padding: 5px;
}
/deep/.el-textarea .el-input__count {
  background: transparent;
}
</style>
<style lang="less"></style>
<style scoped lang="less"></style>
 

 src/components/MapView/mapMenuTop.vue

@@ -410,12 +410,5 @@
  padding: 4px 20px;
  font-weight: 400;
}
/deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff;
  border: 1px solid;
}
/deep/ .el-select .el-input__inner {
  border-color: #fff !important;
}
 
</style>

 src/components/MapView/mapSpaceTop.vue

@@ -146,27 +146,5 @@
}
</style>
<style lang="less" scoped>
.el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner {
  display: inline-block;
}
.el-tree .el-tree-node .el-checkbox .el-checkbox__inner {
  display: none;
}

/deep/.el-form-item__label {
  color: white;
}
/deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff !important;
  border: 1px solid;
}

/deep/ .el-input__inner {
  border-color: #fff !important;
}
/deep/.el-select-dropdown {
  border-color: white;
  opacity: 0.85;
}
 
</style>

 src/components/catalogueTree copy.vue

@@ -247,32 +247,7 @@
    width: 100%;
    height: 94%;
    overflow: auto;
    .el-tree {
      background: transparent;
      font-size: 15px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #000000;
      // /deep/ .el-tree-node__label {
      //   font-size: 18px;
      // }
      /deep/ .el-tree-node {
        padding-top: 10px;
        // padding-bottom: 10px;
      }
      /deep/ .el-tree-node:focus > .el-tree-node__content {
        background-color: #b9b9b9;
      }
      /deep/ .el-tree-node__content:hover {
        background-color: rgb(153, 153, 153);
      }
      .btnBox {
        margin-left: 5px;
        .el-button + .el-button {
          margin-left: 5px;
        }
      }
    }
 
  }
}
</style>

 src/components/catalogueTree.vue

@@ -266,36 +266,7 @@
    height: 94%;
    overflow: auto;

    .el-tree {
      background: transparent;
      font-size: 15px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #000000;

      // /deep/ .el-tree-node__label {
      //   font-size: 18px;
      // }
      /deep/ .el-tree-node {
        padding-top: 10px;
        // padding-bottom: 10px;
      }

      /deep/ .el-tree-node:focus > .el-tree-node__content {
        background-color: #b9b9b9;
      }

      /deep/ .el-tree-node__content:hover {
        background-color: rgb(153, 153, 153);
      }

      .btnBox {
        margin: 0 10px 0 5px;
        .el-button + .el-button {
          margin-left: 5px;
        }
      }
    }
   
  }
}
</style>

 src/components/customElMenu.vue

@@ -36,14 +36,4 @@
  },
};
</script>
<style lang="less" scoped>
.faSub {
  /deep/ .el-submenu__title i {
    background-color: transparent !important;
    color: #fff;
  }
  /deep/.el-menu {
    border: transparent !important;
  }
}
</style>
 

 src/components/login.vue

@@ -224,7 +224,7 @@
    //   èŽ·å–vuex中Actions里的方法
    ...mapActions(['login', 'getpublickey']),
    getCode(data) {
 

      this.validCode = data; //在data中定义一个 validCode:'',用来记录验证码。
    },

@@ -244,6 +244,7 @@
                return
              }
              this.setCookies(response);

              getPerms().then((res) => {
                if (res.code == 200) {
                  this.$store.commit('getPermsEntity', res.result);
@@ -275,17 +276,36 @@
      });
    },
    setCookies(res) {

      var timeData = moment(res.result.expire).format('YYYY-MM-DD HH:mm:ss');
      var LfPrems = {
        token: res.result.token,
        uname: res.result.uname,
        time: timeData,
        userid: res.result.createUser,
       expire: res.result.expire
      };
      LfPrems = JSON.stringify(LfPrems);
      localStorage.setItem('LFToken', LfPrems);
    },
    enterLogin() {
      document.onkeydown = (e) => {
        e = window.event || e;


        if (this.$route.path == '/login' && (e.code == 'Enter' || e.code == 'enter' || e.code == 'NumpadEnter')) {
  
          //最重要最后调用1.登录校验方法
          //this.login();
          this.submitForm('loginForm')
        }
      };

    }
  },
  created() { },
  created() {
    this.enterLogin();
  },
};
</script>


 src/components/mapsdk.vue

@@ -410,15 +410,15 @@
      // );
      // openStreetMap.item.show = false;

      // Viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
      //   url:demLayer
      // });
      var option = {
        url: window.sceneConfig.SGUrl,
        layerName: window.sceneConfig.mptName,
        requestVertexNormals: true
      }
      sgworld.Creator.sfsterrainprovider("", option, "", true, "");
      Viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
        url:demLayer
      });
      // var option = {
      //   url: window.sceneConfig.SGUrl,
      //   layerName: window.sceneConfig.mptName,
      //   requestVertexNormals: true
      // }
      // sgworld.Creator.sfsterrainprovider("", option, "", true, "");

      window.elevationTool = new SmartEarth.ElevationTool(window.sgworld);
      elevationTool.setContourColor('#F1D487');

 src/components/navMenu.vue

@@ -24,7 +24,7 @@
              </div>
            </div>
            <div
              class="secondMenuDiv"
              class="secondMenuDiv   subpage_Div"
              v-show="index == showFlag ? true :false"
            >
              <div
@@ -128,9 +128,13 @@
        const data = await getPerms();
        this.$store.state.permsEntity = data.result;
      }
 
      this.$store.state.uname = JSON.parse(
        localStorage.getItem('LFToken')
      ).uname;
        this.$store.state.unid = JSON.parse(
        localStorage.getItem('LFToken')
      ).userid;
      this.$router.push('/');
    },
    getTimeCookies() {
@@ -353,209 +357,5 @@
};
</script>
<style lang="less" scoped>
//@import url(); å¼•å…¥å…¬å…±cssç±»
.NavBox {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgb(34, 33, 33), rgb(27, 31, 78));
  .topBox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .topTitle {
      width: 435px;
      height: 70px;
      background: url("../assets/img/LOGO.png") no-repeat center;
    }
    .topMenu {
      width: auto;

      flex: 1;
      height: 100px;
      .menuContent {
        width: 100%;
        height: 100%;
        display: flex;
        .contentDiv {
          margin-left: 1%;
        }
      }
      .ImgMenu {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
      }
      .menuImage {
        width: 70px;
        height: 70px;
      }
      .menulabel {
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #ffffff;
        text-align: center;
        width: 120px;
      }
      .changeStyle {
        color: #fec801;
      }
      .m1 {
        background: url("../assets/img/menu/menu11.png") no-repeat;
        background-size: 100% 100%;
      }
      .m2 {
        background: url("../assets/img/menu/menu21.png") no-repeat;
        background-size: 100% 100%;
      }
      .m3 {
        background: url("../assets/img/menu/menu31.png") no-repeat;
        background-size: 100% 100%;
      }
      .m4 {
        background: url("../assets/img/menu/menu41.png") no-repeat;
        background-size: 100% 100%;
      }
      .m5 {
        background: url("../assets/img/menu/menu51.png") no-repeat;
        background-size: 100% 100%;
      }
      .m6 {
        background: url("../assets/img/menu/menu61.png") no-repeat;
        background-size: 100% 100%;
      }
      .m7 {
        background: url("../assets/img/menu/qwyzt.png") no-repeat;
        background-size: 100% 100%;
      }
      .m11 {
        background: url("../assets/img/menu/menu12.png") no-repeat;
        background-size: 100% 100%;
      }
      .m21 {
        background: url("../assets/img/menu/menu22.png") no-repeat;
        background-size: 100% 100%;
      }
      .m31 {
        background: url("../assets/img/menu/menu32.png") no-repeat;
        background-size: 100% 100%;
      }
      .m41 {
        background: url("../assets/img/menu/menu42.png") no-repeat;
        background-size: 100% 100%;
      }
      .m51 {
        background: url("../assets/img/menu/menu52.png") no-repeat;
        background-size: 100% 100%;
      }
      .m61 {
        background: url("../assets/img/menu/menu62.png") no-repeat;
        background-size: 100% 100%;
      }
      .m71 {
        background: url("../assets/img/menu/qwyzt-h.png") no-repeat;
        background-size: 100% 100%;
      }
    }

    .topUser {
      height: 70px;

      .userName {
        margin: 0px 10px;

        display: flex;
        justify-content: space-between;
        height: 30px;
      }
      .userLanguage {
        margin: 0px 10px;
        margin-top: 10px;

        display: flex;

        height: 30px;
      }
      .userImage {
        width: 30px;
        height: 30px;
        float: left;
        margin-right: 10px;
      }
      .user1 {
        background: url("../assets/img/user.png") no-repeat;
        background-size: 100% 100%;
      }
      .user2 {
        background: url("../assets/img/EN.png") no-repeat;
        background-size: 100% 100%;
      }
      .userText {
        font-size: 15px;

        line-height: 30px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #ffffff;
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
      }
      .TextLanguage {
        font-size: 15px;

        line-height: 30px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #ffffff;
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
      }
    }
    .elLink {
      margin-left: 5px;
      font-size: 15px;
      margin-bottom: 4px;
    }
  }

  .secondMenuDiv {
    position: absolute;
    z-index: 1024;
    margin-top: 10px;
    border: 1px solid white;
    border-radius: 5px;
    div {
      line-height: 30px;
      background: #303030;
      padding: 10px;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #ffffff;
      line-height: 49px;
      min-width: 120px;
    }
    .changeLiStyle {
      color: #fec801;
      background: linear-gradient(180deg, #002992, #080472);
    }
  }

  /deep/.el-link.el-link--default:hover {
    color: #409eff !important;
  }
  /deep/ .el-link.el-link--default {
    color: white !important;
  }
  /deep/ ul.el-menu-vertical-demo.el-menu {
    // æ·»åŠ èƒŒæ™¯é¢œè‰²
    background-image: rgba(255, 255, 255, 0.1) !important;
  }

  /deep/ li.el-menu-item.is-active {
    // æ·»åŠ æ ·å¼ï¼Œåªé’ˆå¯¹å¯¼èˆªæ é¦–菜单
    background-color: transparent;
  }
}
</style>

 src/main.js

@@ -11,7 +11,9 @@
// import locale from 'element-ui/lib/locale/lang/zh-CN'
// import 'element-ui/lib/theme-chalk/index.css';
import '@/assets/element-variables.scss';

import '@/assets/css/index.css'
import '@/assets/css/content.css'
import '@/assets/css/configure.css'
Vue.prototype.$echarts = echarts;
import * as echarts from 'echarts';
Vue.use(ElementUI, { locale });

 src/store/index.js

@@ -42,15 +42,16 @@
    theme: variables.theme,
    //登录用户名
    uname: null,
    unid: null,
    //项目管理
    projeOl: null,
    download: false,
    showAllLayers: true,
    primitLayer:null,
    loading:false,
    pipelineEntity:[],
    reporturl:null,
   layerMnage:false,
    primitLayer: null,
    loading: false,
    pipelineEntity: [],
    reporturl: null,
    layerMnage: false,
  },
  mutations: {
    //获取权限合集
@@ -143,7 +144,7 @@
        login(data)
          .then((response) => {
            const data = response;
            

            if (data.code !== 200) {
              resolve(data);
              return
@@ -164,7 +165,7 @@
          });
      });
    },
    setCookies(res) {
    setCookies(res) { 
      var value = localStorage.getItem('LFToken');
      if (value != null) {
        this.rmCookies();

 src/utils/request.js

@@ -28,6 +28,16 @@
    if (token) {
      config.headers["token"] = token;
    }

    if (config.url.indexOf("logout") != -1 && config.url.indexOf("login") != -1) {
      var expire = JSON.parse(window.localStorage.getItem("LFToken")).expire;
      var timeire = new Date().getTime();
      if (timeire >= expire) {
        
        this.$router.push("logout")
      }
    }

    //加载loading
    store.commit("UPDATE_API_COUNT", "add");
    return config;
@@ -77,7 +87,7 @@
        {
          let str = this.result.toString();
          let res = JSON.parse(str);
  

          Message({
            message: res.message,
            type: "error",

 src/views/Archive/dataApplication.vue

@@ -1,11 +1,11 @@
<template>
  <div class="logLog_box">
  <div class="logLog_box box_div">
    <My-bread :list="[
        `${$t('synthesis.synthesis')}`,
        `${$t('synthesis.dataApplication')}`,
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
    <div class="inquire subpage_Div">
      <el-form
        :inline="true"
        ref="sizeForm"
@@ -88,11 +88,10 @@
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
    <div class="table_box subpage_Div">
      <el-table
        :data="tableData"
        style="width: 100%"
       
      >

        <el-table-column
@@ -216,7 +215,7 @@
          <el-table-column
            align="center"
            prop="uname"
            label="申请人"
            label="审核人"
          />
          <el-table-column
            align="center"
@@ -239,30 +238,32 @@
            align="center"
            prop="status"
            label="状态"
            :formatter="formatStatus1"
          />
          <el-table-column
            min-width="150"
            :label="$t('common.operate')"
          >
            <template slot-scope="scope">
              <div v-if="matchState3(scope,/[]/)">
                <el-button
                  type="danger"
                  size="mini"
                  @click="handleApplyRepulse(scope.$index, scope.row)"
                  plain
                >打回</el-button>

              <el-button
                v-if="scope.row.status == 0"
                type="danger"
                size="mini"
                @click="handleApplyRepulse(scope.$index, scope.row)"
                plain
              >打回</el-button>

              <el-button
                v-if="scope.row.status == 0"
                @click="handleApplyAdopt(scope.$index, scope.row)"
                type="success"
                size="mini"
                plain
              >通过</el-button>
                <el-button
                  @click="handleApplyAdopt(scope.$index, scope.row)"
                  type="success"
                  size="mini"
                  plain
                >通过</el-button>
              </div>
              <div v-if="!matchState3(scope,/[]/)">-  -</div>

            </template>

          </el-table-column>
        </el-table>
      </div>
@@ -289,7 +290,9 @@

  data() {
    return {
      detailsFrom: {},
      detailsFrom: {
        tableData:[],
      },
      dialogDetailsVisible: false,
      sizeForm: {
        start: null,
@@ -316,6 +319,7 @@
      if (data.code != 200) {
        return this.$message.error("列表调用失败");
      }
      
      this.showRestData();
    },
    async handleApplyAdopt(index, row) {
@@ -334,7 +338,7 @@
      if (data1.code != 200) {
        return this.$message.error("列表调用失败");
      }
      this.detailsFrom.tableData = data.result;
      this.detailsFrom.tableData = data1.result;
    },
    async handleReApply(index, row) {
      const data = await apply_updateForResubmit({ applyid: row.id });
@@ -366,20 +370,35 @@
      this.detailsFrom.uname = row.uname;
      this.detailsFrom.time = this.format(row.createTime);
      this.detailsFrom.status = this.statusFormat(row.status);
      console.log(data.result)
      this.detailsFrom.statued = row.status;
      this.dialogDetailsVisible = true;

    },
    matchState(state = '', reg) {
      var row = state.row;
      if (row.status >= -1 && row.status <= 9 && this.$store.state.uname == row.uname) {
      if (row.status >= -1 && row.status <= 9 && this.$store.state.unid == row.userid) {
        return true
      }
      return false
    },
    matchState1(state = '', reg) {

      var row = state.row;
      if (row.status == -1 && this.$store.state.uname == row.uname) {
      if (row.status == -1 && this.$store.state.unid == row.userid) {
        return true
      }
      return false
    },
    matchState2(state = '', reg) {
      var row = state.row;
      if (row.status != -10 && this.$store.state.unid == row.userid) {
        return true
      }
      return false
    },
    matchState3(state = '', reg) {
      var row = state.row;
      if (row.status == 0 && (this.detailsFrom.statued > -10 && this.detailsFrom.statued < 10) && this.$store.state.unid == row.userid) {
        return true
      }
      return false
@@ -423,14 +442,30 @@
      return this.statusFormat(data);
    },
    statusFormat(res) {
      
      if (res >= 0 && res <= 9) {
        return "审核中"
      } else if (res == -10) {
        return "退回"
        return "作废"
      } else if (res == -1) {
        return "打回"
      }else if (res == 10) {
        return "通过"
      }
    },
    formatStatus1(row, column) {
      let data = row[column.property];
      if (data == null) {
        return data;
      }
      return this.statusFormat1(data);
    }, statusFormat1(res) {
      if (res == 1) {
        return "通过"
      } else if (res == 0) {
        return "待审核"
      } else if (res == -1) {
        return "退回"
        return "打回"
      }
    },
    resAllTable() {
@@ -485,11 +520,11 @@
<style lang="less" scoped>
//@import url(); å¼•å…¥å…¬å…±cssç±»
.logLog_box {
  width: 100%;
  padding: 10px;
  height: 100%;
  width: 98%;

  box-sizing: border-box;
  height: 95%;
  padding: 1%;

  .el-input {
    width: 300px;
  }
@@ -499,22 +534,13 @@
    margin-top: 20px;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);

    margin-bottom: 20px;
    .el-form-item {
      margin: 7px;
    }
    /deep/.el-form-item__label {
      color: white;
    }
    /deep/ .el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
  }
  .statusLabel {
    color: white;
    padding: 0px 5px;
    font-size: 14px;
  }
@@ -524,131 +550,9 @@
    padding: 10px;
    height: auto;
    border-radius: 5px;
     
   
    /*修改table è¡¨ä½“的背景颜色和文字颜色*/

    .pagination_box {
      /deep/.el-input__inner {
        background-color: transparent !important;
        border: 1px solid;
        color: white;
      }
      /deep/.el-pagination__total {
        color: white;
      }
      /deep/.el-pagination__jump {
        color: white;
      }
      /deep/.el-pager li.active {
        color: #1890ff;
      }
      /deep/.el-pager li {
        color: white;
        background: transparent;
      }
      /deep/.el-pager li {
        color: white;
      }
      /deep/.btn-prev {
        background: transparent;
      }
      /deep/.btn-next {
        background: transparent;
      }
    }
  }
  .text-center {
    text-align: center;
  }
}
/deep/ .el-select .el-input__inner {
  border-color: #fff !important;
}

/deep/.el-form-item__label {
  color: white;
}
// è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
/deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff;
  border: 1px solid;
}
/deep/ .el-dialog {
  background: #303030;
}
/deep/.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
  border: 1px solid;
}
/deep/.el-dialog__title {
  color: white;
}
/deep/ .el-table {
  background-color: transparent;

  th,
  td {
    background-color: transparent;
  }
  .el-table__expanded-cell {
    background-color: transparent !important;
  }

  // è¡¨å¤´èƒŒæ™¯è‰²
  th.el-table__cell {
    background-color: #303030;
    color: #fff;
  }
  tr > td {
    background-color: #303030;
    color: #fff;
  }

  // hover效果
  tr:hover > td {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    // text-align: center;
  }

  // æ»šåŠ¨æ¡å®½é«˜
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  .el-table__body-wrapper::-webkit-scrollbar {
    width: 5px;
    /*滚动条宽度*/
    height: 10px;
    /*滚动条高度*/
  }
  /*定义滚动条轨道 å†…阴影+圆角*/
  .el-table__body-wrapper::-webkit-scrollbar-track {
    box-shadow: 0px 1px 3px #216fe6 inset;
    /*滚动条的背景区域的内阴影*/
    border-radius: 10px;
  }

  /*定义滑块 å†…阴影+圆角*/
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    box-shadow: 0px 1px 3px #216fe6 inset;
    border-radius: 6px;
    background-color: #216fe6;
  }
}
/deep/.el-textarea__inner {
  background: transparent !important;
  border-color: #fff !important;
  color: white;
}
/deep/.el-textarea .el-input__count {
  background: transparent;
}
</style>

 src/views/Archive/index.vue

@@ -1,12 +1,12 @@
<template>
  <div class="archive">
  <div class="archive box_div">
    <div class="top_header">
      <div class="top_left">
        <My-bread :list="[`${$t('synthesis.synthesis')}`, `${$t('synthesis.archive')}`]"></My-bread>
      </div>

    </div>
    <div class="box_item">
    <div class="box_item ">
      <div class="box_left">资料类别</div>
      <div class="box_cont">

@@ -22,16 +22,12 @@
        </div>
        <div
          v-if="!isShowFirstCheck"
          class="box_div"
          class="menu_div"
          v-for="(item, index) in showList"
          :key="index"
          @click="changeListDataType(item)"
        >
          <!-- <el-checkbox
            v-if="isShowFirstCheck"
            v-model="item.isCheckedFlag"
            :checked="item.isCheckedFlag"
          ></el-checkbox> -->

          <div
            :class="{menuActive:dataTypeName == item.name}"
            style="margin-left: 5px"
@@ -40,13 +36,13 @@
      </div>
      <div class="box_right">
        <div
          class="box_div box_menu"
          class="menu_div subpage_Div"
          @click="moreEvent(1)"
        >
          {{ $t('synthesis.more') }}
        </div>
        <div
          class="box_div box_menu"
          class="menu_div subpage_Div "
          @click="checkEvent(1)"
        >
          <i class="el-icon-plus"></i>
@@ -55,7 +51,7 @@
        </div>
      </div>
    </div>
    <div class="box_item">
    <div class="box_item  ">
      <div class="box_left">项目名称</div>
      <div class="box_cont">
        <div v-if=" isShowSecondCheck">
@@ -70,7 +66,7 @@
        </div>
        <div
          v-if="!isShowSecondCheck"
          class="box_div"
          class="menu_div"
          v-for="(item, index) in showList1"
          :key="index"
          @click="changeListEntryName(item)"
@@ -83,13 +79,13 @@
      </div>
      <div class="box_right">
        <div
          class="box_div box_menu"
          class="menu_div subpage_Div"
          @click="moreEvent(2)"
        >
          {{ $t('synthesis.more') }}
        </div>
        <div
          class="box_div box_menu"
          class="menu_div subpage_Div"
          @click="checkEvent(2)"
        >
          <i class="el-icon-plus"></i>
@@ -100,8 +96,8 @@
    </div>
    <div class="bottom_content">

      <div class="bottom_left">
        <!-- <div class="box_div">当前搜索关键词:</div> -->
      <div class="bottom_left  ">
        <!-- <div class="menu_div">当前搜索关键词:</div> -->
        <div>
          <ul>
            <li>搜索类型</li>
@@ -114,7 +110,7 @@
            <li
              @click="getMenuChange(2)"
              :class="{ menuActive: !isMenuActive }"
              style="border-bottom: 1px solid white"
              style="border-bottom: 1px solid #dcdfe6"
            >
              æ–‡ä»¶æ•°æ®æº
            </li>
@@ -191,6 +187,14 @@
              $t('synthesis.rangequery')
            }}</el-button>
            </el-form-item>
            <el-form-item>
              <el-button
                @click="getdownloadList"
                size="mini"
              >{{
              $t('synthesis.DownloadList')
            }}</el-button>
            </el-form-item>
          </el-form>
        </div>
        <div v-if="isMenuActive">
@@ -200,7 +204,7 @@
              :key="index"
            >
              <div
                class="box_div"
                class="menu_div"
                @click="getShowTable(item)"
              >
                {{ item.tabDesc }}
@@ -550,7 +554,7 @@
      </div>
    </el-dialog>
    <div
      class="downloadBox"
      class="downloadBox box_div subpage_Div"
      v-if="showCodeBox"
    >
      <h4 style="padding: 20px">{{$t('common.passworld')}}</h4>
@@ -652,10 +656,7 @@
      <div
        style="float:right;margin-right:10px"
        @click="downBatchFormData()"
      ><i
          style="color:#FFF"
          class="el-icon-download"
        ></i></div>
      ><i class="el-icon-download"></i></div>
      <div style="height:580px">

        <el-table
@@ -742,9 +743,69 @@
      :title=" $t('synthesis.rangequery')"
      :visible.sync="dialogMapVisible"
      width="90%"
      top="10vh"
    >
      <div style="height:700px">
        <map-sdk v-if='showMapVisible'></map-sdk>
      </div>
    </el-dialog>
    <el-dialog
      :visible.sync="downloadListVisible"
      width="90%"
      top="10vh"
    >
      <div style="height:700px">
        <el-table
          :data="downloadTableData"
          style="width: 100%"
        >
          <el-table-column
            type="index"
            width="50"
            label="序号"
          >
          </el-table-column>
          <el-table-column
            property="descr"
            label="标题"
          > </el-table-column>
          <el-table-column
            property="name"
            label="文件名称"
          > </el-table-column>
          <el-table-column
            property="createName"
            label="出图人"
          > </el-table-column>
          <el-table-column
            property="createTime"
            :formatter="formatData"
            label="日期"
          >
          </el-table-column>

          <el-table-column
            label="操作"
            width="120"
          >
            <template slot-scope="scope">
              <el-link
                @click.native.prevent="downloadMap(scope.$index, scope.row)"
                :underline="false"
              >下载</el-link>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          @size-change="downloadSizeChange"
          @current-change="downloadCurrentChange"
          :current-page="downloadPage.pageIndex"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="downloadPage.pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="downloadPage.count"
        >
        </el-pagination>
      </div>
    </el-dialog>
    <iframe
@@ -776,7 +837,8 @@
  deleteMeta,
  dataLib_selectProject,
  dataLib_selectBaseType,
  dataLib_selectBusinessType
  dataLib_selectBusinessType,
  dataLib_selectPageCountForDownload,
} from '../../api/api';
import $ from 'jquery'
import { getToken } from '@/utils/auth';
@@ -810,6 +872,7 @@
      }
    };
    return {
      downloadListVisible: false,
      data_type: [],
      project_name: [],
      checkedDataType: [],
@@ -903,6 +966,13 @@
        pageIndex: 1,
        pageSize: 10,
        count: 0
      },
      downloadTableData: [],
      downloadPage: {
        pageIndex: 1,
        pageSize: 10,
        count: 0,
        name: null,
      }
    };
  },
@@ -953,6 +1023,46 @@
    },
  },
  methods: {
    downloadMap(index, rows) {
      //     var token = '?token=' + getToken();
      //  debugger
      //  var url = BASE_URL + '/dataLib/downloadFile' + token + '&guid=' + rows.guid+ '&pwd='+  rows.pwd 
      var token = getToken()
    
      var url = BASE_URL + "/dataLib/downloadFile?token=" + token + "&guid=" + rows.guid + "&pwd=" + rows.pwd;
      $("#downFrame").attr("src", url).click();
    },
    downloadSizeChange(val) {

      this.downloadPage.pageIndex = 1;
      this.downloadPage.pageSize = val;
      this.getdownloadListData();
    },
    downloadCurrentChange(val) {
      this.downloadPage.pageIndex = val;
      this.getdownloadListData();
    },
    getdownloadList() {
      this.downloadPage = {
        pageIndex: 1,
        pageSize: 10,
        count: 0,
        name: null,
      }
      this.downloadListVisible = true;
      this.getdownloadListData();
    },
    async getdownloadListData() {
      const data = await dataLib_selectPageCountForDownload(this.downloadPage);
      if (data.code != 200) {
        this.downloadListVisible = false;
        return this.$message.error('下载列表获取失败');
      }

      this.downloadTableData = data.result;
      console.log(this.downloadTableData, data.result.length, this.downloadPage)
      this.downloadPage.count = data.count;
    },
    handleCheckedEntryNameChange(res) {
      if (this.checkedEntryName.indexOf(res.name) != -1) {
        if (res.name == "不限") {
@@ -1783,8 +1893,8 @@
          name: res.result[i].value
        })
      }
      for(var i in rest.result){
          str.push({
      for (var i in rest.result) {
        str.push({
          id: rest.result[i].key,
          name: rest.result[i].value
        })
@@ -1803,18 +1913,18 @@

<style lang="less" scoped>
.archive {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow-y: auto;
  background: #353539;
  width: 98%;
  height: 95%;
  padding: 1%;
  position: relative;
  overflow: auto;
  .top_header {
    width: calc(100% -20px);
    height: 60px;
    display: flex;
    padding: 0 10px;
    justify-content: space-between;
    border-bottom: 1px solid white;

    .top_left {
      display: flex;
      align-items: center;
@@ -1827,19 +1937,11 @@
      line-height: 70px;
    }
    span {
      color: gray;
      margin: 0 5px;
    }
    /deep/.el-form--inline .el-form-item__content {
      line-height: 70px;
    }
    /deep/.el-form--inline .el-form-item__label {
      line-height: 70px;
    }
  }
  .box_item {
    width: calc(100% - 60px);
    border-bottom: 1px solid white;
    height: auto;
    padding: 10px 30px;

@@ -1847,24 +1949,22 @@
    display: flex;
    float: left;
    .box_left {
      color: white;
      height: 100%;
      line-height: 100%;
      width: 100px;
      text-align: center;
      color: white;

      font-size: 14px;
      font-weight: 400;
    }
    .box_cont {
      color: white;
      height: 100%;
      width: 80%;
      display: flex;
      flex-wrap: wrap;
      /* è®¾ç½®å¤šè¡Œå¯¹é½ */
      align-content: flex-start;
      color: white;

      font-size: 14px;
      font-weight: 400;
    }
@@ -1872,13 +1972,11 @@
      display: flex;
      justify-content: space-between;
      margin-left: 10px;
      color: white;

      font-size: 14px;
      align-self: flex-start;
      font-weight: 400;
      .box_menu {
        border: 1px solid white;
      }

      .box_menu:hover {
        border: 1px solid #009cff;
        color: #009cff;
@@ -1898,15 +1996,15 @@
      font-size: 14px;
      font-weight: 400;
      align-self: flex-start;
      color: white;

      ul {
        margin-left: 10px;
      }
      li {
        height: 42px;
        border-top: 1px solid white;
        border-left: 1px solid white;
        border-right: 1px solid white;
        border-top: 1px solid #dcdfe6;
        border-left: 1px solid #dcdfe6;
        border-right: 1px solid #dcdfe6;
        font-size: 14px;
        line-height: 42px;
        padding: 5px 15px;
@@ -1919,19 +2017,16 @@
      width: 100%;
      padding: 0px 20px;
      height: auto;
      color: white;

      .boxCard {
        margin: 1%;
        /deep/.el-card {
          background: #303030 !important;
          color: #fff !important;
        }

        .cardItem {
          margin-bottom: 10px;
        }
      }
      li {
        border-bottom: 1px solid white;
        border-bottom: 1px solid #dcdfe6;
        padding: 10px 0px;
      }
      li:hover {
@@ -1945,51 +2040,15 @@
    display: flex;
    justify-content: center;
  }
  .box_div {
  .menu_div {
    padding: 5px 15px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    display: flex;

    .menuActive {
      color: #409eff;
    }
  }
  .primaries {
    background: linear-gradient(180deg, #002992, #080472);
    border: 1px solid #000000;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
    color: white;
  }
  .elLink {
    color: white;
  }
  .infoBox {
    width: 500px;
    position: absolute;
    z-index: 100;
    top: 25%;
    right: 25%;
    background: #303030;
    color: #fff;
    .el-card {
      background-color: transparent;
      color: #fff;
      span {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
      }
    }
    .contentBox {
      margin: 0 aotu 10px;
      height: 500px;
      overflow: auto;
      p {
        // background-color: #bfa;
        // margin-bottom: 10px;
        font-size: 14px;
      }
    }
  }

@@ -1998,169 +2057,19 @@
    top: 20%;
    left: 40%;
    padding: 20px;
    background: #303030;
    width: 30%;
    border: 1px solid gray;
    border-radius: 10px;
    color: white;
  }
  .pagination_box {
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #409eff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
    /deep/.btn-next i {
      color: white;
    }
    /deep/.btn-prev i {
      color: white;
    }
  }
  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  /deep/.el-checkbox {
    color: #ffff;
    line-height: 25px;
  }
}

.elLink {
  color: white !important;
}
.el-icon-folder-opened {
  color: white;
    width: 30%;

    border-radius: 10px;
  }
}

.contentBox {
  height: 60vh;
  overflow: auto;
  color: white;
}
/deep/ .el-dialog {
  background: #303030;
  z-index: 99;
}

.downloadBox {
  z-index: 999;
}
/deep/.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
  border: 1px solid;
}
/deep/.el-dialog__title {
  color: white;
}
/deep/ .el-dialog__body {
  padding: 10px;
}
/*修改table è¡¨ä½“的背景颜色和文字颜色*/
/deep/ .el-table {
  background-color: transparent;

  th,
  td {
    background-color: transparent;
  }
  .el-table__expanded-cell {
    background-color: transparent !important;
  }

  // è¡¨å¤´èƒŒæ™¯è‰²
  th.el-table__cell {
    background-color: #303030;
    color: #fff;
  }
  tr > td {
    background-color: #303030;
    color: #fff;
  }

  // hover效果
  tr:hover > td {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    // text-align: center;
  }

  // æ»šåŠ¨æ¡å®½é«˜
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  .el-table__body-wrapper::-webkit-scrollbar {
    width: 5px;
    /*滚动条宽度*/
    height: 5px;
    /*滚动条高度*/
  }
  /*定义滚动条轨道 å†…阴影+圆角*/
  .el-table__body-wrapper::-webkit-scrollbar-track {
    box-shadow: 0px 1px 3px #216fe6 inset;
    /*滚动条的背景区域的内阴影*/
    border-radius: 10px;
  }

  /*定义滑块 å†…阴影+圆角*/
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    box-shadow: 0px 1px 3px #216fe6 inset;
    border-radius: 6px;
    background-color: #216fe6;
  }
}
// è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
/deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff;
  border: 1px solid white !important;
}
/deep/.el-form-item__label {
  color: white;
}
/deep/.el-dialog__wrapper {
  overflow: hidden;
}
/deep/.el-textarea__inner {
  background: transparent;
  border-color: #fff !important;
  color: white;
  height: 70px !important;
}
/deep/.el-form-item {
  margin-bottom: 0px;
}
/deep/.el-form-item__content {
  line-height: 70px;
}
/deep/.el-textarea.is-disabled .el-textarea__inner {
  background: transparent;
}
</style>

 src/views/AuthorizationManagement/menuRoleAuthorization.vue

@@ -8,8 +8,8 @@
      ]"
    ></My-bread>
    <el-divider />
    <div class="menuTreeBox">
      <div class="left_tree">
    <div class="menuTreeBox ">
      <div class="left_tree subpage_Div">
        <el-tree
          :data="depList"
          :props="defaultProps"
@@ -23,7 +23,7 @@
        >
        </el-tree>
      </div>
      <div class="right_menu">
      <div class="right_menu subpage_Div">
        <div
          style="
            font-size: 14px;
@@ -432,183 +432,35 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
 
  .menuTreeBox {
    width: 100%;
    height: 91%;
    .left_tree {
      width: 30%;
      width: 29%;
      height: 92%;
      padding: 10px;
      border: 1px solid rgb(202, 201, 204);
      
      border-radius: 5px;
      float: left;
      overflow-y: auto;
      // æ›´æ”¹æŒ‡æ ‡æ ‘图标颜色
      /deep/ .el-tree .el-icon-caret-right:before {
        color: white; /** è¿™é‡Œæ˜¯è¦ä¿®æ”¹å›¾æ ‡çš„颜色 **/
      }
      /deep/ .el-tree {
        color: white; /** è¿™é‡Œæ˜¯è¦ä¿®æ”¹å›¾æ ‡çš„颜色 **/
        background: transparent;
      }
      /deep/.el-tree-node__content {
        &:hover {
          background-color: rgba(255, 255, 255, 0.3) !important;
        }
      }
      /deep/.el-tree-node.is-current > .el-tree-node__content {
        background-color: rgba(255, 255, 255, 0.3) !important;
        color: #409eff;
      }
    
    }
    .right_menu {
      width: 65%;
      width: 67%;
      height: 92%;
      padding: 10px;
      border: 1px solid rgb(202, 201, 204);
     
      border-radius: 5px;
      float: right;
    }
  }
  /*里面的代码可以根据自己需求去进行更改*/
  /* è®¾ç½®æ»šåŠ¨æ¡çš„样式 */
  ::-webkit-scrollbar {
    width: 4px;
  }
  /* æ»šåŠ¨æ§½ */
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }
  /* æ»šåŠ¨æ¡æ»‘块 */
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #8b8b8b;
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background: #8b8b8b;
    height: 289px;
  }
  .pagination_box {
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #1890ff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 10px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
 
 
 
  .divider {
    margin-top: 8px;
  }
}
</style>
<style>
.el-select-dropdown {
  background: #303030 !important;
  border-color: 1px solid !important;
}

.el-scrollbar__wrap {
  margin-bottom: -20px !important;
  margin-right: -20px !important;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
.el-select-dropdown__item {
  color: white !important;
}
</style>
 

 src/views/AuthorizationManagement/roleMenuAuthorization.vue

@@ -2,7 +2,7 @@
  <div class="menuSettings_box">
    <!-- è§’色，单位 -->
    <div class="menuSettings_tree">
      <div class="content_box">
      <div class="content_box subpage_Div">
        <My-bread :list="[
            `${$t('operatManage.operatManage')}`,
            `${$t('operatManage.RoleMenuAuthorization')}`,
@@ -15,14 +15,14 @@
          <el-form-item label="单位">
            <el-select
              ref="multiSelect"
              style="width: 300px; "
              style="width: 300px;"
              v-model="selFrom.name"
              placeholder="请选择单位名称..."
              @change="chooseCustom('multiSelect')"
            >
              <el-option
                :value="selectTree"
                style="overflow: auto; backgrond: transparent;    height: 100%;"
                style="  backgrond: transparent;    height: 100%;"
                disabled
              >
                <el-tree
@@ -45,7 +45,7 @@
          style="width: 100%"
          @row-click="singleElection"
          highlight-current-row
          height="78%"
   
        >
          <el-table-column
            align="center"
@@ -71,7 +71,7 @@
          </el-table-column>
        </el-table>
      </div>
      <div class="content_box">
      <div class="content_box subpage_Div">
        <div style="
            font-size: 14px;
            color: #216fe6;
@@ -87,22 +87,22 @@
            {{ $t('operatManage.UserRoleAuthorizationObj.menuTable') }}</span>
        </div>
        <el-divider />
        <div class="menuContent">
          <el-tree
            :data="menuList"
            :props="defaultMenuProps"
            :show-checkbox="false"
            :check-on-click-node="true"
            :check-strictly="true"
            node-key="id"
            @check="menuTreeCheck"
            ref="treeForm"
            :default-expanded-keys="[1]"
          >
          </el-tree>
        </div>

        <el-tree
          :data="menuList"
          :props="defaultMenuProps"
          :show-checkbox="false"
          :check-on-click-node="true"
          :check-strictly="true"
          node-key="id"
          @check="menuTreeCheck"
          ref="treeForm"
          :default-expanded-keys="[1]"
        >
        </el-tree>

      </div>
      <div class="content_box">
      <div class="content_box subpage_Div">
        <div style="
            font-size: 14px;
            color: #216fe6;
@@ -523,7 +523,7 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;

  .menuSettings_tree {
    display: flex;
    justify-content: space-around;
@@ -531,239 +531,17 @@
    height: 100%;
    .content_box {
      padding: 10px;
      width: 31%;
      width: 30%;
      height: 94%;
      border: 1px solid rgb(202, 201, 204);
 overflow-y: auto;
 overflow-x: hidden;
      border-radius: 5px;
      /deep/ .el-input__inner {
        background-color: transparent !important;
        border: 1px solid;
        color: white;
      }
      /deep/.el-form-item__label {
        color: white;
      }
      /*修改table è¡¨ä½“的背景颜色和文字颜色*/
      /deep/ .el-table {
        background-color: transparent;

        th,
        td {
          background-color: transparent;
        }
        .el-table__expanded-cell {
          background-color: transparent !important;
        }

        // è¡¨å¤´èƒŒæ™¯è‰²
        th.el-table__cell {
          background-color: #303030;
          color: #fff;
        }
        tr > td {
          background-color: #303030;
          color: #fff;
        }

        // hover效果
        tr:hover > td {
          background-color: rgba(255, 255, 255, 0.1) !important;
        }

        tbody tr:hover {
          background-color: rgba(255, 255, 255, 0.1) !important;
          // text-align: center;
        }

        // æ»šåŠ¨æ¡å®½é«˜
        .el-table__body-wrapper::-webkit-scrollbar {
          width: 5px;
          height: 5px;
        }

        .el-table__body-wrapper::-webkit-scrollbar {
          width: 5px;
          /*滚动条宽度*/
          height: 10px;
          /*滚动条高度*/
        }
        /*定义滚动条轨道 å†…阴影+圆角*/
        .el-table__body-wrapper::-webkit-scrollbar-track {
          box-shadow: 0px 1px 3px #216fe6 inset;
          /*滚动条的背景区域的内阴影*/
          border-radius: 10px;
        }

        /*定义滑块 å†…阴影+圆角*/
        .el-table__body-wrapper::-webkit-scrollbar-thumb {
          box-shadow: 0px 1px 3px #216fe6 inset;
          border-radius: 6px;
          background-color: #216fe6;
        }
      }
    }
    .menuContent {
      height: 90%;
      overflow: auto;
    }
  }
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.1) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.1) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 10px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  .pagination_box {
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #1890ff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
/* //右侧和下方的白边 */
  /deep/.el-scrollbar__wrap{
   height: 1000px !important;
  }
  .divider {
    margin-top: 8px;
  }
}
</style>
<style>
.el-tree .el-icon-caret-right:before {
  color: white !important; /** è¿™é‡Œæ˜¯è¦ä¿®æ”¹å›¾æ ‡çš„颜色 **/
}
.el-tree {
  color: white !important; /** è¿™é‡Œæ˜¯è¦ä¿®æ”¹å›¾æ ‡çš„颜色 **/
  background: transparent !important;
}
.el-tree-node__content {
  background: transparent !important;
}

.el-tree-node.is-current > .el-tree-node__content {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #409eff;
}
/*里面的代码可以根据自己需求去进行更改*/
/* è®¾ç½®æ»šåŠ¨æ¡çš„样式 */
::-webkit-scrollbar {
  width: 4px;
}
/* æ»šåŠ¨æ§½ */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
/* æ»šåŠ¨æ¡æ»‘块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #8b8b8b;
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #8b8b8b;
  height: 289px;
}
.el-select-dropdown {
  background: #303030;
  border-color: white;
}
/* //右侧和下方的白边 */
.el-scrollbar__wrap {
  margin-bottom: -20px !important;
  margin-right: -20px !important;
 
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: rgba(0, 0, 0, 0.1) !important;
}
.el-select-dropdown__item {
  color: white;
}
</style>

 src/views/AuthorizationManagement/roleResAuthorization.vue

@@ -1,7 +1,7 @@
<template>
  <div class="menuSettings_box">
    <div class="menuSettings_tree">
      <div class="content_box">
      <div class="content_box subpage_Div">
        <My-bread :list="[
            `${$t('operatManage.operatManage')}`,
            `${$t('operatManage.RoleResAuthorization')}`,
@@ -22,7 +22,7 @@
          </el-tree>
        </div>
      </div>
      <div class="content_box">
      <div class="content_box subpage_Div">
        <div style="
            font-size: 14px;
            color: #216fe6;
@@ -81,7 +81,7 @@
          </el-pagination>
        </div>
      </div>
      <div class="content_box">
      <div class="content_box subpage_Div">
        <div style="
            font-size: 14px;
            color: #216fe6;
@@ -113,7 +113,7 @@
              v-if="menuStatus.delete"
              type="danger"
              icon="el-icon-delete"
             size="small"
              size="small"
              @click="deletesUser"
              :disabled="roleid == null ? true : false"
            >{{
@@ -385,11 +385,15 @@
        slot="footer"
        class="dialog-footer"
      >
        <el-button size="small" @click="dialogTableVisible = false">{{
        <el-button
          size="small"
          @click="dialogTableVisible = false"
        >{{
          $t('dataManage.dictionaryManageObj.cancel')
        }}</el-button>
        <el-button
         size="small"   type="primary"
          size="small"
          type="primary"
          @click="addConfirm"
        >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button>
      </div>
@@ -655,7 +659,7 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;

  .menuSettings_tree {
    width: 100%;
    height: 100%;
@@ -665,175 +669,12 @@
      padding: 10px;
      width: 31%;
      height: 94%;
      border: 1px solid rgb(202, 201, 204);
   
      border-radius: 5px;
      /deep/ .el-input__inner {
        background-color: transparent !important;
        border: 1px solid;
        color: white;
      }
      /deep/.el-form-item__label {
        color: white;
      }
      /*修改table è¡¨ä½“的背景颜色和文字颜色*/
      /deep/ .el-table {
        background-color: transparent;

        th,
        td {
          background-color: transparent;
        }
        .el-table__expanded-cell {
          background-color: transparent !important;
        }

        // è¡¨å¤´èƒŒæ™¯è‰²
        th.el-table__cell {
          background-color: #303030;
          color: #fff;
        }
        tr > td {
          background-color: #303030;
          color: #fff;
        }

        // hover效果
        tr:hover > td {
          background-color: rgba(255, 255, 255, 0.1) !important;
        }

        tbody tr:hover {
          background-color: rgba(255, 255, 255, 0.1) !important;
          // text-align: center;
        }

        // æ»šåŠ¨æ¡å®½é«˜
        .el-table__body-wrapper::-webkit-scrollbar {
          width: 5px;
          height: 5px;
        }

        .el-table__body-wrapper::-webkit-scrollbar {
          width: 5px;
          /*滚动条宽度*/
          height: 10px;
          /*滚动条高度*/
        }
        /*定义滚动条轨道 å†…阴影+圆角*/
        .el-table__body-wrapper::-webkit-scrollbar-track {
          box-shadow: 0px 1px 3px #216fe6 inset;
          /*滚动条的背景区域的内阴影*/
          border-radius: 10px;
        }

        /*定义滑块 å†…阴影+圆角*/
        .el-table__body-wrapper::-webkit-scrollbar-thumb {
          box-shadow: 0px 1px 3px #216fe6 inset;
          border-radius: 6px;
          background-color: #216fe6;
        }
      }
    }
    .divider {
      margin-top: 8px;
    }
  }
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.1) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.1) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 10px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  .pagination_box {
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #1890ff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
}
</style>

 src/views/AuthorizationManagement/userRoleAuthorization.vue

@@ -1,6 +1,6 @@
<template>
  <div class="menuSettings_box">
    <div class="menuSettings_tree">
    <div class="menuSettings_tree subpage_Div">
      <My-bread :list="[
          `${$t('operatManage.operatManage')}`,
          `${$t('operatManage.UserRoleAuthorization')}`,
@@ -26,7 +26,7 @@

      </div>
    </div>
    <div class="menuSettings_tree">
    <div class="menuSettings_tree subpage_Div">
      <div style="
          font-size: 14px;
          color: #409eff;
@@ -86,10 +86,8 @@
        </el-pagination>
      </div>
    </div>
    <div class="menuSettings_tree">
      <!-- <div class="title_box">
        <h4>详细信息</h4>
      </div> -->
    <div class="menuSettings_tree subpage_Div">

      <div style="
          font-size: 14px;
          color: #409eff;
@@ -114,7 +112,6 @@
            size="small"
            :disabled="roleid == null ? true : false"
            @click="adduser"
           
          >{{ $t('operatManage.UserRoleAuthorizationObj.Added') }}</el-button>
          <el-button
            v-if="menuStatus.delete"
@@ -209,11 +206,15 @@
        slot="footer"
        class="dialog-footer"
      >
        <el-button size="small" @click="dialogTableVisible = false">{{
        <el-button
          size="small"
          @click="dialogTableVisible = false"
        >{{
          $t('dataManage.dictionaryManageObj.cancel')
        }}</el-button>
        <el-button
          size="small"      type="primary"
          size="small"
          type="primary"
          @click="addConfirm"
        >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button>
      </div>
@@ -473,16 +474,11 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;

  display: flex;
  justify-content: space-between;
  .el-card-define {
    height: 630px;
    background: #303030;
    border: transparent;
  }

  .menuSettings_tree {
    border: 1px solid gray;
    width: 33%;
    height: 98%;
    position: relative;
@@ -499,209 +495,13 @@
    .menuTreeBox {
      height: 90%;
      overflow: auto;
      .card_tree {
        display: block;

        // æ›´æ”¹æŒ‡æ ‡æ ‘图标颜色
        /deep/ .el-tree .el-icon-caret-right:before {
          color: white; /** è¿™é‡Œæ˜¯è¦ä¿®æ”¹å›¾æ ‡çš„颜色 **/
        }
        /deep/ .el-tree {
          color: white; /** è¿™é‡Œæ˜¯è¦ä¿®æ”¹å›¾æ ‡çš„颜色 **/
          background: transparent;
        }
        /deep/.el-tree-node__content {
          &:hover {
            background-color: rgba(255, 255, 255, 0.3) !important;
          }
        }
        /deep/.el-tree-node.is-current > .el-tree-node__content {
          background-color: rgba(255, 255, 255, 0.3) !important;
          color: #409eff;
        }

        .btnBox {
          margin-left: 5px;
          .el-button + .el-button {
            margin-left: 5px;
          }
        }
      }
    }
  }
  .menuSettings {
    border-radius: 10px;
    border: 1px solid gray;
    width: 33%;
    height: 98%;
    padding: 10px;
    box-sizing: border-box;
    .title_box {
      background: #fff;
      padding: 10px;
      margin-bottom: 24px;
      display: flex;
      border-radius: 10px;
      border: 1px solid rgb(202, 201, 204);
      box-sizing: border-box;
    }
  }
  .table_box {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    overflow: auto;
    height: 85%;
  }
 

  .divider {
    margin-top: 8px;
  }
}

.pagination_box {
  /deep/.el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/.el-pagination__total {
    color: white;
  }
  /deep/.el-pagination__jump {
    color: white;
  }
  /deep/.el-pager li.active {
    color: #1890ff;
  }
  /deep/.el-pager li {
    color: white;
    background: transparent;
  }
  /deep/.el-pager li {
    color: white;
  }
  /deep/.btn-prev {
    background: transparent;
  }
  /deep/.btn-next {
    background: transparent;
  }
}
.el-table,
.el-table /deep/ .el-table__expanded-cell {
  background-color: transparent;
}

.el-table /deep/ th,
.el-table /deep/ tr {
  background-color: transparent;
}
/*里面的代码可以根据自己需求去进行更改*/
/* è®¾ç½®æ»šåŠ¨æ¡çš„样式 */
::-webkit-scrollbar {
  width: 4px;
}
/* æ»šåŠ¨æ§½ */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
/* æ»šåŠ¨æ¡æ»‘块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #8b8b8b;
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #8b8b8b;
  height: 289px;
}
/deep/ .el-dialog {
  background: #303030;
}
/deep/.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
  border: 1px solid;
}
/deep/.el-dialog__title {
  color: white;
}
/*修改table è¡¨ä½“的背景颜色和文字颜色*/
/deep/ .el-table {
  background-color: transparent;

  th,
  td {
    background-color: transparent;
  }
  .el-table__expanded-cell {
    background-color: transparent !important;
  }

  // è¡¨å¤´èƒŒæ™¯è‰²
  th.el-table__cell {
    background-color: #303030;
    color: #fff;
  }
  tr > td {
    background-color: #303030;
    color: #fff;
  }

  // hover效果
  tr:hover > td {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    // text-align: center;
  }

  // æ»šåŠ¨æ¡å®½é«˜
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  .el-table__body-wrapper::-webkit-scrollbar {
    width: 5px;
    /*滚动条宽度*/
    height: 10px;
    /*滚动条高度*/
  }
  /*定义滚动条轨道 å†…阴影+圆角*/
  .el-table__body-wrapper::-webkit-scrollbar-track {
    box-shadow: 0px 1px 3px #216fe6 inset;
    /*滚动条的背景区域的内阴影*/
    border-radius: 10px;
  }

  /*定义滑块 å†…阴影+圆角*/
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    box-shadow: 0px 1px 3px #216fe6 inset;
    border-radius: 6px;
    background-color: #216fe6;
  }
}
</style>
<style>
.el-select-dropdown {
  background: #303030;
  border-color: 1px solid;
}

.el-scrollbar__wrap {
  margin-bottom: -20px !important;
  margin-right: -20px !important;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: rgba(255, 255, 255, 0.3);
}
.el-select-dropdown__item {
  color: white !important;
}
</style>
 

 src/views/Home.vue

@@ -5,7 +5,9 @@
        <nav-menu></nav-menu>
      </el-header>
      <el-main>

        <router-view />

      </el-main>
    </el-container>
  </div>
@@ -22,28 +24,11 @@
  },
  data() {
    return {
      // shwomMapview: true,

    };
  },
  methods: {},
};
</script>
<style lang="less">
.home {
  height: 100vh;
  position: relative;
  .el-container {
    height: 100%;
    .el-header {
      padding: 0;
      height: 140px !important;
    }
    .el-main {
      margin: 0px;
      padding: 0px !important;

      background-color: rgb(53, 53, 57);
    }
  }
}
</style>
 
 

 src/views/Synthesis/LeftMenu.vue

@@ -1,5 +1,5 @@
<template>
  <div class="menu_Box">
  <div class="menu_Box box_div">
    <div
      class="leftMen_div"
      @click="setChangeTwoMenu(item)"
@@ -555,14 +555,14 @@
          //     this.openMeasureResultInfo('海拔高度', data);
          //   }
          // );
            var measure = window.sgworld.Command.execute(0, 3, this.colorAll, (data) => {
        data.id = window.sgworld.Core.getuid();
       this.measureData.set(data.id, measure);
        this.openMeasureResultInfo('平面面积', data);
          var measure = window.sgworld.Command.execute(0, 3, this.colorAll, (data) => {
            data.id = window.sgworld.Core.getuid();
            this.measureData.set(data.id, measure);
            this.openMeasureResultInfo('平面面积', data);

        
      });
          

          });

          break;
        case 'j2':
          var measure = window.sgworld.Command.execute(
@@ -1021,10 +1021,11 @@
      switch (res) {
        case 'a1':
          if (this.$store.state.layerMnage == false) {
            this.$refs && this.$refs.maplayer && this.$refs.maplayer.closeAll();
            this.$refs && this.$refs.maplayer && this.$refs.maplayer.open();
            this.$store.state.layerMnage = true;
          } else if (this.$store.state.layerMnage == true) {
            this.$refs && this.$refs.maplayer && this.$refs.maplayer.close();
            this.$refs && this.$refs.maplayer && this.$refs.maplayer.closeAll();
            this.$store.state.layerMnage = false;
          }

@@ -1049,12 +1050,10 @@
      }

    });
    this.$bus.$on('showLeftMenu', (res) => {
      this.$store.state.showAllLayers = true;

      this.setCoverage('a1');

    });
    this.$store.state.showAllLayers = true;
    this.$store.state.layerMnage = false;
    this.setCoverage('a1');
  },
};
</script>
@@ -1075,7 +1074,7 @@
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;

    padding: 10px;
    min-width: 100px;
    margin-left: 10px;
@@ -1083,12 +1082,14 @@
    border-radius: 5px;
  }
  .leftMen_div:hover {
    background: linear-gradient(180deg, #002992, #080472);
    border: 1px solid #000000;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
    background: rgba(64, 158, 255, 0.4);
    border: 1px solid #409eff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }
  .lefMenuDivActive {
    background: linear-gradient(180deg, #002992, #080472);
    background: rgba(64, 158, 255, 0.4);
    border: 1px solid #409eff;
  }
  .menuTwoImage {
    width: 32px;

 src/views/Synthesis/index.vue

@@ -145,8 +145,16 @@
    //左侧菜单滑动显隐
    setMenuChange(res) {
      switch (res.id) {

        case 1:
          if (this.showMenuFlag == null) return;
          this.openStatus = !this.openStatus;
          break;
        case 10:
          if (this.showMenuFlag == null) {
            this.openStatus = false;
          }
          this.$bus.$emit('setChangeTwoMenu', res.id - 2);
          break;
        default: {
          this.openStatus = true;
@@ -207,8 +215,7 @@
    },
  },
  mounted() {
    this.$store.state.layerMnage = false
    this.$bus.$emit('showLeftMenu', true);
    // this.$bus.$emit('showLeftMenu', true);
    this.$store.state.mapMenuBoolean = false;
    this.$store.state.mapMenuBoxFlag = null;
    this.$store.state.mapPopBoolean = false;
@@ -230,7 +237,7 @@
    width: 63px;
    height: 100%;
    overflow-y: auto;
    background: #353535;
    background: #3b4d6e;
    position: absolute;
    z-index: 30;
    .MenuIcon {

 src/views/Thematic/index copy 2.vue

@@ -100,7 +100,7 @@

<script>
import mapsdk from '../../components/mapsdk.vue';
import { right_menu, right_list, image_layer } from './index.js';
import { right_menu, right_list, image_layer } from '../../assets/js/index.js';
import echart11 from '../../components/echart11.vue';
import echart12 from '../../components/echart12.vue';
import echart13 from '../../components/echart13.vue';

 src/views/Thematic/index.vue

@@ -287,7 +287,8 @@
var Viewer = null;

import mapsdk from '../../components/mapsdk.vue';
import { right_menu, right_list, image_layer } from './index.js';
import { right_menu, right_list, image_layer } from '../../assets/js/index.js';
import { perms_selectLayers } from '../../api/api.js';
import echart11 from '../../components/echart11.vue';
import echart12 from '../../components/echart12.vue';
import echart13 from '../../components/echart13.vue';
@@ -362,15 +363,19 @@
    };
  },
  mounted() {
    this.treeData = image_layer;

    this.rightList = right_list[0];
    this.rightMenu = right_menu;
    this.changeSelectli = this.rightList[0].id;
    this.changeSelectStyle = this.rightMenu[0].id;
    this.initMapView();
    this.addImageLayer();
 
   
  },
  created() { },
  created() {

  },
  methods: {
    setTopReturn() {
      this.$router.push('/Synthesis');
@@ -558,24 +563,67 @@
        Viewer.imageryLayers._layers[3].show = true;
      }
    },
    addImageLayer() {
      var val_layer = this.treeData[0].children;
    async addImageLayer() {
      const data = await perms_selectLayers();
      // var val_layer = this.treeData[0].children;
      // var std = [];
      // for (var i = 0; i < val_layer.length; i++) {
      //   if (val_layer[i].id != 13 && val_layer[i].id != 14) {
      //     let layerWMS = new Cesium.WebMapServiceImageryProvider({
      //       url: geoServerURl,
      //       layers: val_layer[i].resource,
      //       parameters: {
      //         transparent: true,
      //         format: 'image/png',
      //       },
      //     });
      //     layerWMS.name = val_layer[i].label;
      //     Viewer.imageryLayers.addImageryProvider(layerWMS);
      //     std.push(val_layer[i].id);
      //   }
      // }
      if (data.code != 200) {
        return this.$message.error("图层列表查询失败");
      }
      var std = [];
      for (var i = 0; i < val_layer.length; i++) {
        if (val_layer[i].id != 13 && val_layer[i].id != 14) {
          let layerWMS = new Cesium.WebMapServiceImageryProvider({
            url: geoServerURl,
            layers: val_layer[i].resource,
            parameters: {
              transparent: true,
              format: 'image/png',
            },
          });
          layerWMS.name = val_layer[i].label;
          Viewer.imageryLayers.addImageryProvider(layerWMS);
          std.push(val_layer[i].id);
      var layer_list = [];
      var layer_groups = [];
      for (var i in data.result) {
        if (data.result[i].type == 1) {
          layer_groups.push({
            id: data.result[i].id,
            label: data.result[i].cnName,
            type: data.result[i].type,
            isEdit: false,
            children: [],
          })
        } else if (data.result[i].type == 2) {
          if (data.result[i].url != null) {
            var layer_entity = {
              id: data.result[i].id,
              pid: data.result[i].pid,
              label: data.result[i].cnName,
              resource: data.result[i].url,
              type: data.result[i].type,
              isEdit: false,
            }
            layer_list.push(layer_entity)
            if (data.result[i].isShow == 1) {
              std.push(data.result[i].id);
            this.setAddImageLayer(layer_entity);
            }
          }
        }
      }
      for (var i in layer_list) {
        for (var j in layer_groups) {
          if (layer_list[i].pid === layer_groups[j].id) {
            layer_groups[j].children.push(layer_list[i])
          }
        }
      }
      this.treeData = layer_groups;

      this.$refs.tree.setCheckedKeys(std);
    },
    handleCheckChange(data, checked, indeterminate) {
@@ -914,5 +962,15 @@
      }
    }
  }
  /deep/.el-tree .el-tree-node__content:hover {
    background-color: transparent !important;
  }
  /deep/.el-tree {
    color: white !important;
    background: transparent !important;
  }
  /deep/.el-tree-node:focus > .el-tree-node__content {
    background: transparent !important;
  }
}
</style>

 src/views/Tools/LayerTree.vue

@@ -116,8 +116,10 @@
</template>

<script>
import { image_layer } from '../../assets/js/index.js';
import ImageWMS from 'ol/source/ImageWMS';
import Image from 'ol/layer/Image';
import { perms_selectLayers } from '../../api/api.js'
export default {
  name: 'tree',
  data() {
@@ -142,37 +144,7 @@
        'm_sitepoint',
      ],
      treeData: [
        {
          id: 1,
          label: 'LF',
          isEdit: false,
          children: [
            {
              id: 11,
              label: '管道中心线',
              resource: 'LF:m_pipeline',
              isEdit: false,
            },
            {
              id: 12,
              label: '战略通道',
              resource: 'LF:th_strategic_channel',
              isEdit: false,
            },
            {
              id: 13,
              label: '项目',
              resource: 'LF:bs_project',
              isEdit: false,
            },
            {
              id: 14,
              label: '站场',
              resource: 'LF:m_sitepoint',
              isEdit: false,
            },
          ],
        },

      ],
      defaultProps: {
        children: 'children',
@@ -317,7 +289,8 @@
      console.log('tree drop: ', dropNode.label, dropType);
    },
    handleCheckChange(data, checked, indeterminate) {
      if (data.children != null) return;

      if (data.type != 2) return;
      var std = [];
      var layers_ol = window.map.getAllLayers();
      for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) {
@@ -330,6 +303,7 @@
          img_layer.show = checked;
        }
      }

      if (std.length == 0 && checked == true) {
        this.setAddLayers(data)
      }
@@ -343,7 +317,7 @@
      }
    },
    setAddLayers(res) {
    

      let layerWMS = new Cesium.WebMapServiceImageryProvider({
        url: geoServerURl,
        layers: res.resource,
@@ -355,21 +329,113 @@
      layerWMS.name = res.label;
      window.Viewer.imageryLayers.addImageryProvider(layerWMS);

      var layer2 = new Image({
        name: res.label,
        source: new ImageWMS({
          crossOrigin: 'anonymous',
          url: geoServerURl,

          params: {
            FORMAT: 'image/png',
            VERSION: '1.1.1',
            LAYERS: res.resource,
          },
        }),
      });
      window.map.addLayer(layer2);
    },
    async layersStart() {
      const data = await perms_selectLayers();
      if (data.code != 200) {
        return this.$message.error("图层列表查询失败");

      }
      var std = [];
      var layer_list = [];
      var layer_groups = [];
      for (var i in data.result) {
        if (data.result[i].type == 1) {
          layer_groups.push({
            id: data.result[i].id,
            label: data.result[i].cnName,
            type: data.result[i].type,
            isEdit: false,
            children: [],
          })
        } else if (data.result[i].type == 2) {
          if (data.result[i].url != null) {
            var layer_entity = {
              id: data.result[i].id,
              pid: data.result[i].pid,
              label: data.result[i].cnName,
              resource: data.result[i].url,
              type: data.result[i].type,
              isEdit: false,
            }
            layer_list.push(layer_entity)

            if (data.result[i].isShow == 1) {
              std.push(data.result[i].id);
              this.setAddLayers(layer_entity);
            }

          }
        }
      }

      for (var i in layer_list) {
        for (var j in layer_groups) {
          if (layer_list[i].pid === layer_groups[j].id) {
            layer_groups[j].children.push(layer_list[i])
          }
        }
      }
      this.treeData = layer_groups;
      this.$refs.tree.setCheckedKeys(std);
    },
    async treelayersStart() {
      const data = await perms_selectLayers();
      if (data.code != 200) {
        return this.$message.error("图层列表查询失败");
      }
      var std = [];
      var layer_list = [];
      var layer_groups = [];
      for (var i in data.result) {
        if (data.result[i].type == 1) {
          layer_groups.push({
            id: data.result[i].id,
            label: data.result[i].cnName,
            type: data.result[i].type,
            isEdit: false,
            children: [],
          })
        } else if (data.result[i].type == 2) {
          if (data.result[i].url != null) {
            var layer_entity = {
              id: data.result[i].id,
              pid: data.result[i].pid,
              label: data.result[i].cnName,
              resource: data.result[i].url,
              type: data.result[i].type,
              isEdit: false,
            }
            layer_list.push(layer_entity)
          }
        }
      }
      for (var i in layer_list) {
        for (var j in layer_groups) {
          if (layer_list[i].pid === layer_groups[j].id) {
            layer_groups[j].children.push(layer_list[i])
          }
        }
      }
      this.treeData = layer_groups;

      for (var i in data.result) {
        if (data.result[i].type == 2 && data.result[i].url != null) {
          for (var j = 0; j < window.Viewer.imageryLayers._layers.length; j++) {
            var val_id = window.Viewer.imageryLayers._layers[j];
            if (val_id.show == true) {

              if (val_id.imageryProvider.name == data.result[i].cnName) {
                std.push(data.result[i].id);
              }
            }
          }
        }
      }
      this.$refs.tree.setCheckedKeys(std);

    }
  },
  watch: {
    filterText(val) {
@@ -377,34 +443,16 @@
    },
  },
  mounted() {
    var std = [];
    var val = this.treeData[0].children;


    if (this.$store.state.showAllLayers == true) {
      for (var j = 0; j < val.length; j++) {
        if (val[j].id != 13 && val[j].id != 14) {
          std.push(val[j].id);
          this.setAddLayers(val[j]);
        }

      }
      this.layersStart();
      this.$store.state.showAllLayers = false;


    } else {
      for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) {
        var val_id = window.Viewer.imageryLayers._layers[i];
        if (val_id.show == true) {
          for (var j = 0; j < val.length; j++) {
            if (val_id.imageryProvider.name == val[j].label) {
              std.push(val[j].id);
            }
          }
        }
      }
    }
      this.treelayersStart();

    this.$refs.tree.setCheckedKeys(std);
    }
     
  },
};
</script>
@@ -605,7 +653,6 @@
  display: block;
  z-index: 10000;

  background-color: #fff;
  padding: 10px 0;
  border: 1px solid #ebeef5;
  border-radius: 4px;
@@ -634,4 +681,14 @@
  color: #fff !important;
  border: 1px solid !important;
}
/deep/.el-tree .el-tree-node__content:hover {
  background-color: transparent !important;
}
/deep/.el-tree {
  color: white !important;
  background: transparent !important;
}
/deep/.el-tree-node:focus > .el-tree-node__content {
  background: transparent !important;
}
</style>

 src/views/Tools/Popup.vue

@@ -238,10 +238,10 @@
        width: 100%;
      }

      /deep/ .el-form-item__label {
        color: #fff;
        font-size: 18px;
      }
      // /deep/ .el-form-item__label {
      //   color: #fff;
      //   font-size: 18px;
      // }
    }

    /deep/ .scrollbar {

 src/views/Tools/queryinfo.vue

@@ -94,4 +94,4 @@
};
</script>

<style scoped lang="less">
 

 src/views/datamanage/SpatialData.vue

@@ -5,8 +5,8 @@
        `${$t('dataManage.dataRetrieval')}`,
      ]"></My-bread>
    <el-divider />
    <div class="spatialContent">
      <div class="spatial_leftTree">
    <div class="spatialContent ">
      <div class="spatial_leftTree subpage_Div">
        <el-input v-model="filterText"></el-input>
        <div style="width:300px">

@@ -22,7 +22,7 @@
          ></el-tree>
        </div>
      </div>
      <div class="spatial_rightContent">
      <div class="spatial_rightContent subpage_Div">
        <el-form
          ref="ruleForm"
          :model="ruleForm"
@@ -42,7 +42,8 @@
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button v-if="btnStatus.insert"
            <el-button
              v-if="btnStatus.insert"
              @click="conditionVisible = true"
              size="small"
              icon="el-icon-plus"
@@ -139,7 +140,7 @@
      </div>
    </div>
    <div
      class="infoBox"
      class="infoBox box_div"
      v-show="showinfoBox"
    >

@@ -194,7 +195,7 @@
            style="display: none"
            @change="insertFile( )"
          />
          <el-link 
          <el-link
            @click="getInsertFile( )"
            :underline="false"
          ><i class="el-icon-folder-opened"></i></el-link>
@@ -202,14 +203,16 @@
        <el-form-item>
          <el-row>
            <el-col :span="3">
              <el-link v-if="btnStatus.insert"
              <el-link
                v-if="btnStatus.insert"
                class="elLink"
                :underline="false"
                @click="setAttachInsert"
              >{{$t('common.append')}}</i></el-link>
            </el-col>
            <el-col :span="3">
              <el-link v-if="btnStatus.delete"
              <el-link
                v-if="btnStatus.delete"
                class="elLink"
                :underline="false"
                @click="setAttachDel"
@@ -1094,7 +1097,7 @@
    .spatial_leftTree {
      width: calc(15% - 0px);
      height: 91%;
      border: 1px solid white;

      border-radius: 5px;
      padding: 1%;
      overflow: auto;
@@ -1102,202 +1105,12 @@
    .spatial_rightContent {
      width: 80%;
      height: 91%;
      border: 1px solid white;

      border-radius: 5px;
      padding: 1%;
      overflow-y: auto;
    }
  }
  .primary {
    background: #409eff;
    border: #409eff;
    color: white;
  }
  .eldivider {
    margin-top: 0px;
  }
  /deep/.el-form-item__label {
    color: white;
  }
  // è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 10px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 10px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  .infoBox {
    width: 500px;
    position: absolute;
    z-index: 100;
    top: 15%;
    right: 15%;
    background-color: #303030;
    color: white;
    border: 1px solid gray;
    height: 600px;
    padding: 10px;
    overflow: auto;
    border-radius: 5px;
    .el-card {
      background-color: transparent;
      color: white;
      span {
        font-size: 16px;
        font-weight: 600;
        color: white;
      }
    }
    .contentBox {
      margin: 0 aotu 10px;
      p {
        color: white;
        font-size: 14px;
      }
    }
  }

  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #409eff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
    /deep/.btn-next i {
      color: white;
    }
    /deep/.btn-prev i {
      color: white;
    }
  }

  .elLink {
    color: white !important;
  }
  .el-icon-folder-opened {
    color: white;
  }

  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/.el-textarea__inner {
    background: transparent !important;
    border-color: #fff !important;
    color: white;
  }
}
/deep/ .el-dialog {
  background: #303030;
}
/deep/.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
  border: 1px solid;
}
/deep/.el-dialog__title {
  color: white;
}
/deep/ .el-dialog__body {
  padding: 10px;
}
/deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff;
  border: 1px solid white !important;
}
/deep/.el-dialog__wrapper {
  overflow: hidden !important;
 
}
</style>

 src/views/datamanage/catalogueManage.vue

@@ -1,12 +1,12 @@
<template>
  <div class="cataLogBox">
  <div class="subpage_Box">
    <My-bread :list="[
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.catalogueManage')}`,
      ]"></My-bread>
    <el-divider />
    <div class="cataLogContent">
      <div class="cataLog_leftTree">
      <div class="cataLog_leftTree subpage_Div">
        <div style="min-width:450px">
          <el-tree
            ref="tree"
@@ -15,14 +15,14 @@
            :data="dirList"
            :highlight-current="true"
            :expand-on-click-node="false"
            :default-expand-all="true"
            :default-expanded-keys="expandData"
            @node-click="handleNodeClick"
          >

          </el-tree>
        </div>
      </div>
      <div class="cataLog_rightContent">
      <div class="cataLog_rightContent subpage_Div">
        <div style="display:flex;justify-content:space-between">
          <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">{{
@@ -254,6 +254,7 @@
        name: [{ required: true, validator: validName, trigger: 'blur' }],
      },
      newNode: null,
      expandData: [],
    };
  },
  methods: {
@@ -273,7 +274,10 @@

          if (this.itemdetail.id != null) {
            this.$nextTick(() => {
              this.$refs.tree.setCurrentKey(this.itemdetail.id);

              // this.expandData=[1]
              // this.$refs.tree.setCurrentKey(this.itemdetail.id);
              // document.getElementById(this.itemdetail.id).click();
            });
          }

@@ -429,6 +433,7 @@
                      message: '添加成功',
                      type: 'success',
                    });

                    this.itemdetail = {};
                    this.ruleForm = {};
                    this.dialogFormVisible = false;
@@ -673,7 +678,7 @@
</script>

<style lang="less" scoped>
.cataLogBox {
.subpage_Box {
  height: 98%;
  width: 98%;
  padding: 1%;
@@ -685,7 +690,6 @@
    .cataLog_leftTree {
      width: 15%;
      height: 91%;
      border: 1px solid white;
      border-radius: 5px;
      padding: 1%;
      overflow-y: auto;
@@ -693,123 +697,9 @@
    .cataLog_rightContent {
      width: 80%;
      height: 91%;
      border: 1px solid white;
      border-radius: 5px;
      padding: 1%;
    }
  }
  // .cataSettings_tree {
  //   position: relative;
  //   width: 344px;
  //   height: 100%;
  //   background: rgb(240, 242, 245);
  //   padding: 20px;
  //   border-radius: 10px;
  //   box-sizing: border-box;
  //   overflow: auto;
  //   .saveBtn {
  //     position: absolute;
  //     left: 250px;
  //     top: 23px;
  //   }
  //   .cataTreeBox {
  //     height: 88%;
  //     width: 100%;
  //     overflow: auto;
  //     .el-tree {
  //       background: transparent;
  //       font-size: 15px;
  //       font-family: Microsoft YaHei;
  //       font-weight: 400;
  //       color: #000000;
  //       /deep/ .el-tree-node {
  //         padding-top: 10px;
  //         // padding-bottom: 10px;
  //       }
  //       /deep/ .el-tree-node:focus > .el-tree-node__content {
  //         background-color: #b9b9b9;
  //       }
  //       /deep/ .el-tree-node__content:hover {
  //         background-color: rgb(153, 153, 153);
  //       }
  //       .btnBox {
  //         margin: 0 10px 0 5px;
  //         .el-button + .el-button {
  //           margin-left: 5px;
  //         }
  //       }
  //     }
  //   }
  // }
  // .itemSettings {
  //   width: calc(100% - 344px);
  //   border-radius: 10px;
  //   background: rgb(240, 242, 245);
  //   margin-left: 10px;
  //   height: 100%;
  //   padding: 10px;
  //   box-sizing: border-box;
  //   .title_box {
  //     background: #fff;
  //     padding: 10px;
  //     margin-bottom: 24px;
  //     display: flex;
  //     border-radius: 10px;
  //     border: 1px solid rgb(202, 201, 204);
  //     box-sizing: border-box;
  //   }
  //   .form_box {
  //     border: 1px solid rgb(202, 201, 204);
  //     border-radius: 10px;
  //     background: #fff;
  //     padding-top: 30px;
  //     box-sizing: border-box;
  //     width: 100%;
  //     .el-input,
  //     /deep/ .el-textarea {
  //       width: 400px;
  //     }
  //     .btnBox {
  //       margin: 0 270px 20px;
  //       width: 200px;
  //       display: flex;
  //       justify-content: space-between;
  //     }
  //   }
  // }
  // /deep/ .el-dialog__body {
  //   padding: 0 30px 0 0;
  // }
  .el-icon-delete-solid {
    color: gray;
  }
  .el-icon-circle-plus {
    color: gray;
  }
  /deep/.el-form-item__label {
    color: white;
  }
  // è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  .primary {
    background: #409eff;
    border: #409eff;
    color: white;
  }
}
</style>

 src/views/datamanage/dataController.vue

@@ -1,23 +1,26 @@
<template>
  <div class="mochaitmo_Box">
    <div class="left_tree">
      <el-card class="el-card-define">
        <div class="card_tree">
          <el-menu
            active-text-color="#ffd04b"
            class="el-menu-vertical-demo"
            :default-active="activeIndex"
            background-color="transparent"
            text-color="#fff"
            @select="handleselect"
          >
            <customElMenu :menuData="menuList"></customElMenu>
          </el-menu>
        </div>
      </el-card>
    </div>
    <div class="right_page">
      <el-card class="el-card-define">
  <div class="contentBox">
    
    <div
      class="box"
      ref="box"
    >
      <div class="left box_div">
        <el-menu
          :default-active="activeIndex"
          background-color="transparent"
          @select="handleselect"
        >
          <customElMenu :menuData="menuList"></customElMenu>
        </el-menu>
      </div>
      <div
        class="resize"
        title="收缩侧边栏"
      >
        â‹®
      </div>
      <div class="mid box_div">
        <data-updata v-if="setMenuFlag == 'dataUpdata'"></data-updata>
        <catalogue-manage v-if="setMenuFlag == 'catalogueManage'"></catalogue-manage>

@@ -30,9 +33,11 @@
        <data-loader v-if="setMenuFlag == 'dataLoader'"></data-loader>
        <down-loader v-if="setMenuFlag == 'downLoader'"></down-loader>
        <project-manage v-if="setMenuFlag == 'projectManage'"></project-manage>
      </el-card>
      </div>
    </div>

  </div>

</template>

<script>
@@ -88,8 +93,55 @@
  created() { },
  mounted() {
    this.getTreeData();
    //左右拖動
    this.dragControllerDiv();
  },
  methods: {
    //左右拖動
    dragControllerDiv: function () {
      var resize = document.getElementsByClassName('resize');
      var left = document.getElementsByClassName('left');
      var mid = document.getElementsByClassName('mid');
      var box = document.getElementsByClassName('box');
      for (let i = 0; i < resize.length; i++) {
        // é¼ æ ‡æŒ‰ä¸‹äº‹ä»¶
        resize[i].onmousedown = function (e) {
          //颜色改变提醒
          resize[i].style.background = '#818181';
          var startX = e.clientX;
          resize[i].left = resize[i].offsetLeft;
          // é¼ æ ‡æ‹–动事件
          document.onmousemove = function (e) {
            var endX = e.clientX;
            var moveLen = resize[i].left + (endX - startX); // ï¼ˆendx-startx）=移动的距离。resize[i].left+移动的距离=左边区域最后的宽度
            var maxT = box[i].clientWidth - resize[i].offsetWidth; // å®¹å™¨å®½åº¦ - å·¦è¾¹åŒºåŸŸçš„宽度 = å³è¾¹åŒºåŸŸçš„宽度

            if (moveLen < 205) moveLen = 205; // å·¦è¾¹åŒºåŸŸçš„最小宽度为32px
            if (moveLen > maxT - 300) moveLen = maxT - 300; //右边区域最小宽度为150px

            resize[i].style.left = moveLen; // è®¾ç½®å·¦ä¾§åŒºåŸŸçš„宽度

            for (let j = 0; j < left.length; j++) {
              left[j].style.width = moveLen + 'px';
              mid[j].style.width = (box[i].clientWidth - moveLen - 10) + 'px';
            }
          };
          // é¼ æ ‡æ¾å¼€äº‹ä»¶
          document.onmouseup = function (evt) {
            //颜色恢复
            resize[i].style.background = '#d6d6d6';
            document.onmousemove = null;
            document.onmouseup = null;
            resize[i].releaseCapture && resize[i].releaseCapture(); //当你不在需要继续获得鼠标消息就要应该调用ReleaseCapture()释放掉
          };
          resize[i].setCapture && resize[i].setCapture(); //该函数在属于当前线程的指定窗口里设置鼠标捕获
          return false;
        };
      }
    },



    //获取树
    async getTreeData() {
      const data = await queryMenuTree();
@@ -106,14 +158,14 @@
            return value.type == 1;
          });
          this.menuList = this.treeData(menuList);
 

          this.setViewController(this.menuList[0]);
        } else {
         

          this.$message.error('暂无菜单栏数据');
        }
      } else {
         this.$message.error('接口报错');
        this.$message.error('接口报错');
      }

      // this.treeList = this.treeData(data.result);
@@ -140,8 +192,8 @@
          return father.pid == 1; // è¿”回一级菜单
        });
      } else {
 
         this.$message.error('暂无菜单栏数据');

        this.$message.error('暂无菜单栏数据');
      }
    },

@@ -162,66 +214,4 @@
};
</script>

<style lang="less" scoped>
.mochaitmo_Box {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 0;
  padding: 10px;

  .left_tree {
    width: 270px;
    height: 100%;
    position: relative;
    float: left;
    border-radius: 5px;
  }
  .el-card-define {
    height: 100%;
    background: #303030;
    border: 1px solid gray;
    padding: 1px !important;
  }
  .el-tree {
    background-color: transparent;
  }
  .card_tree {
    height: 100%;
    overflow-y: auto;
  }
  .el-card__body,
  .el-main {
    padding: 0px !important;
    height: 100%;
  }
  .right_page {
    width: calc(100% - 280px);
    height: 100%;
    background: #303030;
    position: relative;
    float: right;
  }
  /deep/.el-menu {
    border: transparent !important;
  }
  /deep/.el-submenu__title:hover {
    background: rgba(255, 255, 255, 0.3) !important;
  }
  /deep/ .el-submenu .el-menu-item:hover {
    background: rgba(255, 255, 255, 0.3) !important;
  }
  /deep/.el-textarea__inner {
    background: transparent;
    border-color: #fff !important;
    color: white;
  }
  /deep/.el-textarea .el-input__count {
    background: transparent;
    color: #fff !important;
  }
  /deep/ .el-card__body {
    padding: 0px !important;
    height: 100%;
  }
}
</style>
 

 src/views/datamanage/dataLoader.vue

@@ -1218,15 +1218,7 @@
      justify-content: center;
    }
  }
  .el-icon-d-arrow-right {
    color: white;
  }
  .el-icon-d-arrow-left {
    color: #fff;
  }
  .el-icon-plus {
    color: white;
  }
  
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;
@@ -1329,8 +1321,4 @@
  }
}
</style>
<style>
.el-loading-spinner i {
  color: #1890ff !important;
}
</style>
 

 src/views/datamanage/dataUpdata.vue

@@ -1,6 +1,6 @@
<template>
  <div
    class="authorityManagement_box"
    class="subpage_Box"
    v-loading="loading"
    element-loading-background="rgba(0, 0, 0, 0.8)"
  >
@@ -18,7 +18,7 @@
        :label="$t('dataManage.dataUpObj.uploaddata')"
        name="first"
      >
        <div class="contentIquery">
        <div class="subpage_Iquery subpage_Div">
          <el-form
            :inline="true"
            :model="formInline"
@@ -271,7 +271,7 @@
          </el-form>
        </div>
        <!-- ä¸Šä¼ æ•°æ®åˆ—表 -->
        <div class="contentBox">
        <div class="subpage_Content subpage_Div">
          <el-table
            :data="tableData"
            @selection-change="handleSelectionChange"
@@ -333,7 +333,7 @@
        :label="$t('dataManage.dataUpObj.receiptdata')"
        name="second"
      >
        <div class="contentIquery">
        <div class="subpage_Iquery subpage_Div">
          <el-form
            :inline="true"
            :model="formWarehousing"
@@ -371,7 +371,7 @@
          </el-form>
        </div>
        <div
          class="contentBox"
          class="subpage_Content subpage_Div"
          style="min-height:330px"
        >
          <div class="contentTable">
@@ -459,7 +459,7 @@
              />
            </el-table>
          </div>
          <div class="pagination_box">
          <div>
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
@@ -830,27 +830,24 @@
      width="70%"
    >
      <div class="dialogBox">
        <div class="transFarBox">
        <div class="transFarBox subpage_Div">
          <ul>
            <li
              @click="singleElection(item)"
              v-for="(item, i) in tableWareOne"
              :class="{ active: activeName == item.tab }"
              :class="{ active: activeName == item.eventid }"
            >{{item.tab}} ({{item.type}})</li>
          </ul>
        </div>
        <div class="tarnsbtton">
          <div>
            <div style="padding:2%">
              <el-link><i
                  style="color:white"
                  class="el-icon-plus"
                ></i></el-link>
              <el-link><i class="el-icon-plus"></i></el-link>
            </div>
          </div>

        </div>
        <div class="transFarBox">
        <div class="transFarBox subpage_Div">
          <ul>
            <li
              @click="singleElection2(item)"
@@ -862,21 +859,17 @@
        <div class="tarnsbtton">
          <div>
            <div style="padding:2%">
              <el-link @click="setWareTableChangeLeft"><i
                  style="color:white"
                  class="el-icon-d-arrow-left"
                ></i></el-link>
              <el-link @click="setWareTableChangeLeft"><i class="el-icon-d-arrow-left"></i></el-link>
            </div><br />
            <div style="padding:2%">
              <el-link><i
                  @click="setWareTableChangeRight"
                  style="color:white"
                  class="el-icon-d-arrow-right"
                ></i></el-link>
            </div>
          </div>
        </div>
        <div class="transFarBox">
        <div class="transFarBox subpage_Div">
          <ul>
            <li
              @click="singleElection3(i)"
@@ -893,13 +886,16 @@
        <el-button
          size="small"
          @click="autoMatchWare"
          type="primary"
        >自动匹配</el-button>
        <el-button
          size="small"
          type="info"
          @click="setInsrtWareTableClose "
        >取 æ¶ˆ</el-button>
        <el-button
          size="small"
          type="primary"
          @click="setInsrtWareTable"
        >ç¡® å®š</el-button>
      </span>
@@ -1272,6 +1268,7 @@
          }
        }
      }

      this.loading = true;
      const res = await dataUpload_insertFiles(JSON.stringify(this.insertWareList));
      this.loading = false
@@ -1364,7 +1361,7 @@
    //数据匹配左侧点击事件
    singleElection(row) {
      this.wareSelectOne = row;
      this.activeName = row.tab
      this.activeName = row.eventid
    },
    //数据匹配左侧中间点击事件
    singleElection2(row) {
@@ -2205,259 +2202,3 @@
  }
};
</script>
<style lang="less" scoped>
//@import url(); å¼•å…¥å…¬å…±cssç±»
.authorityManagement_box {
  width: 98%;
  height: 98%;
  padding: 1%;
  overflow: auto;
  .contentIquery {
    width: calc(98% - 2px);
    height: auto;
    border: 1px solid white;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1%;
    border-radius: 5px;
  }
  .contentBox {
    width: calc(98% - 2px);
    height: auto;
    border: 1px solid white;
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 1%;
    border-radius: 5px;
  }
  .elDivider {
    margin: 0;
  }
  .dialogBox {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: space-between;
    .transFarBox {
      width: 30%;
      height: 100%;
      border: 1px solid white;
      border-radius: 5px;
      max-height: 500px;
      overflow-y: auto;
      li {
        color: white;
        border-bottom: 1px solid white;
        line-height: 30px;
        text-align: center;
      }
      li:hover {
        background: rgba(255, 255, 255, 0.3);
      }
      .active {
        color: #409eff;
      }
    }
    .tarnsbtton {
      width: 6%;
      height: 100%;

      /*flex å¸ƒå±€*/
      display: flex;
      /*实现垂直居中*/
      align-items: center;
      /*实现水平居中*/
      justify-content: center;
    }
  }
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #409eff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
    /deep/.btn-next i {
      color: white;
    }
    /deep/.btn-prev i {
      color: white;
    }
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 10px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 10px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  /deep/.el-dialog__headerbtn {
    display: none;
  }
  /deep/.el-form-item__label {
    color: white;
  }
  // è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }
  /deep/ .popper__arrow::after {
    border-top-color: rgba(43, 45, 55, 0.8);
  }
  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  /deep/.el-cascader .el-input__inner {
    border-color: #fff !important;
  }
  /deep/.el-textarea__inner {
    background: transparent;
    border-color: #fff !important;
    color: white;
  }
  /deep/.el-textarea .el-input__count {
    background: transparent;
    color: #fff !important;
  }
  /deep/.el-loading-spinner i {
    color: #1890ff !important;
  }
  /deep/.el-tabs__active-bar {
    background: #409eff;
  }
  /deep/ .el-tabs__item {
    color: #409eff;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  .dialogDiv {
    /deep/.el-form-item {
      margin-bottom: 0px;
    }
    /deep/.el-checkbox {
      color: white;
    }
    /deep/.el-checkbox__input.is-checked + .el-checkbox__label {
      color: white !important;
    }
    /deep/.el-checkbox__input.is-disabled + span.el-checkbox__label {
      color: white !important;
    }
    .dialogContent {
      width: calc(100% - 20px);
      max-height: 370px;
      float: left;
      overflow: auto;
      padding: 10px;
      .ContBox {
        width: 44%;
        padding: 10px;
        margin-left: 2%;
        float: left;
        .ContDiv {
          display: flex;
          justify-content: space-around;
          margin: 5px 0px;
          .contLable {
            width: 175px;
            color: white;
          }
        }
      }
    }
  }
  .elBotton {
    background: transparent !important;
    border: 1px solid white !important;
    color: white !important;
  }
  /deep/.el-dialog__wrapper {
    overflow: hidden;
  }
}
</style>


 src/views/datamanage/dictionaryManage.vue

@@ -30,13 +30,15 @@
            @click="getRemoveForm"
            type="info"
          >{{ $t('common.reset') }}</el-button>
          <el-button  v-if="btnStatus.insert"
          <el-button
            v-if="btnStatus.insert"
            icon="el-icon-edit"
            size="small"
            @click="InsertFormdialog = true"
            type="success"
          >{{ $t('common.append') }}</el-button>
          <el-button  v-if="btnStatus.delete"
          <el-button
            v-if="btnStatus.delete"
            icon="el-icon-delete"
            size="small"
            @click="DelFormData"
@@ -48,18 +50,18 @@
      </el-form>
    </div>
    <div class="dictionaryContent">
      <div class="dictionary_leftTree">
      <div class="dictionary_leftTree subpage_Div">
        <ul>
          <li
            @click="getTableDesc(item)"
            v-for="item in optionCount"
            :class="{ active: activeName == item.tab }"
          >
            {{ item.tabDesc }} 
            {{ item.tabDesc }}
          </li>
        </ul>
      </div>
      <div class="dictionary_rightContent">
      <div class="dictionary_rightContent subpage_Div">
        <el-table
          :data="tableData"
          style="width: 100%"
@@ -139,13 +141,12 @@
            <template slot-scope="scope">
              <el-link
                v-if="btnStatus.select"
                style="color: white"
                @click="showDetail(scope.$index, scope.row)"
              >{{ $t('dataManage.dictionaryManageObj.lookOver') }}</el-link>
              <el-link
                v-if="btnStatus.update"
                @click="handleEdit(scope.$index, scope.row)"
                style="margin-left: 10px; color: white"
                style="margin-left: 10px;  "
              >{{ $t('dataManage.dictionaryManageObj.revamp') }}</el-link>
            </template>
          </el-table-column>
@@ -168,98 +169,99 @@
      </div>
    </div>
    <div
      class="infoBox"
      class="infoBox box_div "
      v-show="showinfoBox"
    >
      <el-card class="box-card">

      <div
        slot="header"
        class="clearfix"
      >
        <span>{{ $t('dataManage.dictionaryManageObj.particulars') }}</span>
        <div
          slot="header"
          class="clearfix"
          style="float: right; cursor: pointer"
          @click="closeDetial"
        >
          <span>{{ $t('dataManage.dictionaryManageObj.particulars') }}</span>
          <div
            style="float: right; cursor: pointer"
            @click="closeDetial"
          >
            <i class="el-icon-close"></i>
          </div>
          <i class="el-icon-close"></i>
        </div>
        <div class="contentBox">
          <p>
            {{ $t('dataManage.dictionaryManageObj.tableName') }}：{{
      </div>
      <el-divider></el-divider>
      <div class="contentBox">
        <p>
          {{ $t('dataManage.dictionaryManageObj.tableName') }}：{{
              itemdetail.tab
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.dictionaryManageObj.tableAliasName') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.dictionaryManageObj.tableAliasName') }}：{{
              itemdetail.tabDesc
            }}
          </p>
          <el-divider></el-divider>
        </p>
        <el-divider></el-divider>

          <p>
            {{ $t('dataManage.dictionaryManageObj.fieldName') }}：{{
        <p>
          {{ $t('dataManage.dictionaryManageObj.fieldName') }}：{{
              itemdetail.field
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.dictionaryManageObj.fieldAliasName') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.dictionaryManageObj.fieldAliasName') }}：{{
              itemdetail.alias
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.dictionaryManageObj.fieldType') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.dictionaryManageObj.fieldType') }}：{{
              itemdetail.type
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.dictionaryManageObj.fieldLength') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.dictionaryManageObj.fieldLength') }}：{{
              itemdetail.len
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.dictionaryManageObj.FieldPrecision') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.dictionaryManageObj.FieldPrecision') }}：{{
              itemdetail.precision
            }}
          </p>
          <el-divider></el-divider>
        </p>
        <el-divider></el-divider>

          <p>
            {{ $t('dataManage.dictionaryManageObj.remark') }}：{{
        <p>
          {{ $t('dataManage.dictionaryManageObj.remark') }}：{{
              itemdetail.bak
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.dictionaryManageObj.creationTime') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.dictionaryManageObj.creationTime') }}：{{
              itemdetail.createTime
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.dictionaryManageObj.createPersonnel') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.dictionaryManageObj.createPersonnel') }}：{{
              itemdetail.createUser
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.dictionaryManageObj.updateTime') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.dictionaryManageObj.updateTime') }}：{{
              itemdetail.updateTime
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.dictionaryManageObj.updatePersonnel') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.dictionaryManageObj.updatePersonnel') }}：{{
              itemdetail.updateUser
            }}
          </p>
        </div>
      </el-card>
        </p>
      </div>

    </div>
    <el-dialog
      top="3vh"
@@ -690,14 +692,13 @@
    .dictionary_leftTree {
      width: 15%;
      height: 80%;
      border: 1px solid white;

      border-radius: 5px;
      padding: 1%;
      max-height: 670px;
      overflow-y: auto;
      li {
        color: white;
        border-bottom: 1px solid white;
        border-bottom: 1px solid #dcdfe6;
        line-height: 30px;
        text-align: center;
      }
@@ -711,7 +712,7 @@
    .dictionary_rightContent {
      width: 80%;
      height: 80%;
      border: 1px solid white;

      border-radius: 5px;
      padding: 1%;
      overflow-y: auto;
@@ -719,7 +720,7 @@
  }
  .infinite-list-item {
    background: rgba(255, 255, 255, 0.3);
    color: white;

    margin-top: 5%;
    padding: 1%;
    text-align: center;
@@ -727,158 +728,6 @@
  .eldivider {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .primary {
    background: #409eff;
    border: #409eff;
    color: white;
  }
  /deep/.el-form-item__label {
    color: white;
  }
  // è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 5px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #409eff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
    /deep/.btn-next i {
      color: white;
    }
    /deep/.btn-prev i {
      color: white;
    }
  }
  .infoBox {
    width: 500px;

    position: absolute;
    z-index: 100;
    background: #303030;
    top: 15%;
    right: 25%;

    .el-card {
      color: white;
      background-color: transparent;
      span {
        font-size: 16px;
        font-weight: 600;
      }
    }
    .contentBox {
      margin: 0 aotu 10px;
      height: 500px;
      overflow: auto;
      p {
        font-size: 14px;
      }
    }
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }

  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  /deep/.el-cascader .el-input__inner {
    border-color: #fff !important;
  }
}
</style>

 src/views/datamanage/domainManage.vue

@@ -6,7 +6,7 @@
      ]"></My-bread>
    <el-divider />
    <div class="mainBox">
      <div class="leftTree">
      <div class="leftTree subpage_Div">
        <el-input v-model="filterInput"></el-input>
        <div style="width:450px">
          <el-tree
@@ -19,7 +19,7 @@
          ></el-tree>
        </div>
      </div>
      <div class="right">
      <div class="right subpage_Div">
        <div class="inquire">
          <el-form
            ref="queryForm"
@@ -160,10 +160,10 @@
      </div>
    </div>
    <div
      class="infoBox"
      class="infoBox subpage_Div box_div"
      v-show="showinfoBox"
    >
      <el-card class="box-card">
     
        <div
          slot="header"
          class="clearfix"
@@ -176,6 +176,7 @@
            <i class="el-icon-close"></i>
          </div>
        </div>
            <el-divider></el-divider>
        <div class="contentBox">
          <p>
            {{ $t('dataManage.domainManage.domName') }}：{{
@@ -215,7 +216,7 @@
          <el-divider></el-divider>
          <p>{{ $t('dataManage.domainManage.bak') }}：{{ itemdetail.bak }}</p>
        </div>
      </el-card>
 
    </div>
    <el-dialog
      width="510px"
@@ -723,7 +724,7 @@
};
</script>
<style lang="less" scoped>
//@import url(); å¼•å…¥å…¬å…±cssç±»
// @import url(); å¼•å…¥å…¬å…±cssç±»
.domainBox {
  height: 98%;
  width: 98%;
@@ -736,7 +737,7 @@
    .leftTree {
      width: 15%;
      height: 91%;
      border: 1px solid white;
     
      border-radius: 5px;
      padding: 1%;
      max-height: 670px;
@@ -745,7 +746,7 @@
    .right {
      width: 80%;
      height: 91%;
      border: 1px solid white;
    
      border-radius: 5px;
      padding: 1%;
      max-height: 670px;
@@ -780,174 +781,6 @@
    }
  }

  .infoBox {
    width: 500px;

    position: absolute;
    z-index: 100;
    top: 15%;
    right: 25%;
    color: white;
    background-color: #303030;
    .el-card {
      background-color: transparent;
      color: white;
      span {
        font-size: 16px;
        font-weight: 600;
        color: white;
      }
    }
    .contentBox {
      margin: 0 aotu 10px;
      height: 500px;
      overflow: auto;
      color: white;
      overflow-y: auto;
      p {
        color: white;
        font-size: 14px;
      }
    }
  }
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #409eff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
    /deep/.btn-next i {
      color: white;
    }
    /deep/.btn-prev i {
      color: white;
    }
  }
  /deep/.el-form-item__label {
    color: white;
  }
  // è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 5px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  /deep/ .el-dialog {
    width: 620px !important;
    margin-top: 10vh !important;
  }
  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  /deep/.el-dialog .el-input__inner {
    width: 300px;
  }
  /deep/ .el-dialog__body {
    padding: 0px 30px;
  }
  /deep/ .el-dialog__footer {
    padding-top: 0 !important;
    width: 600px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
  }
  .primary {
    background: #409eff;
    border: #409eff;
    color: white;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  
}
</style>

 src/views/datamanage/metadataManage.vue

@@ -5,7 +5,7 @@
        `${$t('dataManage.metadataManage')}`,
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
    <div class="inquire subpage_Div">
      <el-form
        ref="queryForm"
        :model="queryForm"
@@ -92,25 +92,8 @@
      </el-form>
    </div>
    <div class="bottom">
      <!-- <div class="leftTree">
           <el-tree
          ref="tree"
          :props="defaultProps"
          node-key="id"
          :data="optionCount"
          :default-expanded-keys="[1]"
         :current-node-key="1"
          :expand-on-click-node="false"
          :default-expand-all="false"
          draggable
          @node-click="handleNodeClick"
        >

          </span>
        </el-tree>
      
      </div> -->
      <div class="rightTable">
      <div class="rightTable subpage_Div">
        <div class="table_box">
          <el-table
            :data="tableData"
@@ -191,7 +174,8 @@
                >{{
                  $t('common.details')
                }}</el-link>
                <el-link  v-if="btnStatus.update"
                <el-link
                  v-if="btnStatus.update"
                  @click="editInfo(scope.row)"
                  style="margin-left: 10px; color: white"
                >{{ $t('common.edit') }}</el-link>
@@ -375,13 +359,13 @@
        class="dialog-footer"
      >
        <el-button
             size="small"
          size="small"
          @click="cancelEdit()"
        >{{
          $t('common.reset')
        }}</el-button>
        <el-button
              size="small"
          size="small"
          type="primary"
          @click="sendEdit('editForm')"
          v-loading.fullscreen.lock="fullscreenLoading"
@@ -393,13 +377,13 @@
        class="dialog-footer"
      >
        <el-button
              size="small"
          size="small"
          @click="cancelAdd('editForm')"
        >{{
          $t('common.reset')
        }}</el-button>
        <el-button
              size="small"
          size="small"
          type="primary"
          @click="sendAdd('editForm')"
          v-loading.fullscreen.lock="fullscreenLoading"
@@ -712,8 +696,8 @@
      }
      this.companyOption1 = this.treeData(res.result);
      this.queryForm.depid = this.companyOption1[0].id
          this.getQueryDirTree();
        
      this.getQueryDirTree();

    },
    async getQueryDirTree() {
      const res = await selectdirTab();
@@ -723,7 +707,7 @@
      }
      this.companyOption = this.treeData(res.result);
      this.queryForm.dirid = this.companyOption[0].id
         this.getMetaData();
      this.getMetaData();
    },
    handleChange(value) {
      this.listData.pageSize = 10;
@@ -804,7 +788,7 @@
      this.optionCount = this.treeData(res.result);
      this.dirComPanyOption = this.treeData(res.result);
      this.listData.dirid = this.optionCount[0].id;
   

    },
    handleNodeClick(data) {
      this.listData.pageSize = 10;
@@ -860,9 +844,9 @@
      this.listData.depid = this.queryForm.depid;
      this.listData.dirid = this.queryForm.dirid;
      // this.listData.dirid = 57
 

      select_meta_ByPageAndCount(this.listData).then((res) => {
  

        this.tableData = res.result;
        this.count = res.count;
      });
@@ -1109,7 +1093,7 @@
    position: relative;
    overflow: auto;
    padding-bottom: 8px;
    border: 1px solid white;

    border-radius: 5px;
    padding: 1%;
    .el-form-item {
@@ -1122,31 +1106,10 @@
    height: 74%;
    display: flex;
    justify-content: space-between;
    .leftTree {
      width: 15%;
      height: 100%;
      border: 1px solid white;
      border-radius: 5px;
      padding: 1%;
      max-height: 670px;
      overflow-y: auto;
      li {
        color: white;
        border-bottom: 1px solid white;
        line-height: 30px;
        text-align: center;
      }
      li:hover {
        background: rgba(255, 255, 255, 0.3);
      }
      .active {
        color: #409eff;
      }
    }

    .rightTable {
      width: 98%;
      height: 92%;
      border: 1px solid white;

      border-radius: 5px;
      padding: 1%;
@@ -1155,34 +1118,6 @@
        height: 93%;
        margin: 0 auto;
        overflow: auto;
      }
    }
  }
  .infoBox {
    width: 500px;
    position: absolute;
    z-index: 100;
    top: 10%;
    right: 25%;
    background: #303030;
    color: #fff;
    .el-card {
      background-color: transparent;
      color: #fff;
      span {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
      }
    }
    .contentBox {
      margin: 0 aotu 10px;
      height: 500px;
      overflow: auto;
      p {
        // background-color: #bfa;
        // margin-bottom: 10px;
        font-size: 14px;
      }
    }
  }
@@ -1199,141 +1134,10 @@
    top: 20%;
    left: 40%;
    padding: 20px;
    background: #303030;

    width: 30%;
    border: 1px solid gray;

    border-radius: 10px;
    color: white;
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 5px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  /deep/.el-form-item__label {
    color: white;
  }
  // è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #409eff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
    /deep/.btn-next i {
      color: white;
    }
    /deep/.btn-prev i {
      color: white;
    }
  }
  .primary {
    background: #409eff;
    border: #409eff;
    color: white;
  }
}
/deep/ .el-select .el-input__inner {
  border-color: #fff !important;
}
/deep/.el-input__inner {
  background-color: transparent !important ;
  color: #fff;
  border: 1px solid white !important;
}
</style>

 src/views/datamanage/projectManage.vue

@@ -6,7 +6,7 @@
      ]"></My-bread>
    <el-divider />
    <div class="verSionContent">
      <div class="verSion_leftTree">
      <div class="verSion_leftTree subpage_Div">
        <el-tree
          ref="tree"
          :props="defaultProps"
@@ -19,7 +19,7 @@
        >
        </el-tree>
      </div>
      <div class="verSion_rightContent">
      <div class="verSion_rightContent subpage_Div">
        <el-form
          :inline="true"
          class="demo-form-inline"
@@ -124,90 +124,9 @@
            style="margin-top: 10px"
            class="pagination_box"
          >
            <!-- <el-pagination
              @size-change="handleLoaderSizeChange"
              @current-change="handleLoaderCurrentChange"
              :current-page="listLoader.pageIndex"
              :page-sizes="[10, 20, 30, 40]"
              :page-size="listLoader.pageSize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="count1"
            >
            </el-pagination> -->
          
          </div>
          <!-- <el-form
            class="projFrom"
            ref="form"
            :model="projectFrom"
            label-width="200px"
          >
            <el-form-item :label="$t('dataManage.projectObj.projname')">
              <el-input
                :disabled="true"
                v-model="projectFrom.projname"
              ></el-input>
            </el-form-item>
            <el-form-item :label="$t('dataManage.projectObj.projtype')">
              <el-input
                :disabled="true"
                v-model="projectFrom.projtype"
              ></el-input>
            </el-form-item>
            <el-form-item :label="$t('dataManage.projectObj.location')">
              <el-input
                :disabled="true"
                v-model="projectFrom.location"
              ></el-input>
            </el-form-item>
            <el-form-item :label="$t('dataManage.projectObj.province')">
              <el-input
                :disabled="true"
                v-model="projectFrom.province"
              ></el-input>
            </el-form-item>
            <el-form-item :label="$t('dataManage.projectObj.country')">
              <el-input
                :disabled="true"
                v-model="projectFrom.country"
              ></el-input>
            </el-form-item>
            <el-form-item :label="$t('dataManage.projectObj.corpname')">
              <el-input
                :disabled="true"
                v-model="projectFrom.corpname"
              ></el-input>
            </el-form-item>
            <el-form-item :label="$t('dataManage.projectObj.department')">
              <el-input
                :disabled="true"
                v-model="projectFrom.department"
              ></el-input>
            </el-form-item>
            <el-form-item :label="$t('dataManage.projectObj.conperiod')">
              <el-input
                :disabled="true"
                v-model="projectFrom.conperiod"
              ></el-input>
            </el-form-item>
            <el-form-item :label="$t('dataManage.projectObj.contents')">
              <el-input
                :disabled="true"
                v-model="projectFrom.contents"
              ></el-input>
            </el-form-item>
            <el-form-item :label="$t('dataManage.projectObj.projstate')">
              <el-input
                :disabled="true"
                v-model="projectFrom.projstate"
              ></el-input>
            </el-form-item>
            <el-form-item :label="$t('dataManage.projectObj.remarks')">
              <el-input
                :disabled="true"
                v-model="projectFrom.remarks"
              ></el-input>
            </el-form-item>
          </el-form> -->
        
        </div>
      </div>
    </div>
@@ -251,7 +170,7 @@
            ></el-input>
            <el-link
              @click="ShowInner"
              style="color: white; margin-left: 20px"
              style="  margin-left: 20px"
              icon="el-icon-plus"
            >
            </el-link>
@@ -522,7 +441,7 @@
    .verSion_leftTree {
      width: 15%;
      height: 91%;
      border: 1px solid white;
      
      border-radius: 5px;
      padding: 1%;

@@ -531,7 +450,7 @@
    .verSion_rightContent {
      width: 80%;
      height: 91%;
      border: 1px solid white;
    
      border-radius: 5px;
      padding: 1%;
      overflow-y: auto;
@@ -540,7 +459,7 @@
      height: 46px;
      padding: 12px 12px;
      font-size: 14px;
      color: white;
   
      border-bottom: 1px solid white;
      line-height: 46px;
    }
@@ -558,135 +477,12 @@
      width: 600px;
    }
  }
  .primary {
    background: #409eff;
    border: #409eff;
    color: white;
  }
  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #409eff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
    /deep/.btn-next i {
      color: white;
    }
    /deep/.btn-prev i {
      color: white;
    }
  }
 
 

  /deep/.el-form-item__label {
    color: white;
  }
  // è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 10px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 10px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
 
 
}
/deep/ .el-dialog {
  background: #303030;
}
/deep/.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
  border: 1px solid;
}
/deep/.el-dialog__title {
  color: white;
}
/deep/ .el-select .el-input__inner {
  border-color: #fff !important;
}
/deep/.el-cascader .el-input__inner {
  border-color: #fff !important;
}
 
</style>
<style scoped></style>
 >

 src/views/datamanage/styleDepTree.vue

@@ -333,13 +333,8 @@
        // padding-bottom: 10px;
      }

      /deep/ .el-tree-node:focus > .el-tree-node__content {
        background-color: #b9b9b9;
      }

      /deep/ .el-tree-node__content:hover {
        background-color: rgb(153, 153, 153);
      }
     
 

      .btnBox {
        margin-left: 5px;

 src/views/datamanage/styleManage.vue

@@ -5,7 +5,7 @@
        `${$t('dataManage.styleManage')}`,
      ]"></My-bread>
    <el-divider />
    <div class="searchComp">
    <div class="searchComp subpage_Div">
      <el-form
        ref="ruleForm"
        :model="ruleForm"
@@ -24,7 +24,7 @@
          <el-button
            @click="submitForm('ruleForm')"
            icon="el-icon-search"
               type="primary"
            type="primary"
            size="small"
          >{{ $t('common.iquery') }}</el-button>
          <el-button
@@ -452,12 +452,14 @@
        class="dialog-footer"
      >
        <el-button
          type="info" size="small"
          type="info"
          size="small"
          @click="removeUpdate"
        >{{$t('common.close')}}</el-button>
        <el-button
             type="primary"
          @click="updateForm" size="small"
          type="primary"
          @click="updateForm"
          size="small"
        >{{$t('common.confirm')}}</el-button>
      </div>
    </el-dialog>
@@ -653,11 +655,13 @@
        class="dialog-footer"
      >
        <el-button
          type="info" size="small"
          type="info"
          size="small"
          @click="insertFromDataClose"
        >{{$t('common.close')}}</el-button>
        <el-button
          type="primary" size="small"
          type="primary"
          size="small"
          @click="insertFromData"
        >{{$t('common.confirm')}}</el-button>
      </div>
@@ -671,7 +675,7 @@
      </div>
      <div class="btnBox">
        <el-button
             type="primary"
          type="primary"
          size="small"
          @click="selectDirCataName"
        >{{
@@ -687,7 +691,7 @@
      </div>
    </div>
    <div
      class="leftTree"
      class="leftTree subpage_Div"
      v-if="showDepCata"
    >
      <div class="treeBox">
@@ -1376,7 +1380,7 @@
    margin: 10px auto;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);

    .el-form-item {
      margin: 5px;
    }
@@ -1392,19 +1396,14 @@
    left: 800px;
    width: 400px;
    height: 600px;
    background: #303030;
    border: 1px solid #000;

    .treeBox {
      height: 550px;
      overflow: auto;
      /deep/ .el-tree-node__content:hover {
        background-color: rgb(153, 153, 153);
      }
    }
    .btnBox {
      width: 160px;
      margin: 10px auto 0;
      // background-color: red;
    }
  }
  .bottom {
@@ -1418,194 +1417,8 @@
        height: 80%;
        margin: 0 auto;
        overflow: auto;
        /*修改table è¡¨ä½“的背景颜色和文字颜色*/
        /deep/ .el-table {
          background-color: transparent;

          th,
          td {
            background-color: transparent;
          }
          .el-table__expanded-cell {
            background-color: transparent !important;
          }

          // è¡¨å¤´èƒŒæ™¯è‰²
          th.el-table__cell {
            background-color: #303030;
            color: #fff;
          }
          tr > td {
            background-color: #303030;
            color: #fff;
          }

          // hover效果
          tr:hover > td {
            background-color: rgba(255, 255, 255, 0.3) !important;
          }

          tbody tr:hover {
            background-color: rgba(255, 255, 255, 0.3) !important;
            // text-align: center;
          }

          // æ»šåŠ¨æ¡å®½é«˜
          .el-table__body-wrapper::-webkit-scrollbar {
            width: 5px;
            height: 5px;
          }

          .el-table__body-wrapper::-webkit-scrollbar {
            width: 5px;
            /*滚动条宽度*/
            height: 5px;
            /*滚动条高度*/
          }
          /*定义滚动条轨道 å†…阴影+圆角*/
          .el-table__body-wrapper::-webkit-scrollbar-track {
            box-shadow: 0px 1px 3px #216fe6 inset;
            /*滚动条的背景区域的内阴影*/
            border-radius: 10px;
          }

          /*定义滑块 å†…阴影+圆角*/
          .el-table__body-wrapper::-webkit-scrollbar-thumb {
            box-shadow: 0px 1px 3px #216fe6 inset;
            border-radius: 6px;
            background-color: #216fe6;
          }
        }
      }
    }
  }
  .infoBox {
    width: 500px;

    position: absolute;
    z-index: 100;
    top: 15%;
    right: 25%;
    background-color: #303030;
    .el-card {
      color: white;
      background-color: transparent;
      span {
        font-size: 16px;
        font-weight: 600;
      }
    }
    .contentBox {
      margin: 0 aotu 10px;
      height: 500px;
      overflow: auto;
      p {
        // background-color: #bfa;
        // margin-bottom: 10px;
        font-size: 14px;
      }
      .boxlabel {
        margin-left: 10px;
      }
    }
    /* æ•´ä½“样式 */
    .contentBox::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }

    /* æ»šåŠ¨æ¡ */
    .contentBox::-webkit-scrollbar-thumb {
      background-color: #b3d8ff;
      border-radius: 6px;
    }

    /* æ»šåŠ¨æ¡é¼ æ ‡ç»è¿‡æ ·å¼ */
    .contentBox::-webkit-scrollbar-thumb:hover {
      background-color: #b3d8ff;
      border-radius: 6px;
    }

    /* æ»šåŠ¨æ¡è½¨é“ */
    .contentBox::-webkit-scrollbar-track-piece {
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      background: #ededed;
    }
  }
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #409eff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
    /deep/.btn-next i {
      color: white;
    }
    /deep/.btn-prev i {
      color: white;
    }
  }
  /deep/.el-form-item__label {
    color: white;
  }
  // è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }

  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  /deep/.el-cascader .el-input__inner {
    border-color: #fff !important;
  }
  .primary {
    background: #409eff;
    border: #409eff;
    color: white;
  }
  .el-icon-plus {
    color: white;
  }
  .el-icon-upload2 {
    color: white;
  }
}
</style>

 src/views/datamanage/versionManage.vue

@@ -9,7 +9,7 @@
      <!-- <div class="verSion_leftTree">
        <ver-dir-tree></ver-dir-tree>
      </div> -->
      <div class="verSion_rightContent">
      <div class="verSion_rightContent subpage_Div">
        <el-form
          ref="ruleForm"
          :model="ruleForm"
@@ -641,155 +641,14 @@
    height: 92%;
    display: flex;
    justify-content: space-between;
    .verSion_leftTree {
      width: 15%;
      height: 91%;
      border: 1px solid white;
      border-radius: 5px;
      padding: 1%;
      max-height: 670px;
      overflow-y: auto;
    }

    .verSion_rightContent {
      width: 98%;
      height: 91%;
      border: 1px solid white;
      border-radius: 5px;
      padding: 1%;
      overflow-y: auto;
    }
  }
  .eldivider {
    margin-top: 0px;
  }
  .primary {
    background: #409eff;
    border: #409eff;
    color: white;
  }
  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #409eff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
    /deep/.btn-next i {
      color: white;
    }
    /deep/.btn-prev i {
      color: white;
    }
  }

  /deep/.el-form-item__label {
    color: white;
  }
  // è®¾ç½®è¾“入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 5px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }
  /deep/.el-cascader .el-input__inner {
    border-color: #fff !important;
  }
}
</style>

 src/views/exportMap/index.vue

@@ -3,7 +3,6 @@
    id="mapView"
    class="MapBox"
    v-loading="loading"

    element-loading-background="rgba(0, 0, 0, 0.8)"
  >
    <div class="topMenu">
@@ -111,7 +110,7 @@
            v-show="lefMenuContent"
          >
            <el-tree
              :data="data"
              :data="treeData"
              show-checkbox
              node-key="id"
              :props="defaultProps"
@@ -307,8 +306,9 @@
import mapviewVue from '../../components/mapview.vue';
import { removeToken, getToken } from '@/utils/auth';
import $ from 'jquery';
import { exportSelectByPage } from '../../api/api.js';
import { exportSelectByPage, perms_selectLayers } from '../../api/api.js';
import moment from 'moment';
import { image_layer } from '../../assets/js/index.js';
export default {
  data() {
    return {
@@ -339,41 +339,8 @@
        { label: 'A6', value: 'A6' },
      ],
      value: 'A4',
      data: [
        {
          id: 1,
          label: '图层',
          children: [
            {
              id: 11,
              label: '项目',
              value: '项目',
              layer: 'LF:bs_project',
              isEdit: false,
            },
            {
              id: 12,
              label: '站场',
              value: '站场',
              layer: 'LF:m_sitepoint',
              isEdit: false,
            },
            {
              id: 13,
              label: '管道中心线',
              value: '管道中心线',
              layer: 'LF:m_pipeline',
              isEdit: false,
            },
            {
              id: 14,
              label: '战略通道',
              value: '战略通道',
              layer: 'LF:th_strategic_channel',
              isEdit: false,
            },
          ],
        },
      treeData: [

      ],
      arrList: [],
      defaultProps: {
@@ -392,32 +359,86 @@
      count: 0,
    };
  },

  mounted() {
    this.LayerStart();
    this.initMap();
    this.showMapLayer();
  },
  methods: {
    showMapLayer() {
      var val = this.data[0].children;
    async LayerStart() {
      const data = await perms_selectLayers();
      if (data.code != 200) {
        return this.$message.error("图层列表查询失败");
      }
      var std = [];
      for (var i = 0; i < val.length; i++) {
        var layer2 = new Image({
          name: val[i].label,
          source: new ImageWMS({
            crossOrigin: 'anonymous',
            url: geoServerURl,
      var layer_list = [];
      var layer_groups = [];
      for (var i in data.result) {
        if (data.result[i].type == 1) {
          layer_groups.push({
            id: data.result[i].id,
            label: data.result[i].cnName,
            type: data.result[i].type,
            isEdit: false,
            children: [],
          })
        } else if (data.result[i].type == 2) {
          if (data.result[i].url != null) {
            var layer_entity = {
              id: data.result[i].id,
              pid: data.result[i].pid,
              label: data.result[i].cnName,
              resource: data.result[i].url,
              type: data.result[i].type,
              isEdit: false,
            }
            layer_list.push(layer_entity)
            if (data.result[i].isShow == 1) {
              std.push(data.result[i].id);
              this.showMapLayer(layer_entity);
            }
          }
        }
      }
      for (var i in layer_list) {
        for (var j in layer_groups) {
          if (layer_list[i].pid === layer_groups[j].id) {
            layer_groups[j].children.push(layer_list[i])
          }
        }
      }
      this.treeData = layer_groups;
      for (var i in data.result) {
        if (data.result[i].type == 2 && data.result[i].url != null) {
          for (var j = 0; j < window.Viewer.imageryLayers._layers.length; j++) {
            var val_id = window.Viewer.imageryLayers._layers[j];
            if (val_id.show == true) {

            params: {
              FORMAT: 'image/png',
              VERSION: '1.1.1',
              LAYERS: val[i].layer,
            },
          }),
        });
        mapView.addLayer(layer2);
        std.push(val[i].id);
              if (val_id.imageryProvider.name == data.result[i].cnName) {
                std.push(data.result[i].id);
              }
            }
          }
        }
      }
      this.$refs.tree.setCheckedKeys(std);
    },
    showMapLayer(val) {
      var layer2 = new Image({
        name: val.label,
        source: new ImageWMS({
          crossOrigin: 'anonymous',
          url: geoServerURl,

          params: {
            FORMAT: 'image/png',
            VERSION: '1.1.1',
            LAYERS: val.resource,
          },
        }),
      });
      mapView.addLayer(layer2);
    },
    showLeftMenu(res) {
      switch (res) {
@@ -604,9 +625,12 @@
      var layers = mapView.getAllLayers();
      for (var i in layers) {
        var layer = layers[i];
        var str = 0;
        if (layer.values_.name == data.label) {
          
          layer.setVisible(nodes); //显示图层
          if (nodes == true) {
    str++;
            this.arrList.push({
              name: data.label,
            });
@@ -619,6 +643,16 @@
          }
        }
      }
 
      if (str == 0 && nodes == true) {
       
        this.showMapLayer(data)
        this.arrList.push({
          name: data.label,
        });
      }


      this.tableData = this.arrList;
    },
    setAddMapLayer() {
@@ -728,6 +762,7 @@
        padding: 20px;
        display: flex;
        justify-content: space-between;
        overflow: auto;
      }
      .CenDiv {
        height: 40px;
@@ -890,5 +925,15 @@
  /deep/.el-loading-spinner i {
    color: #409eff !important;
  }
  /deep/.el-tree .el-tree-node__content:hover {
    background-color: transparent !important;
  }
  /deep/.el-tree {
    color: white !important;
    background: transparent !important;
  }
  /deep/.el-tree-node:focus > .el-tree-node__content {
    background: transparent !important;
  }
}
</style>

 src/views/maintenance/blackwhiteList.vue

@@ -14,7 +14,7 @@
        name="first"
      >
        <div>
          <div class="inquire">
          <div class="inquire subpage_Div">
            <el-form
              ref="queryInfo"
              :model="queryInfo"
@@ -75,7 +75,7 @@
              </el-form-item>
            </el-form>
          </div>
          <div class="table_box">
          <div class="table_box subpage_Div">
            <el-table
              :data="BTableData"
              @selection-change="blackSelectionChange"
@@ -159,7 +159,7 @@
        :label="$t('operatManage.BWL.whiteList')"
        name="second"
      >
        <div class="inquire">
        <div class="inquire subpage_Div">
          <el-form
            ref="queryInfo"
            :model="queryInfo"
@@ -222,7 +222,7 @@
            </el-form-item>
          </el-form>
        </div>
        <div class="table_box1">
        <div class="table_box1 subpage_Div">
          <el-table
            :data="WTableData"
            @selection-change="blackSelectionChange"
@@ -702,8 +702,8 @@
.logLog_box {
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
  padding: 1%; 
  overflow: auto;
  .el-input {
    width: 300px;
  }
@@ -711,137 +711,26 @@
    padding: 10px;
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
  
    margin-bottom: 20px;
  }
  .table_box {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    overflow: auto;
    height: 322px;
 
   
 
  }
  .table_box1 {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    overflow: auto;
    height: 322px;
   
 
 
  }
  .text-center {
    text-align: center;
  }
  .pagination_box {
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #1890ff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
  }
  /deep/ .el-tabs__item {
    color: #409eff;
  }
  /deep/.el-form-item__label {
    color: white;
  }
  /deep/ .el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/.el-tabs__active-bar {
    background: #409eff;
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 10px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  
}
</style>

 src/views/maintenance/databaseMonitoring.vue

@@ -54,6 +54,6 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
 
}
</style>

 src/views/maintenance/downlog.vue

@@ -5,7 +5,7 @@
        `${$t('operatManage.DownloadLog')}`,
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
    <div class="inquire subpage_Div">
      <el-form
        :inline="true"
        ref="sizeForm"
@@ -78,7 +78,8 @@
          <el-button
            @click="onSubmit"
            icon="el-icon-search"
          size="small"      type="primary"
            size="small"
            type="primary"
          >{{ $t("operatManage.operationLogObj.inquire") }}</el-button>
          <el-button
            @click="resAllTable"
@@ -89,7 +90,7 @@
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
    <div class="table_box subpage_Div">
      <el-table
        :data="tableData"
        style="width: 100%"
@@ -308,7 +309,7 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;

  .el-input {
    width: 300px;
  }
@@ -318,18 +319,10 @@
    margin-top: 20px;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);

    margin-bottom: 20px;
    .el-form-item {
      margin: 7px;
    }
    /deep/.el-form-item__label {
      color: white;
    }
    /deep/ .el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
  }
  .table_box {
@@ -337,101 +330,9 @@
    height: 57%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
 
    /*修改table è¡¨ä½“的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

      th,
      td {
        background-color: transparent;
      }
      .el-table__expanded-cell {
        background-color: transparent !important;
      }

      // è¡¨å¤´èƒŒæ™¯è‰²
      th.el-table__cell {
        background-color: #303030;
        color: #fff;
      }
      tr > td {
        background-color: #303030;
        color: #fff;
      }

      // hover效果
      tr:hover > td {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }

      tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        // text-align: center;
      }

      // æ»šåŠ¨æ¡å®½é«˜
      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        /*滚动条宽度*/
        height: 10px;
        /*滚动条高度*/
      }
      /*定义滚动条轨道 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #216fe6 inset;
        /*滚动条的背景区域的内阴影*/
        border-radius: 10px;
      }

      /*定义滑块 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #216fe6 inset;
        border-radius: 6px;
        background-color: #216fe6;
      }
    }
    .pagination_box {
      /deep/.el-input__inner {
        background-color: transparent !important;
        border: 1px solid;
        color: white;
      }
      /deep/.el-pagination__total {
        color: white;
      }
      /deep/.el-pagination__jump {
        color: white;
      }
      /deep/.el-pager li.active {
        color: #1890ff;
      }
      /deep/.el-pager li {
        color: white;
        background: transparent;
      }
      /deep/.el-pager li {
        color: white;
      }
      /deep/.btn-prev {
        background: transparent;
      }
      /deep/.btn-next {
        background: transparent;
      }
    }
  }
  .text-center {
    text-align: center;
  }
}
/deep/ .el-select .el-input__inner {
  border-color: #fff !important;
}
</style>

 src/views/maintenance/eventlogManage.vue

@@ -5,7 +5,7 @@
        `${$t('operatManage.ResourceLog')}`,
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
    <div class="inquire subpage_Div">
      <el-form
        :inline="true"
        ref="sizeForm"
@@ -99,7 +99,7 @@
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
    <div class="table_box subpage_Div">
      <el-table
        :data="tableData"
        style="width: 100%"
@@ -284,7 +284,7 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
 
  .el-input {
    width: 300px;
  }
@@ -294,113 +294,22 @@
    margin-top: 20px;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
 
    margin-bottom: 20px;
    .el-form-item {
      margin: 7px;
    }
    /deep/.el-form-item__label {
      color: white;
    }
    /deep/ .el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    
  }
  .table_box {
    overflow: auto;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    
    height: 57%;
    /*修改table è¡¨ä½“的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

      th,
      td {
        background-color: transparent;
      }
      .el-table__expanded-cell {
        background-color: transparent !important;
      }

      // è¡¨å¤´èƒŒæ™¯è‰²
      th.el-table__cell {
        background-color: #303030;
        color: #fff;
      }
      tr > td {
        background-color: #303030;
        color: #fff;
      }

      // hover效果
      tr:hover > td {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }

      tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        // text-align: center;
      }

      // æ»šåŠ¨æ¡å®½é«˜
      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        /*滚动条宽度*/
        height: 10px;
        /*滚动条高度*/
      }
      /*定义滚动条轨道 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #216fe6 inset;
        /*滚动条的背景区域的内阴影*/
        border-radius: 10px;
      }

      /*定义滑块 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #216fe6 inset;
        border-radius: 6px;
        background-color: #216fe6;
      }
    }
    .pagination_box {
      /deep/.el-input__inner {
        background-color: transparent !important;
        border: 1px solid;
        color: white;
      }
      /deep/.el-pagination__total {
        color: white;
      }
      /deep/.el-pagination__jump {
        color: white;
      }
      /deep/.el-pager li.active {
        color: #1890ff;
      }
      /deep/.el-pager li {
        color: white;
        background: transparent;
      }
      /deep/.el-pager li {
        color: white;
      }
      /deep/.btn-prev {
        background: transparent;
      }
      /deep/.btn-next {
        background: transparent;
      }
    }
 
 
  }
  .text-center {
    text-align: center;

 src/views/maintenance/logLog.vue

@@ -5,7 +5,7 @@
        `${$t('operatManage.logLog')}`,
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
    <div class="inquire subpage_Div">

      <el-form
        :inline="true"
@@ -88,7 +88,7 @@
      </el-form>
    </div>
    <!-- è¡¨æ ¼æ˜¾ç¤º -->
    <div class="table_box">
    <div class="table_box subpage_Div">
      <el-table
        :data="tableData"
        style="width: 100%"
@@ -298,126 +298,23 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;

  .inquire {
    padding: 10px;
    margin-top: 10px;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);

    margin-bottom: 10px;
    /deep/.el-form-item {
      margin-bottom: 10px;
    }
    .herder_box {
      padding: 10px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 20px;
      font-size: 14px;
    }
    /deep/.el-form-item__label {
      color: white;
    }
    /deep/ .el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
  }
  .table_box {
    padding: 10px;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    overflow: auto;
    height: 60%;
    /*修改table è¡¨ä½“的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

      th,
      td {
        background-color: transparent;
      }
      .el-table__expanded-cell {
        background-color: transparent !important;
      }

      // è¡¨å¤´èƒŒæ™¯è‰²
      th.el-table__cell {
        background-color: #303030;
        color: #fff;
      }
      tr > td {
        background-color: #303030;
        color: #fff;
      }

      // hover效果
      tr:hover > td {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }

      tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        // text-align: center;
      }

      // æ»šåŠ¨æ¡å®½é«˜
      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        /*滚动条宽度*/
        height: 10px;
        /*滚动条高度*/
      }
      /*定义滚动条轨道 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #216fe6 inset;
        /*滚动条的背景区域的内阴影*/
        border-radius: 10px;
      }

      /*定义滑块 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #216fe6 inset;
        border-radius: 6px;
        background-color: #216fe6;
      }
    }
    .pagination_box {
      /deep/.el-input__inner {
        background-color: transparent !important;
        border: 1px solid;
        color: white;
      }
      /deep/.el-pagination__total {
        color: white;
      }
      /deep/.el-pagination__jump {
        color: white;
      }
      /deep/.el-pager li.active {
        color: #1890ff;
      }
      /deep/.el-pager li {
        color: white;
        background: transparent;
      }
      /deep/.el-pager li {
        color: white;
      }
      /deep/.btn-prev {
        background: transparent;
      }
      /deep/.btn-next {
        background: transparent;
      }
    }
  }
  .text-center {
    text-align: center;

 src/views/maintenance/menuSettings.vue

@@ -8,7 +8,7 @@
      <el-divider />
    </div>
    <div class="cataLogContent">
      <div class="left_Tree">
      <div class="left_Tree subpage_Div">
        <div style="width:auto">
          <el-tree
            ref="tree"
@@ -24,7 +24,7 @@
        </div>

      </div>
      <div class="right_menu">
      <div class="right_menu subpage_Div">

        <div style="display:flex;justify-content:space-between">
          <el-breadcrumb separator="/">
@@ -35,7 +35,7 @@

          <div>
            <el-button
               v-if="menuStatus.update"
              v-if="menuStatus.update"
              :disabled="itemdetail.pid == null ? true : false"
              @click="setEditNode(1)"
              type="info"
@@ -43,7 +43,7 @@
              size="small"
            >向上移动</el-button>
            <el-button
               v-if="menuStatus.update"
              v-if="menuStatus.update"
              :disabled="itemdetail.pid == null ? true : false"
              @click="setEditNode(2)"
              type="info"
@@ -51,7 +51,7 @@
              size="small"
            >向下移动</el-button>
            <el-button
            v-if="menuStatus.insert"
              v-if="menuStatus.insert"
              :disabled="itemdetail.pid == null ? true : false"
              @click="setNewNode(1)"
              type="success"
@@ -59,7 +59,7 @@
              size="small"
            >新增同级</el-button>
            <el-button
            v-if="menuStatus.insert"
              v-if="menuStatus.insert"
              :disabled="itemdetail.pid == null ? true : false"
              @click="setNewNode(2)"
              type="success"
@@ -67,7 +67,7 @@
              size="small"
            >新增子级</el-button>
            <el-button
                v-if="menuStatus.delete"
              v-if="menuStatus.delete"
              @click="setDelNode()"
              :disabled="itemdetail.pid == null ? true : false"
              type="danger"
@@ -339,7 +339,7 @@
  },
  data() {
    return {
       menuStatus: {
      menuStatus: {
        delete: false,
        insert: false,
        update: false,
@@ -754,11 +754,11 @@
            this.getMenuTree();
            return;
          } else {
             this.$message.error('调整失败，请重试！');
            this.$message.error('调整失败，请重试！');
          }
        })
        .catch(() => {
           this.$message.error('调整失败，请重试！');
          this.$message.error('调整失败，请重试！');
        });
    },
    handleNodeClick(data, node) {
@@ -800,7 +800,7 @@
      }
    },
    showPermsMenu(res) {
 

      switch (res.tag) {
        case '/delete':
          this.menuStatus.delete = true;
@@ -816,7 +816,7 @@
    getPerms() {
      var val = this.$store.state.currentPerms;
      var permsEntity = this.$store.state.permsEntity;
     

      if (permsEntity.length == 0) {
        getPerms().then((res) => {
          if (res.code == 200) {
@@ -843,7 +843,7 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;

  .cataLogContent {
    width: 100%;
    height: 92%;
@@ -852,21 +852,13 @@
    .left_Tree {
      width: 15%;
      height: 91%;
      border: 1px solid white;
      border-radius: 5px;
      padding: 1%;
      overflow-y: auto;
      .el-icon-circle-plus {
        color: gray;
      }
      .el-icon-delete-solid {
        color: gray;
      }
    }
    .right_menu {
      width: 80%;
      height: 91%;
      border: 1px solid white;
      border-radius: 5px;
      padding: 1%;
      overflow: auto;
@@ -876,77 +868,9 @@
        .el-input {
          width: 400px;
        }

        /deep/.el-form-item__label {
          color: white;
        }
      }
    }
  }

  .el-card-define {
    height: 100%;
    background: #303030;
    border: 1px solid gray;
    padding: 1px;
  }
  /deep/ .el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/.el-form-item__label {
    color: white;
  }

  /*里面的代码可以根据自己需求去进行更改*/
  /* è®¾ç½®æ»šåŠ¨æ¡çš„样式 */
  ::-webkit-scrollbar {
    width: 4px;
  }
  /* æ»šåŠ¨æ§½ */
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }
  /* æ»šåŠ¨æ¡æ»‘块 */
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #8b8b8b;
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background: #8b8b8b;
    height: 289px;
  }
}
</style>
<style lang="less">
.el-select-dropdown {
  background: #303030;
  border-color: white;
}
//右侧和下方的白边
.el-scrollbar__wrap {
  margin-bottom: -20px !important;
  margin-right: -20px !important;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: rgba(255, 255, 255, 0.3);
}
.el-select-dropdown__item {
  color: white;
}
</style>
 

 src/views/maintenance/mochaitmo.vue

@@ -1,48 +1,51 @@
<template>
  <div class="mochaitmo_Box">
    <div class="left_tree">
      <el-card class="el-card-define">
        <div class="card_tree">
          <el-menu
            active-text-color="#ffd04b"
            class="el-menu-vertical-demo"
            :default-active="activeIndex"
            background-color="transparent"
            text-color="#fff"
            @select="handleselect"
          >
            <customElMenu :menuData="menuList"></customElMenu>
          </el-menu>
        </div>
      </el-card>
  <div class="contentBox">

    <div
      class="box"
      ref="box"
    >
      <div class="left box_div">
        <el-menu
          :default-active="activeIndex"
          background-color="transparent"
          @select="handleselect"
        >
          <customElMenu :menuData="menuList"></customElMenu>
        </el-menu>
      </div>
      <div
        class="resize"
        title="收缩侧边栏"
      >
        â‹®
      </div>
      <div class="mid box_div">
        <menu-settings v-if="setMenuFlag == 'menuSettings'"></menu-settings>
        <user-management v-if="setMenuFlag == 'userInfoManage'"></user-management>
        <org-manage v-if="setMenuFlag == 'orgManage'"></org-manage>
        <resource-manage v-if="setMenuFlag == 'resourceManage'"></resource-manage>
        <role-manage v-if="setMenuFlag == 'roleManage'"></role-manage>
        <authority-manage v-if="setMenuFlag == 'authorityManage'"></authority-manage>
        <user-role-authorization v-if="setMenuFlag == 'userRoleAuthorization'"></user-role-authorization>
        <menu-role-authorization v-if="setMenuFlag == 'menuRoleAuthorization'"></menu-role-authorization>
        <role-menu-authorization v-if="setMenuFlag == 'roleMenuAuthorization'">
        </role-menu-authorization>
        <role-res-authorization v-if="setMenuFlag == 'roleResAuthorization'"></role-res-authorization>
        <log-log v-if="setMenuFlag == 'logLog'"> </log-log>
        <operation-log v-if="setMenuFlag == 'operationLog'"></operation-log>
        <eventlog-manage v-if="setMenuFlag == 'eventlogManage'"></eventlog-manage>
        <tokentool v-if="setMenuFlag == 'tokentool'"></tokentool>
        <blackwhite-list v-if="setMenuFlag == 'blackwhiteList'"></blackwhite-list>
        <database-monitoring v-if="setMenuFlag == 'dataIfream'"></database-monitoring>
        <system-monitoring v-if="setMenuFlag == 'systemMonitoring'"></system-monitoring>
        <parameter-configuration v-if="setMenuFlag == 'parameterConfiguration'"></parameter-configuration>
        <downlog v-if="setMenuFlag == 'downlog'"></downlog>
      </div>
    </div>
    <div class="right_page">
      <el-card class="el-card-define">
       <div>
          <menu-settings v-if="setMenuFlag == 'menuSettings'"></menu-settings>
          <user-management v-if="setMenuFlag == 'userInfoManage'"></user-management>
          <org-manage v-if="setMenuFlag == 'orgManage'"></org-manage>
          <resource-manage v-if="setMenuFlag == 'resourceManage'"></resource-manage>
          <role-manage v-if="setMenuFlag == 'roleManage'"></role-manage>
          <authority-manage v-if="setMenuFlag == 'authorityManage'"></authority-manage>
          <user-role-authorization v-if="setMenuFlag == 'userRoleAuthorization'"></user-role-authorization>
          <menu-role-authorization v-if="setMenuFlag == 'menuRoleAuthorization'"></menu-role-authorization>
          <role-menu-authorization v-if="setMenuFlag == 'roleMenuAuthorization'">
          </role-menu-authorization>
          <role-res-authorization v-if="setMenuFlag == 'roleResAuthorization'"></role-res-authorization>
          <log-log v-if="setMenuFlag == 'logLog'"> </log-log>
          <operation-log v-if="setMenuFlag == 'operationLog'"></operation-log>
          <eventlog-manage v-if="setMenuFlag == 'eventlogManage'"></eventlog-manage>
          <tokentool v-if="setMenuFlag == 'tokentool'"></tokentool>
          <blackwhite-list v-if="setMenuFlag == 'blackwhiteList'"></blackwhite-list>
          <database-monitoring v-if="setMenuFlag == 'dataIfream'"></database-monitoring>
          <system-monitoring v-if="setMenuFlag == 'systemMonitoring'"></system-monitoring>
          <parameter-configuration v-if="setMenuFlag == 'parameterConfiguration'"></parameter-configuration>
          <downlog v-if="setMenuFlag == 'downlog'"></downlog>
        </div>
      </el-card>
    </div>

  </div>

</template>

<script>
@@ -64,12 +67,12 @@
import databaseMonitoring from '@/views/maintenance/databaseMonitoring.vue'; //数据库监控
import systemMonitoring from '@/views/maintenance/systemMonitoring.vue'; //系统监控
import parameterConfiguration from '@/views/maintenance/parameterConfiguration.vue'; //系统配置
import downlog  from '@/views/maintenance/downlog.vue'; //下载日志
import downlog from '@/views/maintenance/downlog.vue'; //下载日志
import { selectMenuRecursive, queryMenuTree, getPerms } from '../../api/api';
import customElMenu from '../../components/customElMenu.vue';
export default {
  components: {
  menuSettings,
    menuSettings,
    userManagement,
    orgManage,
    resourceManage,
@@ -92,7 +95,7 @@
  },
  data() {
    return {
     setMenuFlag: '   ',
      setMenuFlag: '   ',
      activeIndex: ' ',
      oriData: [], //原始树数据
      dirData: [], //el树数据
@@ -113,10 +116,10 @@
  },
  created() { },
  mounted() {
  this.getTreeData();
    this.getTreeData();
  },
  methods: {
     async getCookies() {
    async getCookies() {
      var boolean = this.getTimeCookies();
      if (boolean != true) {
        this.$router.push('/login');
@@ -145,9 +148,9 @@
      let menuLists = data.result.filter((value) => {
        return value.url == '/mochaitmo';
      });
      
      const res = await selectMenuRecursive({ id: menuLists[0].id});
         

      const res = await selectMenuRecursive({ id: menuLists[0].id });

      if (res.code == 200) {
        if (res.result.length != 0) {
          let menuList = res.result.filter((value) => {
@@ -212,66 +215,4 @@
};
</script>

<style lang="less" scoped>
.mochaitmo_Box {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 0;
  padding: 10px;
  overflow-y: hidden;
  .left_tree {
    width: 270px;
    height: 100%;
    position: relative;
    float: left;
    border-radius: 5px;
  }
  .el-card-define {
    height: 100%;
    background: #303030;
    border: 1px solid gray;
    padding: 1px !important;
  }
  .el-tree {
    background-color: transparent;
  }
  .card_tree {
    height: 100%;
    overflow-y: auto;
  }
  .el-card__body,
  .el-main {
    padding: 0px !important;
    height: 100%;
  }
  .right_page {
    width: calc(100% - 280px);
    height: 100%;
    background: #303030;
    position: relative;
    float: right;
  }
  /deep/.el-menu {
    border: transparent !important;
  }
  /deep/.el-submenu__title:hover {
    background: rgba(255, 255, 255, 0.3) !important;
  }
  /deep/ .el-submenu .el-menu-item:hover {
    background: rgba(255, 255, 255, 0.3) !important;
  }
  /deep/.el-textarea__inner {
    background: transparent;
    border-color: #fff !important;
    color: white;
  }
  /deep/.el-textarea .el-input__count {
    background: transparent;
    color: #fff !important;
  }
  /deep/ .el-card__body {
    padding: 0px !important;
    height: 100%;
  }
}
</style>
 

 src/views/maintenance/operationLog.vue

@@ -1,15 +1,17 @@
<template>
  <div class="operationLog_box">
    <My-bread
      :list="[
    <My-bread :list="[
        `${$t('operatManage.operatManage')}`,
        `${$t('operatManage.operationLog')}`,
      ]"
    ></My-bread>
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
      
      <el-form :inline="true" ref="sizeForm" :model="sizeForm">
    <div class="inquire subpage_Div">

      <el-form
        :inline="true"
        ref="sizeForm"
        :model="sizeForm"
      >
        <el-form-item
          prop="uname"
          :label="$t('operatManage.operationLogObj.username')"
@@ -90,20 +92,24 @@
          <el-button
            @click="onSubmit"
            icon="el-icon-search"
             size="small"      type="primary"
            >{{ $t("operatManage.operationLogObj.inquire") }}</el-button
          >
            size="small"
            type="primary"
          >{{ $t("operatManage.operationLogObj.inquire") }}</el-button>
          <el-button
            @click="onEmpty('sizeForm')"
            icon="el-icon-delete"
            type="info" size="small"
            >{{ $t("operatManage.operationLogObj.empty") }}</el-button
          >
            type="info"
            size="small"
          >{{ $t("operatManage.operationLogObj.empty") }}</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
      <el-table :data="tableData" style="width: 100%" height="79%">
    <div class="table_box subpage_Div">
      <el-table
        :data="tableData"
        style="width: 100%"
        height="79%"
      >
        <!-- <el-table-column type="selection" width="55" /> -->
        <el-table-column
          :label="$t('operatManage.operationLogObj.num')"
@@ -161,7 +167,10 @@
          </template>
        </el-table-column> -->
      </el-table>
      <div style="margin-top: 40px" class="pagination_box">
      <div
        style="margin-top: 40px"
        class="pagination_box"
      >
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
@@ -302,121 +311,19 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;

  .inquire {
    padding: 10px;
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
   
    margin-bottom: 20px;
    .herder_box {
      padding: 10px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 20px;
      font-size: 14px;
    }
    /deep/.el-form-item__label {
      color: white;
    }
    /deep/ .el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
  }
  .table_box {
    padding: 10px;
    border-radius: 5px;
    overflow: auto;
    height: 60%;
    /*修改table è¡¨ä½“的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

      th,
      td {
        background-color: transparent;
      }
      .el-table__expanded-cell {
        background-color: transparent !important;
      }

      // è¡¨å¤´èƒŒæ™¯è‰²
      th.el-table__cell {
        background-color: #303030;
        color: #fff;
      }
      tr > td {
        background-color: #303030;
        color: #fff;
      }

      // hover效果
      tr:hover > td {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }

      tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        // text-align: center;
      }

      // æ»šåŠ¨æ¡å®½é«˜
      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        /*滚动条宽度*/
        height: 10px;
        /*滚动条高度*/
      }
      /*定义滚动条轨道 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #216fe6 inset;
        /*滚动条的背景区域的内阴影*/
        border-radius: 10px;
      }

      /*定义滑块 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #216fe6 inset;
        border-radius: 6px;
        background-color: #216fe6;
      }
    }
    .pagination_box {
      /deep/.el-input__inner {
        background-color: transparent !important;
        border: 1px solid;
        color: white;
      }
      /deep/.el-pagination__total {
        color: white;
      }
      /deep/.el-pagination__jump {
        color: white;
      }
      /deep/.el-pager li.active {
        color: #1890ff;
      }
      /deep/.el-pager li {
        color: white;
        background: transparent;
      }
      /deep/.el-pager li {
        color: white;
      }
      /deep/.btn-prev {
        background: transparent;
      }
      /deep/.btn-next {
        background: transparent;
      }
    }
  }
  .text-center {
    text-align: center;

 src/views/maintenance/parameterConfiguration.vue

@@ -262,14 +262,14 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
 
  .parameterConfiguration {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 88%;
    overflow: auto;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
 
    box-sizing: border-box;
    .el-select {
      width: 100%;
@@ -278,119 +278,12 @@
      display: flex;
      justify-content: center;
    }
    /*修改table è¡¨ä½“的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

      th,
      td {
        background-color: transparent;
      }
      .el-table__expanded-cell {
        background-color: transparent !important;
      }

      // è¡¨å¤´èƒŒæ™¯è‰²
      th.el-table__cell {
        background-color: #303030;
        color: #fff;
      }
      tr > td {
        background-color: #303030;
        color: #fff;
      }

      // hover效果
      tr:hover > td {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }

      tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        // text-align: center;
      }

      // æ»šåŠ¨æ¡å®½é«˜
      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        /*滚动条宽度*/
        height: 10px;
        /*滚动条高度*/
      }
      /*定义滚动条轨道 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #216fe6 inset;
        /*滚动条的背景区域的内阴影*/
        border-radius: 10px;
      }

      /*定义滑块 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #216fe6 inset;
        border-radius: 6px;
        background-color: #216fe6;
      }
    }
 
  }
  .pagination_box {
    margin-top: 20px;
    margin-top: 10px;
  }

  .pagination_box {
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #1890ff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
  }
  /deep/ .el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/.el-form-item__label {
    color: white;
  }
  .boxlabel {
    color: white;
  }
 
}
</style>

 src/views/maintenance/systemMonitoring.vue

@@ -6,8 +6,8 @@
      ]"></My-bread>
    <el-divider />
    <div class="content_Box">
      <div class="cloumn_Box1">
        <div class="flex_Box1">
      <div class="cloumn_Box1"> 
        <div class="flex_Box1 subpage_Div">
          <el-tabs
            v-model="activeName"
            @tab-click="handleClick"
@@ -78,7 +78,7 @@
            </el-tab-pane>
          </el-tabs>
        </div>
        <div class="flex_Box">
        <div class="flex_Box subpage_Div">
          <div>
            <div
              style="line-height: 32px"
@@ -118,7 +118,7 @@
        </div>
      </div>
      <div class="cloumn_Box">
        <div class="flex_Box">
        <div class="flex_Box subpage_Div">
          <div style="width: 100%; height: 20px">
            <div class="image1"></div>
            <div class="imageTitle">
@@ -168,7 +168,7 @@
            </div>
          </div>
        </div>
        <div class="flex_Box">
        <div class="flex_Box subpage_Div">
          <div>
            <div class="image2"></div>
            <div
@@ -183,7 +183,7 @@
            style="width: 100%; height: 86%; margin-top: 8%"
          ></div>
        </div>
        <div class="flex_Box">
        <div class="flex_Box subpage_Div">
          <div style="width: 100%; height: 34px">
            <div class="image3"></div>
            <div
@@ -666,7 +666,6 @@
        toolbox: {
          show: true,
          feature: {

            saveAsImage: { show: true }
          }
        },
@@ -675,7 +674,7 @@
          left: 'center',
          textStyle: {
            fontSize: 18, //字体大小
            color: '#ffffff', //字体颜色
            
          },
        },
        series: [
@@ -869,11 +868,11 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
 
  .content_Box {
    width: 97%;
    height: 85%;
    position: absolute;
    width: 100%;
    height: 90%;
 
    display: flex;
    flex-direction: column;
    justify-content: space-around;
@@ -886,10 +885,10 @@
      .flex_Box {
        width: 30.5%;
        height: 88%;
        border: 1px solid rgb(202, 201, 204);
        
        border-radius: 5px;
        padding: 1%;
        background: rgb(21, 20, 20);
        

        .image1 {
          width: 46px;
@@ -936,7 +935,7 @@
    }
    .imageTitle {
      float: left;
      color: white;
      
      margin-left: 10px;
    }
    .ycTltle {
@@ -982,11 +981,9 @@
          .height_title {
            width: 100%;
            height: 48%;
            label {
              color: white;
            }
            
            p {
              color: white;
              
              margin-top: 3%;
              font-size: 24px;
            }
@@ -1009,83 +1006,21 @@
        width: 64%;
        height: 92%;
        padding: 1%;
        border: 1px solid rgb(202, 201, 204);
       
        border-radius: 5px;
        background: rgb(21, 20, 20);
        
      }
      .flex_Box {
        width: 30.5%;
        height: 92%;
        border: 1px solid rgb(202, 201, 204);
    
        border-radius: 5px;
        padding: 1%;
        background: rgb(21, 20, 20);
         
      }
    }
  }
  /deep/.el-tabs__item {
    color: white;
  }
  /deep/.el-tabs__item.is-active {
    color: #009cff;
  }
  /*修改table è¡¨ä½“的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // è¡¨å¤´èƒŒæ™¯è‰²
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // æ»šåŠ¨æ¡å®½é«˜
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 10px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 å†…阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
  
 
}
</style>

 src/views/maintenance/tokentool.vue

@@ -5,7 +5,7 @@
        `${$t('operatManage.tokentool')}`,
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
    <div class="inquire subpage_Div">
      <el-form
        ref="formData"
        :model="ruleForm"
@@ -69,10 +69,11 @@
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
    <div class="table_box  subpage_Div">
      <div></div>
      <el-table
        :data="tableData"
        height="102.1%"
        
        style="width: 100%"
        @selection-change="handleSelectionChange"
      >
@@ -168,19 +169,20 @@
          </template>
        </el-table-column>
      </el-table>
      <div style="margin-top:10px">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="listData.pageIndex"
          :page-sizes="[10, 20, 30, 40]"
          :page-size="listData.pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="count"
        >
        </el-pagination>
      </div>
    </div>
    <div class="pagination_box">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="listData.pageIndex"
        :page-sizes="[10, 20, 30, 40]"
        :page-size="listData.pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="count"
      >
      </el-pagination>
    </div>

    <!-- æ–°å¢žå¼¹çª— -->
    <el-dialog
      :title="$t('operatManage.tokentoolObj.addToken')"
@@ -599,11 +601,7 @@
  },
};
</script>
<style scoped>
/deep/ .el-table__fixed-right {
  height: 100% !important;
}
</style>
 
<style lang="less" scoped>
//@import url(); å¼•å…¥å…¬å…±cssç±»

@@ -611,150 +609,28 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
overflow: auto;
  .el-input {
    width: 745px;
  }
  .el-select {
    width: 745px;
  }

  .inquire {
    padding: 10px;
    margin-top: 20px;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);

    margin-bottom: 10px;
    .herder_box {
      padding: 10px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 20px;
      font-size: 14px;
    }

    .el-select {
      width: 200px;
    }
    /deep/.el-form-item__label {
      color: white;
    }
    /deep/ .el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
  }
  .table_box {
    padding: 10px;
    height: 63%;
    
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    margin-bottom: 10px;
    /*修改table è¡¨ä½“的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

      th,
      td {
        background-color: transparent;
      }
      .el-table__expanded-cell {
        background-color: transparent !important;
      }

      // è¡¨å¤´èƒŒæ™¯è‰²
      th.el-table__cell {
        background-color: #303030;
        color: #fff;
      }
      tr > td {
        background-color: #303030;
        color: #fff;
      }

      // hover效果
      tr:hover > td {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }

      tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        // text-align: center;
      }

      // æ»šåŠ¨æ¡å®½é«˜
      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        /*滚动条宽度*/
        height: 10px;
        /*滚动条高度*/
      }
      /*定义滚动条轨道 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #216fe6 inset;
        /*滚动条的背景区域的内阴影*/
        border-radius: 10px;
      }

      /*定义滑块 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #216fe6 inset;
        border-radius: 6px;
        background-color: #216fe6;
      }
    }
  }
  .pagination_box {
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #1890ff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
  }
  /deep/ .el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/.el-form-item__label {
    color: white;
  }
}
</style>

 src/views/maintenance/userManagement.vue

@@ -5,7 +5,7 @@
        `${$t('userManage.userManage')}`,
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
    <div class="inquire subpage_Div">
      <el-form
        ref="queryForm"
        :model="queryForm"
@@ -92,7 +92,7 @@
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
    <div class="table_box subpage_Div">
      <el-table
        :data="tableData"
        border
@@ -1203,18 +1203,13 @@
  },
};
</script>
<style>
/deep/ .el-table__fixed-right {
  height: 100% !important;
}
</style>
 
<style lang="less" scoped>
//@import url(); å¼•å…¥å…¬å…±cssç±»
.userInfo_box {
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;

  .el-input {
    width: 300px;
@@ -1227,7 +1222,7 @@
    margin-top: 20px;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);

    margin-bottom: 20px;
    .el-form-item {
      margin: 5px;
@@ -1237,67 +1232,8 @@
    height: 60%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);

    overflow: auto;

    /*修改table è¡¨ä½“的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

      th,
      td {
        background-color: transparent;
      }
      .el-table__expanded-cell {
        background-color: transparent !important;
      }

      // è¡¨å¤´èƒŒæ™¯è‰²
      th.el-table__cell {
        background-color: #303030;
        color: #fff;
      }
      tr > td {
        background-color: #303030;
        color: #fff;
      }

      // hover效果
      tr:hover > td {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }

      tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        // text-align: center;
      }

      // æ»šåŠ¨æ¡å®½é«˜
      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        /*滚动条宽度*/
        height: 5px;
        /*滚动条高度*/
      }
      /*定义滚动条轨道 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #216fe6 inset;
        /*滚动条的背景区域的内阴影*/
        border-radius: 10px;
      }

      /*定义滑块 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #216fe6 inset;
        border-radius: 6px;
        background-color: #216fe6;
      }
    }
  }
  .el-dialog {
    .el-form-item {
@@ -1320,78 +1256,6 @@
      }
    }
  }
  /deep/.el-form-item__label {
    color: white;
  }
  /deep/.el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/ .el-dialog__body {
    padding: 10px 0 0 0;
  }
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #409eff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
  }
  /deep/.userInfo_box .pagination_box .btn-next {
    background: white;
  }
}
</style>
<style>
.el-select-dropdown {
  background: #303030;
  border-color: 1px solid;
}

.el-scrollbar__wrap {
  margin-bottom: -20px !important;
  margin-right: -20px !important;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: rgba(255, 255, 255, 0.3);
}
.el-select-dropdown__item {
  color: white !important;
}
</style>
 

 src/views/userManage/authorityManage.vue

@@ -5,7 +5,7 @@
        `${$t('userManage.authorityManage')}`,
      ]"></My-bread>
    <el-divider />
    <div class="power_quire">
    <div class="power_quire subpage_Div">
      <el-form
        ref="form"
        :model="ruleForm"
@@ -43,7 +43,7 @@
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
    <div class="table_box subpage_Div">
      <el-table
        :data="tableData"
        style="width: 100%"
@@ -142,7 +142,7 @@
    </div>

    <div
      class="infoBox"
      class="infoBox subpage_Div box_div"
      v-show="showinfoBox"
    >
      <el-card class="box-card">
@@ -514,25 +514,15 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
 
  .el-input {
    width: 300px;
  }
  .power_quire {
    overflow: auto;
    padding: 8px;

    /deep/ .el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-form-item {
      margin-bottom: 0px;
    }
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);

 
    margin-bottom: 10px;
  }
  .table_box {
@@ -540,187 +530,12 @@
    padding: 10px;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    /*修改table è¡¨ä½“的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

      th,
      td {
        background-color: transparent;
      }
      .el-table__expanded-cell {
        background-color: transparent !important;
      }

      // è¡¨å¤´èƒŒæ™¯è‰²
      th.el-table__cell {
        background-color: #303030;
        color: #fff;
      }
      tr > td {
        background-color: #303030;
        color: #fff;
      }

      // hover效果
      tr:hover > td {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }

      tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        // text-align: center;
      }

      // æ»šåŠ¨æ¡å®½é«˜
      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        /*滚动条宽度*/
        height: 10px;
        /*滚动条高度*/
      }
      /*定义滚动条轨道 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #216fe6 inset;
        /*滚动条的背景区域的内阴影*/
        border-radius: 10px;
      }

      /*定义滑块 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #216fe6 inset;
        border-radius: 6px;
        background-color: #216fe6;
      }
    }
 
 
  }
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #1890ff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
  }
  .infoBox {
    width: 500px;
    position: absolute;
    z-index: 100;
    top: 15%;
    right: 12%;
    background-color: #303030;
    .el-icon-close {
      color: white;
    }
    .el-card {
      background-color: transparent;
      span {
        font-size: 16px;
        font-weight: 600;
        color: white;
      }
    }
    .contentBox {
      margin: 0 aotu 10px;
      height: 485px;
      overflow: auto;
      p {
        color: white;
        font-size: 14px;
      }
      .boxlabel {
        margin-left: 10px;
      }
    }
    /* æ•´ä½“样式 */
    .contentBox::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }

    /* æ»šåŠ¨æ¡ */
    .contentBox::-webkit-scrollbar-thumb {
      background-color: #b3d8ff;
      border-radius: 6px;
    }

    /* æ»šåŠ¨æ¡é¼ æ ‡ç»è¿‡æ ·å¼ */
    .contentBox::-webkit-scrollbar-thumb:hover {
      background-color: #b3d8ff;
      border-radius: 6px;
    }

    /* æ»šåŠ¨æ¡è½¨é“ */
    .contentBox::-webkit-scrollbar-track-piece {
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      background: #ededed;
    }
  }
  /deep/ .el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/.el-form-item__label {
    color: white;
  }
 
 
   
}
</style>
<style>
.el-select-dropdown {
  background: #303030;
  border-color: 1px solid;
}

.el-scrollbar__wrap {
  margin-bottom: -20px !important;
  margin-right: -20px !important;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: rgba(255, 255, 255, 0.3);
}
.el-select-dropdown__item {
  color: white !important;
}
</style>
 

 src/views/userManage/orgManage.vue

@@ -6,7 +6,7 @@
      ]"></My-bread>
    <el-divider />
    <div class="cataLogContent">
      <div class="left_Tree">
      <div class="left_Tree subpage_Div">
        <div style="min-width:200px">
          <el-tree
            ref="tree"
@@ -20,7 +20,7 @@
          </el-tree>
        </div>
      </div>
      <div class="right_menu">
      <div class="right_menu subpage_Div">

        <div style="display:flex;justify-content:space-between">
          <el-breadcrumb separator="/">
@@ -30,35 +30,40 @@
          </el-breadcrumb>

          <div>
            <el-button   v-if="menuStatus.update"
            <el-button
              v-if="menuStatus.update"
              :disabled="itemdetail.pid == null ? true : false"
              @click="setEditNode(1)"
              type="info"
              icon="el-icon-top"
              size="small"
            >向上移动</el-button>
            <el-button   v-if="menuStatus.update"
            <el-button
              v-if="menuStatus.update"
              :disabled="itemdetail.pid == null ? true : false"
              @click="setEditNode(2)"
              type="info"
              icon="el-icon-bottom"
              size="small"
            >向下移动</el-button>
            <el-button   v-if="menuStatus.insert"
            <el-button
              v-if="menuStatus.insert"
              :disabled="itemdetail.pid == null ? true : false"
              @click="setNewNode(1)"
              type="success"
              icon="el-icon-plus"
              size="small"
            >新增同级</el-button>
            <el-button   v-if="menuStatus.insert"
            <el-button
              v-if="menuStatus.insert"
              :disabled="itemdetail.pid == null ? true : false"
              @click="setNewNode(2)"
              type="success"
              icon="el-icon-plus"
              size="small"
            >新增子级</el-button>
            <el-button  v-if="menuStatus.delete"
            <el-button
              v-if="menuStatus.delete"
              @click="setDelNode()"
              :disabled="itemdetail.pid == null ? true : false"
              type="danger"
@@ -795,10 +800,10 @@
          break;
      }
    },
      getPerms() {
    getPerms() {
      var val = this.$store.state.currentPerms;
      var permsEntity = this.$store.state.permsEntity;
     

      if (permsEntity.length == 0) {
        getPerms().then((res) => {
          if (res.code == 200) {
@@ -816,7 +821,7 @@
  },
  mounted() {
    this.getMenuTree();
        this.getPerms();
    this.getPerms();
  },
  created() {
    // var val = this.$store.state.currentPerms;
@@ -835,7 +840,7 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;

  .cataLogContent {
    width: 100%;
    height: 92%;
@@ -845,22 +850,15 @@
  .left_Tree {
    width: 15%;
    height: 91%;
    border: 1px solid white;

    border-radius: 5px;
    padding: 1%;
    overflow-y: auto;

    .el-icon-circle-plus {
      color: gray;
    }
    .el-icon-delete-solid {
      color: gray;
    }
  }
  .right_menu {
    width: 80%;
    height: 91%;
    border: 1px solid white;

    border-radius: 5px;
    padding: 1%;
    overflow: auto;
@@ -868,158 +866,6 @@
    .el-input {
      width: 400px;
    }
    /deep/.el-form-item__label {
      color: white;
    }
  }
  .el-card-define {
    height: 680px;
    background: #303030;
    border: 1px solid gray;
    padding: 1px;
  }
  .card_tree {
    display: block;
    height: 650px;
    overflow-y: auto;
    // æ›´æ”¹æŒ‡æ ‡æ ‘图标颜色
    /deep/ .el-tree .el-icon-caret-right:before {
      color: white; /** è¿™é‡Œæ˜¯è¦ä¿®æ”¹å›¾æ ‡çš„颜色 **/
    }
    /deep/ .el-tree {
      color: white; /** è¿™é‡Œæ˜¯è¦ä¿®æ”¹å›¾æ ‡çš„颜色 **/
      background: transparent;
    }
    /deep/.el-tree-node__content {
      &:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }
    }
    /deep/.el-tree-node.is-current > .el-tree-node__content {
      background-color: rgba(255, 255, 255, 0.3) !important;
      color: #409eff;
    }
  }
  // .menuSettings_tree {
  //   position: relative;
  //   width: 344px;
  //   height: 100%;
  //   background: rgb(240, 242, 245);
  //   padding: 20px;
  //   border-radius: 10px;
  //   box-sizing: border-box;
  //   overflow: auto;
  //   .saveBtn {
  //     position: absolute;
  //     left: 250px;
  //     top: 23px;
  //   }
  //   .depTreeBox {
  //     height: 88%;
  //     width: 100%;
  //     overflow: auto;
  //     .el-tree {
  //       background: transparent;
  //       font-size: 15px;
  //       font-family: Microsoft YaHei;
  //       font-weight: 400;
  //       color: #000000;
  //       /deep/ .el-tree-node {
  //         padding-top: 10px;
  //         // padding-bottom: 10px;
  //       }
  //       /deep/ .el-tree-node:focus > .el-tree-node__content {
  //         background-color: #b9b9b9;
  //       }
  //       /deep/ .el-tree-node__content:hover {
  //         background-color: rgb(153, 153, 153);
  //       }
  //       .btnBox {
  //         margin: 0 10px 0 5px;
  //         .el-button + .el-button {
  //           margin-left: 5px;
  //         }
  //       }
  //     }
  //   }
  // }
  // .itemSettings {
  //   width: calc(100% - 344px);
  //   border-radius: 10px;
  //   background: rgb(240, 242, 245);
  //   margin-left: 10px;
  //   height: 100%;
  //   padding: 10px;
  //   box-sizing: border-box;
  //   .title_box {
  //     background: #fff;
  //     padding: 10px;
  //     margin-bottom: 24px;
  //     display: flex;
  //     border-radius: 10px;
  //     border: 1px solid rgb(202, 201, 204);
  //     box-sizing: border-box;
  //   }
  //   .form_box {
  //     border: 1px solid rgb(202, 201, 204);
  //     border-radius: 10px;
  //     background: #fff;
  //     padding-top: 30px;
  //     box-sizing: border-box;
  //     width: 100%;
  //     .el-input,
  //     /deep/ .el-textarea {
  //       width: 400px;
  //     }
  //     .btnBox {
  //       margin: 0 270px 20px;
  //       width: 200px;
  //       display: flex;
  //       justify-content: space-between;
  //     }
  //   }
  // }
  /deep/ .el-dialog__body {
    padding: 0 30px 0 0;
  }
  /*里面的代码可以根据自己需求去进行更改*/
  /* è®¾ç½®æ»šåŠ¨æ¡çš„样式 */
  ::-webkit-scrollbar {
    width: 4px;
  }
  /* æ»šåŠ¨æ§½ */
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }
  /* æ»šåŠ¨æ¡æ»‘块 */
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #8b8b8b;
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background: #8b8b8b;
    height: 289px;
  }
  /deep/ .el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/.el-form-item__label {
    color: white;
  }
}
</style>

 src/views/userManage/resourceManage.vue

@@ -5,7 +5,7 @@
        `${$t('userManage.resManage')}`,
      ]"></My-bread>
    <el-divider />
    <div class="power_quire">
    <div class="power_quire subpage_Div">
      <el-form
        ref="form"
        :model="ruleForm"
@@ -45,7 +45,7 @@
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
    <div class="table_box ">
      <el-table
        :data="tableData"
        style="width: 100%"
@@ -141,7 +141,7 @@
      </el-pagination>
    </div>
    <div
      class="infoBox"
      class="infoBox box_div "
      v-show="showinfoBox"
    >
      <el-card class="box-card">
@@ -157,6 +157,7 @@
            <i class="el-icon-close"></i>
          </div>
        </div>
        <el-divider></el-divider>
        <div class="contentBox">
          <p>
            <label> {{ $t('userManage.resManageObj.name') }}:</label>
@@ -550,7 +551,7 @@
      </div>
    </div>
    <div
      class="leftTree"
      class="leftTree box_div"
      v-if="showDepCata"
    >
      <div class="treeBox">
@@ -893,23 +894,16 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
 
  .el-input {
    width: 730px;
  }
  /deep/.el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/.el-form-item__label {
    color: white;
  }
 
  .power_quire {
    padding: 10px;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    
    margin-bottom: 10px;
    .el-form-item {
      margin: 5px;
@@ -918,100 +912,8 @@
      width: 467px;
    }
  }
  .table_box {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);

    /*修改table è¡¨ä½“的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

      th,
      td {
        background-color: transparent;
      }
      .el-table__expanded-cell {
        background-color: transparent !important;
      }

      // è¡¨å¤´èƒŒæ™¯è‰²
      th.el-table__cell {
        background-color: #303030;
        color: #fff;
      }
      tr > td {
        background-color: #303030;
        color: #fff;
      }

      // hover效果
      tr:hover > td {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }

      tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        // text-align: center;
      }

      // æ»šåŠ¨æ¡å®½é«˜
      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        /*滚动条宽度*/
        height: 10px;
        /*滚动条高度*/
      }
      /*定义滚动条轨道 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #216fe6 inset;
        /*滚动条的背景区域的内阴影*/
        border-radius: 10px;
      }

      /*定义滑块 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #216fe6 inset;
        border-radius: 6px;
        background-color: #216fe6;
      }
    }
  }
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #1890ff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
  }
 
 
  .leftTree {
    position: absolute;
    z-index: 10;
@@ -1020,14 +922,11 @@
    left: 800px;
    width: 400px;
    height: 600px;
    background: #303030;
    border: 1px solid #000;
  
    .treeBox {
      height: 550px;
      overflow: auto;
      /deep/ .el-tree-node__content:hover {
        background-color: rgb(153, 153, 153);
      }
    
    }
    .btnBox {
      width: 160px;
@@ -1035,103 +934,8 @@
      // background-color: red;
    }
  }
  .infoBox {
    width: 500px;

    position: absolute;
    z-index: 100;
    top: 25%;
    right: 12%;
    .el-icon-close {
      color: white;
    }
    background-color: #303030;
    .el-card {
      background-color: transparent;
      span {
        font-size: 16px;
        font-weight: 600;
        color: white;
      }
    }
    .contentBox {
      margin: 0 aotu 10px;
      height: 485px;
      overflow: auto;
      p {
        // background-color: #bfa;
        // margin-bottom: 10px;
        color: white;
        font-size: 14px;
      }
      .boxlabel {
        margin-left: 10px;
      }
    }
    /* æ•´ä½“样式 */
    .contentBox::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }

    /* æ»šåŠ¨æ¡ */
    .contentBox::-webkit-scrollbar-thumb {
      background-color: #b3d8ff;
      border-radius: 6px;
    }

    /* æ»šåŠ¨æ¡é¼ æ ‡ç»è¿‡æ ·å¼ */
    .contentBox::-webkit-scrollbar-thumb:hover {
      background-color: #b3d8ff;
      border-radius: 6px;
    }

    /* æ»šåŠ¨æ¡è½¨é“ */
    .contentBox::-webkit-scrollbar-track-piece {
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      background: #ededed;
    }
  }
  /deep/.el-form-item__label {
    color: white;
  }
  /deep/.el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/ .el-dialog__body {
    padding: 10px 0 0 0;
  }
 
 
}
</style>
<style  >
.el-select-dropdown {
  background: #303030;
  border-color: 1px solid;
}

.el-scrollbar__wrap {
  margin-bottom: -20px !important;
  margin-right: -20px !important;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: rgba(255, 255, 255, 0.3);
}
.el-select-dropdown__item {
  color: white !important;
}
</style>
 

 src/views/userManage/roleDepTree.vue

@@ -319,24 +319,10 @@
      font-size: 15px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #000000;
   

      // /deep/ .el-tree-node__label {
      //   font-size: 18px;
      // }
      /deep/ .el-tree-node {
        padding-top: 10px;
        // padding-bottom: 10px;
      }

      /deep/ .el-tree-node:focus > .el-tree-node__content {
        background-color: #b9b9b9;
      }

      /deep/ .el-tree-node__content:hover {
        background-color: rgb(153, 153, 153);
      }

     
    
      .btnBox {
        margin-left: 5px;


 src/views/userManage/roleManage.vue

@@ -5,7 +5,7 @@
        `${$t('userManage.roleManage')}`,
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
    <div class="inquire subpage_Div">
      <el-form
        ref="ruleForm"
        :model="roleForm"
@@ -75,7 +75,7 @@
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
    <div class="table_box subpage_Div">
      <el-table
        :data="tableData"
        style="width: 100%"
@@ -353,7 +353,7 @@
      </div>
    </el-dialog>
    <div
      class="leftTree"
      class="leftTree subpage_Div box_div"
      v-if="showCata"
    >
      <div class="treeBox">
@@ -374,7 +374,7 @@
    </div>

    <div
      class="infoBox"
      class="infoBox box_div subpage_Div"
      v-show="showinfoBox"
    >
      <el-card>
@@ -721,7 +721,6 @@
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
  overflow: auto;
  .el-input {
    width: 300px;
@@ -733,15 +732,10 @@
    left: 37%;
    width: 400px;
    height: 600px;
    background: #303030;
    border: 1px solid #000;
    color: black;

    .treeBox {
      height: 550px;
      overflow: auto;
      /deep/ .el-tree-node__content:hover {
        background-color: rgb(153, 153, 153);
      }
    }
    .btnBox {
      width: 123px;
@@ -757,18 +751,9 @@
    margin-top: 10px;
    width: calc(100% - 22px);
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);

    .el-form-item {
      margin: 7px;
    }
    /deep/ .el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-form-item__label {
      color: white;
    }
  }
  .table_box {
@@ -778,181 +763,9 @@
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
    }
    /deep/.el-pagination__total {
      color: white;
    }
    /deep/.el-pagination__jump {
      color: white;
    }
    /deep/.el-pager li.active {
      color: #1890ff;
    }
    /deep/.el-pager li {
      color: white;
      background: transparent;
    }
    /deep/.el-pager li {
      color: white;
    }
    /deep/.btn-prev {
      background: transparent;
    }
    /deep/.btn-next {
      background: transparent;
    }
    /*修改table è¡¨ä½“的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

      th,
      td {
        background-color: transparent;
      }
      .el-table__expanded-cell {
        background-color: transparent !important;
      }

      // è¡¨å¤´èƒŒæ™¯è‰²
      th.el-table__cell {
        background-color: #303030;
        color: #fff;
      }
      tr > td {
        background-color: #303030;
        color: #fff;
      }

      // hover效果
      tr:hover > td {
        background-color: rgba(255, 255, 255, 0.3) !important;
      }

      tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        // text-align: center;
      }

      // æ»šåŠ¨æ¡å®½é«˜
      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 5px;
      }

      .el-table__body-wrapper::-webkit-scrollbar {
        width: 5px;
        /*滚动条宽度*/
        height: 10px;
        /*滚动条高度*/
      }
      /*定义滚动条轨道 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #216fe6 inset;
        /*滚动条的背景区域的内阴影*/
        border-radius: 10px;
      }

      /*定义滑块 å†…阴影+圆角*/
      .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #216fe6 inset;
        border-radius: 6px;
        background-color: #216fe6;
      }
    }
  }
  .text-center {
    text-align: center;
  }
  .infoBox {
    width: 500px;

    position: absolute;
    z-index: 100;
    top: 15%;
    right: 12%;
    background-color: #303030;
    .el-icon-close {
      color: white;
    }
    .el-card {
      background-color: transparent;
      span {
        font-size: 16px;
        font-weight: 600;
        color: white;
      }
    }
    .contentBox {
      margin: 0 aotu 10px;
      height: 485px;
      overflow: auto;
      p {
        // background-color: #bfa;
        // margin-bottom: 10px;
        font-size: 14px;
        color: white;
      }
      .boxlabel {
        margin-left: 10px;
      }
    }
    /* æ•´ä½“样式 */
    .contentBox::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }

    /* æ»šåŠ¨æ¡ */
    .contentBox::-webkit-scrollbar-thumb {
      background-color: #b3d8ff;
      border-radius: 6px;
    }

    /* æ»šåŠ¨æ¡é¼ æ ‡ç»è¿‡æ ·å¼ */
    .contentBox::-webkit-scrollbar-thumb:hover {
      background-color: #b3d8ff;
      border-radius: 6px;
    }

    /* æ»šåŠ¨æ¡è½¨é“ */
    .contentBox::-webkit-scrollbar-track-piece {
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      background: #ededed;
    }
  }
  /deep/.el-form-item__label {
    color: white;
  }
  /deep/.el-input__inner {
    background-color: transparent !important;
    border: 1px solid;
    color: white;
  }
  /deep/ .el-dialog {
    background: #303030;
  }
  /deep/.el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid;
  }
  /deep/.el-dialog__title {
    color: white;
  }
  /deep/ .el-dialog__body {
    padding: 10px 0 0 0;
  }
  /deep/ .el-radio {
    color: white;
  }
  /deep/.el-radio__input.is-checked + .el-radio__label {
    color: #1890ff;
  }
}
</style>