From 8dd9cd22cb4b80ca496e0244f51270a5ff0a9f14 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Fri, 8 Nov 2024 09:15:25 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E5=90=AF=E5=8A=A8=E6=97=B6?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6=E5=8F=B0warning=E8=AD=A6=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/log/abnormalLog/index.vue | 251 +++++++----
 src/views/system/log/businessLog/index.vue | 495 ++++++++++++---------
 src/views/system/log/systemLog/index.vue   | 248 +++++++----
 vue.config.js                              | 157 ++++---
 4 files changed, 678 insertions(+), 473 deletions(-)

diff --git a/src/views/system/log/abnormalLog/index.vue b/src/views/system/log/abnormalLog/index.vue
index 0756171e..801ac495 100644
--- a/src/views/system/log/abnormalLog/index.vue
+++ b/src/views/system/log/abnormalLog/index.vue
@@ -1,42 +1,98 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-
-      <el-input v-model="listQuery.ip" placeholder="请输入IP地址"
-        style="width: 200px" class="filter-item ml-20" :maxlength="30"
+      <el-input
+        v-model="listQuery.ip"
+        placeholder="请输入IP地址"
+        style="width: 200px"
+        class="filter-item ml-20"
+        :maxlength="30"
         @keyup.enter.native="handleFilter"
       />
       <el-date-picker
-          v-model="rangeDate"
-          style="width: 300px"
-          class="filter-item ml-20"
-          value-format="yyyy-MM-dd"
-          type="daterange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
+        v-model="rangeDate"
+        style="width: 300px"
+        class="filter-item ml-20"
+        value-format="yyyy-MM-dd"
+        type="daterange"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
       />
-      <el-select v-model="listQuery.grade" placeholder="请选择异常等级" style="width: 200px" class="filter-item ml-20">
-          <el-option v-for="item in Object.keys(levelList)" :key="item" :value="levelList[item]" :label="levelList[item]" />
+      <el-select
+        v-model="listQuery.grade"
+        placeholder="请选择异常等级"
+        style="width: 200px"
+        class="filter-item ml-20"
+      >
+        <el-option
+          v-for="item in Object.keys(levelList)"
+          :key="item"
+          :value="levelList[item]"
+          :label="levelList[item]"
+        />
       </el-select>
       <!-- <el-input v-model="listQuery.errType" placeholder="请输入异常类型"
         style="width: 200px" class="filter-item" :maxlength="30"
         @keyup.enter.native="handleFilter"
       /> -->
-      <el-select v-model="listQuery.errType" placeholder="请选择异常类型" style="width: 200px" class="filter-item ml-20">
-          <el-option v-for="item in Object.keys(typeList)" :key="item" :value="typeList[item]" :label="typeList[item]" />
+      <el-select
+        v-model="listQuery.errType"
+        placeholder="请选择异常类型"
+        style="width: 200px"
+        class="filter-item ml-20"
+      >
+        <el-option
+          v-for="item in Object.keys(typeList)"
+          :key="item"
+          :value="typeList[item]"
+          :label="typeList[item]"
+        />
       </el-select>
 
-      <el-select v-model="listQuery.logSort" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" >
-          <el-option v-for="item in timeList" :key="item.id" :label="item.name" :value="item.id" />
+      <el-select
+        v-model="listQuery.logSort"
+        clearable
+        filterable
+        style="width: 200px"
+        class="filter-item ml-20"
+        placeholder="请选择"
+      >
+        <el-option
+          v-for="item in timeList"
+          :key="item.id"
+          :label="item.name"
+          :value="item.id"
+        />
       </el-select>
-      <el-select v-model="listQuery.logDesc" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" >
-          <el-option v-for="item in sortList" :key="item.id" :label="item.name" :value="item.id" />
+      <el-select
+        v-model="listQuery.logDesc"
+        clearable
+        filterable
+        style="width: 200px"
+        class="filter-item ml-20"
+        placeholder="请选择"
+      >
+        <el-option
+          v-for="item in sortList"
+          :key="item.id"
+          :label="item.name"
+          :value="item.id"
+        />
       </el-select>
-      <el-button style="margin-left: 20px" class="filter-item" type="primary" @click="handleFilter">
+      <el-button
+        style="margin-left: 20px"
+        class="filter-item"
+        type="primary"
+        @click="handleFilter"
+      >
         查询
       </el-button>
-      <el-button style="margin-left: 20px" class="filter-item"  @click="resetFilter">
+      <el-button
+        style="margin-left: 20px"
+        class="filter-item"
+        @click="resetFilter"
+      >
         重置
       </el-button>
       <!-- <el-button @click="handleBackups" class="filter-item" style="margin-left: 20px" type="warning">
@@ -55,28 +111,33 @@
       :max-height="tableHeight"
     >
       <el-table-column label="序号" align="center" width="80" type="index">
