Skip to content

C
confucius
Commit 92b11792 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent c76686b6
Hide whitespace changes
Inline Side-by-side
Showing with 61 additions and 55 deletions
src/pages/courseRefundH5.vue
View file @ 92b11792
...@@ -115,13 +115,14 @@ ...@@ -115,13 +115,14 @@
.conReFund_Suojin { .conReFund_Suojin {
text-indent: 20px; text-indent: 20px;
display: flex;
font-size: 1rem; font-size: 1rem;
flex-wrap: wrap;
line-height: 26px; line-height: 26px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.flexCourse{
display: flex;
flex-wrap: wrap;
}
.CanvasDiv { .CanvasDiv {
width: 100%; width: 100%;
...@@ -179,7 +180,16 @@ ...@@ -179,7 +180,16 @@
text-align: center; text-align: center;
text-indent: 0; text-indent: 0;
} }
.courseReFlex{
display:flex;
}
.courseReLeft{
flex-shrink: 0;
}
.cnmoney_Course{
border-bottom:1px solid #c0c0c0;
padding:0 5px 5px 5px;
}
</style> </style>
<template> <template>
<div class="TcConfirmMain"> <div class="TcConfirmMain">
...@@ -188,8 +198,7 @@ ...@@ -188,8 +198,7 @@
<div class="signSpan"> <div class="signSpan">
<div @click="goSign()" class="sign"> <div @click="goSign()" class="sign">
<span style="padding:0;"><i style="font-size:1.2rem" class="iconfont icon-qianming"></i></span> <span style="padding:0;"><i style="font-size:1.2rem" class="iconfont icon-qianming"></i></span>
<span style="font-size:1.2rem;margin-left:0.2rem;">签字</span> <span style="font-size:1.2rem;margin-left:0.2rem;">{{dataList.PartyASign==''||dataList.PartyASign==null?'签字':'重新签字'}}</span>
<!-- <span style="font-size:1.2rem;margin-left:0.2rem;">重新签字</span> -->
</div> </div>
</div> </div>
<div class="NavFixed"> <div class="NavFixed">
...@@ -205,45 +214,44 @@ ...@@ -205,45 +214,44 @@
<div style="margin-left:3rem;">（家长/监护人）：{{dataList.PartyAGuardian}}</div> <div style="margin-left:3rem;">（家长/监护人）：{{dataList.PartyAGuardian}}</div>
</div> </div>
<div class="CourseBackSign"> <div class="CourseBackSign">
<div> <div class="courseReFlex">
乙方：{{dataList.PartyBName}} <div class="courseReLeft">乙方：</div>
<div>{{dataList.PartyBName}}</div>
</div> </div>
<div style="margin-left:3rem;">法定代表人：{{dataList.PartyBLegal}}</div> </div>
<div class="CourseBackSign">
法定代表人：{{dataList.PartyBLegal}}
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin">
甲乙双方经平等友好协商就<div class="TuitractInput" style="width:4rem">{{getData(dataList.CreateTimeStr,1)}}</div>年 甲乙双方经平等友好协商就<span style="display:inline-block;min-width:50px;text-indent:0" class="cnmoney_Course">{{getData(dataList.SignDateStr,1)}}</span>年
<div class="TuitractInput" style="width:2rem">{{getData(dataList.CreateTimeStr,2)}}</div>月<div <span style="display:inline-block;min-width:50px;text-indent:0" class="cnmoney_Course">{{getData(dataList.SignDateStr,2)}}</span>月
class="TuitractInput" style="width:2rem"> <span style="display:inline-block;min-width:50px;text-indent:0" class="cnmoney_Course">{{getData(dataList.SignDateStr,3)}}</span>日签订的《培训课程协议》解除合作关系。
{{getData(dataList.CreateTimeStr,3)}}
</div>日签订的《培训课程协议》
解除合作关系。
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin">
第一条：原协议内容 第一条：原协议内容
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin flexCourse">
原协议报名人员：<div class="TuitractInput" style="width:14rem;text-align:left;">{{dataList.OldSaleMan}}</div> <div class="courseReLeft">原协议报名人员：</div><div class="TuitractInput" style="width:55%;text-align:left;">{{dataList.OldSaleMan}}</div>
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin flexCourse">
原报名项目：<div class="TuitractInput" style="width:16rem;text-align:left;">{{dataList.CNMoneyStr}}</div> <div class="courseReLeft">原报名项目：</div><div class="TuitractInput" style="width:64%;text-align:left;">{{dataList.CNMoneyStr}}</div>
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin flexCourse">
原报名项目原价：<div class="TuitractInput" style="width:14rem;text-align:left;">{{dataList.OldSellPrice}}</div> <div class="courseReLeft">原报名项目原价：</div><div class="TuitractInput" style="width:55%;text-align:left;">{{dataList.OldSellPrice}}</div>
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin flexCourse">
折后（优惠）价：<div class="TuitractInput" style="width:14rem;text-align:left;">{{dataList.OldDiscountMoney}}</div> <div class="courseReLeft">折后（优惠）价：</div><div class="TuitractInput" style="width:55%;text-align:left;">{{dataList.OldDiscountMoney}}</div>
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin">
原协议已收学费：<div class="TuitractInput" style="width:14rem;text-align:left;"> 原协议已收学费：<span class="cnmoney_Course">大写：{{dataList.OldIncomeStr}}</span>
大写：{{dataList.OldIncomeStr}} ¥<span class="cnmoney_Course">{{dataList.OldIncome}}</span>元整
</div>
（¥<div class="TuitractInput" style="width:4rem;">{{dataList.OldIncome}}</div>元整）
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin flexCourse">
原收据编号：<div class="TuitractInput" style="width:16rem;text-align:left;">{{dataList.OldFinaceNum}}</div> <div class="courseReLeft">原收据编号：</div>
<div class="TuitractInput" style="width:65%;text-align:left;">{{dataList.OldFinaceNum}}</div>
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin flexCourse">
原收款人：<div class="TuitractInput" style="width:17rem;text-align:left;">{{dataList.OldReceiveMan}}</div> <div class="courseReLeft">原收款人：</div><div class="TuitractInput" style="width:70%;text-align:left;">{{dataList.OldReceiveMan}}</div>
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin">
第二条：乙方共计课时<div class="TuitractInput" style="width:3rem;">{{dataList.TotalClassHours}}</div>节；已销课时 第二条：乙方共计课时<div class="TuitractInput" style="width:3rem;">{{dataList.TotalClassHours}}</div>节；已销课时
...@@ -252,16 +260,17 @@ ...@@ -252,16 +260,17 @@
{{dataList.SurplusHours}}</div>节； {{dataList.SurplusHours}}</div>节；
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin">
甲方应退还乙方未上课时费用 甲方应退还乙方未上课时费用：<span class="cnmoney_Course">{{dataList.CNMoneyStr}}</span>
<div class="TuitractInput" style="width:9rem;text-align:left;">{{dataList.CNMoneyStr}}</div> （¥<span class="cnmoney_Course">{{dataList.BackMoney}}</span>
（¥<div class="TuitractInput" style="width:4rem;text-align:left;">{{dataList.BackMoney}}</div>
元整），原协议自动终、收据自动失效。 元整），原协议自动终、收据自动失效。
</div> </div>
<div class="conReFund_Suojin" style="text-indent:0;"> <div class="conReFund_Suojin flexCourse" style="text-indent:0;">
退还帐户名：<div class="TuitractInput" style="width:17rem;text-align:left;">{{dataList.BackAccountName}}</div> <div class="courseReLeft">退还帐户名：</div>
<div class="TuitractInput" style="width:70%;text-align:left;">{{dataList.BackAccountName}}</div>
</div> </div>
<div class="conReFund_Suojin" style="text-indent:0;"> <div class="conReFund_Suojin flexCourse" style="text-indent:0;">
退还账号：<div class="TuitractInput" style="width:18rem;text-align:left;">{{dataList.BackAccount}}</div> <div class="courseReLeft">退还账号：</div>
<div class="TuitractInput" style="width:75%;text-align:left;">{{dataList.BackAccount}}</div>
</div> </div>
<div class="conReFund_Suojin" style="text-indent:0;"> <div class="conReFund_Suojin" style="text-indent:0;">
退还学费=乙方已缴总学费-已上课程学费-（乙方已缴学费-已上课程学费）*10%，其中“（乙方已缴课程学费）*10%”为违约金。 退还学费=乙方已缴总学费-已上课程学费-（乙方已缴学费-已上课程学费）*10%，其中“（乙方已缴课程学费）*10%”为违约金。
...@@ -269,23 +278,24 @@ ...@@ -269,23 +278,24 @@
<div class="conReFund_Suojin"> <div class="conReFund_Suojin">
第三条：乙方应将原协议和收据原件交还甲方，若原件无法交还，请乙方 第三条：乙方应将原协议和收据原件交还甲方，若原件无法交还，请乙方
</div> </div>
<div class="conReFund_Suojin" style="text-indent:0;"> <div class="conReFund_Suojin flexCourse" style="text-indent:0;">
在此声明：<div class="TuitractInput" style="width:18rem;text-align:left;">{{dataList.StateMent}}</div> <div class="courseReLeft">在此声明：</div>
<div class="TuitractInput" style="width:75%;text-align:left;">{{dataList.StateMent}}</div>
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin">
第四条：本协议自签订之日起正式生效。 第四条：本协议自签订之日起正式生效。
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin" style="position:relative;">
甲方(家长/监护人)签字（盖章）：{{dataList.PartyASign}} 甲方(家长/监护人)签字（盖章）：<img style="width:85px;position:absolute;top:-13px;" :src="dataList.PartyASign" />
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin">
签署日期：{{dataList.PartyASignDate}} 签署日期：{{dataList.PartyASignDateStr}}
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin" style="position:relative;">
乙方签字（盖章）：{{dataList.PartyBSign}} 乙方签字（盖章）：<img v-if="dataList.IsCompanySeal==1" style="width:100px;position:absolute;top:-30px;" :src="dataList.GroupSealImg" />
</div> </div>
<div class="conReFund_Suojin"> <div class="conReFund_Suojin">
签署日期：{{dataList.PartyBSignDate}} 签署日期：<span v-if="dataList.IsCompanySeal==1">{{dataList.PartyBSignDateStr}}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -303,17 +313,15 @@ ...@@ -303,17 +313,15 @@
dataList: [], dataList: [],
dialogVisible: false, dialogVisible: false,
gmsg: { gmsg: {
Id: 1 Id: 0
}, },
dataList: {}, dataList: {},
ActiveTab: 1, ActiveTab: 1
}; };
}, },
created() { created() {
if (this.$route.query.Id) { if (this.$route.query.Id) {
this.gmsg.Id = this.$route.query.Id; this.gmsg.Id = this.$route.query.Id;
this.gmsg.Id = 1;
this.getList();
} }
this.getList(); this.getList();
}, },
...@@ -323,17 +331,15 @@ ...@@ -323,17 +331,15 @@
GetBackClassProtocol(this.gmsg).then(res => { GetBackClassProtocol(this.gmsg).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.dataList = res.Data; this.dataList = res.Data;
console.log(res, '数据');
} }
}) })
}, },
//获取日期 //获取日期
getData(dateStr, type) { getData(dateStr, type) {
if (dateStr) { if (dateStr) {
let timeOne = dateStr.split(' ')[0]; let Year = dateStr.split('-')[0];
let Year = timeOne.split('-')[0]; let Month = dateStr.split('-')[1];
let Month = timeOne.split('-')[1]; let day = dateStr.split('-')[2];
let day = timeOne.split('-')[2];
if (type == 1) { if (type == 1) {
return Year return Year
} }
......
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