Skip to content

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

修改文件夹名

parent 34aaa244
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1468 additions and 0 deletions
src/views/index/Index.vue 0 → 100644
View file @ 5effe99b
<template>
<div class="main">
<div class="container">
<h3 class="title">QA测试平台</h3>
<el-select v-model="namespace" placeholder="请选择环境" @change="handleSelectChange" style="width: 100%; margin-top: 20px">
<el-option v-for="item in nsOptions" :key="item.key" :label="item.desc" :value="item.key"></el-option>
</el-select>
<el-button type="primary" style="width: 100%; margin-top: 40px;" @click="login">登录</el-button>
</div>
</div>
</template>
<script>
import { getNamespaceList } from '@/api/getXyqbData/'
export default {
data() {
return {
namespace: '',
nsOptions: []
}
},
methods: {
// 给store.state.env赋值
handleSelectChange() {
window.sessionStorage.setItem('env', this.namespace)
},
login() {
if (this.namespace === '') {
return this.$message.error('请先选择环境')
}
this.$router.push('/main')
},
getNamespaceList() {
getNamespaceList().then((resp) => {
this.nsOptions = resp.data.data
})
}
},
created() {
this.getNamespaceList()
}
}
</script>
<style lang="less" scoped>
.main {
position: fixed;
height: 100%;
width: 100%;
// background-color: #2d3a4b;
background-image: url('../../assets/image/quant.png');
background-size: contain;
.container {
height: 300px;
width: 400px;
margin: 200px auto;
padding: 20px;
}
}
.title {
text-align: center;
font-size: 26px;
color: #ffffff;
}
.area {
margin-top: 40px;
}
</style>
src/views/login/Login.vue 0 → 100644
View file @ 5effe99b
<template>
<div class="login_container">
<div class="login_box">
<div class="avatar_box">
<img src="../../assets/image/qa.jpg" />
</div>
<el-form
:model="loginForm"
ref="loginFormRef"
:rules="loginFormRules"
label-width="0px"
class="login_form"
>
<el-form-item prop="username">
<el-input v-model="loginForm.username" placeholder="请输入用户名" prefix-icon="el-icon-user"></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="loginForm.password"
placeholder="请输入密码"
type="password"
prefix-icon="el-icon-lock"
></el-input>
</el-form-item>
<el-form-item class="btns">
<el-button type="primary" @click="login">登录</el-button>
<el-button type="info" v-on:click="resetForm">重置</el-button>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
export default {
data() {
return {
loginForm: {
username: '',
password: ''
},
loginFormRules: {
// username: [
// { required: true, message: '请输入用户名', trigger: 'blur' },
// { min: 3, max: 8, message: '长度在3到8个字符之间', trigger: 'blur' }
// ],
// password: [
// { required: true, message: '请输入密码', trigger: 'blur' },
// { min: 6, max: 15, message: '长度在6到16个字符之间', trigger: 'blur' }
// ]
}
}
},
methods: {
resetForm() {
this.$refs.loginFormRef.resetFields()
},
login() {
this.$refs.loginFormRef.validate(valid => {
if (!valid) {
return false
} else {
this.$axios
.post('login', this.loginForm)
.then(response => {
if (response.data.meta.status === 200) {
this.$message.success('登录成功')
window.sessionStorage.setItem('token', response.data.data.token)
this.$router.push('/home')
} else {
this.$message.error('登录失败')
}
})
.catch(error => {
console.log(error)
})
}
})
}
}
}
</script>
<style lang="less" scoped>
.login_container {
background-color: #2b4b6b;
height: 100%;
}
.login_box {
width: 500px;
height: 320px;
background-color: #ffffff;
border-radius: 3px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
.avatar_box {
height: 130px;
width: 130px;
border: 1px solid #eeeeee;
border-radius: 50%;
padding: 10px;
box-shadow: 0 0 10px #dddddd;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
background-color: #ffffff;
img {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #eeeeee;
}
}
}
.login_form {
position: absolute;
bottom: 0;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
.btns {
display: flex;
justify-content: flex-end;
}
</style>
src/views/mock/Mock.vue 0 → 100644
View file @ 5effe99b
This diff is collapsed.
src/views/vcc/CheckData.vue 0 → 100644
View file @ 5effe99b
<template>
<div>
<!-- 头部导航栏 -->
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>消费分期</el-breadcrumb-item>
<el-breadcrumb-item>查询单个数据</el-breadcrumb-item>
</el-breadcrumb> -->
<el-card>
<div class="filter">
手机号：<el-input
v-model="queryInfo.phoneNo"
placeholder="请输入手机号"
></el-input>
<!-- 身份证号码：<el-input
v-model="idCardNo"
placeholder="请输入身份证号码"
></el-input> -->
<el-button type="primary" @click="checkData">查询</el-button>
</div>
<el-table :data="dataTable" border style="width: 100%">
<el-table-column
prop="phoneNo"
label="手机号"
width="120px"
></el-table-column>
<el-table-column
prop="userId"
label="userId"
width="100px"
></el-table-column>
<el-table-column
prop="uuid"
label="uuid"
width="320px"
></el-table-column>
<el-table-column
prop="registeredFrom"
label="注册渠道"
width="100px"
></el-table-column>
<el-table-column
prop="nextApplyTime"
label="过期时间"
width="180px"
></el-table-column>
<el-table-column prop="createdAt" label="创建时间" width="180px"></el-table-column>
<el-table-column prop="status" label="状态"></el-table-column>
</el-table>
</el-card>
</div>
</template>
<script>
import {queryUserData} from '@/api/checkVccData'
export default {
data() {
return {
idCardNo: '',
queryInfo: {
namespace: window.sessionStorage.getItem('env'),
phoneNo: ''
},
dataTable: []
}
},
methods: {
checkData() {
// 手机号长度限制
if (this.queryInfo.phoneNo === '') {
return this.$message.error('手机号不能为空！')
}
if (this.queryInfo.phoneNo.length !== 11) {
return this.$message.error('手机号长度不对！')
}
this.queryInfo.namespace = window.sessionStorage.getItem('env')
queryUserData(this.queryInfo).then((resp) => {
if (resp.data.code === 500) {
return this.$message.error(resp.data.data)
}
this.dataTable.push(resp.data.data)
})
}
}
}
</script>
<style lang="less" scoped>
.el-input {
width: 200px;
margin-right: 20px;
}
.el-table {
margin-top: 20px;
}
</style>
src/views/vcc/GenData.vue 0 → 100644
View file @ 5effe99b
<template>
<div>
<!-- 面包屑导航栏 -->
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>消费分期</el-breadcrumb-item>
<el-breadcrumb-item>生成新数据</el-breadcrumb-item>
</el-breadcrumb> -->
<!-- 卡片区域 -->
<el-card>
<div>
手机号：<el-input
v-model="genDataParams.phoneNo"
placeholder="请输入手机号"
></el-input>
用户状态：
<el-select v-model="genDataParams.status" placeholder="请选择用户状态">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<el-button type="primary" @click="genData">生成数据</el-button>
<el-table :data="tableData" border style="width: 100%">
<el-table-column prop="phoneNo" label="手机号" width="150">
</el-table-column>
<el-table-column prop="userId" label="userId" width="100">
</el-table-column>
<el-table-column prop="uuid" label="uuid" width="320">
</el-table-column>
<el-table-column prop="eacctNo" label="卡号" width="200">
</el-table-column>
<el-table-column prop="amount" label="额度" width="150"> </el-table-column>
<el-table-column prop="openedChannel" label="开户渠道" width="100">
</el-table-column>
<el-table-column prop="msg" label="状态"> </el-table-column>
</el-table>
</div>
</el-card>
</div>
</template>
<script>
import { genVccData } from '@/api/genVccData'
export default {
data() {
return {
options: [
{
value: 1,
label: '授信成功'
},
{
value: 2,
label: '授信失败'
},
{
value: 3,
label: '开户成功'
},
{
value: 4,
label: '开户失败'
}
],
genDataParams: {
namespace: window.sessionStorage.getItem('env'),
phoneNo: '',
channel: '214',
status: ''
},
tableData: [],
loadingOptions: {
text: '数据生成中...',
lock: true,
spinner: 'el-icon-loading',
background: 'rgba(0,0,0,0.7)'
}
}
},
methods: {
// 造数据的方法
genData() {
// 手机号校验
var reg = /^[1][3,4,5,7,8][0-9]{9}$/
if (!reg.test(this.genDataParams.phoneNo)) {
return this.$message.error('手机号格式不正确！')
}
// 用户状态校验
if (this.genDataParams.status === '') {
return this.$message.error('用户状态不能为空！')
}
// 开户失败校验，尾号必须为9
if (this.genDataParams.status === 4) {
if (this.genDataParams.phoneNo.charAt(this.genDataParams.phoneNo.length - 1) !== '9') {
return this.$message.error('开户失败对应手机尾号必须为9')
}
}
var formData = new FormData()
this.genDataParams.namespace = window.sessionStorage.getItem('env')
formData.set('namespace', this.genDataParams.namespace)
formData.set('phoneNo', this.genDataParams.phoneNo)
formData.set('channel', this.genDataParams.channel)
formData.set('status', this.genDataParams.status)
const tLoading = this.$loading.service(this.loadingOptions)
genVccData(formData).then((resp) => {
if (resp !== null) {
tLoading.close()
}
this.tableData.push(resp.data.data)
})
}
}
}
</script>
<style lang="less" scoped>
.el-input {
width: 200px;
margin-right: 20px;
}
.el-button {
margin-left: 20px;
}
.el-table {
margin-top: 20px;
}
</style>
src/views/vcc/GetData.vue 0 → 100644
View file @ 5effe99b
<template>
<div>
<!-- 头部导航栏 -->
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>消费分期</el-breadcrumb-item>
<el-breadcrumb-item>获取特定数据</el-breadcrumb-item>
</el-breadcrumb> -->
<el-card>
<div class="filter">
用户状态：
<el-select
v-model="userStatus"
@change="selectUserStatusChange"
placeholder="请选择用户状态"
>
<el-option
v-for="item in statusOption"
:key="item.label"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
<el-button
type="primary"
style="margin-left: 20px"
@click="searchVccData"
>查询数据</el-button
>
</div>
<!-- 数据表格 -->
<div class="dataTable">
<el-table :data="dataTable" border style="width: 100%">
<el-table-column
prop="phoneNo"
label="手机号"
width="150px"
></el-table-column>
<el-table-column
prop="userId"
label="userId"
width="100px"
></el-table-column>
<el-table-column
prop="uuid"
label="uuid"
width="350px"
></el-table-column>
<el-table-column
prop="registeredFrom"
label="注册渠道"
width="100px"
></el-table-column>
<el-table-column
prop="nextApplyTime"
label="过期时间"
width="200px"
></el-table-column>
<el-table-column prop="createdAt" label="创建时间"></el-table-column>
</el-table>
</div>
<!-- 分页 -->
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="queryInfo.pageNum"
:page-size="queryInfo.pageSize"
layout="total, prev, pager, next"
:total="totalNum"
></el-pagination>
</el-card>
</div>
</template>
<script>
import {getVccData} from '@/api/getVccData'
export default {
data() {
return {
userStatus: '',
queryInfo: {
namespace: window.sessionStorage.getItem('env'),
status: '',
pageNum: 1,
pageSize: 10
},
totalNum: 0,
statusOption: [
{ label: '初始状态', value: 0 },
{ label: '授信成功未开户', value: 1 },
{ label: '授信失败', value: 2 },
{label: '禁用', value: 3},
{ label: '审核中', value: 4 },
{ label: '冻结', value: 5 },
{ label: '开户成功', value: 6 },
{ label: '开户失败', value: 7 }
],
dataTable: []
}
},
methods: {
selectUserStatusChange() {
this.queryInfo.status = this.userStatus
},
getVccData() {
getVccData(this.queryInfo).then((resp) => {
this.dataTable = resp.data.data.content
this.totalNum = resp.data.data.totalNum
})
},
// 查询vcc数据
searchVccData() {
this.queryInfo.namespace = window.sessionStorage.getItem('env')
this.queryInfo.pageNum = 1
this.queryInfo.pageSize = 10
this.getVccData()
},
handleSizeChange(newSize) {
this.queryInfo.pageSize = newSize
this.getVccData()
},
handleCurrentChange(newPage) {
this.queryInfo.pageNum = newPage
this.getVccData()
}
}
}
</script>
<style lang="less" scoped>
.filter {
margin-bottom: 15px;
font-size: 14px;
}
</style>
src/views/xyqb/GenLoanData.vue 0 → 100644
View file @ 5effe99b
This diff is collapsed.
src/views/xyqb/GetLoanData.vue 0 → 100644
View file @ 5effe99b
<template>
<div>
<!-- 头部导航栏 -->
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>现金分期</el-breadcrumb-item>
<el-breadcrumb-item>已有数据查询</el-breadcrumb-item>
</el-breadcrumb> -->
<!-- 卡片视图 -->
<el-card>
<div>
<!-- 借款状态下拉框 -->
借款状态：
<el-select v-model="selectStatus" placeholder="请选择借款状态" @change="selectStatusChange">
<el-option
v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
<!-- 渠道 -->
渠道：
<el-input v-model="queryInfo.channel" clearable placeholder="渠道id" style="width: 200px;"></el-input>
<!-- 资方 -->
资方：
<el-input v-model="queryInfo.fundId" clearable placeholder="资方id" style="width: 200px;"></el-input>
<el-button type="primary" style="margin-left:20px" @click="checkData">查询数据</el-button>
</div>
<!-- <div>
手机号：
<el-input v-model="queryInfo.phone" clearable placeholder="手机号" style="width: 200px;"></el-input>
金额：
<el-input v-model="queryInfo.salary" clearable placeholder="金额" style="width: 200px;"></el-input>
期数：
<el-input v-model="queryInfo.termNo" clearable placeholder="期数" style="width: 200px;"></el-input>
</div>-->
<!-- 数据表格 -->
<div class="dataTable">
<el-table :data="dataTable" border style="width: 100%">
<el-table-column prop="phoneNo" label="手机号" width="150px"></el-table-column>
<el-table-column prop="userId" label="userId" width="100px"></el-table-column>
<el-table-column prop="uuid" label="uuid" width="330px"></el-table-column>
<el-table-column prop="registeredFrom" label="注册渠道" width="120px"></el-table-column>
<!-- <el-table-column prop="channelName" label="注册渠道名" width="120px"></el-table-column> -->
<el-table-column prop="fundId" label="资方id" width="120px"></el-table-column>
<!-- <el-table-column prop="fundName" label="资方名称" width="120px"></el-table-column> -->
<el-table-column prop="createdAt" label="创建时间" width="200px"></el-table-column>
<el-table-column prop="enable" label="enable">
<template slot-scope="scope">
<el-tag v-if="scope.row.enable === 1" type="success">启用</el-tag>
<el-tag v-else-if="scope.row.enable === 0" type="danger">停用</el-tag>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页 -->
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="queryInfo.pageNum"
:page-size="queryInfo.pageSize"
layout="total, prev, pager, next"
:total="totalNum"
></el-pagination>
</el-card>
</div>
</template>
<script>
import { getAllStatus, queryLoanUser } from '@/api/getXyqbData'
export default {
inject: ['reload'],
data() {
return {
baseUrl: '',
// namespaceOptions: [],
statusOptions: [],
dataTable: [],
// selectNamespace: '',
selectStatus: '',
totalNum: 0,
queryInfo: {
namespace: window.sessionStorage.getItem('env'),
status: '',
channel: '',
fundId: '',
phone: '',
salary: '',
termNo: '',
pageNum: 1,
pageSize: 10
}
}
},
methods: {
// 获取状态选项
getStatusOptions() {
getAllStatus()
.then((response) => {
this.statusOptions = response['data']['data']
})
.catch((error) => console.log(error))
},
// 获取表格数据
getTableData() {
if (this.selectNamespace === '') {
return this.$message.error('namespace不能为空！')
}
if (this.selectStatus === '' || this.selectStatus === null) {
return this.$message.error('状态不能为空！')
}
this.dataTable = []
queryLoanUser(this.queryInfo)
.then((response) => {
this.dataTable = response.data.data.content
this.totalNum = response.data.data.totalNum
console.log(this.dataTable)
})
.catch((error) => console.log(error))
},
checkData() {
this.queryInfo.pageNum = 1
this.queryInfo.pageSize = 10
this.getTableData()
},
// 用户状态改变
selectStatusChange() {
this.queryInfo.status = this.selectStatus
},
// namespace改变
selectNamespaceChange() {
this.queryInfo.namespace = this.selectNamespace
},
handleSizeChange(newSize) {
this.queryInfo.pageSize = newSize
this.getTableData()
},
handleCurrentChange(newPage) {
this.queryInfo.pageNum = newPage
this.getTableData()
}
},
mounted() {
// this.getNamespaceOptions()
this.getStatusOptions()
}
}
</script>
<style lang="less" scoped>
.dataTable {
margin-top: 20px;
}
.el-select {
margin-right: 15px;
margin-bottom: 10px;
}
.el-input {
margin-right: 15px;
}
</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