按钮大小调整

Surpriseplus

2023-01-16 3c0bcd367dbc9aff25202d1a8ec2eb143f3e8261

 src/views/maintenance/eventlogManage.vue

@@ -1,14 +1,16 @@
<template>
  <div class="logLog_box">
    <My-bread
      :list="[
    <My-bread :list="[
        `${$t('operatManage.operatManage')}`,
        `${$t('operatManage.ResourceLog')}`,
      ]"
    ></My-bread>
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
      <el-form :inline="true" ref="sizeForm" :model="sizeForm">
      <el-form
        :inline="true"
        ref="sizeForm"
        :model="sizeForm"
      >
        <el-form-item
          prop="uname"
          :label="$t('operatManage.operationLogObj.username')"
@@ -85,20 +87,24 @@
          <el-button
            @click="onSubmit"
            icon="el-icon-search"
            style="background: #409eff; border: 1px solid #409eff; color: white"
            >{{ $t("operatManage.operationLogObj.inquire") }}</el-button
          >
            size="small"
            type="primary"
          >{{ $t("operatManage.operationLogObj.inquire") }}</el-button>
          <el-button
            @click="onEmpty('sizeForm')"
            icon="el-icon-delete"
            type="info"
            >{{ $t("operatManage.operationLogObj.empty") }}</el-button
          >
            size="small"
          >{{ $t("operatManage.operationLogObj.empty") }}</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
      <el-table :data="tableData" style="width: 100%" height="84%">
      <el-table
        :data="tableData"
        style="width: 100%"
        height="84%"
      >
        <el-table-column
          align="center"
          type="index"
@@ -134,7 +140,10 @@
          :label="$t('operatManage.ELM.operationType')"
        />
      </el-table>
      <div style="margin-top: 10px" class="pagination_box">
      <div
        style="margin-top: 10px"
        class="pagination_box"
      >
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
@@ -253,7 +262,7 @@
    onEmpty(formData1) {
      this.$refs[formData1].resetFields(); //重置表单数据
    },
   

    async getList() {
      const data = await resOpSelectByPageAndCount(this.listData);
      console.log(data);
@@ -272,7 +281,7 @@
<style lang="less" scoped>
//@import url(); 引入公共css类
.logLog_box {
   height: 98%;
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
@@ -280,7 +289,6 @@
    width: 300px;
  }
  .inquire {
    
    overflow: auto;
    padding: 10px;
    margin-top: 20px;
@@ -305,7 +313,7 @@
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    height:57%;
    height: 57%;
    /*修改table 表体的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;