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