-        <template scope="scope">
-          <span>{{ (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1 }}</span>
+        <template slot-scope="scope">
+          <span>{{
+            (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1
+          }}</span>
         </template>
       </el-table-column>
       <el-table-column label="操作人" align="center" prop="operaUserName">
         <template slot-scope="scope">
-            <span>{{ scope.row.operaUserName||'/' }}</span>
+          <span>{{ scope.row.operaUserName || "/" }}</span>
         </template>
-
       </el-table-column>
-      <el-table-column label="操作时间" align="center" prop="operTime" width="180"/>
-      <el-table-column label="IP地址" align="center" prop="ip"/>
-      <el-table-column label="操作模块" align="center" prop="model" >
+      <el-table-column
+        label="操作时间"
+        align="center"
+        prop="operTime"
+        width="180"
+      />
+      <el-table-column label="IP地址" align="center" prop="ip" />
+      <el-table-column label="操作模块" align="center" prop="model">
         <template slot-scope="scope">
-            <span>{{ scope.row.model||'/' }}</span>
+          <span>{{ scope.row.model || "/" }}</span>
         </template>
-
       </el-table-column>
       <el-table-column label="异常类型" align="center" prop="errType" />
-      <el-table-column label="异常原因" align="center" prop="operateDetail"/>
-      <el-table-column label="异常等级" align="center" prop="grade"/>
-     <!-- <el-table-column label="事件结果" align="center" prop="failureReason"/> -->
+      <el-table-column label="异常原因" align="center" prop="operateDetail" />
+      <el-table-column label="异常等级" align="center" prop="grade" />
+      <!-- <el-table-column label="事件结果" align="center" prop="failureReason"/> -->
       <el-table-column label="操作类型" align="center" prop="operType" />
       <!--
       <el-table-column label="操作详情" align="center" prop="operateDetail" />
@@ -103,22 +164,21 @@
 </template>
 
 <script>
-import Pagination from '@/components/Pagination'
+import Pagination from "@/components/Pagination";
 
-import _ from 'lodash/fp'
-import { downloadFile } from '@/utils/download'
-
-import { getErrLogs,downloadErrLogs } from '@/api/system/log'
+import _ from "lodash/fp";
+import { downloadFile } from "@/utils/download";
 
+import { getErrLogs, downloadErrLogs } from "@/api/system/log";
 
 const levelList = {
-  1:'高',
-  2:'中',
-  3:'低'
+  1: "高",
+  2: "中",
+  3: "低",
 };
 const typeList = {
-  1:'越权访问',
-  2:'IP异常',
+  1: "越权访问",
+  2: "IP异常",
   // 3:'删除',
   // 4:'查询',
   // 5:'导出',
@@ -139,84 +199,96 @@ export default {
       listLoading: false,
       tableHeight: 650,
       typeList: typeList,
-      timeList:[{id:1,name:'时间'},{id:2,name:'操作人'},{id:4,name:'ip'},{id:5,name:'异常等级'}],
-      sortList:[{id:1,name:'倒序'},{id:2,name:'升序'}],
+      timeList: [
+        { id: 1, name: "时间" },
+        { id: 2, name: "操作人" },
+        { id: 4, name: "ip" },
+        { id: 5, name: "异常等级" },
+      ],
+      sortList: [
+        { id: 1, name: "倒序" },
+        { id: 2, name: "升序" },
+      ],
       listQuery: {
         pageNum: 1,
         pageSize: 10,
-        errType: '',
-        ip: '',
-        errLevel: '',
-        operTime:'',
+        errType: "",
+        ip: "",
+        errLevel: "",
+        operTime: "",
         // logSort:1,
-        logDesc:1,
+        logDesc: 1,
       },
-      rangeDate:[],
-    }
+      rangeDate: [],
+    };
   },
   created() {
     // this.getList()
     // this.getOperate()
   },
   mounted() {
-    this.listQuery.operTime = this.getCurrentDate()+' - '+this.getCurrentDate();
-    this.rangeDate = [this.getCurrentDate(),this.getCurrentDate()]
-    this.getList()
+    this.listQuery.operTime =
+      this.getCurrentDate() + " - " + this.getCurrentDate();
+    this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()];
+    this.getList();
   },
   methods: {
     getStatus(val) {
-      return this.levelList[val]
+      return this.levelList[val];
     },
     //获取下拉数据
-    getOperate(){
+    getOperate() {
       // getOperateList().then((response) => {
       //   this.typeList = response.data
       // })
     },
 
     getList() {
-      this.listLoading = true
-      if(this.rangeDate && this.rangeDate.length>0){
-        this.listQuery.operTime = this.rangeDate[0]+' - '+this.rangeDate[1];
+      this.listLoading = true;
+      if (this.rangeDate && this.rangeDate.length > 0) {
+        this.listQuery.operTime = this.rangeDate[0] + " - " + this.rangeDate[1];
       }
       getErrLogs(this.listQuery).then((response) => {
-        this.list = response.rows.map(item => {
-          return item
-        })
-        this.total = response.total
-      })
-      setTimeout(()=>{
-        this.listLoading = false
-      },500)
+        this.list = response.rows.map((item) => {
+          return item;
+        });
+        this.total = response.total;
+      });
+      setTimeout(() => {
+        this.listLoading = false;
+      }, 500);
     },
     // 查询
     handleFilter() {
-      this.listQuery.pageNum = 1
-      this.getList()
+      this.listQuery.pageNum = 1;
+      this.getList();
     },
     //重置
     resetFilter() {
-      this.listQuery={
+      this.listQuery = {
         pageNum: 1,
         pageSize: 10,
-        errType: '',
-        ip: '',
-        grade: '',
+        errType: "",
+        ip: "",
+        grade: "",
         // logSort:1,
-        logDesc:1,
+        logDesc: 1,
       };
-      this.rangeDate=[this.getCurrentDate(),this.getCurrentDate()]
-      this.handleFilter()
+      this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()];
+      this.handleFilter();
     },
     // 备份
     handleBackups() {
-      downloadErrLogs().then(res => {
-        downloadFile({ fileName: '异常日志.sql', fileData: res, fileType: 'text/html;charset=UTF-8'})
-      })
+      downloadErrLogs().then((res) => {
+        downloadFile({
+          fileName: "异常日志.sql",
+          fileData: res,
+          fileType: "text/html;charset=UTF-8",
+        });
+      });
     },
     //导出
-    handleExport(){
-
+    handleExport() {
       // exportCarDetail().then(res => {
       //   downloadFile({ fileName: '设备详情.xlsx', fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
       // })
@@ -225,16 +297,15 @@ export default {
       let now = new Date();
       let year = now.getFullYear();
       let month = now.getMonth() + 1;
-      if(month<10){
-        month = '0'+month
+      if (month < 10) {
+        month = "0" + month;
       }
       let day = now.getDate();
-      if(day<10){
-        day = '0'+day
+      if (day < 10) {
+        day = "0" + day;
       }
       return year + "-" + month + "-" + day;
-    }
-
-  }
-}
+    },
+  },
+};
 </script>
