Commit 7eeb0dcf authored by suntao's avatar suntao

登陆页面调整 404 页面调整

parent 312b1ce4
<style>
.m404{
font-size: 30px;
margin-left: 33%;
margin-top: 6%;
color: #bababe;
}
.pic-404 {
position: relative;
float: left;
width: 600px;
margin-left: 35%;
width: 500px;
overflow: hidden;
}
.pic-404__parent {
width: 100%;
}
width: 90%;
}
.pic-404__child {
width: 17%;
}
.my-font{
margin-left: 15%;
margin-top: 6%;
position: relative;
width: 300px;
padding: 30px 0;
overflow: hidden;
}
.my-font .m404{
font-size: 30px;
/*color: #bababe;*/
}
.my-font .detail{
font-size: 15px;
color: #bababe;
}
.bullshit__return-home{
display: block;
float: left;
width: 110px;
height: 36px;
background: #1482f0;
border-radius: 100px;
text-align: center;
color: #ffffff;
opacity: 1;
font-size: 14px;
line-height: 36px;
cursor: pointer;
animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.3s;
animation-fill-mode: forwards;
}
</style>
<template>
......@@ -24,9 +56,10 @@
<img class="pic-404__child left" src="../../assets/404_images/404_cloud.png" alt="404">
<img class="pic-404__child mid" src="../../assets/404_images/404_cloud.png" alt="404">
<img class="pic-404__child right" src="../../assets/404_images/404_cloud.png" alt="404">
<div class="m404">
<p>你是不是迷路了~~~ <a href="/" class="bullshit__return-home">返回首页</a></p>
<!-- <a href="/" class="bullshit__return-home">返回首页</a>-->
<div class="my-font">
<p class="m404">同学你迷路了~~~ </p>
<p class="detail">请检查您输入的网址是否正确,请点击以下按钮返回主页或者发送错误报告</p>
<a href="/" class="bullshit__return-home">返回首页</a>
</div>
</div>
</template>
......@@ -25,15 +25,19 @@
<div class="home-section-wrap page-center-wrap-bottom">
<div class="home-section-env">
<div class="filter-container" style="padding-bottom:20px">
<el-input v-model="listQuery.channelName" placeholder="渠道名称" clearable
style="width: 200px;"
<el-input v-model="listQuery.channelName" placeholder="渠道名称" :clearable="true"
style="width: 150px;"
class="filter-item" @keyup.enter.native="handleGetChannels"/>
<el-input v-model="listQuery.channelId" placeholder="渠道号" clearable
style="width: 200px;"
class="filter-item" @keyup.enter.native="handleGetChannels"/>
<el-input v-model="listQuery.channelCode" placeholder="channel_code" clearable
style="width: 200px;"
style="width: 150px;"
class="filter-item" @keyup.enter.native="handleGetChannels"/>
<el-select v-model="listQuery.loanCreatedSys" placeholder="API/H5" clearable @change="handleGetChannels"
style="width: 150px"
class="filter-item">
<el-option v-for="item in staticData.loanCreatedSys" :key="item.value"
:label="item.value"
:value="item.value"/>
</el-select>
<el-button class="filter-item" type="primary" icon="el-icon-search"
@click="handleGetChannels">查询
</el-button>
......@@ -52,16 +56,15 @@
fit
highlight-current-row
style="">
<el-table-column label="ID" type="index" align="center" width="65"/>
<el-table-column label="渠道名称" prop="channelName" align="center"/>
<el-table-column sortable label="渠道号" prop="channelId" align="center"/>
<el-table-column sortable label="channel_code" prop="channelCode" align="center"/>
<el-table-column label="创建时间" prop="createTime" align="center"/>
<el-table-column label="更新时间" prop="updateTime" align="center"/>
<el-table-column label="ID" type="index" align="center" width="60"/>
<el-table-column label="渠道名称" prop="channelName" align="center" min-width="5"/>
<el-table-column sortable label="渠道号" prop="channelId" align="center" min-width="4"/>
<el-table-column sortable label="channel_code" prop="channelCode" align="center" min-width="6"/>
<el-table-column label="创建时间" prop="createTime" align="center" min-width="6"/>
<el-table-column label="更新时间" prop="updateTime" align="center" min-width="6"/>
<el-table-column label="操作" align="center" width="180"
class-name="small-padding fixed-width">
<el-table-column label="操作" align="center"
class-name="small-padding fixed-width" min-width="5">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="handleUpdate(scope.row)">编辑
</el-button>
......@@ -112,12 +115,19 @@
<el-input v-model="channel.baseConfDetail.md5Key" :disabled="!isEdit"/>
</el-form-item>
<el-form-item class="base_block" label="是否标准API渠道" prop="isStandardChannel"
label-width="40%">
label-width="50%">
<el-radio-group v-model="channel.baseConfDetail.isStandardChannel" :disabled="!isEdit">
<el-radio :label=true></el-radio>
<el-radio :label=false></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item class="base_block" label="API/H5" prop="loanCreatedSys"
label-width="35%">
<el-radio-group v-model="channel.baseConfDetail.loanCreatedSys" :disabled="!isEdit">
<el-radio :label="'API'">API</el-radio>
<el-radio :label="'H5'">H5</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary"
icon="el-icon-search"
......@@ -136,14 +146,14 @@
</div>
<el-form :model="checkedItemsResultVO" ref="checkedItemsForm" :rules="checkedItemsRules"
:inline="true" size="medium">
<el-form-item style="width:25%" label="校验节点" prop="point" label-width="30%">
<el-form-item style="width:27%" label="校验节点" prop="point" label-width="30%">
<el-select v-model.number="checkedItemsResultVO.point" placeholder="请选择" clearable
class="filter-item" style="width:100px" @change="checkedItemsSelected">
class="filter-item" style="width:80px" @change="checkedItemsSelected">
<el-option v-for="item in staticData.importCheckPointInit" :key="item.value"
:label="item.name" :value="item.value"/>
</el-select>
</el-form-item>
<el-form-item style="width:70%" label="进件校验项:" label-width="15%">
<el-form-item style="width:68%" label="进件校验项:" label-width="15%">
<el-checkbox-group v-model="checkedItemsResultVO.value" :disabled="!isEdit">
<el-checkbox v-for="item in staticData.importCheckItemsStaticArr" :key="item.value"
:label="item.value" :disabled="!isEdit">
......@@ -196,7 +206,7 @@
<span>回调配置</span>
</div>
<el-form size="medium" style="width:92%">
<el-form-item label="通知节点" label-width="15%">
<el-form-item label="通知节点" label-width="15%">
<el-input v-model="channel.callbackInfo.noticeNode" :disabled="!isEdit"/>
</el-form-item>
<el-form-item label="通知顺序" label-width="15%">
......@@ -296,12 +306,14 @@
return {
listQuery: {
pageNumber: 0,
pageSize: 10
pageSize: 10,
loanCreatedSys: 'API'
},
baseConfRules: {
channelName: [{required: true, message: '请输入渠道名称', trigger: 'blur'}],
channelId: [{type:'number', required: true, message: '请输入渠道号', trigger: 'blur'}],
channelCode: [{required: true, message: '请输入渠道code', trigger: 'blur'}],
loanCreatedSys: [{required: true, message: '请选择API/H5', trigger: 'change'}],
isStandardChannel: [{type:'boolean', required: true, message: '请选择是否标准API', trigger: 'change'}],
},
checkedItemsRules: {
......@@ -312,7 +324,8 @@
// 数据从后台加载
applyPrivilegeItems: [{"name": "进件", "value": "APPLY_LOAN"}],
importCheckPointInit: [{"name": "一推", "value": 1}],
importCheckItemsStaticArr: [{"name": "地址", "value": "address"}, {"name": "联系人", "value": "contact"}]
importCheckItemsStaticArr: [{"name": "地址", "value": "address"}, {"name": "联系人", "value": "contact"}],
loanCreatedSys: [{"name": "API", "value": "API"}, {"name": "H5", "value": "H5"}]
},
channel: {
baseConfDetail: {},
......@@ -515,12 +528,10 @@
duration: 2000
})
return
} else {
this.channel.importCheckInfo.channelId = this.channel.baseConfDetail.channelId
}
}
// 保存进件项配置
console.log(this.channel.importCheckInfo)
this.channel.importCheckInfo.channelId = this.channel.baseConfDetail.channelId
this.channel.importCheckInfo.channelName = this.channel.baseConfDetail.channelName
// 如果
if (this.checkedItemsResultVO) {
if (this.channel.importCheckInfo.checkedItemsResult.length > 0) {
......@@ -538,6 +549,7 @@
if (!isEquals) {
let point2 = {
point : this.checkedItemsResultVO.point,
channelName: this.channel.baseConfDetail.channelName,
checkedItems : this.checkedItemsResultVO.value
}
this.channel.importCheckInfo.checkedItemsResult.push(point2)
......@@ -576,10 +588,9 @@
duration: 2000
})
return
} else {
this.channel.applyPrivilege.channelId = this.channel.baseConfDetail.channelId
}
}
this.channel.applyPrivilege.channelId = this.channel.baseConfDetail.channelId
// 保存进件项配置
saveApplyPrivilegeConf(this.channel.applyPrivilege).then(rep => {
this.$notify({
......@@ -600,10 +611,9 @@
duration: 2000
})
return
} else {
this.channel.callbackInfo.channelId = this.channel.baseConfDetail.channelId
}
}
this.channel.callbackInfo.channelId = this.channel.baseConfDetail.channelId
// 保存进件项配置
saveCallbackConf(this.channel.callbackInfo).then(rep => {
this.$notify({
......@@ -624,10 +634,9 @@
duration: 2000
})
return
} else {
this.channel.rsa.channelId = this.channel.baseConfDetail.channelId
}
}
this.channel.rsa.channelId = this.channel.baseConfDetail.channelId
// 保存进件项配置
saveRsaConf(this.channel.rsa).then(rep => {
this.$notify({
......
......@@ -10,8 +10,8 @@
<span class="svg-container">
<svg-icon :iconClass="'user'"/>
</span>
<el-input v-model="loginForm.username" name="username" type="text" auto-complete="on" placeholder="邮箱前缀" :suffixIcon="'form'">
<span slot="suffix">@quantgroup.cn</span>
<el-input v-model="loginForm.username" name="username" placeholder="邮箱前缀">
<template slot="append">@quantgroup.cn</template>
</el-input>
</el-form-item>
<el-form-item prop="password">
......@@ -100,7 +100,7 @@
<style>
.login-container .el-input {
display: inline-block;
/*display: inline-block;*/
height: 47px;
width: 82%;
}
......@@ -118,16 +118,11 @@
-webkit-box-shadow: 0 0 0px 1000px #2d3a4b inset !important;
-webkit-text-fill-color: #fff !important;
}
/*.login-container .el-input input:-webkit-autofill*/
/*.login-container .el-input input:-webkit-autofill:hover,*/
/*.login-container .el-input input:-webkit-autofill:focus,*/
/*.login-container .el-input input:-webkit-autofill:active {*/
/* transition-delay: 99999s;*/
/* transition: color 99999s ease-out, background-color 99999s ease-out;*/
/* -webkit-transition-delay: 99999s;*/
/* -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;*/
/* -webkit-text-fill-color: #807c7c;*/
/*}*/
.login-form .el-input-group__append{
background: #2d3a4b;
border: 0px solid rgba(255, 255, 255, 0.1);
}
.login-container .el-form-item {
border: 1px solid rgba(255, 255, 255, 0.1);
......@@ -139,13 +134,13 @@
</style>
<style scoped>
.login-container {
position: fixed;
height: 100%;
width: 100%;
background-color: #2d3a4b;
}
.login-container .login-form {
.login-container {
position: fixed;
height: 100%;
width: 100%;
background-color: #2d3a4b;
}
.login-container .login-form {
position: absolute;
left: 0;
right: 0;
......@@ -154,17 +149,12 @@
padding: 35px 35px 15px 35px;
margin: 120px auto;
}
.login-container .tips {
font-size: 14px;
color: #fff;
margin-bottom: 10px;
}
/*.login-container .tips span {*/
/* &:first-of-type {*/
/* margin-right: 16px;*/
/* }*/
/* }*/
/* }*/
.login-container .tips {
font-size: 14px;
color: #fff;
margin-bottom: 10px;
}
.svg-container {
padding: 6px 5px 6px 15px;
color: #889aa4;
......@@ -197,4 +187,5 @@
cursor: pointer;
user-select: none;
}
</style>
......@@ -2,7 +2,9 @@
<div class="height100">
<div class="home-section-wrap">
<div class="home-section-env">
<p>内容段1</p>
<el-input name="username" placeholder="邮箱前缀">
<template slot="append">@quantgroup.cn</template>
</el-input>
</div>
</div>
<div class="home-section-wrap home-section-wrap-bottom">
......@@ -12,3 +14,10 @@
</div>
</div>
</template>
<style>
.home-section-env .el-input-group__append{
background: #2d3a4b;
border: 0px solid rgba(255, 255, 255, 0.1);
}
</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