样式修改

zhanghua

2022-12-27 dfb5adf5d4dc7971d9ef7c6528c302dc57f871fc

样式修改

 src/components/Table/index.vue

@@ -2,7 +2,7 @@
    <div class="Table">
        <div class="datatable">
            <el-table ref="multipleTable" :data="tableData" style="width: 100%"
                :header-cell-style="{'font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                :header-cell-style="{'font-size':'14px','font-weight':'650','line-height':'45px'}"
                :row-class-name="tableRowClassName">
                <el-table-column v-for="item in option.group" :key="item.prop" :label="item.label"
                    :prop="item.prop" :min-width="item['min-width'] ? item['item.min-width']:'10'">
@@ -171,7 +171,7 @@
    width: 100%;

    .el-table {
        color: #4b9bb7;
        // color: #4b9bb7;
    }

    .tools {
@@ -184,7 +184,7 @@
            display: flex;

            .sp-item {
                border: 1px solid #17324c;
                // border: 1px solid #17324c;
            }

            .funsItem {

 src/views/layout/index.vue

@@ -42,7 +42,7 @@
}

.el-main {
  background-color: #e4e5e9;
  background-color: #fff;
  color: #333;
  text-align: center;
  line-height: 160px;

 src/views/operate/fivepack/threepack/components/aside/index.vue

@@ -1,42 +1,53 @@
<template>
    <div class="aside">
        <div class="title">组织机构</div>
        <div class="input">
            <el-input placeholder="输入组织机构名称, 按下enter键搜索" v-model="searchArea" @change="filterTreeNode"></el-input>
        </div>
        <div class="menu">
            <el-tree ref="department" :filter-node-method="filterNode" :data="areaData" :props="defaultProps" @node-click="nodeClick"></el-tree>
        </div>
  <div class="aside">
    <div class="title">组织机构</div>
    <div class="input">
      <el-input
        placeholder="输入组织机构名称, 按下enter键搜索"
        v-model="searchArea"
        @change="filterTreeNode"
      ></el-input>
    </div>
    <div class="menu">
      <el-tree
        ref="department"
        :filter-node-method="filterNode"
        :data="areaData"
        :props="defaultProps"
        @node-click="nodeClick"
      ></el-tree>
    </div>
  </div>
</template>
<script>
import department from "@/api/system/department";

export default {
  name: 'departmentAside',
    data() {
        return {
          searchArea: null,
          areaData: [],
          defaultProps: {
              children: 'children',
              label: 'regionName'
          }
        };
    },
  name: "departmentAside",
  data() {
    return {
      searchArea: null,
      areaData: [],
      defaultProps: {
        children: "children",
        label: "regionName",
      },
    };
  },

    created() {
      if (sessionStorage.getItem('area')) {
        this.areaData = JSON.parse(sessionStorage.getItem('area'));
      } else {
        department.getDepartmentList()
            .then(res => {
              this.areaData = res;
              sessionStorage.setItem('area', JSON.stringify(this.areaData));
            })
            .catch(err => this.$message.error(err))
      }
    },
  created() {
    if (sessionStorage.getItem("area")) {
      this.areaData = JSON.parse(sessionStorage.getItem("area"));
    } else {
      department
        .getDepartmentList()
        .then((res) => {
          this.areaData = res;
          sessionStorage.setItem("area", JSON.stringify(this.areaData));
        })
        .catch((err) => this.$message.error(err));
    }
  },

  methods: {
    filterTreeNode() {
@@ -49,46 +60,47 @@
    },
    nodeClick(data, node, props) {
      if (node.level > 1) {
        this.$emit('selectedDepartment', data);
        this.$emit("selectedDepartment", data);
      }
    }
  }
    },
  },
};
</script>
<style lang="scss" scoped>
.aside {
    width: 200px;
    height: calc(103vh - 102px);
    background-color: #ffffff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    .title {
        line-height: 60px;
    }
  width: 200px;
  height: calc(103vh - 102px);
  background-color: #ffffff;
  padding: 10px;
  display: flex;
  flex-direction: column;
  .title {
    line-height: 60px;
    color: #333;
  }

    .input {
        line-height: 30px;
  .input {
    line-height: 30px;

        &::v-deep .el-input__inner {
            // background-color: #09152f;
            border: 1px solid #17324c;
        }
    &::v-deep .el-input__inner {
      // background-color: #09152f;
      border: 1px solid #17324c;
    }
  }

    .menu {
        margin-top: 20px;
        flex: 1;
        .el-tree{
            height: 100%;
            // background-color: #09152f;
            // &::v-deep .el-tree-node:focus>.el-tree-node__content{
            //     background-color: #092c4a;
            // }
            // &::v-deep .el-tree-node__content:hover{
            //     background-color: #092c4a;
            // }
        }
  .menu {
    margin-top: 20px;
    flex: 1;
    .el-tree {
      height: 100%;
      // background-color: #09152f;
      // &::v-deep .el-tree-node:focus>.el-tree-node__content{
      //     background-color: #092c4a;
      // }
      // &::v-deep .el-tree-node__content:hover{
      //     background-color: #092c4a;
      // }
    }
  }
}
</style>

 src/views/systemSetting/baseSetting/department/index.vue

@@ -35,9 +35,7 @@
        <el-table
            ref="multipleTable"
            :header-cell-style="{
            background: '#06122c',
            'font-size': '12px',
            color: '#4b9bb7',
            'font-size': '14px',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -444,11 +442,11 @@
.userList {
  text-align: left;
  margin: 10px 20px;
  color: #4b9bb7;
  // color: #4b9bb7;

  header {
    background-color: white;
    border: 1 pox solid #fff;
    // background-color: white;
    // border: 1 pox solid #fff;

    .headerContent {
      padding: 0 40px;
@@ -467,12 +465,12 @@

        .el-input {
          flex: 2;
          color: #1d3f57;
          // color: #1d3f57;

          &::v-deep .el-input__inner {
            background-color: #09152f;
            border: 1px solid #17324c;
          }
          // &::v-deep .el-input__inner {
          //   background-color: #09152f;
          //   border: 1px solid #17324c;
          // }
        }
      }

@@ -499,10 +497,10 @@
  }

  main {
    background-color: #09152f;
    // background-color: #09152f;
    margin-top: 20px;
    padding-bottom: 50px;
    border: 1 pox solid #fff;
    // border: 1 pox solid #fff;

    .mainTitle {
      line-height: 60px;
@@ -515,7 +513,7 @@
      padding: 0 20px;

      .funs-sp {
        border: 1px solid #17324c;
        // border: 1px solid #17324c;
      }

      .funs {
@@ -538,18 +536,18 @@
            width: 120px;
          }

          &::v-deep .el-input__inner {
            border: none;
            background-color: #09152f;
          }
          // &::v-deep .el-input__inner {
          //   border: none;
          //   background-color: #09152f;
          // }

          &:hover {
            border: 1px solid #4b9bb7;
          }
          // &:hover {
          //   border: 1px solid #4b9bb7;
          // }

          &:hover .el-checkbox {
            color: #4b9bb7;
          }
          // &:hover .el-checkbox {
          //   color: #4b9bb7;
          // }
        }
      }

@@ -560,24 +558,24 @@
        justify-content: center;

        .el-pagination {
          &::v-deep li,
          &::v-deep .btn-prev,
          &::v-deep .btn-next {
            background-color: #071f39;
            color: #4b9bb7;
          }
          // &::v-deep li,
          // &::v-deep .btn-prev,
          // &::v-deep .btn-next {
          //   background-color: #071f39;
          //   color: #4b9bb7;
          // }

          &::v-deep .active {
            background-color: #409eff;
            color: #fff;
          }
          // &::v-deep .active {
          //   background-color: #409eff;
          //   color: #fff;
          // }
        }
      }
    }

    .el-table {
      color: #4b9bb7;
      font-size: 10px;
      // color: #4b9bb7;
      // font-size: 10px;

      .operation {
        display: flex;
@@ -592,34 +590,6 @@
      }
    }

    // &::v-deep .switchStyle .el-switch__label {
    //     position: absolute;
    //     display: none;
    //     color: #fff;
    // }

    // &::v-deep .el-switch__core {
    //     background-color: rgba(166, 166, 166, 1);
    // }

    // &::v-deep .switchStyle .el-switch__label--left {
    //     z-index: 9;
    //     left: 20px;
    // }

    // &::v-deep .switchStyle .el-switch__label--right {
    //     z-index: 9;
    //     left: 4px;
    // }

    // &::v-deep .switchStyle .el-switch__label.is-active {
    //     display: block;
    // }

    // &::v-deep .switchStyle.el-switch .el-switch__core,
    // &::v-deep .el-switch .el-switch__label {
    //     width: 50px !important;
    // }
  }
}
</style>

 src/views/systemSetting/baseSetting/role/index.vue

