管理

lxl

2022-09-21 b4b2f1a1982c3bb6fd5b1ca880f76a94575ad9f6

管理

 src/assets/lang/en.js

@@ -38,7 +38,7 @@
      search: 'search',
      reset: 'reset',
      all: 'all',
      one: "one",
      one: "A picture",
      add: "add",
      delete: "delete",
      edit: "edit",
@@ -59,34 +59,34 @@
    safetyManagement: 'Safety Management',
    operationMonitoring: 'Operation Monitoring',
    systemMonitoring: 'System Monitoring',
    systemMonitoringObj:{
      totalMemory:"totalMemory",
      haveBeenUsed:"haveBeenUsed",
      usageRate:"usageRate",
      systemMemory:"systemMemory",
      CPUusage:"CPUusage",
      CPUsystemUsage:"CPUsystemUsage",
      numberOfExceptions:"numberOfExceptions",
      numberOfAbnormalSystems:"numberOfAbnormalSystems",
      serviceAarm:"serviceAarm",
      serviceResourceAlarm:"serviceResourceAlarm",
      serviceResourceStatus:"serviceResourceStatus",
      userOperationBehavior:"userOperationBehavior",
      resourceInvocationStatus:"resourceInvocationStatus",
      resourceCallStatistics:"resourceCallStatistics",
      inquire:"inquire",
      EnterTheUserName:"Enter The UserName",
      EnterTheResourceID:"Enter The Resource ID",
      EnterTheUserChineseName:"Enter the user name, Chinese name or Pinyin first letter query",
      onlinePersonnel:"onlinePersonnel",
      userID:"userID",
      username:"username",
      onlineTime:"onlineTime",
      abnormalResources:"abnormalResources",
      resourceID:"resourceID",
      resourceName:"resourceName",
      resourceState:"resourceState",
      abnormaltime:"abnormaltime",
    systemMonitoringObj: {
      totalMemory: "totalMemory",
      haveBeenUsed: "haveBeenUsed",
      usageRate: "usageRate",
      systemMemory: "systemMemory",
      CPUusage: "CPUusage",
      CPUsystemUsage: "CPUsystemUsage",
      numberOfExceptions: "numberOfExceptions",
      numberOfAbnormalSystems: "numberOfAbnormalSystems",
      serviceAarm: "serviceAarm",
      serviceResourceAlarm: "serviceResourceAlarm",
      serviceResourceStatus: "serviceResourceStatus",
      userOperationBehavior: "userOperationBehavior",
      resourceInvocationStatus: "resourceInvocationStatus",
      resourceCallStatistics: "resourceCallStatistics",
      inquire: "inquire",
      EnterTheUserName: "Enter The UserName",
      EnterTheResourceID: "Enter The Resource ID",
      EnterTheUserChineseName: "Enter the user name, Chinese name or Pinyin first letter query",
      onlinePersonnel: "onlinePersonnel",
      userID: "userID",
      username: "username",
      onlineTime: "onlineTime",
      abnormalResources: "abnormalResources",
      resourceID: "resourceID",
      resourceName: "resourceName",
      resourceState: "resourceState",
      abnormaltime: "abnormaltime",
    },
    logLog: 'ConLog',
    operationLog: 'Operation Log',
@@ -268,7 +268,19 @@
    userAuditing: 'userAuditing',
    roleManage: 'roleManage',
    groupManage: 'groupManage',
  }
    GM: {
      groupName: "groupName",
      ownedSystem: 'ownedSystem',
      add: 'add',
      index: "index",
      applicationName: "applicationName",
      userSetting: "userSetting",
      roleSetting: "roleSetting",
      operate: 'operate',
      one: 'A picture',
    },
  },

};

export default en;

 src/assets/lang/zh.js

