| | |
| | | <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"> |
| | | |
| | | <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')" |
| | |
| | | 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 |
| | |
| | | @click="onSubmit" |
| | | icon="el-icon-search" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | >{{ $t("operatManage.operationLogObj.inquire") }}</el-button |
| | | > |
| | | >{{ $t("operatManage.operationLogObj.inquire") }}</el-button> |
| | | <el-button |
| | | @click="onEmpty('sizeForm')" |
| | | icon="el-icon-delete" |
| | | type="info" |
| | | >{{ $t("operatManage.operationLogObj.empty") }}</el-button |
| | | > |
| | | >{{ $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" |
| | |
| | | /> |
| | | </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" |
| | |
| | | let data; |
| | | switch (row[column.property]) { |
| | | case 1: |
| | | data = "管道基础大数据平台"; |
| | | data = menuStartName; |
| | | break; |
| | | case 2: |
| | | data = "外部系统集成"; |