| | |
| | | <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> |
| | |
| | | <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 |
| | |
| | | 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; |