@@ -22,7 +22,7 @@
            <div class="mainContent">
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                    :header-cell-style="{'font-size':'14px','font-weight':'650','line-height':'45px'}"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column type="selection" min-width="5">
@@ -358,11 +358,11 @@
.userList {
    text-align: left;
    margin: 10px 20px;
    color: #4b9bb7;
    // color: #4b9bb7;

    header {
        background-color: #09152f;
        border: 1pox solid #fff;
        // background-color: #09152f;
        // border: 1pox solid #fff;

        .headerContent {
            padding: 0 40px;
@@ -381,11 +381,11 @@

                .el-input {
                    flex: 2;
                    color: #1d3f57;
                    // color: #1d3f57;

                    &::v-deep .el-input__inner {
                        background-color: #09152f;
                        border: 1px solid #17324c;
                        // background-color: #09152f;
                        // border: 1px solid #17324c;
                    }
                }

@@ -414,10 +414,10 @@
    }

    main {
        background-color: #09152f;
        // background-color: #09152f;
        margin-top: 20px;
        padding-bottom: 50px;
        border: 1pox solid #fff;
        // border: 1pox solid #fff;

        .mainTitle {
            line-height: 60px;
@@ -429,7 +429,7 @@
            align-items: center;
            padding: 0 20px;
            .funs-sp{
                border: 1px solid #17324c;
                // border: 1px solid #17324c;
            }
            .funs {
                display: flex;
@@ -451,18 +451,18 @@
                        width: 120px;
                    }

                    &::v-deep .el-input__inner {
                        border: none;
                        background-color: #09152f;
                    }
                    // &::v-deep .el-input__inner {
                    //     border: none;
                    //     background-color: #09152f;
                    // }

                    &:hover {
                        border: 1px solid #4b9bb7;
                    }
                    // &:hover {
                    //     border: 1px solid #4b9bb7;
                    // }

                    &:hover .el-checkbox {
                        color: #4b9bb7;
                    }
                    // &:hover .el-checkbox {
                    //     color: #4b9bb7;
                    // }
                }

            }
@@ -475,24 +475,24 @@

                .el-pagination {

                    &::v-deep li,
                    &::v-deep .btn-prev,
                    &::v-deep .btn-next {
                        background-color: #071f39;
                        color: #4b9bb7;
                    }
                    // &::v-deep li,
                    // &::v-deep .btn-prev,
                    // &::v-deep .btn-next {
                    //     background-color: #071f39;
                    //     color: #4b9bb7;
                    // }

                    &::v-deep .active {
                        background-color: #409eff;
                        color: #fff;
                    }
                    // &::v-deep .active {
                    //     background-color: #409eff;
                    //     color: #fff;
                    // }
                }
            }
        }

        .el-table {
            color: #4b9bb7;
            font-size: 10px;
            // color: #4b9bb7;
            // font-size: 10px;

            .operation {
                display: flex;
@@ -507,34 +507,6 @@
            }
        }

        // &::v-deep .switchStyle .el-switch__label {
        //     position: absolute;
        //     display: none;
        //     color: #fff;
        // }

        // &::v-deep .el-switch__core {
        //     background-color: rgba(166, 166, 166, 1);
        // }

        // &::v-deep .switchStyle .el-switch__label--left {
        //     z-index: 9;
        //     left: 20px;
        // }

        // &::v-deep .switchStyle .el-switch__label--right {
        //     z-index: 9;
        //     left: 4px;
        // }

        // &::v-deep .switchStyle .el-switch__label.is-active {
        //     display: block;
        // }

        // &::v-deep .switchStyle.el-switch .el-switch__core,
        // &::v-deep .el-switch .el-switch__label {
        //     width: 50px !important;
        // }
    }
}
</style>

 src/views/systemSetting/baseSetting/user/components/header/index.vue