@@ -59,34 +59,34 @@
    safetyManagement: '安全管理',
    operationMonitoring: '运行监控',
    systemMonitoring: '服务资源实时监控',
    systemMonitoringObj:{
      totalMemory:"总内存",
      haveBeenUsed:"已使用",
      usageRate:"使用率",
      systemMemory:"系统内存",
      CPUusage:"CPU用量",
      CPUsystemUsage:"cpu系统用量",
      numberOfExceptions:"异常个数",
      numberOfAbnormalSystems:"异常系统个数",
      serviceAarm:"服务告警",
      serviceResourceAlarm:"服务资源告警",
      serviceResourceStatus:"服务资源状态",
      userOperationBehavior:"用户操作行为",
      resourceInvocationStatus:"资源调用状态",
      resourceCallStatistics:"资源调用统计",
      inquire:"查询",
      EnterTheUserName:"输入用户名称查询",
      EnterTheResourceID:"输入资源id",
      EnterTheUserChineseName:"输入用户名，中文名或者拼音首字母查询",
      onlinePersonnel:"在线人员",
      userID:"用户ID",
      username:"用户名",
      onlineTime:"上线时间",
      abnormalResources:"异常资源",
      resourceID:"资源ID",
      resourceName:"资源名称",
      resourceState:"资源状态",
      abnormaltime:"异常时间",
    systemMonitoringObj: {
      totalMemory: "总内存",
      haveBeenUsed: "已使用",
      usageRate: "使用率",
      systemMemory: "系统内存",
      CPUusage: "CPU用量",
      CPUsystemUsage: "cpu系统用量",
      numberOfExceptions: "异常个数",
      numberOfAbnormalSystems: "异常系统个数",
      serviceAarm: "服务告警",
      serviceResourceAlarm: "服务资源告警",
      serviceResourceStatus: "服务资源状态",
      userOperationBehavior: "用户操作行为",
      resourceInvocationStatus: "资源调用状态",
      resourceCallStatistics: "资源调用统计",
      inquire: "查询",
      EnterTheUserName: "输入用户名称查询",
      EnterTheResourceID: "输入资源id",
      EnterTheUserChineseName: "输入用户名，中文名或者拼音首字母查询",
      onlinePersonnel: "在线人员",
      userID: "用户ID",
      username: "用户名",
      onlineTime: "上线时间",
      abnormalResources: "异常资源",
      resourceID: "资源ID",
      resourceName: "资源名称",
      resourceState: "资源状态",
      abnormaltime: "异常时间",
    },
    logLog: '登录日志',
    operationLog: '操作日志',
@@ -262,14 +262,41 @@
    creationtime: '创建时间',
    state: '状态',
  },
  userManage:{
  userManage: {
    userManage: '用户管理',
    userInfoManage: '用户信息管理',
    orgManage: '组织机构管理',
    userAuditing: '用户审核',
    roleManage: '角色管理',
    RM: {
      roleName: "角色名称",
      ownedSystem: '所属系统',
      add: '新增',
      query: "查询",
      reset: "清除",
      index: "序号",
      Permission: "权限",
      resourcePermission: "资源权限",
      groupSetting: "群组设置",
      operate: '操作',
      one: '一张图',
    },
    groupManage: '群组管理',
  }
    GM: {
      groupName: "群组名称",
      ownedSystem: '所属系统',
      add: '新增',
      query: "查询",
      reset: "清除",
      index: "序号",
      applicationName: "应用系统名称",
      userSetting: "用户设置",
      roleSetting: "角色设置",
      operate: '操作',
      one: '一张图',
    },
  },

};

export default zh;

 src/views/userManage/groupManage.vue

