From d4d07096bfdb758ad6c6e188bde7f15132317e42 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Mon, 14 Oct 2024 09:14:55 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E5=90=AF=E5=8A=A8=E6=97=B6=E6=8E=A7=E5=88=B6=E5=8F=B0=E7=9A=84?=
 =?UTF-8?q?=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 +++++++----
 3 files changed, 600 insertions(+), 394 deletions(-)

diff --git a/src/views/system/log/abnormalLog/index.vue b/src/views/system/log/abnormalLog/index.vue
index 0756171..801ac49 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 d94822b..84a9348 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 1759d26..aebcd6a 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>

From 3643dbddf25e2685707b897312e284c88a527486 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Mon, 14 Oct 2024 17:00:05 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E6=89=93=E5=8C=85?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b49a869..5dd6167 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "scripts": {
     "dev": "vue-cli-service serve",
-    "build:prod": "vue-cli-service build",
+    "build": "vue-cli-service build",
     "build:stage": "vue-cli-service build --mode staging",
     "preview": "node build/index.js --preview",
     "lint": "eslint --ext .js,.vue src"