王旭
2022-09-20 f5d9435d230837c7ae40d75ee82eb04367d464f4
系统操作页面样式
已修改3个文件
112 ■■■■■ 文件已修改
src/assets/lang/en.js 16 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/lang/zh.js 18 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/maintenance/operationLog.vue 78 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/lang/en.js
@@ -30,6 +30,22 @@
    systemMonitoring: 'systemMonitoring',
    logLog: 'logLog',
    operationLog: 'operationLog',
    operationLogObj:{
      queryRegion:"queryRegion",
      resourceName:"resourceName",
      operationType:"operationType",
      operatingTime:"operatingTime",
      inquire:"inquire",
      empty:"empty",
      num:"num",
      username:"username",
      systematicName:"systematicName",
      IP:" IP",
      pleaseInput:"pleaseInput",
      pleaseSelect:"pleaseSelect",
      optionDate:"optionDate",
      selectTime:"selectTime",
    }
  },
  synthesis: {
    synthesis: 'Comprehensive Display',
src/assets/lang/zh.js
@@ -29,7 +29,23 @@
    operationMonitoring: '运行监控',
    systemMonitoring: '系统监控',
    logLog: '登录日志',
    operationLog: '操作日志',
    operationLog: '系统操作日志',
    operationLogObj:{
      queryRegion:"查询区",
      resourceName:"资源名称",
      operationType:"操作类型",
      operatingTime:"操作时间",
      inquire:"查询",
      empty:"清空",
      num:"序号",
      username:"用户名",
      systematicName:"系统名称",
      IP:" IP",
      pleaseInput:"请输入",
      pleaseSelect:"请选择",
      optionDate:"选择日期",
      selectTime:"选择时间",
    }
  },
  synthesis: {
    synthesis: '综合展示',
src/views/maintenance/operationLog.vue
@@ -1,26 +1,35 @@
<template>
  <div class="operationLog_box">
    <My-bread :list="['运维管理', '操作日志']"></My-bread>
    <My-bread
      :list="[
        `${$t('operatManage.operatManage')}`,
        `${$t('operatManage.operationLog')}`,
      ]"
    ></My-bread>
    <el-divider />
    <div class="inquire">
    <div class="herder_box">
      {{$t('operatManage.operationLogObj.queryRegion')}}
    </div>
      <el-form ref="formData1" :model="form" :inline="true">
        <el-form-item label="登录地址" prop="name">
          <el-input v-model="form.name" placeholder="请输入" />
        <el-form-item :label="$t('operatManage.operationLogObj.resourceName')" prop="name">
          <el-input v-model="form.name" :placeholder="$t('operatManage.operationLogObj.pleaseInput')" />
        </el-form-item>
        <el-form-item label="登录名称" prop="jurisdiction">
          <el-input v-model="form.jurisdiction" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="登录状态" prop="region">
          <el-select v-model="form.region" placeholder="请选择">
            <el-option label="Zone one" value="shanghai" />
            <el-option label="Zone two" value="beijing" />
        <el-form-item :label="$t('operatManage.operationLogObj.operationType')" prop="region">
          <el-select v-model="form.region" :placeholder="$t('operatManage.operationLogObj.pleaseSelect')">
            <el-option label="全部" value="shanghai" />
            <el-option label="浏览" value="beijing" />
            <el-option label="下载" value="shanghai" />
            <el-option label="调用" value="beijing" />
            <el-option label="收藏" value="shanghai" />
          </el-select>
        </el-form-item>
        <el-form-item label="登录时间">
        <el-form-item :label="$t('operatManage.operationLogObj.operatingTime')">
          <el-col :span="11">
            <el-date-picker
              type="date"
              placeholder="选择日期"
              :placeholder="$t('operatManage.operationLogObj.optionDate')"
              v-model="form.date1"
              style="width: 100%"
            ></el-date-picker>
@@ -28,41 +37,38 @@
          <el-col class="line text-center" :span="2">-</el-col>
          <el-col :span="11">
            <el-time-picker
              placeholder="选择时间"
              :placeholder="$t('operatManage.operationLogObj.selectTime')"
              v-model="form.date2"
              style="width: 100%"
            ></el-time-picker>
          </el-col>
        </el-form-item>
        <el-form-item>
          <el-button @click="onSubmit">查询</el-button>
          <el-button @click="onSubmit" icon="el-icon-search">{{$t('operatManage.operationLogObj.inquire')}}</el-button>
          <el-button icon="el-icon-delete">{{$t('operatManage.operationLogObj.empty')}}</el-button>
        </el-form-item>
      </el-form>
      <div class="btn_box">
        <el-button>添加</el-button>
        <el-button>修改</el-button>
        <el-button>导出</el-button>
        <el-button>清空</el-button>
        <!-- <el-button>删除</el-button> -->
      </div>
    </div>
    <div class="table_box">
      <el-table :data="tableData" stripe style="width: 100%">
        <el-table-column type="selection" width="55" />
        <el-table-column prop="Accessnumber" label="访问编号" />
        <el-table-column prop="name" label="登录名称" />
        <el-table-column prop="ip" label="登录地址" />
        <el-table-column prop="loginaddress" label="登录地点" />
        <el-table-column prop="browser" label="浏览器" />
        <el-table-column prop="operatingsystem" label="操作系统" />
        <el-table-column prop="operatinginformation" label="操作信息" />
        <el-table-column prop="date" label="登录时间" />
        <el-table-column fixed="right" label="操作" width="100">
        <!-- <el-table-column type="selection" width="55" /> -->
        <el-table-column :label="$t('operatManage.operationLogObj.num')" type="index" width="80"> </el-table-column>
        <!-- <el-table-column prop="Accessnumber" label="访问编号" /> -->
        <el-table-column prop="name" :label="$t('operatManage.operationLogObj.resourceName')" />
        <el-table-column prop="operatingsystem" :label="$t('operatManage.operationLogObj.operationType')" />
        <!-- <el-table-column prop="loginaddress" label="登录地点" /> -->
        <el-table-column prop="browser" :label="$t('operatManage.operationLogObj.username')" />
        <el-table-column prop="operatinginformation" :label="$t('operatManage.operationLogObj.systematicName')" />
        <el-table-column prop="ip" label="IP" />
        <el-table-column prop="date" :label="$t('operatManage.operationLogObj.operatingTime')" />
        <!-- <el-table-column fixed="right" label="操作" width="100">
          <template #default>
            <!-- <el-button type="primary" size="small">修改</el-button> -->
            <el-button type="primary" size="small">删除</el-button>
          </template>
        </el-table-column>
        </el-table-column> -->
      </el-table>
      <div style="margin-top: 40px" class="pagination_box">
        <el-pagination
@@ -229,6 +235,12 @@
    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
    margin-bottom: 20px;
    .herder_box{
      padding: 10px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 20px;
      font-size: 14px;
    }
  }
  .table_box {
    padding: 10px;