@@ -2,72 +2,43 @@
  <div class="logLog_box">
    <My-bread
      :list="[
        `${$t('operatManage.operatManage')}`,
        `${$t('operatManage.eventlogManage')}`,
        `${$t('userManage.userManage')}`,
        `${$t('userManage.groupManage')}`,
      ]"
    ></My-bread>
    <el-divider />
    <div class="inquire">
      <el-form ref="ruleForm" :model="form" :inline="true">
        <el-form-item :label="$t('operatManage.ELM.username')" prop="username">
          <el-input
            v-model="form.username"
            :placeholder="$t('operatManage.ELM.usernameInfo')"
          />
      <el-form ref="ruleForm" :model="groupForm" :inline="true">
        <el-form-item :label="$t('userManage.GM.groupName')" prop="username">
          <el-input v-model="groupForm.username" />
        </el-form-item>
        <el-form-item
          :label="$t('operatManage.ELM.ownedSystem')"
          :label="$t('userManage.GM.ownedSystem')"
          prop="ownedSystem"
        >
          <el-select
            v-model="form.ownedSystem"
            :placeholder="$t('operatManage.ELM.please')"
          >
            <el-option :label="$t('operatManage.ELM.all')" value="all" />
            <el-option :label="$t('operatManage.ELM.one')" value="one" />
          <el-select v-model="groupForm.ownedSystem">
            <el-option :label="$t('userManage.GM.one')" value="one" />
          </el-select>
        </el-form-item>
        <el-form-item
          :label="$t('operatManage.ELM.operationType')"
          prop="operationType"
        >
          <el-select
            v-model="form.operationType"
            :placeholder="$t('operatManage.ELM.please')"
        <br />
        <el-form-item>
          <el-button
            ><i class="el-icon-circle-plus-outline"></i> &nbsp;{{
              $t("userManage.GM.add")
            }}</el-button
          >
            <el-option :label="$t('operatManage.ELM.all')" value="all" />
            <el-option :label="$t('operatManage.ELM.add')" value="add" />
            <el-option :label="$t('operatManage.ELM.delete')" value="delete" />
            <el-option :label="$t('operatManage.ELM.edit')" value="edit" />
            <el-option :label="$t('operatManage.ELM.query')" value="query" />
          </el-select>
        </el-form-item>
        <el-form-item :label="$t('operatManage.ELM.date')" prop="date">
          <el-date-picker
            v-model="form.date"
            type="daterange"
            align="right"
            unlink-panels
            :range-separator="$t('operatManage.ELM.to')"
            :start-placeholder="$t('operatManage.ELM.startDate')"
            :end-placeholder="$t('operatManage.ELM.endDate')"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item :label="$t('operatManage.ELM.ip')" prop="requestIp">
          <el-input v-model="form.requestIp" placeholder="请输入" />
        </el-form-item>
        <el-form-item>
          <el-button @click="onSubmit"
          <el-button
            ><i class="el-icon-search"></i> &nbsp;{{
              $t("operatManage.ELM.search")
              $t("userManage.GM.query")
            }}</el-button
          >
        </el-form-item>
        <el-form-item>
          <el-button @click="resetForm('ruleForm')"
            ><i class="el-icon-delete"></i>&nbsp;{{
              $t("operatManage.ELM.reset")
              $t("userManage.GM.reset")
            }}</el-button
          >
        </el-form-item>
@@ -78,49 +49,44 @@
        <el-table-column
          align="center"
          type="index"
          :label="$t('operatManage.ELM.index')"
          :label="$t('userManage.GM.index')"
          width="70px"
        />
        <el-table-column
          align="center"
          prop="username"
          :label="$t('operatManage.ELM.username')"
          :label="$t('userManage.GM.groupName')"
        />

        <el-table-column
          align="center"
          prop="applicationName"
          :label="$t('userManage.GM.applicationName')"
        />
        <el-table-column
          align="center"
          prop="ip"
          :label="$t('operatManage.ELM.ip')"
          prop="userSetting"
          :label="$t('userManage.GM.userSetting')"
        />
        <el-table-column
          align="center"
          prop="ownedSystem"
          :label="$t('operatManage.ELM.ownedSystem')"
          prop="roleSetting"
          :label="$t('userManage.GM.roleSetting')"
        />
        <el-table-column
          align="center"
          prop="largeModuleName"
          :label="$t('operatManage.ELM.largeModuleName')"
        />
        <el-table-column
          align="center"
          prop="smallModuleName"
          :label="$t('operatManage.ELM.smallModuleName')"
        />
        <el-table-column
          align="center"
          prop="resourceName"
          :label="$t('operatManage.ELM.resourceName')"
        />
        <el-table-column
          align="center"
          prop="date"
          :label="$t('operatManage.ELM.date')"
        />
        <el-table-column
          align="center"
          prop="operationType"
          :label="$t('operatManage.ELM.operationType')"
        />
          fixed="right"
          :label="$t('userManage.GM.operate')"
          width="300"
        >
          <template #default>
            <el-button type="danger" size="small">{{
              $t("common.delete")
            }}</el-button>
            <el-button type="warning" size="small">{{
              $t("common.update")
            }}</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div style="margin-top: 40px" class="pagination_box">
        <el-pagination