@@ -54,7 +54,7 @@
</script>
<style lang="scss" scoped>
header {
    background-color: #09152f;
    // background-color: #09152f;
    border: 1pox solid #fff;

    .headerContent {
@@ -74,11 +74,11 @@

            .el-input {
                flex: 2;
                color: #1d3f57;
                // color: #1d3f57;

                &::v-deep .el-input__inner {
                    background-color: #09152f;
                    border: 1px solid #17324c;
                    // background-color: #09152f;
                    // border: 1px solid #17324c;
                }
            }


 src/views/systemSetting/baseSetting/user/components/main/index.vue

@@ -5,9 +5,7 @@
      <el-table
        ref="multipleTable"
        :header-cell-style="{
          background: '#06122c',
          'font-size': '12px',
          color: '#4b9bb7',
          'font-size': '14px',
          'font-weight': '650',
          'line-height': '45px',
        }"
@@ -44,7 +42,7 @@
          </template>
        </el-table-column>
        <el-table-column prop="status" label="启用" min-width="5">
          <template slot-scope="scope" >
          <template slot-scope="scope">
            <!-- @change="handleChangeStatus(scope.row)" -->
            <el-switch
              class="switchStyle"
@@ -73,8 +71,9 @@
                >修改部门</span
              >
              <span class="line">|</span>
              <span @click="handleChangeStatus(scope.row)">{{scope.row.status === true ?'停用':'启用' }}</span>
                               
              <span @click="handleChangeStatus(scope.row)">{{
                scope.row.status === true ? "停用" : "启用"
              }}</span>
            </div>
          </template>
        </el-table-column>
@@ -480,7 +479,7 @@
</script>
<style lang="scss" scoped>
main {
  background-color: #09152f;
  // background-color: #09152f;
  margin-top: 20px;
  padding-bottom: 50px;
  border: 1pox solid #fff;
@@ -498,7 +497,7 @@
    .funs {
      display: flex;
      .funs-sp {
        border: 1px solid #17324c;
        // border: 1px solid #17324c;
      }
      .funsItem {
        line-height: 28px;
@@ -517,18 +516,7 @@
          width: 120px;
        }

        &::v-deep .el-input__inner {
          border: none;
          background-color: #09152f;
        }

        &:hover {
          border: 1px solid #4b9bb7;
        }

        &:hover .el-checkbox {
          color: #4b9bb7;
        }
     
      }
    }

@@ -542,8 +530,8 @@
        &::v-deep li,
        &::v-deep .btn-prev,
        &::v-deep .btn-next {
          background-color: #071f39;
          color: #4b9bb7;
          // background-color: #071f39;
          // color: #4b9bb7;
        }

        &::v-deep .active {
@@ -555,8 +543,8 @@
  }

  .el-table {
    color: #4b9bb7;
    font-size: 10px;
    // color: #4b9bb7;
    // font-size: 10px;
    .operation {
      display: flex;
      font-size: 10px;
@@ -569,33 +557,5 @@
      }
    }
  }
  // &::v-deep .switchStyle .el-switch__label {
  //     position: absolute;
  //     display: none;
  //     color: #fff;
  // }

  // &::v-deep .el-switch__core {
  //     background-color: rgba(166, 166, 166, 1);
  // }

  // &::v-deep .switchStyle .el-switch__label--left {
  //     z-index: 9;
  //     left: 20px;
  // }

  // &::v-deep .switchStyle .el-switch__label--right {
  //     z-index: 9;
  //     left: 4px;
  // }

  // &::v-deep .switchStyle .el-switch__label.is-active {
  //     display: block;
  // }

  // &::v-deep .switchStyle.el-switch .el-switch__core,
  // &::v-deep .el-switch .el-switch__label {
  //     width: 56px !important;
  // }
}
</style>

 src/views/systemSetting/device/bayonet/index.vue

@@ -199,7 +199,7 @@
.userList {
  text-align: left;
  margin: 10px 20px;
  color: #4b9bb7;
  // color: #4b9bb7;

  header {
    background-color: white;
@@ -221,19 +221,19 @@

        .el-input {
          flex: 2;
          color: #1d3f57;
          // color: #1d3f57;

          &::v-deep .el-input__inner {
            background-color: #09152f;
            border: 1px solid #17324c;
          }
          // &::v-deep .el-input__inner {
          //   background-color: #09152f;
          //   border: 1px solid #17324c;
          // }
        }
      }
    }
  }

  main {
    background-color: #09152f;
    // background-color: #09152f;
    margin-top: 20px;
    padding-bottom: 50px;

@@ -255,7 +255,7 @@
          line-height: 28px;
          display: flex;
          align-items: center;
          border: 1px solid #17324c;
          // border: 1px solid #17324c;
          border-radius: 4px;
          font-size: 12px;
          margin-left: 10px;
@@ -269,18 +269,18 @@
            width: 120px;
          }

          &::v-deep .el-input__inner {
            border: none;
            background-color: #09152f;
          }
          // &::v-deep .el-input__inner {
          //   border: none;
          //   background-color: #09152f;
          // }

          &:hover {
            border: 1px solid #4b9bb7;
          }
          // &:hover {
          //   border: 1px solid #4b9bb7;
          // }

          &:hover .el-checkbox {
            color: #4b9bb7;
          }
          // &:hover .el-checkbox {
          //   color: #4b9bb7;
          // }
        }
      }

