From 826082b35bc4a3361f2696fa5cdc5f01a24efbc2 Mon Sep 17 00:00:00 2001
From: zCans <1224895921@qq.com>
Date: Sat, 26 Nov 2022 14:18:26 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E6=96=B0=E5=A2=9E=E5=AE=A2=E6=88=B7?=
 =?UTF-8?q?=E7=AB=AF=E8=BF=9E=E6=8E=A5=E6=97=A5=E5=BF=97=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=202=E3=80=81=E6=97=A5=E5=BF=97=E7=AE=A1=E7=90=86=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=EF=BC=9A=E4=BC=98=E5=8C=96=E5=88=86=E9=A1=B5=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/clientConnectLog.js               |   9 ++
 neutrino-proxy-admin/src/lang/zh.js           |   5 +-
 neutrino-proxy-admin/src/router/index.js      |   3 +-
 .../src/views/log/clientConnectLog.vue        | 152 ++++++++++++++++++
 neutrino-proxy-admin/src/views/log/jobLog.vue |   1 +
 .../src/views/log/loginLog.vue                |   1 +
 6 files changed, 169 insertions(+), 2 deletions(-)
 create mode 100644 neutrino-proxy-admin/src/api/clientConnectLog.js
 create mode 100644 neutrino-proxy-admin/src/views/log/clientConnectLog.vue

