margin change

heyujie

2021-11-05 9f633a2aff6cde941dd1293a57eb14e971e5ba13

 src/pages/shuohuangMonitorAnalyze/components/memberManage.vue

@@ -116,7 +116,9 @@
          <el-table-column label="用户权限" prop="userpermission">
            <template slot-scope="scope">
              <div>
                <el-switch active-color="#4B72E2" inactive-color="#B7BEC8"
                <el-switch
                  active-color="#4B72E2"
                  inactive-color="#B7BEC8"
                  v-model="scope.row.UserPermissions"
                  @change="memberUpdate(scope.row)"
                ></el-switch>
@@ -126,7 +128,9 @@
          <el-table-column label="转储权限" prop="transferpermission">
            <template slot-scope="scope">
              <div>
                <el-switch active-color="#4B72E2" inactive-color="#B7BEC8"
                <el-switch
                  active-color="#4B72E2"
                  inactive-color="#B7BEC8"
                  v-model="scope.row.DumpPermissions"
                  @change="memberUpdate(scope.row)"
                ></el-switch>
@@ -136,8 +140,12 @@
          <el-table-column label="操作">
            <template slot-scope="scope">
              <div class="operation">
                <i class="el-icon-edit" @click="editMember(scope.row)"></i>
                <i class="el-icon-delete" @click="delMember(scope.row)"></i>
                <div class="edit" @click="editMember(scope.row)">
                  <span class="icon iconfont">&#xe79d;</span>
                </div>
                <div class="delete" @click="delMember(scope.row)">
                  <span class="icon iconfont">&#xe79e;</span>
                </div>
              </div>
            </template>
          </el-table-column>
@@ -637,11 +645,13 @@

<style lang="scss">
.member-manage {
  padding: 20px;
  padding: 25px;
  background: #fff;
  margin: 33px;
  // margin: 33px;
  display: flex;
  box-sizing: border-box;
  box-sizing: border-box;box-shadow: 0px 3px 6px rgba(160, 174, 230, 0.56);
  
border-radius: 10px;
  .left {
    .el-tree--highlight-current
      .el-tree-node.is-current
@@ -792,6 +802,9 @@
      .keyword-input {
        width: 320px;
      }
      button span {
        color: #fff;
      }
      .reset-btn {
        background-color: #a6b5cb !important;
        border-color: #a6b5cb !important;
@@ -804,11 +817,42 @@
        padding: 8px 12px;
      }
    }

    .table-area {
      .actions {
        text-align: right;
        button span {
          color: #fff;
        }
      }

      .operation {
        .edit {
          background: #dea60b;
          width: 23px;
          height: 23px;
          text-align: center;
          border-radius: 23px;
          line-height: 21px;
          margin-right: 10px;
          span {
            color: #fff;
            font-size: 12px;
          }
        }
        .delete {
           background: #D94141;
          width: 23px;
          height: 23px;
          text-align: center;
          border-radius: 23px;
          line-height: 22px;
          margin-right: 10px;
          span {
            color: #fff;
            font-size: 12px;
          }
        }
      }
      .el-table td.el-table__cell div {
        color: #425277;
      }
@@ -824,6 +868,9 @@
      .el-table .el-table__cell {
        padding: 7.5px 0;
      }
      .el-table th.el-table__cell > .cell {
        color: #fff;
      }
    }
  }
}