From 1b352f5f7952dd12e3e7173cda515315458a0853 Mon Sep 17 00:00:00 2001 From: lxl <lixuliang_hd@126.com> Date: 星期三, 12 十月 2022 11:02:45 +0800 Subject: [PATCH] 1 --- src/views/maintenance/operationLog.vue | 132 ++++++++++++++++++++++++++++--------------- 1 files changed, 85 insertions(+), 47 deletions(-) diff --git a/src/views/maintenance/operationLog.vue b/src/views/maintenance/operationLog.vue index fd1a4b1..c0bb9ec 100644 --- a/src/views/maintenance/operationLog.vue +++ b/src/views/maintenance/operationLog.vue @@ -11,62 +11,96 @@ <div class="herder_box"> {{ $t("operatManage.operationLogObj.queryRegion") }} </div> - <el-form ref="formData1" :model="form" :inline="true"> + <el-form ref="formData3" :model="form" :inline="true"> <el-form-item - :label="$t('operatManage.operationLogObj.resourceName')" - prop="name" + :label="$t('operatManage.operationLogObj.username')" + prop="uname" > <el-input - v-model="form.name" + v-model="form.uname" :placeholder="$t('operatManage.operationLogObj.pleaseInput')" /> </el-form-item> <el-form-item :label="$t('operatManage.operationLogObj.operationType')" - prop="region" + prop="type" > <el-select - v-model="form.region" + clearable + v-model="form.type" :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-option + :label="$t('operatManage.operationLogObj.check')" + value="1" + /> + <el-option + :label="$t('operatManage.operationLogObj.added')" + value="2" + /> + <el-option + :label="$t('operatManage.operationLogObj.modification')" + value="3" + /> + <el-option + :label="$t('operatManage.operationLogObj.delete')" + value="4" + /> + <el-option + :label="$t('operatManage.operationLogObj.uploading')" + value="5" + /> + <el-option + :label="$t('operatManage.operationLogObj.download')" + value="6" + /> + <el-option + :label="$t('operatManage.operationLogObj.otherOne')" + value="0" + /> </el-select> </el-form-item> - <el-form-item :label="$t('operatManage.operationLogObj.operatingTime')"> - <el-col :span="11"> - <el-date-picker - type="date" - :placeholder="$t('operatManage.operationLogObj.optionDate')" - v-model="form.date1" - style="width: 100%" - ></el-date-picker> - </el-col> - <el-col class="line text-center" :span="2">-</el-col> - <el-col :span="11"> - <el-time-picker - :placeholder="$t('operatManage.operationLogObj.selectTime')" - v-model="form.date2" - style="width: 100%" - ></el-time-picker> - </el-col> + <el-form-item + prop="start" + :label="$t('operatManage.operationLogObj.startTime')" + > + <el-date-picker + format="yyyy-MM-dd HH:mm:ss" + value-format="yyyy-MM-dd HH:mm:ss" + v-model="form.start" + style="width: 100%" + type="datetime" + :placeholder="$t('operatManage.operationLogObj.optionDate')" + > + </el-date-picker> + </el-form-item> + <el-form-item + prop="end" + :label="$t('operatManage.operationLogObj.endTime')" + > + <el-date-picker + format="yyyy-MM-dd HH:mm:ss" + value-format="yyyy-MM-dd HH:mm:ss" + v-model="form.end" + style="width: 100%" + type="datetime" + :placeholder="$t('operatManage.operationLogObj.optionDate')" + > + </el-date-picker> </el-form-item> <el-form-item> <el-button @click="onSubmit" icon="el-icon-search">{{ $t("operatManage.operationLogObj.inquire") }}</el-button> - <el-button icon="el-icon-delete">{{ + <el-button @click="onEmpty('formData3')" icon="el-icon-delete">{{ $t("operatManage.operationLogObj.empty") }}</el-button> </el-form-item> </el-form> </div> <div class="table_box"> - <el-table :data="tableData" stripe style="width: 100%"> + <el-table :data="tableData" stripe style="width: 100%" height="85%"> <!-- <el-table-column type="selection" width="55" /> --> <el-table-column :label="$t('operatManage.operationLogObj.num')" @@ -76,31 +110,30 @@ </el-table-column> <!-- <el-table-column prop="Accessnumber" label="璁块棶缂栧彿" /> --> <el-table-column - align="center" - prop="modular" - :label="$t('operatManage.operationLogObj.operationModule')" + prop="modular1" + :label="$t('operatManage.operationLogObj.operationModule1')" /> <el-table-column - align="center" + prop="modular2" + :label="$t('operatManage.operationLogObj.operationModule2')" + /> + <el-table-column prop="url" :label="$t('operatManage.operationLogObj.url')" /> <!-- <el-table-column prop="loginaddress" label="鐧诲綍鍦扮偣" /> --> <el-table-column - align="center" prop="clazz" :label="$t('operatManage.operationLogObj.className')" /> <el-table-column - align="center" :formatter="formatType" prop="type" :label="$t('operatManage.operationLogObj.operationType')" /> <el-table-column - align="center" - prop="userid" + prop="uname" :label="$t('operatManage.operationLogObj.username')" /> <el-table-column @@ -109,13 +142,11 @@ /> <el-table-column - align="center" prop="optime" :formatter="formatData" :label="$t('operatManage.operationLogObj.operatingTime')" /> <el-table-column - align="center" prop="bak" :label="$t('operatManage.operationLogObj.bak')" /> @@ -155,11 +186,7 @@ data() { return { currentPage4: 1, - form: { - name: "", - region: "", - jurisdiction: "", - }, + form: {}, tableData: [], listData: { pageIndex: 1, @@ -237,12 +264,20 @@ this.listData.pageIndex = val; this.getList(); }, + onEmpty(formData1) { + this.$refs[formData1].resetFields(); //閲嶇疆琛ㄥ崟鏁版嵁 + // this.form = {} + this.form.start =null + this.form.end =null + }, onSubmit() { - console.log("submit!"); + this.listData = { ...this.listData, ...this.form }; + // console.log(this.listData) + this.getList(); }, async getList() { const data = await operateSelectByPageAndCount(this.listData); - console.log(data); + if (data.code != 200) { return this.$message.error("鍒楄〃璋冪敤澶辫触"); } @@ -263,6 +298,7 @@ height: 100%; padding: 10px; box-sizing: border-box; + .inquire { padding: 10px; margin-top: 20px; @@ -282,6 +318,8 @@ background: #fff; border-radius: 5px; border: 1px solid rgb(202, 201, 204); + overflow: auto; + height: 70%; } .text-center { text-align: center; -- Gitblit v1.9.3