diff --git a/neutrino-proxy-admin/src/api/clientConnectLog.js b/neutrino-proxy-admin/src/api/clientConnectLog.js
new file mode 100644
index 00000000..fb8df821
--- /dev/null
+++ b/neutrino-proxy-admin/src/api/clientConnectLog.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function fetchList(query) {
+  return request({
+    url: '/client-connect-record/page',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/neutrino-proxy-admin/src/lang/zh.js b/neutrino-proxy-admin/src/lang/zh.js
index 6687bb0b..573807de 100644
--- a/neutrino-proxy-admin/src/lang/zh.js
+++ b/neutrino-proxy-admin/src/lang/zh.js
@@ -143,7 +143,10 @@ export default {
     alarmStatus: '报警状态',
     ip: 'IP',
     happendTime: '发生时间',
-    updatePwd: '修改密码'
+    updatePwd: '修改密码',
+    msg: '消息',
+    outcome: '结果',
+    err: '异常信息'
   },
   button: {
     lookOver: '查看'
diff --git a/neutrino-proxy-admin/src/router/index.js b/neutrino-proxy-admin/src/router/index.js
index 96bfea8e..7e44c8d4 100644
--- a/neutrino-proxy-admin/src/router/index.js
+++ b/neutrino-proxy-admin/src/router/index.js
@@ -90,7 +90,8 @@ export const asyncRouterMap = [
     },
     children: [
       { path: 'jobLog', component: _import('log/jobLog'), name: 'jobLog', meta: { title: 'jobLog' }},
-      { path: 'loginLog', component: _import('log/loginLog'), name: 'loginLog', meta: { title: 'loginLog' }}
+      { path: 'loginLog', component: _import('log/loginLog'), name: 'loginLog', meta: { title: 'loginLog' }},
+      { path: 'clientConnectLog', component: _import('log/clientConnectLog'), name: 'clientConnectLog', meta: { title: 'clientConnectLog' }}
     ]
   }
 ]
diff --git a/neutrino-proxy-admin/src/views/log/clientConnectLog.vue b/neutrino-proxy-admin/src/views/log/clientConnectLog.vue
new file mode 100644
index 00000000..fc9c8c8a
--- /dev/null
+++ b/neutrino-proxy-admin/src/views/log/clientConnectLog.vue
@@ -0,0 +1,152 @@
+<template>
+  <div class="app-container calendar-list-container">
+    <div class="filter-container">
+      <el-button type="primary" v-waves icon="el-icon-search" @click="handleFilter">{{$t('table.search')}}</el-button>
+    </div>
+
+    <el-table :key='tableKey' :data="list" v-loading="listLoading" element-loading-text="给我一点时间" border fit highlight-current-row style="width: 100%">
+      <el-table-column type="index" width="100" :label="$t('table.id')"></el-table-column>
+      <el-table-column align="center" :label="$t('table.userName')" min-width="120">
+        <template slot-scope="scope">
+          <span>{{scope.row.userName}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('table.licenseName')" min-width="120">
+        <template slot-scope="scope">
+          <span>{{scope.row.licenseName}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('table.ip')" min-width="120">
+        <template slot-scope="scope">
+          <span>{{scope.row.ip}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('table.type')" min-width="90">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.type | statusFilter">{{scope.row.type | statusName}}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('table.msg')" min-width="200" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span>{{scope.row.msg}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('table.outcome')" min-width="90">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.code | statusFilter">{{scope.row.code | outcomeName}}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('table.err')" min-width="200" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span>{{scope.row.err}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" :label="$t('table.happendTime')" min-width="150">
+        <template slot-scope="scope">
+          <span>{{scope.row.createTime | parseTime('{y}-{m}-{d} {h}:{i}')}}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination-container">
+      <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.currentPage"
+                     :page-sizes="[10,20,30, 50]" :page-size="listQuery.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total">
+      </el-pagination>
+    </div>
+
+    <el-dialog
+      title="调度日志"
+      :visible.sync="dialogVisible"
+      width="700px"
+      :before-close="() => this.dialogVisible = false">
+      <div class="job-msg-div">{{selectRow.msg}}</div>
+      <div slot="footer" class="dialog-footer"></div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { fetchList } from '@/api/clientConnectLog'
+import waves from '@/directive/waves' // 水波纹指令
+
+export default {
+  name: 'clientConnectLog',
+  directives: {
+    waves
+  },
+  data() {
+    return {
+      tableKey: 0,
+      list: null,
+      total: null,
+      listLoading: false,
+      listQuery: {
+        currentPage: 1,
+        pageSize: 10,
+        jobId: undefined
+      },
+      dialogVisible: false,
+      selectRow: {}
+    }
+  },
+  filters: {
+    statusName(status) {
+      const statusMap = {
+        1: '连接',
+        2: '断开'
+      }
+      return statusMap[status]
+    },
+    statusFilter(status) {
+      const statusMap = {
+        1: 'success',
+        2: 'danger'
+      }
+      return statusMap[status]
+    },
+    outcomeName(status) {
+      const statusMap = {
+        1: '成功',
+        2: '失败'
+      }
+      return statusMap[status]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.data.records
+        this.total = response.data.data.total
+        this.listLoading = false
+      })
+    },
+    handleFilter() {
+      this.listQuery.currentPage = 1
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.listQuery.pageSize = val
+      this.listQuery.currentPage = 1
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.listQuery.currentPage = val
+      this.getList()
+    },
+    handleLookOver(row) {
+      this.selectRow = row
+      this.dialogVisible = true
+    }
+  }
+}
+</script>
+
+<style>
+.job-msg-div{
+  max-height: 400px;
+  overflow-y: auto;
+}
+</style>
diff --git a/neutrino-proxy-admin/src/views/log/jobLog.vue b/neutrino-proxy-admin/src/views/log/jobLog.vue
index 4fda26fd..cd37202d 100644
--- a/neutrino-proxy-admin/src/views/log/jobLog.vue
+++ b/neutrino-proxy-admin/src/views/log/jobLog.vue
@@ -153,6 +153,7 @@ export default {
     },
     handleSizeChange(val) {
       this.listQuery.pageSize = val
+      this.listQuery.currentPage = 1
       this.getList()
     },
     handleCurrentChange(val) {
diff --git a/neutrino-proxy-admin/src/views/log/loginLog.vue b/neutrino-proxy-admin/src/views/log/loginLog.vue
index c4c9ad04..6920fa89 100644
--- a/neutrino-proxy-admin/src/views/log/loginLog.vue
+++ b/neutrino-proxy-admin/src/views/log/loginLog.vue
@@ -121,6 +121,7 @@ export default {
     },
     handleSizeChange(val) {
       this.listQuery.pageSize = val
+      this.listQuery.currentPage = 1
       this.getList()
     },
     handleCurrentChange(val) {