运维管理样式修改

584911253@qq.com

2023-02-25 e903d2f6832e120b0dfa4f6587da931c9d3fa087

运维管理样式修改

 src/views/maintenance/userManagement.vue

@@ -23,8 +23,12 @@
            >
              <el-input
                v-model="queryForm.uname"
                size="small"
                :placeholder="$t('userManage.userInfoObj.unamePlaceholder')"
                style="width: 200px"
              />
              >
                <i slot="suffix" class="el-icon-search" @click="queryInfo"></i>
              </el-input>
            </el-form-item>
            <el-form-item
              prop="depid"
@@ -33,6 +37,7 @@
              <el-select
                :popper-append-to-body="false"
                v-model="queryForm.depName"
                size="small"
                placeholder="请选择"
                style="width: 200px"
              >
@@ -109,6 +114,7 @@
        </div>
      </el-form>
    </div>
    <div class="dividing-line"></div>
    <div
      class="table_box"
      :style="styleVar"
@@ -118,7 +124,7 @@
        :data="tableData"
        style="width: 100%"
        class="table_height"
        height="calc(100% - 57px)"
        height="calc(100% - 45px)"
        @selection-change="handleSelectionChange"
      >
        <el-table-column
@@ -227,7 +233,7 @@
        <!-- <el-table-column
          align="center"
          prop="bak"
          

          :label="$t('userManage.userInfoObj.bak')"
        /> -->
        <el-table-column
@@ -246,7 +252,7 @@
        </el-table-column>
      </el-table>
      <div
        style="margin-top: 25px"
        style="margin-top: 10px;"
        class="pagination_box"
      >
        <el-pagination
@@ -279,7 +285,7 @@
        ref="editForm"
        :rules="rules"
        style="display: flex"
        

      >
        <div>
          <el-form-item
@@ -575,7 +581,7 @@
      :before-close="handleClose"

    >
   

      <el-form
        :model="pwdForm"
        ref="pwdForm"
@@ -622,7 +628,7 @@
          ></el-input>
        </el-form-item>
      </el-form>
   

      <div
        slot="footer"
        class="dialog-footer"
@@ -918,7 +924,7 @@
      this.$nextTick(() => {
        const rect = this.$refs.container.getBoundingClientRect();
        this.tableHeight = `${rect.height + 97}px`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 30}px)`;
      });
    },
    ...mapActions(["login", "getpublickey"]),
@@ -1320,13 +1326,13 @@
  },
};
</script>
 

<style lang="less" scoped>
//@import url(); 引入公共css类
.userInfo_box {
  height: 98%;
  width: 98%;
  padding: 1%;
  padding: 0.5%;

  .el-input {
    width: 300px;
@@ -1335,12 +1341,12 @@
    position: relative;
    height: auto;

    padding: 8px;
    margin-top: 20px;
    //padding: 10px;
    //margin-top: 20px;

    border-radius: 5px;

    margin-bottom: 20px;
    //margin-bottom: 20px;
    .el-form-item {
      margin: 5px;
    }
@@ -1374,4 +1380,4 @@
  }
}
</style>