diff --git a/src/views/system/log/businessLog/index.vue b/src/views/system/log/businessLog/index.vue
index d94822be..84a9348e 100644
--- a/src/views/system/log/businessLog/index.vue
+++ b/src/views/system/log/businessLog/index.vue
@@ -1,231 +1,304 @@
 <template>
-    <div class="app-container">
-      <div class="filter-container">
-        <el-input v-model="listQuery.operaUserName" placeholder="请输入操作人"
-          style="width: 200px" class="filter-item" :maxlength="30"
-          @keyup.enter.native="handleFilter"
-        />
-        <el-input v-model="listQuery.ip" placeholder="请输入IP地址"
-          style="width: 200px" class="filter-item ml-20" :maxlength="30"
-          @keyup.enter.native="handleFilter"
-        />
-        <el-date-picker
-            v-model="rangeDate"
-            style="width: 300px"
-            class="filter-item ml-20"
-            value-format="yyyy-MM-dd"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-        />
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input
+        v-model="listQuery.operaUserName"
+        placeholder="请输入操作人"
+        style="width: 200px"
+        class="filter-item"
+        :maxlength="30"
+        @keyup.enter.native="handleFilter"
+      />
+      <el-input
+        v-model="listQuery.ip"
+        placeholder="请输入IP地址"
+        style="width: 200px"
+        class="filter-item ml-20"
+        :maxlength="30"
+        @keyup.enter.native="handleFilter"
+      />
+      <el-date-picker
+        v-model="rangeDate"
+        style="width: 300px"
+        class="filter-item ml-20"
+        value-format="yyyy-MM-dd"
+        type="daterange"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+      />
       <!--  <el-input v-model="listQuery.content" placeholder="请输入操作内容"
           style="width: 200px" class="filter-item ml-20" :maxlength="30"
           @keyup.enter.native="handleFilter"
         /> -->
-        <el-select v-model="listQuery.result" placeholder="请选择事件结果" style="width: 200px" class="filter-item ml-20">
-            <el-option v-for="item in Object.keys(outcomeList)" :key="item" :value="outcomeList[item]" :label="outcomeList[item]" />
-        </el-select>
-        <el-select v-model="listQuery.operType" placeholder="请选择操作类型" style="width: 200px" class="filter-item ml-20">
-            <el-option v-for="item in Object.keys(operateList)" :key="item" :value="operateList[item]" :label="operateList[item]" />
-        </el-select>
+      <el-select
+        v-model="listQuery.result"
+        placeholder="请选择事件结果"
+        style="width: 200px"
+        class="filter-item ml-20"
+      >
+        <el-option
+          v-for="item in Object.keys(outcomeList)"
+          :key="item"
+          :value="outcomeList[item]"
+          :label="outcomeList[item]"
+        />
+      </el-select>
+      <el-select
+        v-model="listQuery.operType"
+        placeholder="请选择操作类型"
+        style="width: 200px"
+        class="filter-item ml-20"
+      >
+        <el-option
+          v-for="item in Object.keys(operateList)"
+          :key="item"
+          :value="operateList[item]"
+          :label="operateList[item]"
+        />
+      </el-select>
 
-        <el-select v-model="listQuery.logSort" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" >
-            <el-option v-for="item in timeList" :key="item.id" :label="item.name" :value="item.id" />
-        </el-select>
-        <el-select v-model="listQuery.logDesc" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" >
-            <el-option v-for="item in sortList" :key="item.id" :label="item.name" :value="item.id" />
-        </el-select>
-        <el-button style="margin-left: 20px" class="filter-item" type="primary" @click="handleFilter">
-          查询
-        </el-button>
-        <el-button style="margin-left: 20px" class="filter-item"  @click="resetFilter">
-          重置
-        </el-button>
-       <!-- <el-button @click="handleBackups" class="filter-item" style="margin-left: 20px" type="warning">
+      <el-select
+        v-model="listQuery.logSort"
+        clearable
+        filterable
+        style="width: 200px"
+        class="filter-item ml-20"
+        placeholder="请选择"
+      >
+        <el-option
+          v-for="item in timeList"
+          :key="item.id"
+          :label="item.name"
+          :value="item.id"
+        />
+      </el-select>
+      <el-select
+        v-model="listQuery.logDesc"
+        clearable
+        filterable
+        style="width: 200px"
+        class="filter-item ml-20"
+        placeholder="请选择"
+      >
+        <el-option
+          v-for="item in sortList"
+          :key="item.id"
+          :label="item.name"
+          :value="item.id"
+        />
+      </el-select>
+      <el-button
+        style="margin-left: 20px"
+        class="filter-item"
+        type="primary"
+        @click="handleFilter"
+      >
+        查询
+      </el-button>
+      <el-button
+        style="margin-left: 20px"
+        class="filter-item"
+        @click="resetFilter"
+      >
+        重置
+      </el-button>
+      <!-- <el-button @click="handleBackups" class="filter-item" style="margin-left: 20px" type="warning">
           备份
         </el-button> -->
