1

Surpriseplus

2022-11-18 462782f4b2ce653e84260ca586a58c8627c4ac9c

 src/views/userManage/roleManage.vue

@@ -2,7 +2,7 @@
  <div class="logLog_box">
    <My-bread
      :list="[
        `${$t('userManage.userManage')}`,
        `${$t('operatManage.operatManage')}`,
        `${$t('userManage.roleManage')}`,
      ]"
    ></My-bread>
@@ -21,34 +21,49 @@
            :disabled="true"
            :placeholder="$t('common.pleaseInput')"
          />
          <el-button style="margin-left: 20px" @click="showDepTree(1)">{{
            $t('common.choose')
          }}</el-button>
          <el-button
            style="
              margin-left: 20px;
              background: #409eff;
              border: 1px solid #409eff;
              color: white;
            "
            @click="showDepTree(1)"
            >{{ $t('common.choose') }}</el-button
          >
        </el-form-item>
        <br />
        <el-form-item>
          <el-button @click="InsertFormdialog = true" v-if="menuStatus.insert"
          <el-button
            type="success"
            @click="InsertFormdialog = true"
            v-if="menuStatus.insert"
            ><i class="el-icon-circle-plus-outline"></i> &nbsp;{{
              $t('userManage.RM.add')
            }}</el-button
          >
        </el-form-item>
        <el-form-item>
          <el-button @click="onSubmit('ruleForm')"
          <el-button
            style="background: #409eff; border: 1px solid #409eff; color: white"
            @click="onSubmit('ruleForm')"
            ><i class="el-icon-search"></i> &nbsp;{{
              $t('userManage.RM.query')
            }}</el-button
          >
        </el-form-item>
        <el-form-item>
          <el-button @click="resetForm('ruleForm')"
          <el-button type="info" @click="resetForm('ruleForm')"
            ><i class="el-icon-delete"></i>&nbsp;{{
              $t('userManage.RM.reset')
            }}</el-button
          >
        </el-form-item>
        <el-form-item>
          <el-button @click="handleDelete()" v-if="menuStatus.delete"
          <el-button
            type="danger"
            @click="handleDelete()"
            v-if="menuStatus.delete"
            ><i class="el-icon-delete"></i>&nbsp;{{
              $t('common.delete')
            }}</el-button
@@ -59,7 +74,6 @@
    <div class="table_box">
      <el-table
        :data="tableData"
        stripe
        style="width: 100%"
        @selection-change="handleSelectionChange"
        height="99%"
@@ -142,7 +156,6 @@
            >
            <el-button
              @click="showDetail(scope.$index, scope.row)"
              type="primary"
              size="small"
              >{{ $t('common.see') }}</el-button
            >
@@ -188,9 +201,16 @@
            :disabled="true"
            :placeholder="$t('common.pleaseInput')"
          />
          <el-button style="margin-left: 20px" @click="showDepTree(2)">{{
            $t('common.choose')
          }}</el-button>
          <el-button
            style="
              margin-left: 20px;
              background: #409eff;
              border: 1px solid #409eff;
              color: white;
            "
            @click="showDepTree(2)"
            >{{ $t('common.choose') }}</el-button
          >
        </el-form-item>
        <el-form-item
          :label="$t('userManage.RM.describe')"
@@ -214,9 +234,11 @@
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="insertFromClose">{{ $t('common.close') }}</el-button>
        <el-button type="primary" @click="insertFromData">{{
          $t('common.confirm')
        }}</el-button>
        <el-button
          style="background: #409eff; border: 1px solid #409eff; color: white"
          @click="insertFromData"
          >{{ $t('common.confirm') }}</el-button
        >
      </div>
    </el-dialog>
    <el-dialog
@@ -244,9 +266,16 @@
            :disabled="true"
            :placeholder="$t('common.pleaseInput')"
          />
          <el-button style="margin-left: 20px" @click="showDepTree(3)">{{
            $t('common.choose')
          }}</el-button>
          <el-button
            style="
              margin-left: 20px;
              background: #409eff;
              border: 1px solid #409eff;
              color: white;
            "
            @click="showDepTree(3)"
            >{{ $t('common.choose') }}</el-button
          >
        </el-form-item>
        <el-form-item
          :label="$t('userManage.RM.isAdmin')"
@@ -270,9 +299,11 @@
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="updateFromClose">{{ $t('common.close') }}</el-button>
        <el-button type="primary" @click="updateFromData">{{
          $t('common.confirm')
        }}</el-button>
        <el-button
          style="background: #409eff; border: 1px solid #409eff; color: white"
          @click="updateFromData"
          >{{ $t('common.confirm') }}</el-button
        >
      </div>
    </el-dialog>
    <div class="leftTree" v-if="showCata">
@@ -280,10 +311,13 @@
        <role-dep-tree></role-dep-tree>
      </div>
      <div class="btnBox">
        <el-button type="primary" size="small" @click="selectCataName"
        <el-button
          style="background: #409eff; border: 1px solid #409eff; color: white"
          size="small"
          @click="selectCataName"
          >确定</el-button
        >
        <el-button type="primary" size="small" @click="showCata = false"
        <el-button type="info" size="small" @click="showCata = false"
          >取消</el-button
        >
      </div>
@@ -639,9 +673,9 @@
    left: 37%;
    width: 400px;
    height: 600px;
    background: white;
    background: #303030;
    border: 1px solid #000;
    color: white;
    color: black;
    .treeBox {
      height: 550px;
      overflow: auto;
@@ -773,17 +807,21 @@
  }
  .infoBox {
    width: 500px;
    border: 1px solid #eee;

    position: absolute;
    z-index: 100;
    top: 25%;
    top: 15%;
    right: 12%;
    background-color: #fff;
    background-color: #303030;
    .el-icon-close {
      color: white;
    }
    .el-card {
      background-color: transparent;
      span {
        font-size: 16px;
        font-weight: 600;
        color: white;
      }
    }
    .contentBox {
@@ -794,6 +832,7 @@
        // background-color: #bfa;
        // margin-bottom: 10px;
        font-size: 14px;
        color: white;
      }
      .boxlabel {
        margin-left: 10px;
@@ -824,5 +863,33 @@
      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>