@@ -130,15 +96,15 @@
          :page-sizes="[10, 20, 30, 40]"
          :page-size="10"
          layout="total, sizes, prev, pager, next, jumper"
          :total="9"
          :total="0"
        >
        </el-pagination>
      </div>
    </div>
  </div>
</template>

<script>
  
  <script>
import MyBread from "../../components/MyBread.vue";

export default {
@@ -150,105 +116,11 @@
  data() {
    return {
      currentPage: 1,
      form: {
        username: "",
      groupForm: {
        groupName: "",
        ownedSystem: "",
        requestIp: "",
        operationType: "",
        date: "",
      },
      tableData: [
        {
          username: "管理员",
          ip: "221.182.31.12",
          date: "2022-08-05",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
        {
          date: "2022-08-05",
          username: "管理员",
          ownedSystem: "",
          largeModuleName: "运维监控",
          smallModuleName: "资源操作日志",
          resourceName: "",
          operationType: "查询",
          ip: "221.182.31.12",
        },
      ],
      tableData: [],
    };
  },
  methods: {
@@ -268,7 +140,7 @@
  created() {},
};
</script>
<style lang="less" scoped>
  <style lang="less" scoped>
//@import url(); 引入公共css类
.logLog_box {
  background: rgb(240, 242, 245);
@@ -304,3 +176,4 @@
  }
}
</style>
  

 src/views/userManage/roleManage.vue

@@ -1,308 +1,184 @@

<template>
    <div class="logLog_box">
      <My-bread
        :list="[
          `${$t('operatManage.operatManage')}`,
          `${$t('operatManage.eventlogManage')}`,
        ]"
      ></My-bread>
      <el-divider />
      <div class="inquire">
        <el-form ref="ruleForm" :model="form" :inline="true">
          <el-form-item :label="$t('operatManage.ELM.username')" prop="username">
            <el-input
              v-model="form.username"
              :placeholder="$t('operatManage.ELM.usernameInfo')"
            />
          </el-form-item>
          <el-form-item
            :label="$t('operatManage.ELM.ownedSystem')"
            prop="ownedSystem"
  <div class="logLog_box">
    <My-bread
      :list="[
        `${$t('userManage.userManage')}`,
        `${$t('userManage.roleManage')}`,
      ]"
    ></My-bread>
    <el-divider />
    <div class="inquire">
      <el-form ref="ruleForm" :model="roleForm" :inline="true">
        <el-form-item :label="$t('userManage.RM.roleName')" prop="username">
          <el-input v-model="roleForm.username" />
        </el-form-item>
        <el-form-item
          :label="$t('userManage.RM.ownedSystem')"
          prop="ownedSystem"
        >
          <el-select v-model="roleForm.ownedSystem">
            <el-option :label="$t('userManage.RM.one')" value="one" />
          </el-select>
        </el-form-item>
        <br />
        <el-form-item>
          <el-button
            ><i class="el-icon-circle-plus-outline"></i> &nbsp;{{
              $t("userManage.RM.add")
            }}</el-button
          >
            <el-select
              v-model="form.ownedSystem"
              :placeholder="$t('operatManage.ELM.please')"
            >
              <el-option :label="$t('operatManage.ELM.all')" value="all" />
              <el-option :label="$t('operatManage.ELM.one')" value="one" />
            </el-select>
          </el-form-item>
          <el-form-item
            :label="$t('operatManage.ELM.operationType')"
            prop="operationType"
        </el-form-item>
        <el-form-item>
          <el-button
            ><i class="el-icon-search"></i> &nbsp;{{
              $t("userManage.RM.query")
            }}</el-button
          >
            <el-select
              v-model="form.operationType"
              :placeholder="$t('operatManage.ELM.please')"
            >
              <el-option :label="$t('operatManage.ELM.all')" value="all" />
              <el-option :label="$t('operatManage.ELM.add')" value="add" />
              <el-option :label="$t('operatManage.ELM.delete')" value="delete" />
              <el-option :label="$t('operatManage.ELM.edit')" value="edit" />
              <el-option :label="$t('operatManage.ELM.query')" value="query" />
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('operatManage.ELM.date')" prop="date">
            <el-date-picker
              v-model="form.date"
              type="daterange"
              align="right"
              unlink-panels
              :range-separator="$t('operatManage.ELM.to')"
              :start-placeholder="$t('operatManage.ELM.startDate')"
              :end-placeholder="$t('operatManage.ELM.endDate')"
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item :label="$t('operatManage.ELM.ip')" prop="requestIp">
            <el-input v-model="form.requestIp" placeholder="请输入" />
          </el-form-item>
          <el-form-item>
            <el-button @click="onSubmit"
              ><i class="el-icon-search"></i> &nbsp;{{
                $t("operatManage.ELM.search")
              }}</el-button
            >
          </el-form-item>
          <el-form-item>
            <el-button @click="resetForm('ruleForm')"
              ><i class="el-icon-delete"></i>&nbsp;{{
                $t("operatManage.ELM.reset")
              }}</el-button
            >
          </el-form-item>
        </el-form>
      </div>
      <div class="table_box">
        <el-table :data="tableData" stripe style="width: 100%" height="99%">
          <el-table-column
            align="center"
            type="index"
            :label="$t('operatManage.ELM.index')"
            width="70px"
          />
          <el-table-column
            align="center"
            prop="username"
            :label="$t('operatManage.ELM.username')"
          />
          <el-table-column
            align="center"
            prop="ip"
            :label="$t('operatManage.ELM.ip')"
          />
          <el-table-column
            align="center"
            prop="ownedSystem"
            :label="$t('operatManage.ELM.ownedSystem')"
          />
          <el-table-column
            align="center"
            prop="largeModuleName"
            :label="$t('operatManage.ELM.largeModuleName')"
          />
          <el-table-column
            align="center"
            prop="smallModuleName"
            :label="$t('operatManage.ELM.smallModuleName')"
          />
          <el-table-column
            align="center"
            prop="resourceName"
            :label="$t('operatManage.ELM.resourceName')"
          />
          <el-table-column
            align="center"
            prop="date"
            :label="$t('operatManage.ELM.date')"
          />
          <el-table-column
            align="center"
            prop="operationType"
            :label="$t('operatManage.ELM.operationType')"
          />
        </el-table>
        <div style="margin-top: 40px" class="pagination_box">
          <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="currentPage"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="10"
            layout="total, sizes, prev, pager, next, jumper"
            :total="9"
        </el-form-item>
        <el-form-item>
          <el-button @click="resetForm('ruleForm')"
            ><i class="el-icon-delete"></i>&nbsp;{{
              $t("userManage.RM.reset")
            }}</el-button
          >
          </el-pagination>
        </div>
        </el-form-item>
      </el-form>
    </div>
    <div class="table_box">
      <el-table :data="tableData" stripe style="width: 100%" height="99%">
        <el-table-column
          align="center"
          type="index"
          :label="$t('userManage.RM.index')"
          width="70px"
        />
        <el-table-column
          align="center"
          prop="roleName"
          :label="$t('userManage.RM.roleName')"
        />

        <el-table-column
          align="center"
          prop="ownedSystem"
          :label="$t('userManage.RM.ownedSystem')"
        />
        <el-table-column
          align="center"
          prop="Permission"
          :label="$t('userManage.RM.Permission')"
        />
        <el-table-column
          align="center"
          prop="resourcePermission"
          :label="$t('userManage.RM.resourcePermission')"
        />
        <el-table-column
          align="center"
          prop="roleSetting"
          :label="$t('userManage.RM.groupSetting')"
        />
        <el-table-column
          fixed="right"
          :label="$t('userManage.RM.operate')"
          width="300"
        >
          <template #default>
            <el-button type="danger" size="small">{{
              $t("common.delete")
            }}</el-button>
            <el-button type="warning" size="small">{{
              $t("common.update")
            }}</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div style="margin-top: 40px" class="pagination_box">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage"
          :page-sizes="[10, 20, 30, 40]"
          :page-size="10"
          layout="total, sizes, prev, pager, next, jumper"
          :total="0"
        >
        </el-pagination>
      </div>
    </div>
  </template>
  </div>
