Skip to content

S
SuperMan
Commit f8796251 authored by 黄奎's avatar 黄奎
Browse files
Options

页面验证修改

parent 09b12cf8
Hide whitespace changes
Inline Side-by-side
Showing with 326 additions and 347 deletions
src/components/personalCenter/index.vue
View file @ f8796251
<template>
<div class="m-box" v-loading="result==null" :style="{zoom:zoomW}">
<div class="m-box" v-loading="result==null" :style="{zoom:zoomW}">
<div v-if="result">
<div class="c-box">
<div class="first">
......@@ -77,23 +77,12 @@
</td>
</tr>
<tr v-if="!orders || orders.length==0">
<td
colspan="9"
style="color:gray;border:none;padding:50px 0;text-align:center"
>暂时还没有报名单，赶紧行动起来吧</td>
<td colspan="9" style="color:gray;border:none;padding:50px 0;text-align:center">暂时还没有报名单，赶紧行动起来吧</td>
</tr>
</tbody>
</table>
</div>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="queryCommonData.pageIndex"
layout="total,prev, pager, next, jumper"
:page-size="queryCommonData.pageSize"
:total="queryCommonData.total"
v-if="queryCommonData.total>6"
></el-pagination>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="queryCommonData.pageIndex" layout="total,prev, pager, next, jumper" :page-size="queryCommonData.pageSize" :total="queryCommonData.total" v-if="queryCommonData.total>6"></el-pagination>
</div>
<!-- 未认款 -->
<el-row :gutter="20">
......@@ -116,20 +105,17 @@
</thead>
<tbody>
<tr v-for="(item, index) in rList" :key="index">
<td class="bold">{{item.ID}}</td>
<td class="bold">{{item.Alias}}</td>
<td class="bold">{{item.ID}}</td>
<td class="bold">{{item.Alias}}</td>
<!-- <td class="bold">{{item.OpeningBank}}</td>
<td>{{item.BackNo | PNumber}}</td> -->
<td class="bold">{{item.TradeDate}}</td>
<td class="bold org">{{item.Income | MoneyMu}}</td>
<!-- <td class="bold red">{{item.Refund | MoneyMu}}</td> -->
<td class="bold red">{{item.Remitter}}</td>
<td class="bold red">{{item.Remitter}}</td>
</tr>
<tr v-if="!rList || rList.length==0">
<td
colspan="8"
style="color:gray;border:none;padding:50px 0;text-align:center"
>暂无数据</td>
<td colspan="8" style="color:gray;border:none;padding:50px 0;text-align:center">暂无数据</td>
</tr>
</tbody>
</table>
......@@ -145,16 +131,8 @@
<div class="imbox" style="padding-top:60px; margin-top: 20px;">
<div class="title">公告通知</div>
<div class="tab">
<span
class="item"
:class="{'active':choseNoticeType==0}"
@click="changeNoticeType(0)"
>公告</span>
<span
class="item"
:class="{'active':choseNoticeType==1}"
@click="changeNoticeType(1)"
>通知</span>
<span class="item" :class="{'active':choseNoticeType==0}" @click="changeNoticeType(0)">公告</span>
<span class="item" :class="{'active':choseNoticeType==1}" @click="changeNoticeType(1)">通知</span>
</div>
<gonggao v-show="choseNoticeType==0"></gonggao>
<notice v-show="choseNoticeType==1"></notice>
......@@ -212,344 +190,345 @@ import sell from "./sell";
import newpersonal from "./newpersonal";
import tousu from "./tousu";
export default {
data() {
return {
defaultHeadImg: `this.src="${require("../../assets/img/default_head_img.jpg")}"`,
zoomW: 0,
choseNoticeType: 0,
queryCommonData: {
pageSize: 6,
total: 0,
pageIndex: 1
},
result: null,
orders: [],
pageLoading: false,
RLoading:false,
};
},
components: {
fince,
myorder,
todayOpera,
pingtai,
cloud,
imbox,
gonggao,
notice,
sell,
newpersonal,
tousu
},
filters:{
PNumber(val){
if(val){
return val.substr(0, 4) + "****" + val.substr(-4,4)
}
},
MoneyMu(val){
if(val){
val=val.toFixed(2);
let arr = val.split(".");
let length = arr[0].length;
if(length<3){
return val;
}
else{
let str="*************************";
return val.substr(0, 2)+str.substr(0, length-2)+".**";
}
}else{
return val;
}
}
},
mounted() {
this.zoomW = (document.documentElement.clientWidth / 1920).toFixed(2);
this.init();
this.queryOrder();
this.getList();
},
methods: {
openAllMan(id) {
const { href } = this.$router.resolve({ path: "/Maninfo" });
window.open(href, "_blank");
data() {
return {
defaultHeadImg: `this.src="${require("../../assets/img/default_head_img.jpg")}"`,
zoomW: 0,
choseNoticeType: 0,
queryCommonData: {
pageSize: 6,
total: 0,
pageIndex: 1
},
result: null,
orders: [],
pageLoading: false,
RLoading: false
};
},
openRank(){
const { href } = this.$router.resolve({ path: "/saleRnkBefore"});
window.open(href, "_blank");
components: {
fince,
myorder,
todayOpera,
pingtai,
cloud,
imbox,
gonggao,
notice,
sell,
newpersonal,
tousu
},
getList(){
let msg={
pageIndex:1,
pageSize:6,
StartTime:"",
EndTime:"",
BankAccountId:"",
Remitter:"",
SIncome:"",
EIncome:"",
SRefund:"",
ERefund:"",
AccountName:"",
Type:-1,
};
this.RLoading=true;
this.apipost('Financial_post_GetFinanceRemittanceClaimPageList', msg, res => {
this.RLoading=false;
if(res.data.resultCode == 1) {
this.rList = res.data.data.pageData;
filters: {
PNumber(val) {
if (val) {
return val.substr(0, 4) + "****" + val.substr(-4, 4);
}
},
MoneyMu(val) {
if (val) {
val = val.toFixed(2);
let arr = val.split(".");
let length = arr[0].length;
if (length < 3) {
return val;
} else {
let str = "*************************";
return val.substr(0, 2) + str.substr(0, length - 2) + ".**";
}
} else {
this.Error(res.data.message);
return val;
}
}, err => {})
},
handleCurrentChange(index) {
this.queryCommonData.pageIndex = index;
this.queryOrder();
},
changeNoticeType(t) {
this.choseNoticeType = t;
},
init() {
this.apipost("customerIndex_post_GetPersonalCenter", {}, r => {
this.result = r.data.data;
if(this.result)
{
this.result.totalFinancePrice=0;
this.result.financeWeekList.forEach(x=>{
this.result.totalFinancePrice+=x.preferPrice
})
}
});
},
queryOrder() {
this.pageLoading = true;
this.apipost(
"customerIndex_post_GetPersonalCenterOrder",
this.queryCommonData,
r => {
this.orders = r.data.data.pageData;
this.queryCommonData.total = r.data.data.count;
this.pageLoading = false;
}
);
},
openOrders(id) {
let query = {
id
};
const { href } = this.$router.resolve({ path: "/groupTourOrder", query });
window.open(href, "_blank");
mounted() {
this.zoomW = (document.documentElement.clientWidth / 1920).toFixed(2);
this.init();
this.queryOrder();
this.getList();
},
openAllOrders(id) {
const { href } = this.$router.resolve({ path: "/groupTourOrder" });
window.open(href, "_blank");
methods: {
openAllMan(id) {
const { href } = this.$router.resolve({ path: "/Maninfo" });
window.open(href, "_blank");
},
openRank() {
const { href } = this.$router.resolve({ path: "/saleRnkBefore" });
window.open(href, "_blank");
},
getList() {
let msg = {
pageIndex: 1,
pageSize: 6,
StartTime: "",
EndTime: "",
BankAccountId: "",
Remitter: "",
SIncome: "",
EIncome: "",
SRefund: "",
ERefund: "",
AccountName: "",
Type: -1
};
this.RLoading = true;
this.apipost(
"Financial_post_GetFinanceRemittanceClaimPageList",
msg,
res => {
this.RLoading = false;
if (res.data.resultCode == 1) {
this.rList = res.data.data.pageData;
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
handleCurrentChange(index) {
this.queryCommonData.pageIndex = index;
this.queryOrder();
},
changeNoticeType(t) {
this.choseNoticeType = t;
},
init() {
this.apipost("customerIndex_post_GetPersonalCenter", {}, r => {
this.result = r.data.data;
if (this.result) {
this.result.totalFinancePrice = 0;
this.result.financeWeekList.forEach(x => {
this.result.totalFinancePrice += x.preferPrice;
});
}
});
},
queryOrder() {
this.pageLoading = true;
this.apipost(
"customerIndex_post_GetPersonalCenterOrder",
this.queryCommonData,
r => {
this.orders = r.data.data.pageData;
this.queryCommonData.total = r.data.data.count;
this.pageLoading = false;
}
);
},
openOrders(id) {
let query = {
id
};
const { href } = this.$router.resolve({
path: "/groupTourOrder",
query
});
window.open(href, "_blank");
},
openAllOrders(id) {
const { href } = this.$router.resolve({ path: "/groupTourOrder" });
window.open(href, "_blank");
}
}
}
};
</script>
<style scoped>
.personal .c-box {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 480px;
background: rgba(242, 243, 248, 1);
padding: 20px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 480px;
background: rgba(242, 243, 248, 1);
padding: 20px;
}
.personal .c-box .first {
display: flex;
display: flex;
}
.personal .r-box {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 480px;
padding: 20px;
padding-left: 0;
background: rgba(242, 243, 248, 1);
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 480px;
padding: 20px;
padding-left: 0;
background: rgba(242, 243, 248, 1);
}
.personal .c-box .fince,
.personal .c-box .myorder,
.personal .c-box .pingtai,
.personal .c-box .cloud,
.personal .c-box .imbox {
width: 540px;
height: 360px;
border-radius: 4px;
overflow: hidden;
background: #fff;
box-shadow: 0px 3px 14px 0px rgba(193, 198, 221, 1);
position: relative;
width: 540px;
height: 360px;
border-radius: 4px;
overflow: hidden;
background: #fff;
box-shadow: 0px 3px 14px 0px rgba(193, 198, 221, 1);
position: relative;
}
.personal .c-box .imbox {
height: 419px;
height: 419px;
}
.personal .c-box .pingtai {
height: 300px;
margin: 20px 0;
padding-top: 65px;
height: 300px;
margin: 20px 0;
padding-top: 65px;
}
.personal .c-box .cloud {
height: 300px;
margin: 20px 0 20px 20px;
padding: 110px 45px 0 45px;
height: 300px;
margin: 20px 0 20px 20px;
padding: 110px 45px 0 45px;
}
.personal .c-box .orders {
height: 419px;
background: #fff;
box-shadow: 0px 3px 14px 0px rgba(193, 198, 221, 1);
border-radius: 6px;
margin-top: 20px;
position: relative;
padding-top: 50px;
height: 419px;
background: #fff;
box-shadow: 0px 3px 14px 0px rgba(193, 198, 221, 1);
border-radius: 6px;
margin-top: 20px;
position: relative;
padding-top: 50px;
}
.personal .r-box .todayOpera,
.personal .r-box .newpersonal {
height: 460px;
box-shadow: 0px 3px 14px 0px rgba(193, 198, 221, 1);
border-radius: 6px;
background: #fff;
margin-top: 20px;
height: 460px;
box-shadow: 0px 3px 14px 0px rgba(193, 198, 221, 1);
border-radius: 6px;
background: #fff;
margin-top: 20px;
}
.personal .r-box .newpersonal {
height: auto;
position: relative;
height: auto;
position: relative;
}
.personal .r-box .sell,
.personal .r-box .tousu {
height: auto;
box-shadow: 0px 3px 14px 0px rgba(193, 198, 221, 1);
border-radius: 6px;
background: #fff;
position: relative;
overflow: hidden;
height: auto;
box-shadow: 0px 3px 14px 0px rgba(193, 198, 221, 1);
border-radius: 6px;
background: #fff;
position: relative;
overflow: hidden;
}
.personal .r-box .tousu {
margin-top: 20px;
margin-top: 20px;
}
.personal .r-box .sell .title {
height: 73px;
padding: 0 30px;
padding-top: 21px;
font-size: 16px;
color: #fff;
box-sizing: border-box;
background: #8eafec;
height: 73px;
padding: 0 30px;
padding-top: 21px;
font-size: 16px;
color: #fff;
box-sizing: border-box;
background: #8eafec;
}
.personal .r-box .tousu .title {
padding: 20px 30px;
font-size: 16px;
color: #2c3343;
padding: 20px 30px;
font-size: 16px;
color: #2c3343;
}
.personal .r-box .tousu .content {
height: 154px;
height: 154px;
}
.personal .r-box .todayOpera .title,
.personal .r-box .newpersonal .title {
height: 56px;
line-height: 56px;
padding-left: 30px;
border-bottom: 1px solid #ebedf2;
font-size: 16px;
color: #2c3343;
height: 56px;
line-height: 56px;
padding-left: 30px;
border-bottom: 1px solid #ebedf2;
font-size: 16px;
color: #2c3343;
}
.personal .r-box .todayOpera .content {
width: 100%;
height: 403px;
padding: 15px 30px;
overflow-y: auto;
box-sizing: border-box;
width: 100%;
height: 403px;
padding: 15px 30px;
overflow-y: auto;
box-sizing: border-box;
}
.personal .c-box .myorder {
margin-left: 20px;
margin-left: 20px;
}
.personal .c-box .fince .canvas-box {
width: 100%;
height: 203px;
width: 100%;
height: 203px;
}
.personal .c-box .myorder .canvas-box {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 220px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 220px;
}
.personal .c-box .fince .todayIncome {
width: 213px;
height: 144px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 3px 14px 0px rgba(215, 215, 215, 1);
border-radius: 6px;
top: 162px;
left: 39px;
position: absolute;
padding: 25px 27px;
box-sizing: border-box;
width: 213px;
height: 144px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 3px 14px 0px rgba(215, 215, 215, 1);
border-radius: 6px;
top: 162px;
left: 39px;
position: absolute;
padding: 25px 27px;
box-sizing: border-box;
}
.personal .c-box .fince .todayIncome .infos {
display: flex;
display: flex;
}
.personal .c-box .myorder .infos {
margin-top: 80px;
margin-left: 30px;
font-size: 12px;
color: #93959a;
margin-top: 80px;
margin-left: 30px;
font-size: 12px;
color: #93959a;
}
.personal .c-box .myorder .infos * {
display: block;
display: block;
}
.personal .c-box .myorder .infos .bold {
font-size: 28px;
color: #5d78ff;
font-family: pingfangR;
font-size: 28px;
color: #5d78ff;
font-family: pingfangR;
}
.personal .c-box .fince .todayIncome .infos .left-text {
flex: 1;
height: 36px;
line-height: 21px;
font-size: 12px;
color: #93959a;
flex: 1;
height: 36px;
line-height: 21px;
font-size: 12px;
color: #93959a;
}
.personal .c-box .fince .todayIncome .infos .left-text * {
display: block;
display: block;
}
.personal .c-box .fince .todayIncome .infos .left-text .bold {
font-family: pingfangR;
font-size: 14px;
color: #0a0919;
font-family: pingfangR;
font-size: 14px;
color: #0a0919;
}
.personal .c-box .fince .todayIncome .infos .right-icon {
font-size: 36px;
color: #0abb87;
width: 36px;
margin-top: -10px;
font-size: 36px;
color: #0abb87;
width: 36px;
margin-top: -10px;
}
.personal .c-box .fince .todayIncome .infos .right-icon.red {
color: #dc3545;
color: #dc3545;
}
.personal .c-box .fince .todayIncome .sumMoney {
color: #2c3343;
font-size: 12px;
text-align: right;
margin-top: 20px;
color: #2c3343;
font-size: 12px;
text-align: right;
margin-top: 20px;
}
.personal .c-box .fince .todayIncome .sumMoney .bold {
font-size: 28px;
font-family: pingfangR;
font-size: 28px;
font-family: pingfangR;
}
.personal .c-box .fince .todayIncome .sumMoney .mbold {
font-size: 25px;
font-family: pingfangR;
font-size: 25px;
font-family: pingfangR;
}
.personal .c-box .fince .title,
.personal .c-box .myorder .title,
......@@ -557,115 +536,115 @@ export default {
.personal .c-box .pingtai .title,
.personal .c-box .cloud .title,
.personal .c-box .imbox .title {
height: 15px;
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 34px;
position: absolute;
left: 30px;
top: 10px;
font-family: pingfangR;
height: 15px;
font-size: 16px;
font-family: MicrosoftYaHei;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 34px;
position: absolute;
left: 30px;
top: 10px;
font-family: pingfangR;
}
.personal .more {
position: absolute;
top: 17px;
right: 20px;
font-size: 13px;
color: #8a8894;
cursor: pointer;
position: absolute;
top: 17px;
right: 20px;
font-size: 13px;
color: #8a8894;
cursor: pointer;
}
.personal .more:hover {
color: #5d78ff;
color: #5d78ff;
}
.personal .more.white {
color: #fff;
opacity: 0.5;
color: #fff;
opacity: 0.5;
}
.personal .more.white:hover {
opacity: 1;
opacity: 1;
}
.personal .c-box .myorder .title,
.personal .c-box .orders .title,
.personal .c-box .pingtai .title,
.personal .c-box .cloud .title,
.personal .c-box .imbox .title {
color: #2c3343;
color: #2c3343;
}
.personal .c-box .fince .todayIncome.daishou {
right: 40px;
left: unset;
right: 40px;
left: unset;
}
.personal .per-tab {
min-height: 295px;
min-height: 295px;
}
.personal .per-tab table {
padding: 0;
margin: 0;
width: 100%;
border-collapse: collapse;
color: #6c7293;
padding: 0;
margin: 0;
width: 100%;
border-collapse: collapse;
color: #6c7293;
}
.personal .per-tab table thead th {
font-size: 14px;
font-family: pingfangR;
padding: 10px 16px;
border-bottom: 1px solid #ebedf2;
text-align: left;
font-size: 14px;
font-family: pingfangR;
padding: 10px 16px;
border-bottom: 1px solid #ebedf2;
text-align: left;
}
.personal .per-tab table td.blue,
.personal .per-tab table th.blue {
color: #5d78ff;
color: #5d78ff;
}
.personal .per-tab table td.org,
.personal .per-tab table th.org {
color: #ffb822;
color: #ffb822;
}
.personal .per-tab table td.red,
.personal .per-tab table th.red {
color: #fd397a;
color: #fd397a;
}
.personal .per-tab table td {
padding: 10px 16px;
font-size: 12px;
border-bottom: 1px solid #ebedf2;
text-align: left;
padding: 10px 16px;
font-size: 12px;
border-bottom: 1px solid #ebedf2;
text-align: left;
}
.personal .per-tab table td.bold {
font-size: 14px;
font-family: pingfangR;
font-size: 14px;
font-family: pingfangR;
}
.personal .per-tab table td.op i {
font-size: 18px;
color: #5d78ff;
cursor: pointer;
font-size: 18px;
color: #5d78ff;
cursor: pointer;
}
.personal .per-tab table td.op i:hover {
color: #3658ff;
color: #3658ff;
}
.personal .el-pagination {
margin-top: 18px;
border-top: none;
font-weight: 400px;
margin-top: 18px;
border-top: none;
font-weight: 400px;
}
.personal .c-box .imbox .tab {
position: absolute;
top: 18px;
right: 0px;
display: flex;
position: absolute;
top: 18px;
right: 0px;
display: flex;
}
.personal .c-box .imbox .tab .item {
margin-right: 40px;
padding: 7px 8px;
font-size: 12px;
color: #757880;
cursor: pointer;
border-radius: 2px;
margin-right: 40px;
padding: 7px 8px;
font-size: 12px;
color: #757880;
cursor: pointer;
border-radius: 2px;
}
.personal .c-box .imbox .tab .item.active,
.personal .c-box .imbox .tab .item:hover {
background: #eef1ff;
color: #5d78ff;
background: #eef1ff;
color: #5d78ff;
}
</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