Skip to content

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

修改

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