</template>
  
  <script>
  import MyBread from "../../components/MyBread.vue";
  
  export default {
    //import引入的组件需要注入到对象中才能使用
    components: {
      MyBread,
import MyBread from "../../components/MyBread.vue";

export default {
  //import引入的组件需要注入到对象中才能使用
  components: {
    MyBread,
  },

  data() {
    return {
      currentPage: 1,
      roleForm: {
        groupName: "",
        ownedSystem: "",
      },
      tableData: [],
    };
  },
  methods: {
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
    },
  
    data() {
      return {
        currentPage: 1,
        form: {
          username: "",
          ownedSystem: "",
          requestIp: "",
          operationType: "",
          date: "",
        },
        tableData: [
          {
            username: "管理员",
            ip: "221.182.31.12",
            date: "2022-08-05",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
          {
            date: "2022-08-05",
            username: "管理员",
            ownedSystem: "",
            largeModuleName: "运维监控",
            smallModuleName: "资源操作日志",
            resourceName: "",
            operationType: "查询",
            ip: "221.182.31.12",
          },
        ],
      };
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
    },
    methods: {
      handleSizeChange(val) {
        console.log(`每页 ${val} 条`);
      },
      handleCurrentChange(val) {
        console.log(`当前页: ${val}`);
      },
      onSubmit() {
        console.log("submit!");
      },
      resetForm(formName) {
        this.$refs[formName].resetFields();
      },
    onSubmit() {
      console.log("submit!");
    },
    created() {},
  };
  </script>
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
  },
  created() {},
};
</script>
  <style lang="less" scoped>
  //@import url(); 引入公共css类
  .logLog_box {
    background: rgb(240, 242, 245);
    border-radius: 10px;
    height: 100%;
//@import url(); 引入公共css类
.logLog_box {
  background: rgb(240, 242, 245);
  border-radius: 10px;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  .el-input {
    width: 300px;
  }
  .inquire {
    height: 110px;
    overflow: auto;
    padding: 10px;
    box-sizing: border-box;
    .el-input {
      width: 300px;
    }
    .inquire {
      height: 110px;
      overflow: auto;
      padding: 10px;
      margin-top: 20px;
      background: #fff;
      border-radius: 5px;
      border: 1px solid rgb(202, 201, 204);
      margin-bottom: 20px;
      .el-form-item {
        margin: 7px;
      }
    }
    .table_box {
      height: 65%;
      padding: 10px;
      background: #fff;
      border-radius: 5px;
      border: 1px solid rgb(202, 201, 204);
    }
    .text-center {
      text-align: center;
    margin-top: 20px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    margin-bottom: 20px;
    .el-form-item {
      margin: 7px;
    }
  }
  </style>
  .table_box {
    height: 65%;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
  }
  .text-center {
    text-align: center;
  }
}
</style>