Skip to content

Q
qa-platform-ui
Commit e7ec2ef9 authored by 黎博's avatar 黎博
Browse files
Options

新增登录信息列表

parent fc748508
Hide whitespace changes
Inline Side-by-side
Showing with 82 additions and 15 deletions
dist/index.html
View file @ e7ec2ef9
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>QA测试平台</title><link rel="shortcut icon" href=/QA.png><link href=/static/css/app.6f2818acbaaaaba025bebe59f755089c.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script><script type=text/javascript src=/static/js/vendor.090b07b418bb795587ca.js></script><script type=text/javascript src=/static/js/app.ad9ac12f88ca37dddf28.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>QA测试平台</title><link rel="shortcut icon" href=/QA.png><link href=/static/css/app.ae00aa82f70e225ae178b485ba214a8a.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script><script type=text/javascript src=/static/js/vendor.090b07b418bb795587ca.js></script><script type=text/javascript src=/static/js/app.99f3e3acb4bd40d73095.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/css/app.6f2818acbaaaaba025bebe59f755089c.css deleted 100644 → 0
View file @ fc748508
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.6f2818acbaaaaba025bebe59f755089c.css.map deleted 100644 → 0
View file @ fc748508
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.ae00aa82f70e225ae178b485ba214a8a.css 0 → 100644
View file @ e7ec2ef9
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.ae00aa82f70e225ae178b485ba214a8a.css.map 0 → 100644
View file @ e7ec2ef9
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/app.99f3e3acb4bd40d73095.js.map 0 → 100644
View file @ e7ec2ef9
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/app.ad9ac12f88ca37dddf28.js.map deleted 100644 → 0
View file @ fc748508
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/manifest.2ae2e69a05c33dfc65f8.js.map
View file @ e7ec2ef9
{"version":3,"sources":["webpack:///webpack/bootstrap feb759444036e060346a"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,IAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.2ae2e69a05c33dfc65f8.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap feb759444036e060346a"],"sourceRoot":""} {"version":3,"sources":["webpack:///webpack/bootstrap 707dc3e2633774e69f7f"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,IAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.2ae2e69a05c33dfc65f8.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 707dc3e2633774e69f7f"],"sourceRoot":""}
\ No newline at end of file \ No newline at end of file
src/api/effect.js
View file @ e7ec2ef9
...@@ -30,3 +30,11 @@ export function addWhiteList(queryInfo) { ...@@ -30,3 +30,11 @@ export function addWhiteList(queryInfo) {
params: queryInfo params: queryInfo
}) })
} }
export function getLoginInfoList(queryInfo) {
return request({
url: '/common/logininfo/list',
method: 'get',
params: queryInfo
})
}
src/views/effect/LoginWhiteList.vue
View file @ e7ec2ef9
...@@ -7,18 +7,42 @@ ...@@ -7,18 +7,42 @@
</el-breadcrumb> </el-breadcrumb>
<el-card> <el-card>
<el-input v-model="whiteListParam.key" placeholder="请输入设备id或手机号"></el-input> <div class="addWhiteList">
<el-select v-model="whiteListParam.keyType" placeholder="请选择白名单类型"> <el-input v-model="whiteListParam.key" placeholder="请输入设备id或手机号"></el-input>
<el-option v-for="item in whiteListType" :key="item.value" :label="item.label" :value="item.value"> <el-select v-model="whiteListParam.keyType" placeholder="请选择白名单类型">
</el-option> <el-option v-for="item in whiteListType" :key="item.value" :label="item.label" :value="item.value">
</el-select> </el-option>
<el-button type="primary" icon="el-icon-circle-plus" @click="addToWhiteList">添加到白名单</el-button> </el-select>
<el-button type="primary" @click="addToWhiteList">添加到登录白名单</el-button>
</div>
<div class="loginInfo">
<!-- 登录信息列表 -->
<el-table :data="loginInfoList" border style="width: 100%">
<el-table-column prop="id" label="编号" width="80px"></el-table-column>
<el-table-column prop="phoneNo" label="手机号" width="150px"></el-table-column>
<el-table-column prop="deviceId" label="设备id" width="350px"></el-table-column>
<el-table-column prop="ip" label="ip地址" width="120px"></el-table-column>
<el-table-column label="登录结果" width="100px">
<slot slot-scope="scope">
<el-tag v-if="scope.row.isPass === 1" type="success">登录成功</el-tag>
<el-tag v-else-if="scope.row.isPass === 0" type="danger">登录失败</el-tag>
</slot>
</el-table-column>
<el-table-column prop="loginFailMsg" label="登录失败信息" width="150px"></el-table-column>
<el-table-column prop="createdAt" label="登录时间"></el-table-column>
</el-table>
<!-- 分页 -->
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="loginInfoQueryParam.pageNum" :page-size="loginInfoQueryParam.pageSize"
layout="total, prev, pager, next" :total="totalNum"></el-pagination>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
<script> <script>
import { addWhiteList } from '@/api/effect' import { addWhiteList, getLoginInfoList } from '@/api/effect'
export default { export default {
data() { data() {
return { return {
...@@ -27,6 +51,13 @@ export default { ...@@ -27,6 +51,13 @@ export default {
key: '', key: '',
keyType: '' keyType: ''
}, },
loginInfoQueryParam: {
namespace: window.sessionStorage.getItem('env'),
pageNum: 1,
pageSize: 10
},
loginInfoList: [],
totalNum: '',
whiteListType: [ whiteListType: [
{ {
label: '设备维度', label: '设备维度',
...@@ -40,7 +71,14 @@ export default { ...@@ -40,7 +71,14 @@ export default {
} }
}, },
methods: { methods: {
// 添加登录白名单
addToWhiteList() { addToWhiteList() {
if (this.whiteListParam.key === '') {
return this.$message.error('设备或手机号不能为空！')
}
if (this.whiteListParam.keyType === '') {
return this.$message.error('请选择白名单类型！')
}
addWhiteList(this.whiteListParam).then((resp) => { addWhiteList(this.whiteListParam).then((resp) => {
if (resp.data.data === true) { if (resp.data.data === true) {
this.$message.success('白名单添加成功！') this.$message.success('白名单添加成功！')
...@@ -48,7 +86,25 @@ export default { ...@@ -48,7 +86,25 @@ export default {
this.$message.error('已存在白名单中！') this.$message.error('已存在白名单中！')
} }
}) })
},
// 获取登录信息列表
getLoginInfoList() {
getLoginInfoList(this.loginInfoQueryParam).then((resp) => {
this.loginInfoList = resp.data.data.list
this.totalNum = resp.data.data.total
})
},
handleSizeChange(newSize) {
this.loginInfoQueryParam.pageSize = newSize
this.getLoginInfoList()
},
handleCurrentChange(newPage) {
this.loginInfoQueryParam.pageNum = newPage
this.getLoginInfoList()
} }
},
created() {
this.getLoginInfoList()
} }
} }
</script> </script>
...@@ -61,4 +117,7 @@ export default { ...@@ -61,4 +117,7 @@ export default {
.el-select { .el-select {
margin-right: 20px; margin-right: 20px;
} }
.el-table {
margin-top: 20px;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment