解决启动时警告信息

package.json

@@ -57,6 +57,7 @@
     "vue": "2.6.12",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
+    "vue-loader-plugin": "^1.3.0",
     "vue-meta": "2.4.0",
     "vue-router": "3.4.9",
     "vuedraggable": "2.24.3",

src/views/system/log/abnormalLog/index.vue

@@ -1,9 +1,12 @@
 <template>
     <div class="app-container">
         <div class="filter-container">
-
+            <el-input
-      <el-input v-model="listQuery.ip" placeholder="请输入IP地址"
+                v-model="listQuery.ip"
-        style="width: 200px" class="filter-item ml-20" :maxlength="30"
+                placeholder="请输入IP地址"
+                style="width: 200px"
+                class="filter-item ml-20"
+                :maxlength="30"
                 @keyup.enter.native="handleFilter"
             />
             <el-date-picker
@@ -16,27 +19,80 @@
                 start-placeholder="开始日期"
                 end-placeholder="结束日期"
             />
-      <el-select v-model="listQuery.grade" placeholder="请选择异常等级" style="width: 200px" class="filter-item ml-20">
+            <el-select
-          <el-option v-for="item in Object.keys(levelList)" :key="item" :value="levelList[item]" :label="levelList[item]" />
+                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-select
-          <el-option v-for="item in Object.keys(typeList)" :key="item" :value="typeList[item]" :label="typeList[item]" />
+                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-select
-          <el-option v-for="item in timeList" :key="item.id" :label="item.name" :value="item.id" />
+                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-select
-          <el-option v-for="item in sortList" :key="item.id" :label="item.name" :value="item.id" />
+                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">
@@ -54,28 +110,44 @@
             style="width: 100%"
             :max-height="tableHeight"
         >
-      <el-table-column label="序号" align="center" width="80" type="index">
+            <el-table-column
-        <template scope="scope">
+                label="序号"
-          <span>{{ (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1 }}</span>
+                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">
                 <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
-      <el-table-column label="IP地址" align="center" prop="ip"/>
+                label="操作时间"
-      <el-table-column label="操作模块" align="center" prop="model" >
+                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
-      <el-table-column label="异常等级" align="center" prop="grade"/>
+                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" />
             <!--
@@ -108,17 +180,16 @@ import Pagination from '@/components/Pagination'
 import _ from 'lodash/fp'
 import { downloadFile } from '@/utils/download'
 
-import { getErrLogs,downloadErrLogs } from '@/api/system/log'
+import { getErrLogs, downloadErrLogs } from '@/api/system/log'
-
 
 const levelList = {
-  1:'高',
+    1: '高',
-  2:'中',
+    2: '中',
-  3:'低'
+    3: '低',
-};
+}
 const typeList = {
-  1:'越权访问',
+    1: '越权访问',
-  2:'IP异常',
+    2: 'IP异常',
     // 3:'删除',
     // 4:'查询',
     // 5:'导出',
@@ -126,7 +197,7 @@ const typeList = {
     // 7:'备份',
     // 8:'登录',
     // 9:'登出'
-};
+}
 
 export default {
     components: { Pagination },
@@ -139,19 +210,27 @@ export default {
             listLoading: false,
             tableHeight: 650,
             typeList: typeList,
-      timeList:[{id:1,name:'时间'},{id:2,name:'操作人'},{id:4,name:'ip'},{id:5,name:'异常等级'}],
+            timeList: [
-      sortList:[{id:1,name:'倒序'},{id:2,name:'升序'}],
+                { 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:'',
+                operTime: '',
                 // logSort:1,
-        logDesc:1,
+                logDesc: 1,
             },
-      rangeDate:[],
+            rangeDate: [],
         }
     },
     created() {
@@ -159,8 +238,9 @@ export default {
         // this.getOperate()
     },
     mounted() {
-    this.listQuery.operTime = this.getCurrentDate()+' - '+this.getCurrentDate();
+        this.listQuery.operTime =
-    this.rangeDate = [this.getCurrentDate(),this.getCurrentDate()]
+            this.getCurrentDate() + ' - ' + this.getCurrentDate()
+        this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
         this.getList()
     },
     methods: {
@@ -168,7 +248,7 @@ export default {
             return this.levelList[val]
         },
         //获取下拉数据
-    getOperate(){
+        getOperate() {
             // getOperateList().then((response) => {
             //   this.typeList = response.data
             // })
@@ -176,18 +256,19 @@ export default {
 
         getList() {
             this.listLoading = true
-      if(this.rangeDate && this.rangeDate.length>0){
+            if (this.rangeDate && this.rangeDate.length > 0) {
-        this.listQuery.operTime = this.rangeDate[0]+' - '+this.rangeDate[1];
+                this.listQuery.operTime =
+                    this.rangeDate[0] + ' - ' + this.rangeDate[1]
             }
             getErrLogs(this.listQuery).then((response) => {
-        this.list = response.rows.map(item => {
+                this.list = response.rows.map((item) => {
                     return item
                 })
                 this.total = response.total
             })
-      setTimeout(()=>{
+            setTimeout(() => {
                 this.listLoading = false
-      },500)
+            }, 500)
         },
         // 查询
         handleFilter() {
@@ -196,45 +277,47 @@ export default {
         },
         //重置
         resetFilter() {
-      this.listQuery={
+            this.listQuery = {
                 pageNum: 1,
                 pageSize: 10,
                 errType: '',
                 ip: '',
                 grade: '',
                 // logSort:1,
-        logDesc:1,
+                logDesc: 1,
-      };
+            }
-      this.rangeDate=[this.getCurrentDate(),this.getCurrentDate()]
+            this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
             this.handleFilter()
         },
         // 备份
         handleBackups() {
-      downloadErrLogs().then(res => {
+            downloadErrLogs().then((res) => {
-        downloadFile({ fileName: '异常日志.sql', fileData: res, fileType: 'text/html;charset=UTF-8'})
+                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' })
             // })
         },
         getCurrentDate() {
-      let now = new Date();
+            let now = new Date()
-      let year = now.getFullYear();
+            let year = now.getFullYear()
-      let month = now.getMonth() + 1;
+            let month = now.getMonth() + 1
-      if(month<10){
+            if (month < 10) {
-        month = '0'+month
+                month = '0' + month
             }
-      let day = now.getDate();
+            let day = now.getDate()
-      if(day<10){
+            if (day < 10) {
-        day = '0'+day
+                day = '0' + day
-      }
-      return year + "-" + month + "-" + day;
-    }
-
             }
+            return year + '-' + month + '-' + day
+        },
+    },
 }
 </script>

src/views/system/log/businessLog/index.vue

@@ -1,12 +1,20 @@
 <template>
     <div class="app-container">
         <div class="filter-container">
-        <el-input v-model="listQuery.operaUserName" placeholder="请输入操作人"
+            <el-input
-          style="width: 200px" class="filter-item" :maxlength="30"
+                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地址"
+            <el-input
-          style="width: 200px" class="filter-item ml-20" :maxlength="30"
+                v-model="listQuery.ip"
+                placeholder="请输入IP地址"
+                style="width: 200px"
+                class="filter-item ml-20"
+                :maxlength="30"
                 @keyup.enter.native="handleFilter"
             />
             <el-date-picker
@@ -23,23 +31,76 @@
           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-select
-            <el-option v-for="item in Object.keys(outcomeList)" :key="item" :value="outcomeList[item]" :label="outcomeList[item]" />
+                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-select
-            <el-option v-for="item in Object.keys(operateList)" :key="item" :value="operateList[item]" :label="operateList[item]" />
+                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-select
-            <el-option v-for="item in timeList" :key="item.id" :label="item.name" :value="item.id" />
+                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-select
-            <el-option v-for="item in sortList" :key="item.id" :label="item.name" :value="item.id" />
+                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">
@@ -57,20 +118,37 @@
             style="width: 100%"
             :max-height="tableHeight"
         >
-        <el-table-column label="序号" align="center" width="80" type="index">
+            <el-table-column
-          <template scope="scope">
+                label="序号"
-            <span>{{ (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1 }}</span>
+                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="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="operateDetail"
+            />
             <el-table-column label="操作结果" align="center" prop="result">
                 <template slot-scope="{ row }">
-            {{ row.result}}
+                    {{ row.result }}
                 </template>
             </el-table-column>
             <el-table-column label="操作参数" align="center" prop="params" />
@@ -87,34 +165,33 @@
             @pagination="getList"
         />
     </div>
-  </template>
+</template>
 
-  <script>
+<script>
-  import Pagination from '@/components/Pagination'
+import Pagination from '@/components/Pagination'
 
-  import _ from 'lodash/fp'
+import _ from 'lodash/fp'
-  import { downloadFile } from '@/utils/download'
+import { downloadFile } from '@/utils/download'
 
-  import { getYwLogs,downloadYwLogs } from '@/api/system/log'
+import { getYwLogs, downloadYwLogs } from '@/api/system/log'
 
+const outcomeList = {
+    1: '成功',
+    2: '失败',
+}
+const operateList = {
+    1: '新增',
+    2: '修改',
+    3: '删除',
+    4: '查询',
+    5: '导出',
+    6: '下载',
+    7: '备份',
+    8: '登录',
+    9: '登出',
+}
 
-  const outcomeList = {
+export default {
-    1:'成功',
-    2:'失败'
-  };
-  const operateList = {
-    1:'新增',
-    2:'修改',
-    3:'删除',
-    4:'查询',
-    5:'导出',
-    6:'下载',
-    7:'备份',
-    8:'登录',
-    9:'登出'
-  };
-
-  export default {
     components: { Pagination },
     data() {
         return {
@@ -125,21 +202,29 @@
             listLoading: false,
             tableHeight: 650,
             operateList: operateList,
-        timeList:[{id:1,name:'时间'},{id:2,name:'操作人'},{id:3,name:'操作模块'},{id:4,name:'ip'},],
+            timeList: [
-        sortList:[{id:1,name:'倒序'},{id:2,name:'升序'}],
+                { 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:'',
+                content: '',
                 result: '',
-          operTime:'',
+                operTime: '',
                 operType: '',
-          logSort:1,
+                logSort: 1,
-          logDesc:1,
+                logDesc: 1,
             },
-        rangeDate:[],
+            rangeDate: [],
         }
     },
     created() {
@@ -147,8 +232,9 @@
         // this.getOperate()
     },
     mounted() {
-      this.listQuery.operTime = this.getCurrentDate()+' - '+this.getCurrentDate();
+        this.listQuery.operTime =
-      this.rangeDate = [this.getCurrentDate(),this.getCurrentDate()]
+            this.getCurrentDate() + ' - ' + this.getCurrentDate()
+        this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
         this.getList()
     },
     methods: {
@@ -156,7 +242,7 @@
             return this.outcomeList[val]
         },
         //获取下拉数据
-      getOperate(){
+        getOperate() {
             // getOperateList().then((response) => {
             //   this.operateList = response.data
             // })
@@ -164,18 +250,19 @@
 
         getList() {
             this.listLoading = true
-        if(this.rangeDate && this.rangeDate.length>0){
+            if (this.rangeDate && this.rangeDate.length > 0) {
-          this.listQuery.operTime = this.rangeDate[0]+' - '+this.rangeDate[1];
+                this.listQuery.operTime =
+                    this.rangeDate[0] + ' - ' + this.rangeDate[1]
             }
             getYwLogs(this.listQuery).then((response) => {
-          this.list = response.rows.map(item => {
+                this.list = response.rows.map((item) => {
                     return item
                 })
                 this.total = response.total
             })
-        setTimeout(()=>{
+            setTimeout(() => {
                 this.listLoading = false
-      },500)
+            }, 500)
         },
         // 查询
         handleFilter() {
@@ -184,48 +271,50 @@
         },
         //重置
         resetFilter() {
-        this.listQuery={
+            this.listQuery = {
                 pageNum: 1,
                 pageSize: 10,
                 operaUserName: '',
                 ip: '',
 
-          content:'',
+                content: '',
                 result: '',
                 operType: '',
-          logSort:1,
+                logSort: 1,
-          logDesc:1,
+                logDesc: 1,
-        };
+            }
-        this.rangeDate=[this.getCurrentDate(),this.getCurrentDate()]
+            this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
             this.handleFilter()
         },
         // 备份
         handleBackups() {
-        downloadYwLogs().then(res => {
+            downloadYwLogs().then((res) => {
-          downloadFile({ fileName: '业务日志.sql', fileData: res, fileType: 'text/html;charset=UTF-8'})
+                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' })
             // })
         },
         getCurrentDate() {
-        let now = new Date();
+            let now = new Date()
-        let year = now.getFullYear();
+            let year = now.getFullYear()
-        let month = now.getMonth() + 1;
+            let month = now.getMonth() + 1
-        if(month<10){
+            if (month < 10) {
-          month = '0'+month
+                month = '0' + month
             }
-        let day = now.getDate();
+            let day = now.getDate()
-        if(day<10){
+            if (day < 10) {
-          day = '0'+day
+                day = '0' + day
             }
-        return year + "-" + month + "-" + day;
+            return year + '-' + month + '-' + day
-      }
+        },
-
+    },
-    }
+}
-  }
+</script>
-  </script>

src/views/system/log/systemLog/index.vue

@@ -1,12 +1,20 @@
 <template>
     <div class="app-container">
         <div class="filter-container">
-      <el-input v-model="listQuery.operaUserName" placeholder="请输入操作人"
+            <el-input
-        style="width: 200px" class="filter-item" :maxlength="30"
+                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地址"
+            <el-input
-        style="width: 200px" class="filter-item ml-20" :maxlength="30"
+                v-model="listQuery.ip"
+                placeholder="请输入IP地址"
+                style="width: 200px"
+                class="filter-item ml-20"
+                :maxlength="30"
                 @keyup.enter.native="handleFilter"
             />
             <el-date-picker
@@ -26,20 +34,63 @@
       <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-select
-          <el-option v-for="item in Object.keys(operateList)" :key="item" :value="operateList[item]" :label="operateList[item]" />
+                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-select
-          <el-option v-for="item in timeList" :key="item.id" :label="item.name" :value="item.id" />
+                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-select
-          <el-option v-for="item in sortList" :key="item.id" :label="item.name" :value="item.id" />
+                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">
@@ -57,17 +108,34 @@
             style="width: 100%"
             :max-height="tableHeight"
         >
-      <el-table-column label="序号" align="center" width="80" type="index">
+            <el-table-column
-        <template scope="scope">
+                label="序号"
-          <span>{{ (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1 }}</span>
+                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="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="operateDetail"
+            />
             <el-table-column label="操作结果" align="center" prop="result">
                 <template slot-scope="{ row }">
                     {{ row.result }}
@@ -95,24 +163,23 @@ import Pagination from '@/components/Pagination'
 import _ from 'lodash/fp'
 import { downloadFile } from '@/utils/download'
 
-import { getSysLogs,downloadSysLogs } from '@/api/system/log'
+import { getSysLogs, downloadSysLogs } from '@/api/system/log'
-
 
 const outcomeList = {
-  1:'成功',
+    1: '成功',
-  2:'失败'
+    2: '失败',
-};
+}
 const operateList = {
-  1:'新增',
+    1: '新增',
-  2:'修改',
+    2: '修改',
-  3:'删除',
+    3: '删除',
-  4:'查询',
+    4: '查询',
-  5:'导出',
+    5: '导出',
-  6:'下载',
+    6: '下载',
-  7:'备份',
+    7: '备份',
-  8:'登录',
+    8: '登录',
-  9:'登出'
+    9: '登出',
-};
+}
 
 export default {
     components: { Pagination },
@@ -125,21 +192,29 @@ export default {
             listLoading: false,
             tableHeight: 650,
             operateList: operateList,
-      timeList:[{id:1,name:'时间'},{id:2,name:'操作人'},{id:3,name:'操作模块'},{id:4,name:'ip'},],
+            timeList: [
-      sortList:[{id:1,name:'倒序'},{id:2,name:'升序'}],
+                { 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:'',
+                content: '',
                 result: '',
-        operTime:'',
+                operTime: '',
                 operaType: '',
-        logSort:1,
+                logSort: 1,
-        logDesc:1,
+                logDesc: 1,
             },
-      rangeDate:[],
+            rangeDate: [],
         }
     },
     created() {
@@ -147,8 +222,9 @@ export default {
         // this.getOperate()
     },
     mounted() {
-    this.listQuery.operTime = this.getCurrentDate()+' - '+this.getCurrentDate();
+        this.listQuery.operTime =
-    this.rangeDate = [this.getCurrentDate(),this.getCurrentDate()]
+            this.getCurrentDate() + ' - ' + this.getCurrentDate()
+        this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
         this.getList()
     },
     methods: {
@@ -156,7 +232,7 @@ export default {
             return this.outcomeList[val]
         },
         //获取下拉数据
-    getOperate(){
+        getOperate() {
             // getOperateList().then((response) => {
             //   this.operateList = response.data
             // })
@@ -164,18 +240,19 @@ export default {
 
         getList() {
             this.listLoading = true
-      if(this.rangeDate && this.rangeDate.length>0){
+            if (this.rangeDate && this.rangeDate.length > 0) {
-        this.listQuery.operTime = this.rangeDate[0]+' - '+this.rangeDate[1];
+                this.listQuery.operTime =
+                    this.rangeDate[0] + ' - ' + this.rangeDate[1]
             }
             getSysLogs(this.listQuery).then((response) => {
-        this.list = response.rows.map(item => {
+                this.list = response.rows.map((item) => {
                     return item
                 })
                 this.total = response.total
             })
-      setTimeout(()=>{
+            setTimeout(() => {
                 this.listLoading = false
-      },500)
+            }, 500)
         },
         // 查询
         handleFilter() {
@@ -184,49 +261,50 @@ export default {
         },
         //重置
         resetFilter() {
-      this.listQuery={
+            this.listQuery = {
                 pageNum: 1,
                 pageSize: 10,
                 operaUserName: '',
                 ip: '',
 
-        content:'',
+                content: '',
                 result: '',
                 operateType: '',
-        logSort:1,
+                logSort: 1,
-        logDesc:1,
+                logDesc: 1,
-      };
+            }
-      this.rangeDate=[this.getCurrentDate(),this.getCurrentDate()]
+            this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
             this.handleFilter()
         },
         // 备份
         handleBackups() {
-      downloadSysLogs().then(res => {
+            downloadSysLogs().then((res) => {
-          downloadFile({ fileName: '系统日志.sql', fileData: res, fileType: 'text/html;charset=UTF-8' })
+                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' })
             // })
         },
         getCurrentDate() {
-      let now = new Date();
+            let now = new Date()
-      let year = now.getFullYear();
+            let year = now.getFullYear()
-      let month = now.getMonth() + 1;
+            let month = now.getMonth() + 1
-      if(month<10){
+            if (month < 10) {
-        month = '0'+month
+                month = '0' + month
             }
-      let day = now.getDate();
+            let day = now.getDate()
-      if(day<10){
+            if (day < 10) {
-        day = '0'+day
+                day = '0' + day
-      }
-      return year + "-" + month + "-" + day;
-    }
-
             }
+            return year + '-' + month + '-' + day
+        },
+    },
 }
 </script>