@@ -291,17 +291,17 @@
        justify-content: center;

        .el-pagination {
          &::v-deep li,
          &::v-deep .btn-prev,
          &::v-deep .btn-next {
            background-color: #071f39;
            color: #4b9bb7;
          }
          // &::v-deep li,
          // &::v-deep .btn-prev,
          // &::v-deep .btn-next {
          //   background-color: #071f39;
          //   color: #4b9bb7;
          // }

          &::v-deep .active {
            background-color: #409eff;
            color: #fff;
          }
          // &::v-deep .active {
          //   background-color: #409eff;
          //   color: #fff;
          // }
        }
      }
    }

 src/views/systemSetting/device/grid/components/main/index.vue

@@ -6,7 +6,7 @@
      <div class="grid-content">
        <!-- 数据展示 -->
        <el-table ref="multipleTable"
                  :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                  :header-cell-style="{'font-weight':'650','line-height':'45px'}"
                  :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                  @selection-change="tableChange">
          <el-table-column type="selection" min-width="5">
@@ -366,17 +366,17 @@
      }

      .el-pagination {
        &::v-deep li,
        &::v-deep .btn-prev,
        &::v-deep .btn-next {
          background-color: #071f39;
          color: #4b9bb7;
        }
        // &::v-deep li,
        // &::v-deep .btn-prev,
        // &::v-deep .btn-next {
        //   background-color: #071f39;
        //   color: #4b9bb7;
        // }

        &::v-deep .active {
          background-color: #409eff;
          color: #fff;
        }
        // &::v-deep .active {
        //   background-color: #409eff;
        //   color: #fff;
        // }
      }
    }
  }

 src/views/systemSetting/device/handheldTerminal/index.vue

@@ -31,9 +31,6 @@
        <el-table
          ref="multipleTable"
          :header-cell-style="{
            background: '#06122c',
            'font-size': '12px',
            color: '#4b9bb7',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -237,11 +234,11 @@
