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