按钮大小调整

Surpriseplus

2023-01-16 3c0bcd367dbc9aff25202d1a8ec2eb143f3e8261

 src/views/maintenance/logLog.vue

@@ -1,17 +1,17 @@
<template>
  <div class="logLog_box">
    <My-bread
      :list="[
    <My-bread :list="[
        `${$t('operatManage.operatManage')}`,
        `${$t('operatManage.logLog')}`,
      ]"
    ></My-bread>
      ]"></My-bread>
    <el-divider />
    <div class="inquire">
      <div class="herder_box">
        {{ $t("operatManage.operationLogObj.queryRegion") }}
      </div>
      <el-form :inline="true" ref="sizeForm" :model="sizeForm" size="mini">

      <el-form
        :inline="true"
        ref="sizeForm"
        :model="sizeForm"
      >
        <el-form-item
          prop="uname"
          :label="$t('operatManage.operationLogObj.username')"
@@ -29,9 +29,18 @@
            v-model="sizeForm.type"
            :placeholder="$t('operatManage.operationLogObj.pleaseSelect')"
          >
            <el-option :label="$t('loglog.login')" value="1" />
            <el-option :label="$t('loglog.checkout')" value="2" />
            <el-option :label="$t('loglog.logout')" value="3" />
            <el-option
              :label="$t('loglog.login')"
              value="1"
            />
            <el-option
              :label="$t('loglog.checkout')"
              value="2"
            />
            <el-option
              :label="$t('loglog.logout')"
              value="3"
            />
          </el-select>
        </el-form-item>
        <el-form-item
@@ -66,34 +75,47 @@
          <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="80%">
      <el-table
        :data="tableData"
        style="width: 100%"
        height="80%"
      >
        <el-table-column
          width="150"
          type="index"
          :label="$t('loglog.serialnumber')"
        />
        <el-table-column prop="uname" :label="$t('loglog.username')" />
        <el-table-column
          prop="uname"
          :label="$t('loglog.username')"
        />
        <el-table-column
          prop="appid"
          :label="$t('loglog.applicationProgram')"
          :formatter="formatAppid"
        />
        <el-table-column prop="ip" :label="$t('loglog.ipadress')" />
        <el-table-column prop="descr" :label="$t('loglog.describe')" />
        <el-table-column
          prop="ip"
          :label="$t('loglog.ipadress')"
        />
        <el-table-column
          prop="descr"
          :label="$t('loglog.describe')"
        />
        <el-table-column
          prop="optime"
          :formatter="formatData"
@@ -111,7 +133,10 @@
        />
      </el-table>
      <!-- 分页 -->
      <div style="margin-top: 40px" class="pagination_box">
      <div
        style="margin-top: 40px"
        class="pagination_box"
      >
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
@@ -186,7 +211,7 @@
      let data;
      switch (row[column.property]) {
        case 1:
          data = "管道基础大数据平台";
          data = menuStartName;
          break;
        case 2:
          data = "外部系统集成";
@@ -270,17 +295,20 @@
<style lang="less" scoped>
//@import url(); 引入公共css类
.logLog_box {
  border-radius: 10px;
  height: 100%;

  box-sizing: border-box;
  height: 98%;
  width: 98%;
  padding: 1%;
  position: absolute;
  .inquire {
    padding: 10px;
    margin-top: 20px;
    margin-top: 10px;

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    margin-bottom: 20px;
    margin-bottom: 10px;
    /deep/.el-form-item {
      margin-bottom: 10px;
    }
    .herder_box {
      padding: 10px;
      border-bottom: 1px solid #ccc;
@@ -302,7 +330,7 @@
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    overflow: auto;
    height: 480px;
    height: 60%;
    /*修改table 表体的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;