| | |
| | | > |
| | | <el-input |
| | | style="width:200px" |
| | | size="small" |
| | | v-model="sizeForm.uname" |
| | | :placeholder="$t('operatManage.operationLogObj.pleaseInput')" |
| | | /> |
| | |
| | | > |
| | | <el-select |
| | | style="width:200px" |
| | | size="small" |
| | | :popper-append-to-body="false" |
| | | clearable |
| | | v-model="sizeForm.type" |
| | | :placeholder="$t('operatManage.operationLogObj.pleaseSelect')" |
| | | :placeholder="$t('operatManage.operationLogObj.operationTypeHolder')" |
| | | > |
| | | <el-option |
| | | :label="$t('operatManage.operationLogObj.check')" |
| | |
| | | :label="$t('operatManage.operationLogObj.startTime')" |
| | | > |
| | | <el-date-picker |
| | | size="small" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.start" |
| | | style="width:200px" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | :placeholder="$t('operatManage.operationLogObj.startTimeHolder')" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | :label="$t('operatManage.operationLogObj.endTime')" |
| | | > |
| | | <el-date-picker |
| | | size="small" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="sizeForm.end" |
| | | style="width:200px" |
| | | type="datetime" |
| | | :placeholder="$t('operatManage.operationLogObj.optionDate')" |
| | | :placeholder="$t('operatManage.operationLogObj.endTimeHolder')" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | </el-form> |
| | | </div> |
| | | <div class="dividing-line"></div> |
| | | <div class="table_box subpage_Div" :style="styleVar"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="calc(100% - 57px)" |
| | | border |
| | | height="calc(100% - 45px)" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | |
| | | :label="$t('operatManage.ELM.operationType')" |
| | | /> |
| | | </el-table> |
| | | <div |
| | | |
| | | class="pagination_box" |
| | | > |
| | | <div class="pagination_box" style="margin-top: 10px"> |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | |
| | | this.$nextTick(() => { |
| | | const rect = this.$refs.container.getBoundingClientRect(); |
| | | this.tableHeight = `${rect.height + 97}px`; |
| | | this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`; |
| | | this.styleVar["height"] = `calc(100% - ${rect.height + 30}px)`; |
| | | }); |
| | | }, |
| | | //格式化时间 |
| | |
| | | |
| | | async getList() { |
| | | const data = await resOpSelectByPageAndCount(this.listData); |
| | | console.log(data); |
| | | |
| | | if (data.code != 200) { |
| | | return this.$message.error("列表调用失败"); |
| | | } |
| | |
| | | .logLog_box { |
| | | height: 98%; |
| | | width: 98%; |
| | | padding: 1%; |
| | | |
| | | padding: 0.5% 1%; |
| | | |
| | | .el-input { |
| | | width: 300px; |
| | | } |
| | | .inquire { |
| | | |
| | | padding: 8px; |
| | | margin-top: 20px; |
| | | |
| | | padding: 0 8px; |
| | | //margin-top: 20px; |
| | | |
| | | border-radius: 5px; |
| | | |
| | | margin-bottom: 20px; |
| | | //margin-bottom: 20px; |
| | | .el-form-item { |
| | | margin: 5px; |
| | | } |
| | | |
| | | |
| | | } |
| | | |
| | | .text-center { |