.list {
  text-align: left;
  margin: 10px 20px;
  color: #4b9bb7;
  // color: #4b9bb7;

  header {
    background-color: white;
    border: 1pox solid #fff;
    // border: 1pox solid #fff;

    .header-content {
      padding: 0 40px;
@@ -260,19 +257,19 @@

        .el-input {
          flex: 2;
          color: #1d3f57;
          // color: #1d3f57;

          &::v-deep .el-input__inner {
            background-color: #09152f;
            border: 1px solid #17324c;
          }
          // &::v-deep .el-input__inner {
          //   background-color: #09152f;
          //   border: 1px solid #17324c;
          // }
        }
      }
    }
  }

  main {
    background-color: #09152f;
    // background-color: #09152f;
    margin-top: 20px;
    padding-bottom: 50px;
    border: 1pox solid #fff;
@@ -295,7 +292,7 @@
          line-height: 28px;
          display: flex;
          align-items: center;
          border: 1px solid #17324c;
          // border: 1px solid #17324c;
          border-radius: 4px;
          font-size: 12px;
          margin-left: 10px;
@@ -309,18 +306,18 @@
            width: 120px;
          }

          &::v-deep .el-input__inner {
            border: none;
            background-color: #09152f;
          }
          // &::v-deep .el-input__inner {
          //   border: none;
          //   background-color: #09152f;
          // }

          &:hover {
            border: 1px solid #4b9bb7;
          }
          // &:hover {
          //   border: 1px solid #4b9bb7;
          // }

          &:hover .el-checkbox {
            color: #4b9bb7;
          }
          // &:hover .el-checkbox {
          //   color: #4b9bb7;
          // }
        }
      }

@@ -331,27 +328,27 @@
        justify-content: center;

        .el-pagination {
          &::v-deep li,
          &::v-deep .btn-prev,
          &::v-deep .btn-next {
            background-color: #071f39;
            color: #4b9bb7;
          }
          // &::v-deep li,
          // &::v-deep .btn-prev,
          // &::v-deep .btn-next {
          //   background-color: #071f39;
          //   color: #4b9bb7;
          // }

          &::v-deep .active {
            background-color: #409eff;
            color: #fff;
          }
          // &::v-deep .active {
          //   background-color: #409eff;
          //   color: #fff;
          // }
        }
      }
    }
    &::v-deep .warning-row {
      background-color: #06122c;
    }
    // &::v-deep .warning-row {
    //   background-color: #06122c;
    // }

    &::v-deep .success-row {
      background-color: #071f39;
    }
    // &::v-deep .success-row {
    //   background-color: #071f39;
    // }

    .operationBox {
      display: flex;
@@ -361,8 +358,8 @@
      background-color: #4b9bb7;
    }
    .el-table {
      color: #4b9bb7;
      font-size: 10px;
      // color: #4b9bb7;
      // font-size: 10px;
      .operation {
        display: flex;


 src/views/systemSetting/device/loudspeaker/index.vue

@@ -31,9 +31,6 @@
        <el-table
          ref="multipleTable"
          :header-cell-style="{
            background: '#06122c',
            'font-size': '12px',
            color: '#4b9bb7',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -242,11 +239,11 @@
.list {
  text-align: left;
  margin: 10px 20px;
  color: #4b9bb7;
  // color: #4b9bb7;

  header {
    background-color: white;
    border: 1pox solid #fff;
    // border: 1pox solid #fff;

    .header-content {
      padding: 0 40px;
@@ -265,19 +262,19 @@

        .el-input {
          flex: 2;
          color: #1d3f57;
          // color: #1d3f57;

          &::v-deep .el-input__inner {
            background-color: #09152f;
            border: 1px solid #17324c;
          }
          // &::v-deep .el-input__inner {
          //   background-color: #09152f;
          //   border: 1px solid #17324c;
          // }
        }
      }
    }
  }

  main {
    background-color: #09152f;
    // background-color: #09152f;
    margin-top: 20px;
    padding-bottom: 50px;
    border: 1pox solid #fff;
@@ -300,7 +297,7 @@
          line-height: 28px;
          display: flex;
          align-items: center;
          border: 1px solid #17324c;
          // border: 1px solid #17324c;
          border-radius: 4px;
          font-size: 12px;
          margin-left: 10px;
@@ -314,18 +311,18 @@
            width: 120px;
          }

          &::v-deep .el-input__inner {
            border: none;
            background-color: #09152f;
          }
          // &::v-deep .el-input__inner {
          //   border: none;
          //   background-color: #09152f;
          // }

          &:hover {
            border: 1px solid #4b9bb7;
          }
          // &:hover {
          //   border: 1px solid #4b9bb7;
          // }

          &:hover .el-checkbox {
            color: #4b9bb7;
          }
          // &:hover .el-checkbox {
          //   color: #4b9bb7;
          // }
        }
      }

