表格修改

584911253@qq.com

2023-03-02 8bb00665765e8348aeb3a6e799069287e503e1ab

 src/views/AuthorizationManagement/roleResAuthorization.vue

@@ -1,7 +1,7 @@
<template>
  <div class="menuSettings_box">
    <div class="menuSettings_tree">
      <div class="content_box subpage_Div">
      <div class="content_left_box subpage_Div content-border">
        <My-bread :list="[
            `${$t('operatManage.operatManage')}`,
            `${$t('operatManage.RoleResAuthorization')}`,
@@ -22,7 +22,7 @@
          </el-tree>
        </div>
      </div>
      <div class="content_box subpage_Div">
      <div class="content_box subpage_Div content-border">
        <div style="
            font-size: 14px;
            color: #216fe6;
@@ -38,9 +38,10 @@
        <el-table
          :data="tableData"
          style="width: 100%"
          border
          @row-click="singleElection"
          highlight-current-row
           height="calc(100% - 124px)"
           height="calc(100% - 80px)"
        >
          <el-table-column
            align="center"
@@ -66,7 +67,7 @@
          </el-table-column>
        </el-table>
        <div
          style="text-align: center; margin-top: 20px"
          style="text-align: center; margin-top: 10px"
          class="pagination_box"
        >
          <el-pagination
@@ -81,14 +82,14 @@
          </el-pagination>
        </div>
      </div>
      <div class="content_box subpage_Div">
      <div class="content_box subpage_Div content-border">
        <div style="
            font-size: 14px;
            color: #216fe6;
            line-height: 1;
            cursor: text;
            position: relative;
            top: 5px;
            top: 0px;
            margin-left: 10px;
            display: flex;
            align-items: center;
@@ -125,9 +126,9 @@

        <el-table
          :data="usertableData"
  
          border
          style="width: 100%"
           height="calc(100% - 124px)"
           height="calc(100% - 80px)"
          @selection-change="handleSelectionChange"
        >
          <el-table-column
@@ -152,7 +153,7 @@
        </el-table>

        <div
          style="margin-top: 20px; text-align: center"
          style="margin-top: 10px; text-align: center"
          class="pagination_box"
        >
          <el-pagination
@@ -681,20 +682,26 @@
<style lang="less" scoped>
//@import url(); 引入公共css类
.menuSettings_box {
  height: 98%;
  height: calc(100% - 20px);
  //height: 98%;
  width: 98%;
  padding: 1%;
  padding:10px 1%;

  .menuSettings_tree {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    .content_left_box{
      padding: 10px;
      width: 20%;
      height: calc(100% - 20px);
      border-radius: 5px;
    }
    .content_box {
      padding: 10px;
      width: 31%;
      height: 94%;
   
      width: 36%;
      height: calc(100% - 20px);
      border-radius: 5px;
    }
    .divider {
@@ -709,6 +716,6 @@
.el-table /deep/ th,
.el-table /deep/ tr {
  background-color: transparent !important;
} 
}

</style>