-      </div>
-
-      <el-table
-        :key="tableKey"
-        v-loading="listLoading"
-        :data="list"
-        border
-        fit
-        highlight-current-row
-        style="width: 100%"
-        :max-height="tableHeight"
-      >
-        <el-table-column label="序号" align="center" width="80" type="index">
-          <template scope="scope">
-            <span>{{ (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1 }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作人" align="center" prop="operaUserName" />
-        <el-table-column label="操作时间" align="center" prop="operTime" />
-        <el-table-column label="IP地址" align="center" prop="ip" />
-        <el-table-column label="操作模块" align="center" prop="model" />
-        <el-table-column label="操作类型" align="center" prop="operType" />
-        <el-table-column label="操作详情" align="center" prop="operateDetail" />
-        <el-table-column label="操作结果" align="center" prop="result">
-          <template slot-scope="{ row }">
-            {{ row.result}}
-          </template>
-        </el-table-column>
-        <el-table-column label="操作参数" align="center" prop="params" />
-        <el-table-column label="操作方法" align="center" prop="method" />
-        <el-table-column label="操作路径" align="center" prop="operUri" />
-        <el-table-column label="执行时间(ms)" align="center" prop="times" />
-      </el-table>
-
-      <pagination
-        v-show="total > 0"
-        :total="total"
-        :page.sync="listQuery.pageNum"
-        :limit.sync="listQuery.pageSize"
-        @pagination="getList"
-      />
     </div>
-  </template>
 
-  <script>
-  import Pagination from '@/components/Pagination'
+    <el-table
+      :key="tableKey"
+      v-loading="listLoading"
+      :data="list"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%"
+      :max-height="tableHeight"
+    >
+      <el-table-column label="序号" align="center" width="80" type="index">
+        <template slot-scope="scope">
+          <span>{{
+            (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1
+          }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作人" align="center" prop="operaUserName" />
+      <el-table-column label="操作时间" align="center" prop="operTime" />
+      <el-table-column label="IP地址" align="center" prop="ip" />
+      <el-table-column label="操作模块" align="center" prop="model" />
+      <el-table-column label="操作类型" align="center" prop="operType" />
+      <el-table-column label="操作详情" align="center" prop="operateDetail" />
+      <el-table-column label="操作结果" align="center" prop="result">
+        <template slot-scope="{ row }">
+          {{ row.result }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作参数" align="center" prop="params" />
+      <el-table-column label="操作方法" align="center" prop="method" />
+      <el-table-column label="操作路径" align="center" prop="operUri" />
+      <el-table-column label="执行时间(ms)" align="center" prop="times" />
+    </el-table>
 
-  import _ from 'lodash/fp'
-  import { downloadFile } from '@/utils/download'
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="getList"
+    />
+  </div>
+</template>
 
-  import { getYwLogs,downloadYwLogs } from '@/api/system/log'
+<script>
+import Pagination from "@/components/Pagination";
 
+import _ from "lodash/fp";
+import { downloadFile } from "@/utils/download";
 
-  const outcomeList = {
-    1:'成功',
-    2:'失败'
-  };
-  const operateList = {
-    1:'新增',
-    2:'修改',
-    3:'删除',
-    4:'查询',
-    5:'导出',
-    6:'下载',
-    7:'备份',
-    8:'登录',
-    9:'登出'
-  };
+import { getYwLogs, downloadYwLogs } from "@/api/system/log";
 
-  export default {
-    components: { Pagination },
-    data() {
-      return {
-        tableKey: 0,
-        list: [],
-        outcomeList: outcomeList,
-        total: 0,
-        listLoading: false,
-        tableHeight: 650,
-        operateList: operateList,
-        timeList:[{id:1,name:'时间'},{id:2,name:'操作人'},{id:3,name:'操作模块'},{id:4,name:'ip'},],
-        sortList:[{id:1,name:'倒序'},{id:2,name:'升序'}],
-        listQuery: {
-          pageNum: 1,
-          pageSize: 10,
-          operaUserName: '',
-          ip: '',
-          content:'',
-          result: '',
-          operTime:'',
-          operType: '',
-          logSort:1,
-          logDesc:1,
-        },
-        rangeDate:[],
+const outcomeList = {
+  1: "成功",
+  2: "失败",
+};
+const operateList = {
+  1: "新增",
+  2: "修改",
+  3: "删除",
+  4: "查询",
+  5: "导出",
+  6: "下载",
+  7: "备份",
+  8: "登录",
+  9: "登出",
+};
+
+export default {
+  components: { Pagination },
+  data() {
+    return {
+      tableKey: 0,
+      list: [],
+      outcomeList: outcomeList,
+      total: 0,
+      listLoading: false,
+      tableHeight: 650,
+      operateList: operateList,
+      timeList: [
+        { id: 1, name: "时间" },
+        { id: 2, name: "操作人" },
+        { id: 3, name: "操作模块" },
+        { id: 4, name: "ip" },
+      ],
+      sortList: [
+        { id: 1, name: "倒序" },
+        { id: 2, name: "升序" },
+      ],
+      listQuery: {
+        pageNum: 1,
+        pageSize: 10,
+        operaUserName: "",
+        ip: "",
+        content: "",
+        result: "",
+        operTime: "",
+        operType: "",
+        logSort: 1,
+        logDesc: 1,
+      },
+      rangeDate: [],
+    };
+  },
+  created() {
+    // this.getList()
+    // this.getOperate()
+  },
+  mounted() {
+    this.listQuery.operTime =
+      this.getCurrentDate() + " - " + this.getCurrentDate();
+    this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()];
+    this.getList();
+  },
+  methods: {
+    getStatus(val) {
+      return this.outcomeList[val];
+    },
+    //获取下拉数据
+    getOperate() {
+      // getOperateList().then((response) => {
+      //   this.operateList = response.data
+      // })
+    },
+
+    getList() {
+      this.listLoading = true;
+      if (this.rangeDate && this.rangeDate.length > 0) {
+        this.listQuery.operTime = this.rangeDate[0] + " - " + this.rangeDate[1];
       }
+      getYwLogs(this.listQuery).then((response) => {
+        this.list = response.rows.map((item) => {
+          return item;
+        });
+        this.total = response.total;
+      });
+      setTimeout(() => {
+        this.listLoading = false;
+      }, 500);
     },
-    created() {
-      // this.getList()
-      // this.getOperate()
+    // 查询
+    handleFilter() {
+      this.listQuery.pageNum = 1;
+      this.getList();
     },
-    mounted() {
-      this.listQuery.operTime = this.getCurrentDate()+' - '+this.getCurrentDate();
-      this.rangeDate = [this.getCurrentDate(),this.getCurrentDate()]
-      this.getList()
+    //重置
+    resetFilter() {
+      this.listQuery = {
+        pageNum: 1,
+        pageSize: 10,
+        operaUserName: "",
+        ip: "",
+
+        content: "",
+        result: "",
+        operType: "",
+        logSort: 1,
+        logDesc: 1,
+      };
+      this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()];
+      this.handleFilter();
     },
-    methods: {
-      getStatus(val) {
-        return this.outcomeList[val]
-      },
-      //获取下拉数据
-      getOperate(){
-        // getOperateList().then((response) => {
-        //   this.operateList = response.data
-        // })
-      },
-
-      getList() {
-        this.listLoading = true
-        if(this.rangeDate && this.rangeDate.length>0){
-          this.listQuery.operTime = this.rangeDate[0]+' - '+this.rangeDate[1];
-        }
-        getYwLogs(this.listQuery).then((response) => {
-          this.list = response.rows.map(item => {
-            return item
-          })
-          this.total = response.total
-        })
-        setTimeout(()=>{
-        this.listLoading = false
-      },500)
-      },
-      // 查询
-      handleFilter() {
-        this.listQuery.pageNum = 1
-        this.getList()
-      },
-      //重置
-      resetFilter() {
-        this.listQuery={
-          pageNum: 1,
-          pageSize: 10,
-          operaUserName: '',
-          ip: '',
-
-          content:'',
-          result: '',
-          operType: '',
-          logSort:1,
-          logDesc:1,
-        };
-        this.rangeDate=[this.getCurrentDate(),this.getCurrentDate()]
-        this.handleFilter()
-      },
-      // 备份
-      handleBackups() {
-        downloadYwLogs().then(res => {
-          downloadFile({ fileName: '业务日志.sql', fileData: res, fileType: 'text/html;charset=UTF-8'})
-        })
-      },
-      //导出
-      handleExport(){
-
-        // exportCarDetail().then(res => {
-        //   downloadFile({ fileName: '设备详情.xlsx', fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
-        // })
-      },
-      getCurrentDate() {
-        let now = new Date();
-        let year = now.getFullYear();
-        let month = now.getMonth() + 1;
-        if(month<10){
-          month = '0'+month
-        }
-        let day = now.getDate();
-        if(day<10){
-          day = '0'+day
-        }
-        return year + "-" + month + "-" + day;
+    // 备份
+    handleBackups() {
+      downloadYwLogs().then((res) => {
+        downloadFile({
+          fileName: "业务日志.sql",
+          fileData: res,
+          fileType: "text/html;charset=UTF-8",
+        });
+      });
+    },
+    //导出
+    handleExport() {
+      // exportCarDetail().then(res => {
+      //   downloadFile({ fileName: '设备详情.xlsx', fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
+      // })
+    },
+    getCurrentDate() {
+      let now = new Date();
+      let year = now.getFullYear();
+      let month = now.getMonth() + 1;
+      if (month < 10) {
+        month = "0" + month;
       }
-
-    }
-  }
-  </script>
+      let day = now.getDate();
+      if (day < 10) {
+        day = "0" + day;
+      }
+      return year + "-" + month + "-" + day;
+    },
+  },
+};
+</script>
diff --git a/src/views/system/log/systemLog/index.vue b/src/views/system/log/systemLog/index.vue
index 1759d266..aebcd6ae 100644
--- a/src/views/system/log/systemLog/index.vue
+++ b/src/views/system/log/systemLog/index.vue
@@ -1,45 +1,96 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="listQuery.operaUserName" placeholder="请输入操作人"
-        style="width: 200px" class="filter-item" :maxlength="30"
+      <el-input
+        v-model="listQuery.operaUserName"
+        placeholder="请输入操作人"
+        style="width: 200px"
+        class="filter-item"
+        :maxlength="30"
         @keyup.enter.native="handleFilter"
       />
-      <el-input v-model="listQuery.ip" placeholder="请输入IP地址"
-        style="width: 200px" class="filter-item ml-20" :maxlength="30"
+      <el-input
+        v-model="listQuery.ip"
+        placeholder="请输入IP地址"
+        style="width: 200px"
+        class="filter-item ml-20"
+        :maxlength="30"
         @keyup.enter.native="handleFilter"
       />
       <el-date-picker
-          v-model="rangeDate"
-          style="width: 300px"
-          class="filter-item ml-20"
-          value-format="yyyy-MM-dd"
-          type="daterange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
+        v-model="rangeDate"
+        style="width: 300px"
+        class="filter-item ml-20"
+        value-format="yyyy-MM-dd"
+        type="daterange"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
       />
-   <!--   <el-input v-model="listQuery.content" placeholder="请输入操作内容"
+      <!--   <el-input v-model="listQuery.content" placeholder="请输入操作内容"
         style="width: 200px" class="filter-item ml-20" :maxlength="30"
         @keyup.enter.native="handleFilter"
       />
       <el-select v-model="listQuery.result" placeholder="请选择事件结果" style="width: 200px" class="filter-item ml-20">
           <el-option v-for="item in Object.keys(outcomeList)" :key="item" :value="outcomeList[item]" :label="outcomeList[item]" />
       </el-select>-->
-      <el-select v-model="listQuery.operType" placeholder="请选择操作类型" style="width: 200px" class="filter-item ml-20">
-          <el-option v-for="item in Object.keys(operateList)" :key="item" :value="operateList[item]" :label="operateList[item]" />
+      <el-select
+        v-model="listQuery.operType"
+        placeholder="请选择操作类型"
+        style="width: 200px"
+        class="filter-item ml-20"
+      >
+        <el-option
+          v-for="item in Object.keys(operateList)"
+          :key="item"
+          :value="operateList[item]"
+          :label="operateList[item]"
+        />
       </el-select>
 
-      <el-select v-model="listQuery.logSort" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" >
-          <el-option v-for="item in timeList" :key="item.id" :label="item.name" :value="item.id" />
+      <el-select
+        v-model="listQuery.logSort"
+        clearable
+        filterable
+        style="width: 200px"
+        class="filter-item ml-20"
+        placeholder="请选择"
+      >
+        <el-option
+          v-for="item in timeList"
+          :key="item.id"
+          :label="item.name"
+          :value="item.id"
+        />
       </el-select>
-      <el-select v-model="listQuery.logDesc" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" >
-          <el-option v-for="item in sortList" :key="item.id" :label="item.name" :value="item.id" />
+      <el-select
+        v-model="listQuery.logDesc"
+        clearable
+        filterable
+        style="width: 200px"
+        class="filter-item ml-20"
+        placeholder="请选择"
+      >
+        <el-option
+          v-for="item in sortList"
+          :key="item.id"
+          :label="item.name"
+          :value="item.id"
+        />
       </el-select>
-      <el-button style="margin-left: 20px" class="filter-item" type="primary" @click="handleFilter">
+      <el-button
+        style="margin-left: 20px"
+        class="filter-item"
+        type="primary"
+        @click="handleFilter"
+      >
         查询
       </el-button>
-      <el-button style="margin-left: 20px" class="filter-item"  @click="resetFilter">
+      <el-button
+        style="margin-left: 20px"
+        class="filter-item"
+        @click="resetFilter"
+      >
         重置
       </el-button>
       <!-- <el-button @click="handleBackups" class="filter-item" style="margin-left: 20px" type="warning">
@@ -58,8 +109,10 @@
       :max-height="tableHeight"
     >
       <el-table-column label="序号" align="center" width="80" type="index">
-        <template scope="scope">
-          <span>{{ (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1 }}</span>
+        <template slot-scope="scope">
+          <span>{{
+            (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1
+          }}</span>
         </template>
       </el-table-column>
       <el-table-column label="操作人" align="center" prop="operaUserName" />
@@ -90,28 +143,27 @@
 </template>
 
 <script>
-import Pagination from '@/components/Pagination'
+import Pagination from "@/components/Pagination";
 
-import _ from 'lodash/fp'
-import { downloadFile } from '@/utils/download'
-
-import { getSysLogs,downloadSysLogs } from '@/api/system/log'
+import _ from "lodash/fp";
+import { downloadFile } from "@/utils/download";
 
+import { getSysLogs, downloadSysLogs } from "@/api/system/log";
 
 const outcomeList = {
-  1:'成功',
-  2:'失败'
+  1: "成功",
+  2: "失败",
 };
 const operateList = {
-  1:'新增',
-  2:'修改',
-  3:'删除',
-  4:'查询',
-  5:'导出',
-  6:'下载',
-  7:'备份',
-  8:'登录',
-  9:'登出'
+  1: "新增",
+  2: "修改",
+  3: "删除",
+  4: "查询",
+  5: "导出",
+  6: "下载",
+  7: "备份",
+  8: "登录",
+  9: "登出",
 };
 
 export default {
@@ -125,90 +177,101 @@ export default {
       listLoading: false,
       tableHeight: 650,
       operateList: operateList,
-      timeList:[{id:1,name:'时间'},{id:2,name:'操作人'},{id:3,name:'操作模块'},{id:4,name:'ip'},],
-      sortList:[{id:1,name:'倒序'},{id:2,name:'升序'}],
+      timeList: [
+        { id: 1, name: "时间" },
+        { id: 2, name: "操作人" },
+        { id: 3, name: "操作模块" },
+        { id: 4, name: "ip" },
+      ],
+      sortList: [
+        { id: 1, name: "倒序" },
+        { id: 2, name: "升序" },
+      ],
       listQuery: {
         pageNum: 1,
         pageSize: 10,
-        operaUserName: '',
-        ip: '',
-        content:'',
-        result: '',
-        operTime:'',
-        operaType: '',
-        logSort:1,
-        logDesc:1,
+        operaUserName: "",
+        ip: "",
+        content: "",
+        result: "",
+        operTime: "",
+        operaType: "",
+        logSort: 1,
+        logDesc: 1,
       },
-      rangeDate:[],
-    }
+      rangeDate: [],
+    };
   },
   created() {
     // this.getList()
     // this.getOperate()
   },
   mounted() {
-    this.listQuery.operTime = this.getCurrentDate()+' - '+this.getCurrentDate();
-    this.rangeDate = [this.getCurrentDate(),this.getCurrentDate()]
-    this.getList()
+    this.listQuery.operTime =
+      this.getCurrentDate() + " - " + this.getCurrentDate();
+    this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()];
+    this.getList();
   },
   methods: {
     getStatus(val) {
-      return this.outcomeList[val]
+      return this.outcomeList[val];
     },
     //获取下拉数据
-    getOperate(){
+    getOperate() {
       // getOperateList().then((response) => {
       //   this.operateList = response.data
       // })
     },
 
     getList() {
-      this.listLoading = true
-      if(this.rangeDate && this.rangeDate.length>0){
-        this.listQuery.operTime = this.rangeDate[0]+' - '+this.rangeDate[1];
+      this.listLoading = true;
+      if (this.rangeDate && this.rangeDate.length > 0) {
+        this.listQuery.operTime = this.rangeDate[0] + " - " + this.rangeDate[1];
       }
       getSysLogs(this.listQuery).then((response) => {
-        this.list = response.rows.map(item => {
-          return item
-        })
-        this.total = response.total
-      })
-      setTimeout(()=>{
-        this.listLoading = false
-      },500)
+        this.list = response.rows.map((item) => {
+          return item;
+        });
+        this.total = response.total;
+      });
+      setTimeout(() => {
+        this.listLoading = false;
+      }, 500);
     },
     // 查询
     handleFilter() {
-      this.listQuery.pageNum = 1
-      this.getList()
+      this.listQuery.pageNum = 1;
+      this.getList();
     },
     //重置
     resetFilter() {
-      this.listQuery={
+      this.listQuery = {
         pageNum: 1,
         pageSize: 10,
-        operaUserName: '',
-        ip: '',
+        operaUserName: "",
+        ip: "",
 
-        content:'',
-        result: '',
-        operateType: '',
-        logSort:1,
-        logDesc:1,
+        content: "",
+        result: "",
+        operateType: "",
+        logSort: 1,
+        logDesc: 1,
       };
-      this.rangeDate=[this.getCurrentDate(),this.getCurrentDate()]
-      this.handleFilter()
+      this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()];
+      this.handleFilter();
     },
     // 备份
     handleBackups() {
-      downloadSysLogs().then(res => {
-          downloadFile({ fileName: '系统日志.sql', fileData: res, fileType: 'text/html;charset=UTF-8' })
-      })
-
+      downloadSysLogs().then((res) => {
+        downloadFile({
+          fileName: "系统日志.sql",
+          fileData: res,
+          fileType: "text/html;charset=UTF-8",
+        });
+      });
     },
     //导出
-    handleExport(){
-
+    handleExport() {
       // exportCarDetail().then(res => {
       //   downloadFile({ fileName: '设备详情.xlsx', fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
       // })
@@ -217,16 +280,15 @@ export default {
       let now = new Date();
       let year = now.getFullYear();
       let month = now.getMonth() + 1;
-      if(month<10){
-        month = '0'+month
+      if (month < 10) {
+        month = "0" + month;
       }
       let day = now.getDate();
-      if(day<10){
-        day = '0'+day
+      if (day < 10) {
+        day = "0" + day;
       }
       return year + "-" + month + "-" + day;
-    }
-
-  }
-}
+    },
+  },
+};
 </script>
diff --git a/vue.config.js b/vue.config.js
index cf54ba3b..05ad4b79 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,15 +1,15 @@
-'use strict'
-const path = require('path')
+"use strict";
+const path = require("path");
 
 function resolve(dir) {
-  return path.join(__dirname, dir)
+  return path.join(__dirname, dir);
 }
 
-const CompressionPlugin = require('compression-webpack-plugin')
+const CompressionPlugin = require("compression-webpack-plugin");
 
-const name = process.env.VUE_APP_TITLE || '博诺思管理系统' // 网页标题
+const name = process.env.VUE_APP_TITLE || "博诺思管理系统"; // 网页标题
 
-const port = process.env.port || process.env.npm_config_port || 80 // 端口
+const port = process.env.port || process.env.npm_config_port || 80; // 端口
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
@@ -20,119 +20,118 @@ module.exports = {
   // 例如 https://www.bonus.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.bonus.vip/admin/，则设置 baseUrl 为 /admin/。
   publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
-  outputDir: 'dist',
+  outputDir: "dist",
   // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
-  assetsDir: 'static',
+  assetsDir: "static",
   // 是否开启eslint保存检测，有效值：ture | false | 'error'
-  lintOnSave: process.env.NODE_ENV === 'development',
+  lintOnSave: process.env.NODE_ENV === "development",
   // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
   productionSourceMap: false,
   // webpack-dev-server 相关配置
   devServer: {
-    host: '0.0.0.0',
+    host: "0.0.0.0",
     port: port,
     open: true,
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://localhost:18080`,
+        target: `http://192.168.2.72:18080`,
         changeOrigin: true,
         pathRewrite: {
-          ['^' + process.env.VUE_APP_BASE_API]: ''
-        }
+          ["^" + process.env.VUE_APP_BASE_API]: "",
+        },
       },
-      "/api" : {
-        "target" : "http://192.168.0.21:17861",
+      "/api": {
+        target: "http://192.168.0.21:17861",
         //设置允许跨域——此处我经过测试发现可有可无
-        "changeOrigin" : true,
-        "pathRewrite" : {
-          "^/api" : ""
-        }
+        changeOrigin: true,
+        pathRewrite: {
+          "^/api": "",
+        },
       },
     },
-    disableHostCheck: true
+    disableHostCheck: true,
   },
   css: {
     loaderOptions: {
       sass: {
-        sassOptions: { outputStyle: "expanded" }
-      }
-    }
+        sassOptions: { outputStyle: "expanded" },
+      },
+    },
   },
   configureWebpack: {
     name: name,
     resolve: {
       alias: {
-        '@': resolve('src')
-      }
+        "@": resolve("src"),
+      },
     },
     plugins: [
       // http://doc.bonus.vip/bonus-vue/other/faq.html#使用gzip解压缩静态文件
       new CompressionPlugin({
-        cache: false,                                  // 不启用文件缓存
-        test: /\.(js|css|html|jpe?g|png|gif|svg)?$/i,  // 压缩文件格式
-        filename: '[path][base].gz[query]',            // 压缩后的文件名
-        algorithm: 'gzip',                             // 使用gzip压缩
-        minRatio: 0.8,                                 // 压缩比例，小于 80% 的文件不会被压缩
-        deleteOriginalAssets: false                    // 压缩后删除原文件
-      })
+        cache: false, // 不启用文件缓存
+        test: /\.(js|css|html|jpe?g|png|gif|svg)?$/i, // 压缩文件格式
+        filename: "[path][base].gz[query]", // 压缩后的文件名
+        algorithm: "gzip", // 使用gzip压缩
+        minRatio: 0.8, // 压缩比例，小于 80% 的文件不会被压缩
+        deleteOriginalAssets: false, // 压缩后删除原文件
+      }),
     ],
   },
   chainWebpack(config) {
-    config.plugins.delete('preload') // TODO: need test
-    config.plugins.delete('prefetch') // TODO: need test
+    config.plugins.delete("preload"); // TODO: need test
+    config.plugins.delete("prefetch"); // TODO: need test
 
     // set svg-sprite-loader
+    config.module.rule("svg").exclude.add(resolve("src/assets/icons")).end();
     config.module
-      .rule('svg')
-      .exclude.add(resolve('src/assets/icons'))
-      .end()
-    config.module
-      .rule('icons')
+      .rule("icons")
       .test(/\.svg$/)
-      .include.add(resolve('src/assets/icons'))
+      .include.add(resolve("src/assets/icons"))
       .end()
-      .use('svg-sprite-loader')
-      .loader('svg-sprite-loader')
+      .use("svg-sprite-loader")
+      .loader("svg-sprite-loader")
       .options({
-        symbolId: 'icon-[name]'
+        symbolId: "icon-[name]",
       })
-      .end()
+      .end();
 
-    config.when(process.env.NODE_ENV !== 'development', config => {
-          config
-            .plugin('ScriptExtHtmlWebpackPlugin')
-            .after('html')
-            .use('script-ext-html-webpack-plugin', [{
+    config.when(process.env.NODE_ENV !== "development", (config) => {
+      config
+        .plugin("ScriptExtHtmlWebpackPlugin")
+        .after("html")
+        .use("script-ext-html-webpack-plugin", [
+          {
             // `runtime` must same as runtimeChunk name. default is `runtime`
-              inline: /runtime\..*\.js$/
-            }])
-            .end()
+            inline: /runtime\..*\.js$/,
+          },
+        ])
+        .end();
 
-          config.optimization.splitChunks({
-            chunks: 'all',
-            cacheGroups: {
-              libs: {
-                name: 'chunk-libs',
-                test: /[\\/]node_modules[\\/]/,
-                priority: 10,
-                chunks: 'initial' // only package third parties that are initially dependent
-              },
-              elementUI: {
-                name: 'chunk-elementUI', // split elementUI into a single package
-                test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm
-                priority: 20 // the weight needs to be larger than libs and app or it will be packaged into libs or app
-              },
-              commons: {
-                name: 'chunk-commons',
-                test: resolve('src/components'), // can customize your rules
-                minChunks: 3, //  minimum common number
-                priority: 5,
-                reuseExistingChunk: true
-              }
-            }
-          })
-          config.optimization.runtimeChunk('single')
-    })
-  }
-}
+      config.optimization.splitChunks({
+        chunks: "all",
+        cacheGroups: {
+          libs: {
+            name: "chunk-libs",
+            test: /[\\/]node_modules[\\/]/,
+            priority: 10,
+            chunks: "initial", // only package third parties that are initially dependent
+          },
+          elementUI: {
+            name: "chunk-elementUI", // split elementUI into a single package
+            test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm
+            priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+          },
+          commons: {
+            name: "chunk-commons",
+            test: resolve("src/components"), // can customize your rules
+            minChunks: 3, //  minimum common number
+            priority: 5,
+            reuseExistingChunk: true,
+          },
+        },
+      });
+      config.optimization.runtimeChunk("single");
+    });
+  },
+};