@@ -336,24 +333,24 @@
        justify-content: center;

        .el-pagination {
          &::v-deep li,
          &::v-deep .btn-prev,
          &::v-deep .btn-next {
            background-color: #071f39;
            color: #4b9bb7;
          }
          // &::v-deep li,
          // &::v-deep .btn-prev,
          // &::v-deep .btn-next {
          //   background-color: #071f39;
          //   color: #4b9bb7;
          // }

          &::v-deep .active {
            background-color: #409eff;
            color: #fff;
          }
          // &::v-deep .active {
          //   background-color: #409eff;
          //   color: #fff;
          // }
        }
      }
    }

    .el-table {
      color: #4b9bb7;
      font-size: 10px;
      // color: #4b9bb7;
      // font-size: 10px;

      .operation {
        display: flex;

 src/views/systemSetting/device/point/index.vue

@@ -158,16 +158,18 @@
  width: 80px;
  margin-left: 20px;
  padding: 0;
  background-color: #09152f;
  // background-color: #09152f;
  color: rgb(75, 155, 183);
  border: 1px solid rgb(75, 155, 183);
}

.title{
  color: #333;
}
.button-two {
  height: 40px;
  width: 80px;
  padding: 0;
  background-color: #09152f;
  // background-color: #09152f;
  color: rgb(75, 155, 183);
  border: 1px solid rgb(75, 155, 183);
}
@@ -178,7 +180,7 @@
  height: 40px;
  width: 80px;
  padding: 0;
  background-color: #09152f;
  // background-color: #09152f;
  color: rgb(75, 155, 183);
  border: 1px solid rgb(75, 155, 183);
}
@@ -239,17 +241,17 @@
}

.el-pagination {
  &::v-deep li,
  &::v-deep .btn-prev,
  &::v-deep .btn-next {
    background-color: #071f39;
    color: #4b9bb7;
  }
  // &::v-deep li,
  // &::v-deep .btn-prev,
  // &::v-deep .btn-next {
  //   background-color: #071f39;
  //   color: #4b9bb7;
  // }

  &::v-deep .active {
    background-color: #409eff;
    color: #fff;
  }
  // &::v-deep .active {
  //   background-color: #409eff;
  //   color: #fff;
  // }
}

.bottonThird {
@@ -264,24 +266,24 @@
  cursor: pointer;
}

::v-deep .el-header {
  background-color: #09152f;
  color: #000;
  line-height: 60px;
}
// ::v-deep .el-header {
//   background-color: #09152f;
//   color: #000;
//   line-height: 60px;
// }

::v-deep .el-aside {
  background-color: #09152f;
}
// ::v-deep .el-aside {
//   background-color: #09152f;
// }

::v-deep .el-menu {
  background-color: #09152f;
}
// ::v-deep .el-menu {
//   background-color: #09152f;
// }

::v-deep .el-main,
::v-deep .el-footer {
  background-color: #09152f;
}
// ::v-deep .el-main,
// ::v-deep .el-footer {
//   background-color: #09152f;
// }

