管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-01-16 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf
src/views/AuthorizationManagement/roleResAuthorization.vue
@@ -2,12 +2,10 @@
  <div class="menuSettings_box">
    <div class="menuSettings_tree">
      <div class="content_box">
        <My-bread
          :list="[
        <My-bread :list="[
            `${$t('operatManage.operatManage')}`,
            `${$t('operatManage.RoleResAuthorization')}`,
          ]"
        ></My-bread>
          ]"></My-bread>
        <el-divider />
        <div style="height: 90%; overflow-y: auto">
          <el-tree
@@ -25,8 +23,7 @@
        </div>
      </div>
      <div class="content_box">
        <div
          style="
        <div style="
            font-size: 14px;
            color: #216fe6;
            line-height: 1;
@@ -34,8 +31,7 @@
            position: relative;
            top: 10px;
            margin-left: 10px;
          "
        >
          ">
          {{ $t('operatManage.UserRoleAuthorizationObj.RoleTable') }}
        </div>
        <el-divider />
@@ -44,16 +40,18 @@
          style="width: 100%"
          @row-click="singleElection"
          highlight-current-row
          height="84%"
          height="78%"
        >
          <el-table-column align="center" width="55">
          <el-table-column
            align="center"
            width="55"
          >
            <template slot-scope="scope">
              <el-radio
                class="radio"
                v-model="templateSelection"
                :label="scope.row.id"
                >&nbsp;</el-radio
              >
              >&nbsp;</el-radio>
            </template>
          </el-table-column>
          <el-table-column
@@ -77,15 +75,14 @@
            :current-page="listData.pageIndex"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="userlistData.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            layout="prev, pager, next"
            :total="count"
          >
          </el-pagination>
        </div>
      </div>
      <div class="content_box">
        <div
          style="
        <div style="
            font-size: 14px;
            color: #216fe6;
            line-height: 1;
@@ -95,12 +92,13 @@
            margin-left: 10px;
            display: flex;
            align-items: center;
          "
        >
          ">
          <span>
            {{ $t('operatManage.UserRoleAuthorizationObj.ResTable') }}</span
            {{ $t('operatManage.UserRoleAuthorizationObj.ResTable') }}</span>
          <div
            class="btn"
            style="margin-left: auto"
          >
          <div class="btn" style="margin-left: auto">
            <el-button
              v-if="menuStatus.insert"
              type="primary"
@@ -109,10 +107,9 @@
              :disabled="roleid == null ? true : false"
              style="background: #216fe6"
              @click="adduser"
              >{{
            >{{
                $t('operatManage.UserRoleAuthorizationObj.Added')
              }}</el-button
            >
              }}</el-button>
            <el-button
              v-if="menuStatus.delete"
              type="danger"
@@ -120,10 +117,9 @@
              size="mini"
              @click="deletesUser"
              :disabled="roleid == null ? true : false"
              >{{
            >{{
                $t('operatManage.UserRoleAuthorizationObj.delete')
              }}</el-button
            >
              }}</el-button>
          </div>
        </div>
        <el-divider class="divider" />
@@ -132,10 +128,13 @@
          :data="usertableData"
          stripe
          style="width: 100%"
          height="84%"
          height="78%"
          @selection-change="handleSelectionChange"
        >
          <el-table-column type="selection" width="55"> </el-table-column>
          <el-table-column
            type="selection"
            width="55"
          > </el-table-column>
          <el-table-column
            align="center"
            type="index"
@@ -163,7 +162,7 @@
            :current-page="userlistData.pageIndex"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="userlistData.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            layout="prev, pager, next"
            :total="usercount"
          >
          </el-pagination>
@@ -348,7 +347,10 @@
        height="40vh"
        @selection-change="addhandleSelectionChange"
      >
        <el-table-column type="selection" width="55"> </el-table-column>
        <el-table-column
          type="selection"
          width="55"
        > </el-table-column>
        <el-table-column
          align="center"
          type="index"
@@ -365,7 +367,10 @@
        >
        </el-table-column>
      </el-table>
      <div style="margin-top: 20px; text-align: center" class="pagination_box">
      <div
        style="margin-top: 20px; text-align: center"
        class="pagination_box"
      >
        <el-pagination
          @size-change="addhandleSizeChange"
          @current-change="addhandleCurrentChange"
@@ -377,15 +382,17 @@
        >
        </el-pagination>
      </div>
      <div slot="footer" class="dialog-footer">
      <div
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="dialogTableVisible = false">{{
          $t('dataManage.dictionaryManageObj.cancel')
        }}</el-button>
        <el-button
          style="background: #409eff; border: 1px solid #409eff; color: white"
          @click="addConfirm"
          >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button
        >
        >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button>
      </div>
    </el-dialog>
  </div>
@@ -476,7 +483,7 @@
          this.dialogTableVisible = false;
          this.getuserList();
        })
        .catch(() => {});
        .catch(() => { });
    },
    adduser() {
      this.dialogTableVisible = true;
@@ -646,18 +653,19 @@
<style lang="less" scoped>
//@import url(); 引入公共css类
.menuSettings_box {
  border-radius: 10px;
  height: 81%;
  width: 97%;
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
  box-sizing: border-box;
  .menuSettings_tree {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    .content_box {
      padding: 10px;
      width: 31%;
      height: 720px;
      height: 94%;
      border: 1px solid rgb(202, 201, 204);
      border-radius: 5px;
      /deep/ .el-input__inner {