::v-deep .el-tree-node__label {
  line-height: 30px;

 src/views/systemSetting/platform/cockpitManage/index.vue

@@ -40,7 +40,7 @@
                </div>
                <!-- 数据展示 -->
                <el-table ref="multipleTable"
                    :header-cell-style="{ background: '#06122c', 'font-size': '12px', color: '#4b9bb7', 'font-weight': '650', 'line-height': '45px' }"
                    :header-cell-style="{  'font-size': '14px',  'font-weight': '650', 'line-height': '45px' }"
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                    @selection-change="tableChange">
                    <el-table-column prop="name" label="部门名称" min-width="8">
@@ -442,10 +442,10 @@
.userList {
    text-align: left;
    margin: 10px 20px;
    color: #4b9bb7;
    // color: #4b9bb7;

    header {
        background-color: #09152f;
        // background-color: #09152f;

        .headerContent {
            width: 100%;
@@ -462,12 +462,12 @@

                .el-input {
                    flex: 2;
                    color: #1d3f57;
                    // color: #1d3f57;

                    &::v-deep .el-input__inner {
                        background-color: #09152f;
                        border: 1px solid #17324c;
                    }
                    // &::v-deep .el-input__inner {
                    //     background-color: #09152f;
                    //     border: 1px solid #17324c;
                    // }
                }

            }
@@ -487,13 +487,13 @@
        }
    }

    &::v-deep .el-input__inner {
        background-color: #09152f;
        border: 1px solid #17324c;
    }
    // &::v-deep .el-input__inner {
    //     background-color: #09152f;
    //     border: 1px solid #17324c;
    // }

    main {
        background-color: #09152f;
        // background-color: #09152f;
        margin-top: 20px;
        padding-bottom: 50px;

@@ -514,7 +514,7 @@
            padding: 0 20px;

            .funs-sp {
                border: 1px solid #17324c;
                // border: 1px solid #17324c;
            }

            .funs {
@@ -537,13 +537,13 @@
                        width: 120px;
                    }

                    &:hover {
                        border: 1px solid #4b9bb7;
                    }
                    // &:hover {
                    //     border: 1px solid #4b9bb7;
                    // }

                    &:hover .el-checkbox {
                        color: #4b9bb7;
                    }
                    // &:hover .el-checkbox {
                    //     color: #4b9bb7;
                    // }
                }

            }
@@ -556,24 +556,24 @@

                .el-pagination {

                    &::v-deep li,
                    &::v-deep .btn-prev,
                    &::v-deep .btn-next {
                        background-color: #071f39;
                        color: #4b9bb7;
                    }
                    // &::v-deep li,
                    // &::v-deep .btn-prev,
                    // &::v-deep .btn-next {
                    //     background-color: #071f39;
                    //     color: #4b9bb7;
                    // }

                    &::v-deep .active {
                        background-color: #409eff;
                        color: #fff;
                    }
                    // &::v-deep .active {
                    //     background-color: #409eff;
                    //     color: #fff;
                    // }
                }
            }
        }

        .el-table {
            color: #4b9bb7;
            font-size: 10px;
            // color: #4b9bb7;
            // font-size: 10px;

            .operation {
                display: flex;

 src/views/systemSetting/platform/mySetting/index.vue

@@ -161,7 +161,7 @@
    }

    main {
        background-color: #09152f;
        // background-color: #09152f;
        margin-top: 20px;
        padding-bottom: 50px;

@@ -263,4 +263,8 @@
        padding: 0;
    }
}

.my-aside{
    border-right: 1px solid #d3d3d3  ;
}
</style>

 src/views/systemSetting/platform/portalSetting/index.vue

@@ -154,7 +154,7 @@
</script>
<style lang="scss" scoped>
.log {
    color: #4b9bb7;
    // color: #4b9bb7;
    text-align: left;
    padding: 20px;

@@ -164,7 +164,7 @@

    header {
        line-height: 60px;
        border-bottom: 1px solid #4b9bb7;
        // border-bottom: 1px solid #4b9bb7;
    }

    main {
@@ -226,11 +226,11 @@
                    width: 496px;
                }

                &::v-deep .el-input__inner {
                    background-color: #09152f;
                    border: 1px solid #17324c;
                    ;
                }
                // &::v-deep .el-input__inner {
                //     background-color: #09152f;
                //     border: 1px solid #17324c;
                //     ;
                // }
            }
        }