Skip to content

C
confucius
Commit ca1d342d authored by 吴春's avatar 吴春
Browse files
Options

合同调整

parent 313f610c
Hide whitespace changes
Inline Side-by-side
Showing with 594 additions and 1652 deletions
src/components/sale/eduinfo-form.vue
View file @ ca1d342d
......@@ -19,6 +19,16 @@
height: 40px;
}
.priceinput label{
height:30px !important;
}
.priceinput div{
height:20px !important;
}
.studentinput div{
height:40px !important;
}
</style>
<template>
<q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
......@@ -28,11 +38,29 @@
</q-card-section>
<q-card-section class="q-pt-none scroll" style="max-height: 70vh">
<div class="jobInfo_item">
<span class="job_Line"></span>学员信息
<span class="job_Line"></span>基础信息
</div>
<!-- <q-input class="priceinput" style="float:left;height:30px;width:80%;" v-model="objOption.CourseName" label="学生姓名" :dense="false" /> -->
<div class="row wrap">
<q-input clearable filled class="col-6 q-pr-lg q-pb-lg" v-model="objOption.StudentName" label="学生姓名" />
<q-input filled v-model="objOption.StuBirth" class="col-6 q-pb-lg" mask="date" label="学生生日">
<q-input clearable v-model="objOption.LegalPerson" label="法定代表人" stack-label :dense="false" class="col-12 q-pr-lg q-pb-lg studentinput" />
<q-input clearable v-model="objOption.StudentName" label="学生姓名" stack-label :dense="false" class="col-6 q-pr-lg studentinput" />
<div class="col-6 q-pb-lg" style="color: rgba(0, 0, 0, 0.6); font-size: 12px;line-height: 20px; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; transform-origin: left top;">
学生性别：
<q-radio v-model="objOption.StuSex" size="xs" :val="0" label="男" />
<q-radio v-model="objOption.StuSex" size="xs" :val="1" label="女" />
</div>
<q-input clearable v-model="objOption.StuIDCard" label="学生身份证号码" stack-label :dense="false" class="col-6 q-pr-lg studentinput" />
<q-input clearable class="col-6 q-pb-lg studentinput" stack-label v-model="objOption.IDCardAddress" label="住所地（身份证地址）" :dense="false"/>
<q-input clearable class="col-6 q-pr-lg q-pb-lg studentinput" stack-label v-model="objOption.StuAddress" label="联系地址（实际居住地）" :dense="false"/>
<q-input clearable class="col-6 q-pb-lg studentinput" stack-label v-model="objOption.StuTel" label="联系电话" :dense="false" />
<!-- <q-input clearable filled class="col-6 q-pr-lg q-pb-lg" v-model="objOption.StuTel" label="学生电话" /> -->
<q-input clearable class="col-6 q-pr-lg q-pb-lg studentinput" stack-label label="紧急联系人" v-model="objOption.ParentName" :dense="false"/>
<q-input clearable class="col-6 q-pr-lg studentinput" stack-label label="紧急联系电话" v-model="objOption.ParentTel" :dense="false"/>
<q-input filled v-if="false" v-model="objOption.StuBirth" class="col-6 q-pb-lg" mask="date" label="学生生日">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy1" transition-show="scale" transition-hide="scale">
......@@ -41,289 +69,67 @@
</q-icon>
</template>
</q-input>
<q-input clearable filled class="col-6 q-pr-lg q-pb-lg" v-model="objOption.StuEmail" label="学生邮箱" />
<q-input clearable filled class="col-6 q-pb-lg" v-model="objOption.StuAddress" label="学生地址" />
<q-input clearable filled class="col-6 q-pr-lg q-pb-lg" v-model="objOption.StuTel" label="学生电话" />
<div class="col-6 q-pb-lg">
学生性别：
<q-radio v-model="objOption.StuSex" :val="0" label="男" />
<q-radio v-model="objOption.StuSex" :val="1" label="女" />
</div>
<q-input clearable filled class="col-6 q-pr-lg q-pb-lg" v-model="objOption.StuIDCard" label="学生身份证号码" />
</div>
<div class="jobInfo_item">
<span class="job_Line"></span>家长信息
<div class="jobInfo_item" style="">
<span class="job_Line"></span>培训课程内容
</div>
<table class="conTable">
<tr>
<th>家长信息</th>
<th>家长</th>
<th>紧急联系人</th>
<th>监护人身份证后4位</th>
</tr>
<tr>
<td>姓名</td>
<td>
<q-input filled v-model="objOption.ParentName" />
</td>
<td>
<q-input filled v-model="objOption.UrgentName" />
</td>
<td rowspan="4" style="vertical-align:top;">
<q-input filled v-model="objOption.GuardianIDCard" />
</td>
</tr>
<tr>
<td>与学员的关系</td>
<td>
<q-input filled v-model="objOption.ParentRelation" />
</td>
<td>
<q-input filled v-model="objOption.UrgentRelation" />
</td>
</tr>
<tr>
<td>联系电话</td>
<td>
<q-input filled v-model="objOption.ParentTel " />
</td>
<td>
<q-input filled v-model="objOption.UrgentTel" />
</td>
</tr>
<tr>
<td>电子邮箱</td>
<td>
<q-input filled v-model="objOption.ParentEmail" />
</td>
<td>
<q-input filled v-model="objOption.UrgentEmail" />
</td>
</tr>
</table>
<div class="jobInfo_item" style="margin-top:20px;">
<span class="job_Line"></span>培训课程信息
<div style="width:100%;display:inline-block;">
<q-input clearable class="studentinput" stack-label style="float:left;height:30px;width:100%;" label="培训课程信息" v-model="objOption.CourseName" :dense="false" />
</div>
<table class="conTable">
<tr>
<th>培训课程信息</th>
<th></th>
<th>校区信息</th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td>培训课程内容</td>
<td>
<q-input filled v-model="objOption.CourseName" />
</td>
<td>校区名称</td>
<td>
<q-input filled v-model="objOption.SchoolName" />
</td>
<td>校区负责人</td>
<td>
<q-input filled v-model="objOption.SchoolPrincipal" />
</td>
</tr>
<tr>
<td>起始级别</td>
<td>
<q-input filled v-model="objOption.StartLevel" />
</td>
<td>课程顾问</td>
<td>
<q-input filled v-model="objOption.CourseConsultant" />
</td>
<td>收款人</td>
<td>
<q-input filled v-model="objOption.Payee" />
</td>
</tr>
</table>
<div style="width:100%;display:inline-block;margin-top:10px;">
<q-input clearable class="studentinput" stack-label style="float:left;height:30px;width:100%;" label="培训课程内容" v-model="objOption.StartLevel" :dense="false" />
</div>
<div class="jobInfo_item" style="margin-top:20px;">
<span class="job_Line"></span>费用类别
<span class="job_Line"></span>课程费用
</div>
<div>
<div style="width:100%;display:inline-block;"><span style="float:left;">人民币（大写）：</span>
<q-input class="priceinput" style="min-width:200px;float:left;height:30px;width:auto;padding:0 5px;" v-model="objOption.CNYCaps" disabled :dense="false" />
<span style="float:left;">圆（小写）：</span>
<q-input class="priceinput" style="width:150px;float:left;height:30px;" v-model="objOption.Money" @keyup.native="checkPrice(objOption,'Money')" @input="mathMoney(objOption.Money)" :dense="false" /> 元。</div>
<div style="width:100%;display:inline-block;">
<span style="float:left;">课时费：共计</span>
<q-input class="priceinput" style="float:left;width:150px;height:30px;" v-model="objOption.FirstClassHours" @keyup.native="checkPrice(objOption,'FirstClassHours')" :dense="false" />
<span style="float:left;"> 元（</span>
<q-input class="priceinput" style="float:left;width:150px;height:30px;" v-model="objOption.ClassHours" @keyup.native="checkPrice(objOption,'ClassHours')" :dense="false" />
<span > 元/节）</span>
</div>
<div style="width:100%;display:inline-block;">
<span style="float:left;"> 课件费：</span>
<q-input class="priceinput" style="float:left;width:150px;height:30px;" @keyup.native="checkPrice(objOption,'FirstClassFee')" v-model="objOption.FirstClassFee" :dense="false" /> 元。</div>
<div style="width:100%;display:inline-block;">
<span style="float:left;"> 教材：</span>
<q-input class="priceinput" style="float:left;width:150px;height:30px;" @keyup.native="checkPrice(objOption,'FirstBookFee')" v-model="objOption.FirstBookFee" :dense="false" /> 元。</div>
<div style="width:100%;display:inline-block;">
<q-input clearable class="studentinput" stack-label style="float:left;height:30px;width:100%;margin-bottom:30px;" label="教材包括" v-model="objOption.TextbookIncludes" :dense="false" />
</div>
</div>
<div class="jobInfo_item" style="">
<span class="job_Line"></span>考试要求
</div>
<table class="conTable">
<tr>
<th style="width:80px;">费用类别</th>
<th>第一期</th>
<th>第二期</th>
<th>第三期</th>
<th>总计</th>
</tr>
<tr>
<td>培训课时数</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'FirstClassHours')" @input="calcTotal()"
v-model="objOption.FirstClassHours" />
</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'SecondClassHours')" @input="calcTotal()"
v-model="objOption.SecondClassHours" />
</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'ThirdClassHours')" @input="calcTotal()"
v-model="objOption.ThirdClassHours" />
</td>
<td>
<q-input disable filled v-model="totalHours" />
</td>
</tr>
<tr>
<td>培训课程费</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'FirstCourseFee')" @input="calcTotal()"
v-model="objOption.FirstCourseFee" />
</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'SecondCourseFee')" @input="calcTotal()"
v-model="objOption.SecondCourseFee" />
</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'ThirdCourseFee')" @input="calcTotal()"
v-model="objOption.ThirdCourseFee" />
</td>
<td>
<q-input disable filled v-model="totalCourseFee" />
</td>
</tr>
<tr>
<td>培训教材费</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'FirstBookFee')" @input="calcTotal()"
v-model="objOption.FirstBookFee" />
</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'SecondBookFee')" @input="calcTotal()"
v-model="objOption.SecondBookFee" />
</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'ThirdBookFee')" @input="calcTotal()"
v-model="objOption.ThirdBookFee" />
</td>
<td>
<q-input disable filled v-model="totalBookFee" />
</td>
</tr>
<tr>
<td>培训课件费</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'FirstClassFee')" @input="calcTotal()"
v-model="objOption.FirstClassFee" />
</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'SecondClassFee')" @input="calcTotal()"
v-model="objOption.SecondClassFee" />
</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'ThirdClassFee')" @input="calcTotal()"
v-model="objOption.ThirdClassFee" />
</td>
<td>
<q-input disable filled v-model="totalClassFee" />
</td>
</tr>
<tr>
<td>费用小计</td>
<td>
<q-input disable filled v-model="firstFYXJ" />
</td>
<td>
<q-input disable filled v-model="secondFYXJ" />
</td>
<td>
<q-input disable filled v-model="thirdFYXJ" />
</td>
<td>
<q-input disable filled v-model="fyxjTotal" />
</td>
</tr>
<tr>
<td>折让价格</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'FirstDiscountMoney')" @input="calcTotal()"
v-model="objOption.FirstDiscountMoney" />
</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'SecondDiscountMoney')" @input="calcTotal()"
v-model="objOption.SecondDiscountMoney" />
</td>
<td>
<q-input filled disable @keyup.native="checkPrice(objOption,'ThirdDiscountMoney')" @input="calcTotal()"
v-model="objOption.ThirdDiscountMoney" />
</td>
<td>
<q-input disable filled v-model="totalDiscountMoney" />
</td>
</tr>
<tr>
<td>
<span style="color:red;">费用总计</span>
</td>
<td>
<q-input disable filled v-model="objOption.FirstMoney" />
</td>
<td>
<q-input disable filled v-model="objOption.SecondMoney" />
</td>
<td>
<q-input disable filled v-model="objOption.ThirdMoney" />
</td>
<td>
<q-input disable filled v-model="totalMoney" />
</td>
</tr>
<tr>
<td>支付日期</td>
<td>
<q-input filled v-model="objOption.FirstPayDate" class="col-6 q-pb-lg" mask="date">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy1" transition-show="scale" transition-hide="scale">
<q-date v-model="objOption.FirstPayDate" @input="() => $refs.qDateProxy1.hide()" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</td>
<td>
<q-input filled v-model="objOption.SecondPayDate" class="col-6 q-pb-lg" mask="date">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy2" transition-show="scale" transition-hide="scale">
<q-date v-model="objOption.SecondPayDate" @input="() => $refs.qDateProxy2.hide()" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</td>
<td>
<q-input filled v-model="objOption.ThirdPayDate" class="col-6 q-pb-lg" mask="date">
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="qDateProxy3" transition-show="scale" transition-hide="scale">
<q-date v-model="objOption.ThirdPayDate" @input="() => $refs.qDateProxy3.hide()" />
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</td>
<td>
</td>
</tr>
</table>
<div class="row wrap">
<q-select class="col-6 q-pb-lg " clearable filled stack-label option-value="Id" option-label="Value"
v-model="objOption.Exam" ref="ManagerId" :options="ExamArray" label="乙方当前选择考试" :dense="false" emit-value
<div>
<p>乙方通过参加甲方提供的教学服务后，应主动参加相关国际考试。考试内容为：</p>
<p>A 日语国际能力测试（JLPT）：初级（N5-N4）、中级（N3-N2）、高级（N1）；</p>
<p>B 实用日本语鉴定考试（J.TEST）：初级（E-F级）、中高级（A-D级）；</p>
<p>C 日本留学生考试（EJU）：文科（日语）、综合科目、数学。</p>
<div style="width:100%;display:inline-block;">
<q-input clearable class="studentinput" stack-label style="float:left;height:30px;width:100%;" label="乙方当前选择考试" v-model="objOption.Exam" :dense="false" />
</div>
</div>
<!-- <q-select class="col-6 q-pb-lg " clearable option-value="Id" option-label="Value"
v-model="objOption.Exam" ref="ManagerId" :options="ExamArray" label="乙方当前选择考试"emit-value
map-options>
</q-select>
<div class="col-3" style="margin:10px 0 0 20px;">
是否有补充协议
<q-toggle size="md" label="" color="primary" :false-value="0" :true-value="1"
v-model="objOption.IsSupplement" />
</div>
</div> -->
</div>
</q-card-section>
<q-separator />
......@@ -402,6 +208,11 @@
Exam: '', //乙方当前选择考试
IsSupplement: 0, // 0无 1 有 是否有补充协议
StuIDCard:"",//学员身份证号码
TextbookIncludes:"",//教材包括
ClassHours:0,//课时单价
LegalPerson:"",//法人
IDCardAddress:"",//身份证地址
Money: 0
},
totalHours: 0, //培训课时数总计
totalCourseFee: 0, //培训课程费总计
......@@ -420,36 +231,16 @@
},
//考试数组
ExamArray: [{
Id: "A 日语国际能力测试（JLPT）- 初级（N5-N4）",
Value: "A 日语国际能力测试（JLPT）- 初级（N5-N4）"
},
{
Id: "A 日语国际能力测试（JLPT）- 中级（N3-N2）",
Value: "A 日语国际能力测试（JLPT）- 中级（N3-N2）"
},
{
Id: "A 日语国际能力测试（JLPT）- 高级（N1）",
Value: "A 日语国际能力测试（JLPT）- 高级（N1）"
},
{
Id: "B 实用日本语鉴定考试（J.TEST）- 初级（E-F级）",
Value: "B 实用日本语鉴定考试（J.TEST）- 初级（E-F级）"
},
{
Id: "B 实用日本语鉴定考试（J.TEST）- 中高级（A-D级）",
Value: "B 实用日本语鉴定考试（J.TEST）- 中高级（A-D级）"
Id: "A 日语国际能力测试（JLPT）：初级（N5-N4）、中级（N3-N2）、高级（N1）；",
Value: "A 日语国际能力测试（JLPT）：初级（N5-N4）、中级（N3-N2）、高级（N1）；"
},
{
Id: "日本留学生考试（EJU）- 文科（日语）",
Value: "日本留学生考试（EJU）- 文科（日语）"
Id: "B 实用日本语鉴定考试（J.TEST）：初级（E-F级）、中高级（A-D级）；",
Value: "B 实用日本语鉴定考试（J.TEST）：初级（E-F级）、中高级（A-D级）；"
},
{
Id: "日本留学生考试（EJU）- 综合科目",
Value: "日本留学生考试（EJU）- 综合科目"
},
{
Id: "日本留学生考试（EJU）- 数学",
Value: "日本留学生考试（EJU）- 数学"
Id: "C 日本留学生考试（EJU）：文科（日语）、综合科目、数学。",
Value: "C 日本留学生考试（EJU）：文科（日语）、综合科目、数学。"
}
]
}
......@@ -469,150 +260,12 @@
}
},
methods: {
//计算价格合计
calcTotal() {
//计算培训课时数
var classHoursArray = [this.objOption.FirstClassHours, this.objOption.SecondClassHours, this.objOption
.ThirdClassHours
];
this.totalHours = 0;
classHoursArray.forEach(x => {
if (x != '') {
this.totalHours += Number(x);
}
})
//计算培训课程费总价
let courseFeeArray = [this.objOption.FirstCourseFee, this.objOption.SecondCourseFee, this.objOption
.ThirdCourseFee
];
var courseFee = 0;
this.totalCourseFee = 0;
courseFeeArray.forEach(x => {
if (x != '') {
courseFee += Number(x);
}
})
this.totalCourseFee = courseFee.toFixed(2);
//计算培训教材费总价
let bookFeeArr = [this.objOption.FirstBookFee, this.objOption.SecondBookFee, this.objOption.ThirdBookFee];
this.totalBookFee = 0;
var bookFee = 0;
bookFeeArr.forEach(x => {
if (x != '') {
bookFee += Number(x);
}
})
this.totalBookFee = bookFee.toFixed(2);
//计算培训课件费总价
let classFeeArray = [this.objOption.FirstClassFee, this.objOption.SecondClassFee, this.objOption.ThirdClassFee];
this.totalClassFee = 0;
var classFee = 0;
classFeeArray.forEach(x => {
if (x != '') {
classFee += Number(x);
}
})
this.totalClassFee = classFee.toFixed(2);
//计算折让价格总价
let discountMoneyArr = [this.objOption.FirstDiscountMoney, this.objOption.SecondDiscountMoney, this.objOption
.ThirdDiscountMoney
];
this.totalDiscountMoney = 0;
var diacountMoney = 0;
discountMoneyArr.forEach(x => {
if (x != '') {
diacountMoney += Number(x);
}
})
this.totalDiscountMoney = diacountMoney.toFixed(2);
//计算第一列费用小计
let firstSubArr = [this.objOption.FirstCourseFee, this.objOption.FirstBookFee, this.objOption.FirstClassFee];
this.firstFYXJ = 0;
var firstSub = 0;
firstSubArr.forEach(x => {
if (x != '') {
firstSub += Number(x);
}
})
this.firstFYXJ = firstSub.toFixed(2);
//计算第二列费用小计
let secondSubArr = [this.objOption.SecondCourseFee, this.objOption.SecondBookFee, this.objOption
.SecondClassFee
];
this.secondFYXJ = 0;
var secondSub = 0;
secondSubArr.forEach(x => {
if (x != '') {
secondSub += Number(x);
}
})
this.secondFYXJ = secondSub.toFixed(2);
//计算第三列费用小计
let thirdSubArr = [this.objOption.ThirdCourseFee, this.objOption.ThirdBookFee, this.objOption.ThirdClassFee];
this.thirdFYXJ = 0;
var thirdSub = 0;
thirdSubArr.forEach(x => {
if (x != '') {
thirdSub += Number(x);
}
})
this.thirdFYXJ = thirdSub.toFixed(2);
//获取费用小计总计
let subArray = [this.firstFYXJ, this.secondFYXJ, this.thirdFYXJ];
this.fyxjTotal = 0;
var subTotal = 0;
subArray.forEach(x => {
if (x != '') {
subTotal += Number(x);
}
})
this.fyxjTotal = subTotal.toFixed(2);
//计算第一列费用总计
var firstDiscountMoney = 0;
if (this.objOption.FirstDiscountMoney && this.objOption.FirstDiscountMoney != '') {
firstDiscountMoney = Number(this.objOption.FirstDiscountMoney);
}
this.objOption.FirstMoney = (Number(this.firstFYXJ) - Number(firstDiscountMoney)).toFixed(2);
//计算第二列费用总计
var secondDiscountMoney = 0;
if (this.objOption.SecondDiscountMoney && this.objOption.SecondDiscountMoney != '') {
secondDiscountMoney = Number(this.objOption.SecondDiscountMoney);
}
this.objOption.SecondMoney = (Number(this.secondFYXJ) - Number(secondDiscountMoney))
.toFixed(2);
//计算第三列费用总计
var thirdDiscountMoney = 0;
if (this.objOption.ThirdDiscountMoney && this.objOption.ThirdDiscountMoney != '') {
thirdDiscountMoney = Number(this.objOption.ThirdDiscountMoney);
}
this.objOption.ThirdMoney = (Number(this.thirdFYXJ) - Number(thirdDiscountMoney))
.toFixed(2);
//获取费用总计合计
let totalMoneyArr = [this.objOption.FirstMoney, this.objOption.SecondMoney, this.objOption.ThirdMoney]
this.totalMoney = 0;
var totalMoney = 0;
totalMoneyArr.forEach(x => {
if (x != '') {
totalMoney += Number(x);
}
})
this.totalMoney = totalMoney.toFixed(2);
mathMoney(n) { // 数字转中文大写 1
this.objOption.CNYCaps = this.$commonUtils.changeMoneyToChinese(n)
},
//保存合同
saveContract() {
this.objOption.Money = this.totalMoney;
//this.objOption.Money = this.totalMoney;
SetEducationContractInfo(this.objOption).then(res => {
if (res.Code == 1) {
this.$q.notify({
......@@ -656,7 +309,13 @@
this.objOption.CourseName = tempData.CourseName;
this.objOption.CourseConsultant = tempData.CourseConsultant;
this.objOption.CNYCaps = tempData.CNYCaps;
this.calcTotal();
this.objOption.ClassHours=tempData.ClassHours;
this.objOption.TextbookIncludes=tempData.TextbookIncludes;
this.objOption.IDCardAddress=tempData.IDCardAddress;
this.objOption.LegalPerson=tempData.LegalPerson;
this.objOption.StuIDCard=tempData.StuIDCard;
this.objOption.Exam ="A";
}
})
},
......@@ -704,7 +363,7 @@
this.objOption.CourseName = tempData.CourseName;
this.objOption.CourseConsultant = tempData.CourseConsultant;
this.objOption.CNYCaps = tempData.CNYCaps;
this.objOption.Exam = tempData.Exam;
this.objOption.Exam =tempData.Id==0?"A": tempData.Exam;
this.objOption.IsSupplement = tempData.IsSupplement;
this.objOption.ParentName = tempData.ParentName;
this.objOption.ParentRelation = tempData.ParentRelation;
......@@ -715,7 +374,11 @@
this.objOption.UrgentTel = tempData.UrgentTel;
this.objOption.ParentEmail = tempData.ParentEmail;
this.objOption.UrgentEmail = tempData.UrgentEmail;
this.calcTotal();
this.objOption.ClassHours=tempData.ClassHours;
this.objOption.TextbookIncludes=tempData.TextbookIncludes;
this.objOption.IDCardAddress=tempData.IDCardAddress;
this.objOption.LegalPerson=tempData.LegalPerson;
this.objOption.StuIDCard=tempData.StuIDCard;
}
})
}
......
src/pages/contractConfirm.vue
View file @ ca1d342d
......@@ -236,26 +236,7 @@
:class="ActiveTab == 3 ? 'ActiveLi' : ''"
@click="ChangeTab(3)"
>
家长信息
</li>
<li
:class="ActiveTab == 4 ? 'ActiveLi' : ''"
@click="ChangeTab(4)"
>
培训课程信息
</li>
<li
:class="ActiveTab == 5 ? 'ActiveLi' : ''"
@click="ChangeTab(5)"
>
费用类别
</li>
<li
style="display:none;"
:class="ActiveTab == 6 ? 'ActiveLi' : ''"
@click="ChangeTab(6)"
>
补充协议
学校信息
</li>
</ul>
</div>
......@@ -272,115 +253,139 @@
<p>
1、温馨提示：日语学习的过程中，学员的上课到勤率越高，教学成果会更好，学员达成课程学习目标的概率将会较高。
</p>
<p class="con_Suojin" style="color:red;">
<p class="con_Suojin" >
因此，请确保您已经认真了解过该门课程的学习内容、规划与学费事宜；已充分做好了各项学习准备，真正让自己做到上课到勤率达到90%以上，努力达成既定学习目标。
</p>
<p>
2、您有一次在学习的任何阶段申请停课的权利。当您按要求正式办理相关停课手续之日起，12个月内，如无不可抗力事由，
您必须从停课之日起按要求提出复课申请。您如未按要求复课，则视作学员主动放弃继续学习的权力，终止本课程协议。
</p>
2、您有一次在学习的任何阶段申请停课的权利。当您按要求正式办理相关停课手续之日起，12个月内，如无不可抗力事由，您必须从停课之日起按要求提出复课申请。您如未按要求复课，则视作学员主动放弃继续学习的权力，终止本课程协议。</p>
<p>
3、请您牢记全国官方唯一服务号码：028-6199-3633
3、请您牢记全国官方唯一服务号码：028-84555028
</p>
<p>
4、<span style="color:red;"
>请您认真阅读并充分理解本协议内容后签署此协议，一旦签署则视为完全理解并同意该协议内容。</span
>
4、请您认真阅读并充分理解本协议内容后签署此协议，一旦签署则视为完全理解并同意该协议内容。
</p>
<div class="contractTitle comTop">二、总则</div>
<p>
成都市锦江区甲鹤外语培训学校有限公司（以下简称“甲方”）与培训学员（以下简称“乙方”）根据《中华人民共和国合同法》等法律、法规规定，双方在平等、自愿、协商一致的基础上达成此协议。
如乙方有同时学习两门或两门以上不同类别的课程要求，则乙方须分课程类别签订课程协议。
</p>
<div class="contractTitle comTop">三、课程费用</div>
<div class="contractTitle comTop">三、培训课程内容</div>
<p>1、费用总计：以乙方选择课程之时，即时公布的课程收费标准为准。</p>
<div style="display:flex;margin-top:10px;">
人民币（大写）：
培训课程：
<div class="comConInput" style="width:60%">
{{ dataList.CNYCaps }}
{{ dataList.CourseName }}
</div>
</div>
<div style="display:flex;margin:10px 0;">
人民币（小写）：
课程内容：
<div class="comConInput" style="width:60%">
{{ dataList.Money }}
{{ dataList.StartLevel }}
</div>
元
</div>
<p>
2、支付方式：<span style="color:red;"
>现金、扫码支付（微信、支付宝）、POS机刷卡支付（信用卡，银行借记卡）、银行汇款/转账等公司支持的结算方式。缴纳的学费应通过公司帐户结算，禁止学费缴纳到非公司帐户的个人帐户，公司对缴费至私人帐户导致的纠纷概不负责。</span
>
如乙方有同时学习两门或两门以上不同类别的课程要求，则乙方须分课程类别签订课程协议。
</p>
<div class="contractTitle comTop">四、课程费用</div>
<p>
3、支付截止日期提醒：正式确认报名之日起，乙方须在7个工作日内足额缴纳学费（正式确认报名的时间以乙方缴纳定金之日为准，若乙方未缴纳定金的，以正式开课日前七个工作日为准），因课程一旦开始，同班级学员将统一安排课表持续学习，为了不打乱正常的授课计划，乙方应按本协议约定时间内足额缴纳学费，因逾期缴费所造成的课程延误或课程进度缺失，乙方自行承担责任。甲方因乙方逾期缴费而造成的损失，由乙方承担。
1、费用总计：以乙方选择课程之时，即时公布的课程收费标准为准。
</p>
<div class="contractTitle comTop">四、双方权利与义务</div>
<div style="display:flex;margin-top:10px;">
人民币（大写）：
<div class="comConInput" style="width:60%">
{{ dataList.CNYCaps }}
</div>
圆
</div>
<div style="display:flex;margin-top:10px;">
（小写）：
<div class="comConInput" style="width:60%">
{{ dataList.Money }}
</div>元
</div>
<div style="display:flex;margin-top:10px;">
其中：课时费共计
<div class="comConInput" style="width:20%">
{{ dataList.FirstClassHours }}
</div>元（
<div class="comConInput" style="width:20%">
{{ dataList.ClassHours }}
</div>元/节）
</div>
<div style="display:flex;margin-top:10px;" class="con_Suojin">
教材：
<div class="comConInput" style="width:60%">
{{ dataList.FirstBookFee }}
</div>元
</div>
<div style="display:flex;margin-top:10px;" class="con_Suojin">
教材包括：
<div class="comConInput" style="width:70%">
{{ dataList.TextbookIncludes }}
</div>
</div>
<div style="display:flex;margin-top:10px;" class="con_Suojin">
其他费用：
</div>
<div style="display:flex;margin-top:10px;" class="con_Suojin">
课件费：
<div class="comConInput" style="width:60%">
{{ dataList.FirstClassFee }}
</div>元
</div>
<p class="con_Suojin">课件费包括：教辅资料，线上学习程序等其他一并费用支出。收费标准为学费的20%。</p>
<p>2、支付方式：扫码支付（微信、支付宝）、POS机刷卡支付（信用卡，银行借记卡）、银行汇款/转账。</p>
<p>3、支付截止日期提醒：正式确认报名之日起，乙方须在7个工作日内足额缴纳学费（正式确认报名的时间以乙方缴纳定金之日为准，若乙方未缴纳定金的，以正式开课日前七个工作日为准），因课程一旦开始，同班级学员将统一安排课表持续学习，为了不打乱正常的授课计划，乙方应按本协议约定时间内足额缴纳学费，因逾期缴费所造成的课程延误或课程进度缺失，乙方自行承担责任。甲方因乙方逾期缴费而造成的损失，由乙方承担。</p>
<div class="contractTitle comTop">五、双方权利与义务</div>
<p>1、甲方权利与义务</p>
<p style="margin-left:10px;">1.1 甲方权利</p>
<p class="con_Suojin">
1.1.1 甲方按照甲方的教学管理制度规定对乙方实施培训管理。
1.1.1 甲方按照甲方的教学管理制度规定对乙方实施培训管理。
</p>
<p class="con_Suojin">1.1.2 甲方按本协议约定向乙方收取课程费用。</p>
<p class="con_Suojin">
1.1.3
如有乙方违反甲方的教学管理制度的行为，甲方有权要求乙方在规定时间内进行改正。
<p class="con_Suojin">1.1.3如有乙方违反甲方的教学管理制度的行为，甲方有权要求乙方在规定时间内进行改正。
</p>
<p class="con_Suojin">
1.1.4
为达到更好的教学效果，甲方应根据班级成员状况、班级教学进度和教学情况，做好合理安排，监督并协助授课老师调整授课方式，必要时有权利为学员更换更适合的教师授课。
1.1.4 为达到更好的教学效果，甲方应根据班级成员状况、班级教学进度和教学情况，做好合理安排， 监督并协助授课老师调整授课方式，必要时有权利为学员更换更适合的教师授课。
</p>
<p class="con_Suojin">
1.1.5
根据班级人数状况以及学员学习进度，甲方应主动提出更优的班级组成形式的建议，必要时，可适当调整乙方的班级管理
（班级分组、授课形式、授课地点等）。
1.1.5 根据班级人数状况以及学员学习进度，甲方应主动提出更优的班级组成形式的建议，必要时，可适当调整乙方的班级管理 （班级分组、授课形式、授课地点等）。
</p>
<p style="margin-left:10px;">1.2 甲方义务</p>
<p class="con_Suojin">
1.2.1
甲方制定规范有效的培训计划，其中包括：教材和资料的确认；在合理期限内，通过完成教学课时，达成教学进度目标；定时测验，随时掌握班级学习情况；严格对教师和学员进行考核；甲方教师应对学员发布作业以及批改作业；甲方老师应按时协助学员安排好国际认证考试计划等。
1.2.1 甲方制定规范有效的培训计划，其中包括：教材和资料的确认；在合理期限内，通过完成教学课时，达成教学进度目标；定时测验，随时掌握班级学习情况；严格对教师和学员进行考核；甲方教师应对学员发布作业以及批改作业；甲方老师应按时协助学员安排好国际认证考试计划等。
</p>
<p class="con_Suojin">
1.2.2 甲方依据本协议规定，指派任课教师，在合理的期限内完成教学服务。
</p>
<p class="con_Suojin">
1.2.3
甲方应当及时且有效的解决乙方通过当面咨询或拨打咨询电话等方式提出的在培训过程中遇到的与培训内容相关的问题。
1.2.3 甲方应当及时且有效的解决乙方通过当面咨询或拨打咨询电话等方式提出的在培训过程中遇到的与培训内容相关的问题。
</p>
<p class="con_Suojin">
1.2.4
甲方依据乙方学习的实际情况，在收到乙方的正式书面申请之日起，在10个工作日内为乙方开具在读证明或培训证明。
1.2.4 甲方依据乙方学习的实际情况，在收到乙方的正式书面申请之日起，在10个工作日内为乙方开具在读证明或培训证明。
</p>
<p class="con_Suojin">
1.2.5
当乙方在修完所报课程，但未通过所报课程相对应级别的考试，且在参加国际认证考试之日起12个月内向甲方提出免费复学申请的，甲方应在收到乙方书面复学申请后1-2个月内安排乙方进行日语水平测试及确认复学课程，或者直接合理安排复学课程。
1.2.5 当乙方在修完所报课程，但未通过所报课程相对应级别的考试，且在参加国际认证考试之日起12个月内向甲方提出免费复学申请的，甲方应在收到乙方书面复学申请后1-2个月内安排乙方进行日语水平测试及确认复学课程，或者直接合理安排复学课程。
</p>
<p>2、乙方权利与义务</p>
<p style="margin-left:10px;">2.1 乙方权利</p>
<p class="con_Suojin">
2.1.1
乙方有权向甲方反应其任课教师情况，如出现甲方老师不按时上课、不按教学计划上课等，乙方有权向甲方反映，经甲方核实后决定是否更换教师或纠正教师的不当行为。
2.1.1 乙方有权向甲方反应其任课教师情况，如出现甲方老师不按时上课、不按教学计划上课等，乙方有权向甲方反映，经甲方核实后决定是否更换教师或纠正教师的不当行为。
</p>
<p class="con_Suojin">
2.1.2
乙方修完所报课程，未通过所报课程相应级别的考试，有权在参加国际认证考试之日起12个月内向甲方书面提出一次免费复学申请。若乙方超出前述时限提出免费复学申请的，甲方有权拒绝。
2.1.2 乙方修完所报课程，未通过所报课程相应级别的考试，有权在参加国际认证考试之日起12个月内向甲方书面提出一次免费复学申请。若乙方超出前述时限提出免费复学申请的，甲方有权拒绝。
</p>
<p style="margin-left:10px;">2.2 乙方义务</p>
<p class="con_Suojin">
2.2.1
为保障乙方学习效果，乙方自愿遵守甲方在本协议内指定的教学培训管理规定。
2.2.1 为保障乙方学习效果，乙方自愿遵守甲方在本协议内指定的教学培训管理规定。
</p>
<p class="con_Suojin">
2.2.2
为有针对性的给乙方提供更多且有效的升学、留学与就业服务机会，乙方须自愿服从甲方安排并参加相关国际认证考试；且乙方拿到国际认证考试成绩后，自愿将国际认证考试相关证书扫描件提交给甲方存档，并允许荣誉展示，作为学员见证资料。
2.2.2 为有针对性的给乙方提供更多且有效的升学、留学与就业服务机会，乙方须自愿服从甲方安排并参加相关国际认证考试；且乙方拿到国际认证考试成绩后，自愿将国际认证考试相关证书扫描件提交给甲方存档，并允许荣誉展示，作为学员见证资料。
</p>
<p class="con_Suojin">
2.2.3
为监督教学过程，促使乙方最终达成学习目标，乙方应自愿参加甲方组织的相关测试。
<p class="con_Suojin">2.2.3 为监督教学过程，促使乙方最终达成学习
目标，乙方应自愿参加甲方组织的相关测试。
</p>
<p class="con_Suojin">
2.2.4
乙方应自觉遵守甲方制定的教学管理规定，因特殊原因确需请假的，必须遵守以下规定，否则将视为乙方主动放弃本阶段学习，如出现未达成考级目标的情况，乙方不再享受免费复学的权利：
2.2.4 乙方应自觉遵守甲方制定的教学管理规定，因特殊原因确需请假的，必须遵守以下规定，否则将视为乙方主动放弃本阶段学习，如出现未达成考级目标的情况，乙方不再享受免费复学的权利：
</p>
<p style="margin-left:20px;">
A、乙方应在上课前48小时以前，书面向甲方授课教师请假，并书面获准；
......@@ -392,92 +397,75 @@
C、乙方在请假后，应找授课教师或同学补习（可线上补习）课程，完成该阶段课程的到勤。
</p>
<p class="con_Suojin">
乙方必须保证上课到勤率在90%以上，并亲自确认出勤签到记录，不得无故缺勤、迟到和早退，否则无故缺勤一次以上或迟到、早退三次及以上
，将视为乙方主动放弃本阶段学习，如出现未达成考级目标的情况，乙方不再享有免费复学的权利。
2.2.5 乙方必须保证上课到勤率在90%以上，并亲自确认出勤签到记录，不得无故缺勤、迟到和早退，否则无故缺勤一次以上或迟到、早退三次及以上 ，将视为乙方主动放弃本阶段学习，如出现未达成考级目标的情况，乙方不再享有免费复学的权利。
</p>
<p class="con_Suojin">
2.2.5
上课时，乙方应尊重甲方教师，不得出现接听电话、使用微信等、随意走动、饮食、抽烟、打牌或看与课程无关书籍资料等行为。
2.2.6上课时，乙方应尊重甲方教师，不得出现接听电话、使用微信等、随意走动、饮食、抽烟、打牌或看与课程无关书籍资料等行为。
</p>
<p class="con_Suojin">
2.2.6
乙方无权将培训资料用作任何商业用途，否则，对造成甲方的直接或间接损失，乙方应当全额赔偿。
2.2.7 乙方无权将培训资料用作任何商业用途，否则，对造成甲方的直接或间接损失，乙方应当全额赔偿。
</p>
<p class="con_Suojin">
2.2.7
乙方优异成绩的取得与乙方的主动、努力的学习态度密不可分，乙方不应将学习成绩不佳或学习成绩差归责于甲方的教学；乙方未服从甲方的教学管理要求，导致安全事故的责任，由乙方自己承担。
2.2.8 乙方优异成绩的取得与乙方的主动、努力的学习态度密不可分，乙方不应将学习成绩不佳或学习成绩差归责于甲方的教学；乙方未服从甲方的教学管理要求，导致安全事故的责任，由乙方自己承担。
</p>
<p class="con_Suojin">
2.2.8
乙方应按照本协议约定，按时足额缴纳学费，若乙方在开课后全额或部分延迟缴纳学费的，在7个工作日内，甲方有权要求乙方按照10元/天的标准支付违约金；若发生乙方延迟7个工作日以上未缴纳学费的情况下，甲方有权单方面解除本协议。由此导致的协议被解除，甲方无需退还乙方剩余学费且有权要求乙方按照200元/天的标准向甲方支付违约金。
2.2.9乙方应按照本协议约定，按时足额缴纳学费，若乙方在开课后全额或部分延迟缴纳学费的，在7个工作日内，甲方有权要求乙方按照10元/天的标准支付违约金；若发生乙方延迟7个工作日以上未缴纳学费的情况下，甲方有权单方面解除本协议。由此导致的协议被解除，甲方无需退还乙方剩余学费且有权要求乙方按照200元/天标准向甲方支付违约金。
</p>
<div class="contractTitle comTop">
五、课程培训内容与服务的管理规定
六、课程培训内容与服务的管理规定
</div>
<p>1、语言培训课程内容与考试要求</p>
<p style="margin-left:10px;">
1.1 甲方将按照本协议第三条“培训课程内容”为乙方提供教学服务
1.1甲方将按照本协议第三条“培训课程内容”为乙方提供教学服务
</p>
<p style="margin-left:10px;">
1.2
乙方通过参加甲方提供的教学服务后，应主动参加相关国际考试。考试内容为：
1.2乙方通过参加甲方提供的教学服务后，应主动参加相关国际考试。考试内容为：
</p>
<p class="con_Suojin">
A
日语国际能力测试（JLPT）：初级（N5-N4）、中级（N3-N2）、高级（N1）；
A 日语国际能力测试（JLPT）：初级（N5-N4）、中级（N3-N2）、高级（N1）；
</p>
<p class="con_Suojin">
B 实用日本语鉴定考试（J.TEST）：初级（E-F级）、中高级（A-D级）；
B 实用日本语鉴定考试（J.TEST）：初级（E-F级）、中高级（A-D级）；
</p>
<p class="con_Suojin">
C 日本留学生考试（EJU）：文科（日语）、综合科目、数学。
C 日本留学生考试（EJU）：文科（日语）、综合科目、数学。
</p>
<div style="margin-left:10px;display:flex;">
1.3 乙方当前选择考试：
</div>
<div
class="comConInput"
style="width:98%;text-align:left;margin:10px auto;"
>
{{ dataList.Exam }}
<div style="display:flex;margin-top:10px;margin-left:10px;" >
1.3乙方当前选择考试：
<div class="comConInput" style="width:20%">
{{ dataList.Exam }}
</div>
</div>
<p>2、高级课程增值课程特别条款</p>
<p style="margin-left:10px;">
2.1 乙方在报名高级课程后，有机会参加以下增值课程：
2.1乙方在报名高级课程后，有机会参加以下增值课程：
</p>
<p class="con_Suojin">
2.1.1
乙方通过甲方面试后，有权申请参加甲方组织的“成长训练营培训”、“周末沙龙”等培训活动。
2.1.1 乙方通过甲方面试后，有权申请参加甲方组织的“成长训练营培训”、“周末沙龙”等培训活动。
</p>
<p class="con_Suojin">
2.1.2
乙方达到所学语言的高级水平，并且通过甲方面试，有权申请参加甲方组织的“精品教师培训”、“精品导游培训”。
2.1.2 乙方达到所学语言的高级水平，并且通过甲方面试，有权申请参加甲方组织的“精品教师培训”、“精品导游培训”。
</p>
<p class="con_Suojin">
2.1.3
以上两种培训资格有效期为6个月，即乙方报名增值课程且面试通过之日起6个月之内有效。逾期将视为主动放弃上述学习机会。
2.1.3 以上两种培训资格有效期为6个月，即乙方报名增值课程且面试通过之日起6个月之内有效。逾期将视为主动放弃上述学习机会。
</p>
<p style="margin-left:10px;">
2.2
该增值课程属于甲方有偿提供给高级课程学员的课程，乙方报名参加该增值课程后，不得因任何原因要求甲方返还增值课程费用。
2.2该增值课程属于甲方有偿提供给高级课程学员的课程，乙方报名参加该增值课程后，不得因任何原因要求甲方返还增值课程费用。
</p>
<p style="margin-left:10px;">
2.3
乙方自愿选择参加甲方提供的增值课程，自甲方发布报名通知后的规定时间内，乙方应向甲方指定的工作人员报名，逾期未报名的视为放弃参加增值课程。
2.3乙方自愿选择参加甲方提供的增值课程，自甲方发布报名通知后的规定时间内，乙方应向甲方指定的工作人员报名，逾期未报名的视为放弃参加增值课程。
</p>
<p style="margin-left:10px;">
2.4
该增值课程可能涉及到户外活动，乙方在增值课程所涉户外活动中若发生任何意外事故，除非证明是甲方故意行为导致，否则均由乙方自行承担责任；乙方报名该增值课程后因个人身体原因不适合继续参加的，乙方有义务书面告知甲方实际情况，经甲方同意后方可退出，且甲方不承担与此相关的任何责任。
2.4该增值课程可能涉及到户外活动，乙方在增值课程所涉户外活动中若发生任何意外事故，除非证明是甲方故意行为导致，否则均由乙方自行承担责任；乙方报名该增值课程后因个人身体原因不适合继续参加的，乙方有义务书面告知甲方实际情况，经甲方同意后方可退出，且甲方不承担与此相关的任何责任。
</p>
<p style="margin-left:10px;">
2.5
在该增值课程中，乙方应当服从甲方的组织和管理，非因甲方原因造成的乙方人身财产损害，甲方不承担任何责任；由于乙方原因导致甲方或第三方人身财产损害，甲方不承担任何责任，若甲方因乙方原因而对甲方或第三方承担责任的，甲方有权向乙方追偿。
2.5在该增值课程中，乙方应当服从甲方的组织和管理，非因甲方原因造成的乙方人身财产损害，甲方不承担任何责任；由于乙方原因导致甲方或第三方人身财产损害，甲方不承担任何责任，若甲方因乙方原因而对甲方或第三方承担责任的，甲方有权向乙方追偿。
</p>
<p style="margin-left:10px;">
2.6 关于增值课程的最终解释权归甲方所有。
2.6关于增值课程的最终解释权归甲方所有。
</p>
<div class="contractTitle comTop">
六、插班、请假、复课、合并班的教学培训管理
七、插班、请假、复课、合并班的教学培训管理
</div>
<p>1、插班</p>
<p class="con_Suojin">
......@@ -494,49 +482,41 @@
请假是指乙方因正当原因无法正常上课，可向甲方老师申请请假，正当原因仅限以下情形：
</p>
<p style="margin-left:10px;">
2.1
乙方因不可抗力因素如：自然灾害、国家政策调整、战争、政府禁令等造成的双方不能正常上课的；
2.1乙方因不可抗力因素如：自然灾害、国家政策调整、战争、政府禁令等造成的双方不能正常上课的；
</p>
<p style="margin-left:10px;">
2.2 乙方因身体原因导致无法正常上课的（须开具正规医院相关证明）；
2.2乙方因身体原因导致无法正常上课的（须开具正规医院相关证明）；
</p>
<p style="margin-left:10px;">
2.3 所报课程上课时间与学校课程或者校方安排冲突的（须开具校方证明）；
2.3所报课程上课时间与学校课程或者校方安排冲突的（须开具校方证明）；
</p>
<p style="margin-left:10px;">
2.4
乙方正常请假后，可要求甲方老师保留学习资料，并及时与老师协商进行补课安排。同时，乙方须按时参加甲方老师安排的补课，并且完成甲方老师布置的补课任务，完成到勤；
2.4乙方正常请假后，可要求甲方老师保留学习资料，并及时与老师协商进行补课安排。同时，乙方须按时参加甲方老师安排的补课，并且完成甲方老师布置补课任务，完成到勤；
</p>
<p style="margin-left:10px;">
2.5
乙方未请假或者未按照要求请假的，甲方有权默认乙方已上课，有权拒绝提供请假期间的学习资料及补课要求。同时，请假期间课时按照正常上课进行计费。
2.5乙方未请假或者未按照要求请假的，甲方有权默认乙方已上课，有权拒绝提供请假期间的学习资料及补课要求。同时，请假期间课时按照正常上课进行计费。
</p>
<p>3、停课、复课</p>
<p style="margin-left:10px;">
3.1
因乙方自身原因导致无法上课，乙方有权向甲方提出书面的停课申请，符合条件的，甲方允许乙方停课的，双方应签订停课协议，停课期限最长不得超过12个月，复课前，乙方须提前向甲方书面申请复课，甲方予以办理复课手续；停课期限届满未复课的，视为乙方主动放弃该课程学习，从停课之日起终止本课程协议，甲方不承担任何退课退费责任。
3.1 因乙方自身原因导致无法上课，乙方有权向甲方提出书面的停课申请，符合条件的，甲方允许乙方停课的，双方应签订停课协议，停课期限最长不得超过12个月，复课前，乙方须提前向甲方书面申请复课，甲方予以办理复课手续；停课期限届满未复课的，视为乙方主动放弃该课程学习，从停课之日起终止本课程协议，甲方不承担任何退课退费责任。
</p>
<p style="margin-left:10px;">
3.2
因乙方自身原因导致连续12个课时不按时出勤，乙方须书面向甲方申请停课，否则将视为乙方自动停课，甲方不承担任何退课退费的责任。自动停课日起12个月内，乙方如需复课，须书面向甲方提出复课申请，甲方予以办理复课。
3.2因乙方自身原因导致连续12个课时不按时出勤，乙方须书面向甲方申请停课，否则将视为乙方自动停课，甲方不承担任何退课退费的责任。自动停课日起12个月内，乙方如需复课，须书面向甲方提出复课申请，甲方予以办理复课。
</p>
<p style="margin-left:10px;">
3.3
乙方停课期间，甲方将以手机短信、微信、QQ等有效方式通知乙方复课，请乙方保持通讯畅通，如若更换联系方式时，乙方应立即书面通知甲方，否则因此导致的所有责任与后果由乙方自行承担。
3.3乙方停课期间，甲方将以手机短信、微信、QQ等有效方式通知乙方复课，请乙方保持通讯畅通，如若更换联系方式时，乙方应立即书面通知甲方，否则因此导致的所有责任与后果由乙方自行承担。
</p>
<p style="margin-left:10px;">
3.4
乙方复课时，甲方根据乙方实际学习进度情况，安排乙方进入合适的班级学习。
3.4乙方复课时，甲方根据乙方实际学习进度情况，安排乙方进入合适的班级学习。
</p>
<p style="margin-left:10px;">
3.5
乙方办理停课后，如因乙方自身原因在12个月后仍无法进行复课的，责任由乙方自行承担，甲方不承担任何责任。
3.5乙方办理停课后，如因乙方自身原因在12个月后仍无法进行复课的，责任由乙方自行承担，甲方不承担任何责任。
</p>
<p>4、合并班</p>
<p>
甲方有权根据教学进度需要，班级进度，教师离职或转岗、进修等情况进行班级的合并与拆分，属于正常教学工作，甲方将尽力做好班级交接工作，乙方应予以积极的配合。
</p>
<div class="contractTitle comTop">七、退费条款</div>
<div class="contractTitle comTop">八、退费条款</div>
<p>
1、因不可抗力因素如：自然灾害、国家政策调整、战争、政府禁令等造成的双方不能履行合同义务的，甲方将根据乙方实际上课情况计算费用，将剩余课程学费退还乙方。
</p>
......@@ -559,33 +539,32 @@
7、若乙方在报名任意一门甲方提供的课程（见本协议第三条）。
</p>
<p style="margin-left:10px;">
7.1
享受了甲方提供的课程学费优惠活动、奖学金活动、学习优惠等，乙方无权申请退课、退费。
7.1享受了甲方提供的课程学费优惠活动、奖学金活动、学习优惠等，乙方无权申请退课、退费。
</p>
<p style="margin-left:10px;">
7.2
办理了甲方提供的境外学习等相关手续，需要家庭有一定的资信证明，如因个人原因不能出具相关证明，无法出境者，乙方无权申请退课、退费。
7.2办理了甲方提供的境外学习等相关手续，需要家庭有一定的资信证明，如因个人原因不能出具相关证明，无法出境者，乙方无权申请退课、退费。
</p>
<p>
8、若乙方报名甲方课程，在缴纳学费时已享受了学费优惠后，又申请退课、退费的，乙方必须符合以下情况方能作为正常退费要求：
</p>
<p style="margin-left:10px;">8.1 自然灾害等不可抗力的情况；</p>
<p style="margin-left:10px;">8.1自然灾害等不可抗力的情况；</p>
<p style="margin-left:10px;">
8.2 出国留学而且不能完成线上课程的情况（需开具境外大学录取通知书及出行机票）；
8.2出国留学的情况（需开具境外大学录取通知书及出行机票）；
</p>
<p>9、退费金额核算如下：</p>
<p style="margin-left:10px;">
9.1 未参加抽奖等额外减免活动者：应退学费=实收学费-已上课时费-违约金（其中，已上课时费=原价学费÷总课时×已上课时；违约金=（实收学费-已上课时费）×10%。）；课程中附赠的口语课程、考前冲刺课程、真题讲解等课程不纳入退费课时，乙方无权针对该课程申请退费；班级课时剩余计算方法按照班级学费平均到每课时（45分钟）计算。
9.1未参加抽奖等额外减免活动者：应退学费=实收学费-教材成本-课件费-已上课时费-合同违约金。[已上课时费=(原价学费-教材成本-课件费）/总课时×已上课时];[合同违约金=未上课时费×10%。]；课程中附赠的口语课程、考前冲刺课程、真题讲解等课程不纳入退费课时，乙方无权针对该课程申请退费；班级课时剩余计算方法按照班级学费平均到每课时（45分钟）计算。
</p>
<p style="margin-left:10px;">
9.2 参加各项抽奖等额外减免活动者，一律不予退费。
9.2参加各项额外减免活动者，退费时需扣除减免活动赠送的学费及优惠计算退费。
</p>
<p style="margin-left:10px;">
9.3 因乙方自身原因（如未达到留学或旅游所对应的语言水平，且非上述条款不可抗力因素）不能参加境外留学、游学或旅游项目的，不予退还境外服务费。
9.3因乙方自身原因（如未达到留学或旅游所对应的语言水平，且非上述八.8条不可抗力因素）不能参加境外留学、游学或旅游项目的，不予退还境外服务费。
</p>
<div class="contractTitle comTop">八、其他责任</div>
<p style="margin-left:10px;">
9.4 满足正常退费要求的学员，境外留学、游学、旅游费用除去上述条款八.9.3外，余额部分应退还给乙方。
</p>
<div class="contractTitle comTop">九、其他责任</div>
<p>
1、乙方对甲方提供的培训服务不满意，要求改进教学方法或者更换培训老师的，甲方应考虑乙方要求的合理性，并根据其合理性提供相应解决方案，但因培训老师的个人差异，乙方应理解解决方案，不能完全满足乙方个人要求。
</p>
......@@ -595,7 +574,7 @@
<p>
3、乙方同意甲方出于宣传学校或教学的目的需要，可以将含有乙方肖像、图像的照片及视频作广告发布之用。
</p>
<div class="contractTitle comTop">九、合同争议解决方式</div>
<div class="contractTitle comTop">十、合同争议解决方式</div>
<p>
1、本合同在履行过程中发生争议的，由双方当事人协商解决；“凡因本合同产生的或与本合同有关的一切争议，均提交仲裁委员会仲裁。”
</p>
......@@ -610,10 +589,6 @@
</p>
<p>5、本合同正本一式两份，甲乙双方各持一份，具有同等法律效力。</p>
<p>6、本合同自乙方缴纳全额课程学费及签订协议之日起正式生效。</p>
<template v-if="dataList.CourseContracrInfo">
<div class="contractTitle comTop">十、合同补充协议</div>
<p>{{ dataList.CourseContracrInfo }}</p>
</template>
<p>
<template
v-if="
......@@ -624,6 +599,15 @@
>
本合同协议部分到此为止，以下为空白。
</p>
<p>乙方已阅读并充分了解和理解甲方制定的培训相关的全部规章管理制度，并承诺严格执行。</p>
<p>（乙方在此处需要单独手写一遍） </p>
<div style="display:flex;margin-top:10px;margin-left:10px;" >
<div class="comConInput" style="width:100%">
</div>
</div>
<div style="margin:50px 0;position:relative;">
甲方签字（盖章）：<img
v-if="dataList.IsCompanySeal == 1 && dataList.GroupSealImg"
......@@ -677,43 +661,20 @@
<ul class="gzqzUl">
<li>
<el-row>
<el-col :span="12">姓名</el-col>
<el-col :span="12">乙方：</el-col>
<el-col :span="12">{{ dataList.StudentName }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">出生日期</el-col>
<el-col :span="12">{{ dataList.StuBirthStr }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">性别</el-col>
<el-col :span="12">{{ dataList.StuSexStr }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">电话</el-col>
<el-col :span="12">{{ dataList.StuTel }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">电子邮箱</el-col>
<el-col :span="12">{{ dataList.StuEmail }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">住址</el-col>
<el-col :span="12">{{ dataList.StuAddress }}</el-col>
</el-row>
</li>
<li>
<el-row style="display:flex;align-items:center;">
<el-col :span="12">身份证</el-col>
<el-col :span="12">身份证号码：</el-col>
<el-col :span="12">
<span v-if="dataList.StuIDCard">{{
dataList.StuIDCard
......@@ -722,382 +683,55 @@
</el-col>
</el-row>
</li>
</ul>
</div>
<div style="padding:100px 0 80px 0;" v-if="ActiveTab == 3">
<ul class="gzqzUl">
<li>
<el-row>
<el-col :span="12">家长姓名</el-col>
<el-col :span="12">{{ dataList.ParentName }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">家长与学员关系</el-col>
<el-col :span="12">{{ dataList.ParentRelation }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">家长联系电话</el-col>
<el-col :span="12">{{ dataList.ParentTel }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">家长电子邮箱</el-col>
<el-col :span="12">{{ dataList.ParentEmail }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">紧急联系人姓名</el-col>
<el-col :span="12">{{ dataList.UrgentName }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">紧急联系人与学员关系</el-col>
<el-col :span="12">{{ dataList.UrgentRelation }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">紧急联系人电话</el-col>
<el-col :span="12">{{ dataList.UrgentTel }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">紧急联系人电子邮箱</el-col>
<el-col :span="12">{{ dataList.UrgentEmail }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">监护人身份证后4位</el-col>
<el-col :span="12">{{ dataList.GuardianIDCard }}</el-col>
</el-row>
</li>
</ul>
</div>
<div style="padding:100px 0 80px 0;" v-if="ActiveTab == 4">
<ul class="gzqzUl">
<li>
<el-row>
<el-col :span="12">培训课程内容</el-col>
<el-col :span="12">{{ dataList.CourseName }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">校区名称</el-col>
<el-col :span="12">{{ dataList.SchoolName }}</el-col>
<el-col :span="12">住所地（身份证地址）：</el-col>
<el-col :span="12">{{ dataList.IDCardAddress }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">校区负责人</el-col>
<el-col :span="12">{{ dataList.SchoolPrincipal }}</el-col>
<el-col :span="12">联系地址（实际居住地）：</el-col>
<el-col :span="12">{{ dataList.StuAddress }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">起始级别</el-col>
<el-col :span="12">{{ dataList.StartLevel }}</el-col>
<el-col :span="12">联系电话：</el-col>
<el-col :span="12">{{ dataList.StuTel }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">课程顾问</el-col>
<el-col :span="12">{{ dataList.CourseConsultant }}</el-col>
<el-col :span="12">紧急联系人：</el-col>
<el-col :span="12">{{ dataList.ParentName }}</el-col>
</el-row>
</li>
</li>
<li>
<el-row>
<el-col :span="12">收藏人</el-col>
<el-col :span="12">{{ dataList.Payee }}</el-col>
<el-col :span="12">紧急联系人方式：</el-col>
<el-col :span="12">{{ dataList.ParentTel }}</el-col>
</el-row>
</li>
</ul>
</div>
<div style="padding:100px 0 80px 0;" v-if="ActiveTab == 5">
<div style="padding:100px 0 80px 0;" v-if="ActiveTab == 3">
<ul class="gzqzUl">
<li>
<el-row>
<el-col :span="12">第一期培训课时数</el-col>
<el-col :span="12">{{ dataList.FirstClassHours }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第二期培训课时数</el-col>
<el-col :span="12">{{ dataList.SecondClassHours }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第三期培训课时数</el-col>
<el-col :span="12">{{ dataList.ThirdClassHours }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">总计</el-col>
<el-col :span="12">{{ dataList.TotalClassHours }}</el-col>
<el-col :span="12">甲方：</el-col>
<el-col :span="12">成都市锦江区甲鹤外语培训学校有限公司</el-col>
</el-row>
</li>
<li class="bgli"></li>
<li>
<el-row>
<el-col :span="12">第一期培训课程费</el-col>
<el-col :span="12">{{ dataList.FirstCourseFee }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第二期培训课程费</el-col>
<el-col :span="12">{{ dataList.SecondCourseFee }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第三期培训课程费</el-col>
<el-col :span="12">{{ dataList.ThirdCourseFee }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">总计</el-col>
<el-col :span="12">{{ dataList.TotalCourseFee }}</el-col>
</el-row>
</li>
<li class="bgli"></li>
<li>
<el-row>
<el-col :span="12">第一期培训教材费</el-col>
<el-col :span="12">{{ dataList.FirstBookFee }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第二期培训教材费</el-col>
<el-col :span="12">{{ dataList.SecondBookFee }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第三期培训教材费</el-col>
<el-col :span="12">{{ dataList.ThirdBookFee }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">总计</el-col>
<el-col :span="12">{{ dataList.TotalBookFee }}</el-col>
</el-row>
</li>
<li class="bgli"></li>
<li>
<el-row>
<el-col :span="12">第一期培训课件费</el-col>
<el-col :span="12">{{ dataList.FirstClassFee }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第二期培训课件费</el-col>
<el-col :span="12">{{ dataList.SecondClassFee }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第三期培训课件费</el-col>
<el-col :span="12">{{ dataList.ThirdClassFee }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">总计</el-col>
<el-col :span="12">{{ dataList.TotalClassFee }}</el-col>
</el-row>
</li>
<li class="bgli"></li>
<li>
<el-row>
<el-col :span="12">第一期费用小计</el-col>
<el-col :span="12">{{ dataList.FirstSubTotal }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第二期费用小计</el-col>
<el-col :span="12">{{ dataList.SecondSubTotal }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第三期费用小计</el-col>
<el-col :span="12">{{ dataList.ThirdSubTotal }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">总计</el-col>
<el-col :span="12">{{ dataList.TotalSub }}</el-col>
</el-row>
</li>
<li class="bgli"></li>
<li>
<el-row>
<el-col :span="12">第一期折让价格</el-col>
<el-col :span="12">{{ dataList.FirstDiscountMoney }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第二期折让价格</el-col>
<el-col :span="12">{{ dataList.SecondDiscountMoney }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第三期折让价格</el-col>
<el-col :span="12">{{ dataList.ThirdDiscountMoney }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">总计</el-col>
<el-col :span="12">{{ dataList.TotalDiscountMoney }}</el-col>
</el-row>
</li>
<li class="bgli"></li>
<li>
<el-row>
<el-col :span="12">第一期费用总计</el-col>
<el-col :span="12">{{ dataList.FirstMoney }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第二期费用总计</el-col>
<el-col :span="12">{{ dataList.SecondMoney }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第三期费用总计</el-col>
<el-col :span="12">{{ dataList.ThirdMoney }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">总计</el-col>
<el-col :span="12">{{ dataList.TotalMoney }}</el-col>
</el-row>
</li>
<li class="bgli"></li>
<li>
<el-row>
<el-col :span="12">第一期支付日期</el-col>
<el-col :span="12">{{ dataList.FirstPayDateStr }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第二期支付日期</el-col>
<el-col :span="12">{{ dataList.SecondPayDateStr }}</el-col>
</el-row>
</li>
<li>
<el-row>
<el-col :span="12">第三期支付日期</el-col>
<el-col :span="12">{{ dataList.ThirdPayDateStr }}</el-col>
<el-col :span="12">法定代表人：</el-col>
<el-col :span="12">{{ dataList.LegalPerson }}</el-col>
</el-row>
</li>
</ul>
</div>
<div
style="padding:100px 15px 80px 15px;font-size:1rem;"
v-if="ActiveTab == 6"
>
<div class="con_Suojin" style="line-height:30px;">
本人
<div
class="comConInput"
style="width:70px;display:inline-block;"
></div>
（以下为签名者）为
<div
class="comConInput"
style="width:70px;display:inline-block;"
></div>
学员（以下称“学员”）的监护人，本人为学员购买 了甲鹤教育
<div
class="comConInput"
style="width:80px;display:inline-block;"
></div>
课程共
<div
class="comConInput"
style="width:50px;display:inline-block;"
></div>
课时，并签署了合同编号为
<div
class="comConInput"
style="width:80px;display:inline-block;"
></div>
的《甲鹤教育课程协议》。
</div>
<div class="con_Suojin" style="line-height:30px;margin-top:20px;">
本人知晓中国现行关于校外培训机构不得一次性收取超过三个月费用的规定，甲鹤工作人员也已经明确告知公司的收费政策，一次性只能收取三个月的费用。由于本人自身的原因，本人主动要求并坚持一次性支付合同编号为
<div
class="comConInput"
style="width:80px;display:inline-block;"
></div>
的《甲鹤教育课程协议》项下的所有费用。
</div>
<div class="con_Suojin" style="line-height:30px;margin-top:20px;">
本人承诺，该一次性付款行为完全是由本人自主决定并要求的。除了付款事宜，本人、学员与甲鹤之间的权利义务按所签署的《甲鹤教育课程协议》履行。
</div>
<div style="margin-top:50px;">
特此说明。
</div>
<div style="position:relative;margin:50px 0;">
乙方学员签字（正楷）<img
style="width:40px;position:absolute;top:-40px;"
:src="dataList.Sign"
/>
</div>
<div style="margin:50px 0;">
甲方签字（盖章）
</div>
<div style="margin:50px 0;">
<div style="display:flex;">
<div class="comConInput" style="width:50px;"></div>
年
<div class="comConInput" style="width:50px;"></div>
月
<div class="comConInput" style="width:50px;"></div>
日
</div>
</div>
<div style="margin:50px 0;">
乙方监护人签字（正楷）
</div>
<div style="margin:50px 0;">
<div style="display:flex;">
<div class="comConInput" style="width:50px;"></div>
年
<div class="comConInput" style="width:50px;"></div>
月
<div class="comConInput" style="width:50px;"></div>
日
</div>
</div>
</div>
</div>
</div>
</div>
......
src/pages/contractView.vue
View file @ ca1d342d
......@@ -47,11 +47,15 @@
}
.comflex {
/* display: flex; */
justify-content: space-between;
margin-bottom: 20px;
}
.comflex2 {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.contractInput {
border: 0;
display: inline-block;
......@@ -61,6 +65,17 @@
text-align: center;
}
.contractInput2 {
text-indent: 0px;
padding: 0px 20px;
min-width: 200px;
width: auto;
border: 0;
display: inline-block;
border-bottom: 1px solid #c0c0c0;
font-size: 16px;
text-align: center;
}
.comLeftTile {
margin-right: 20px;
}
......@@ -82,7 +97,7 @@
}
.conTractInner {
width: 33%;
width: 100%;
min-height: 400px;
border: 1px solid #d1d1d1;
padding: 10px;
......@@ -140,6 +155,14 @@
font-size: 18px;
line-height: 40px;
}
.textindent{
text-indent:27px;
}
.textindent2{
text-indent:54px;
}
</style>
<template>
<div class="contractView">
......@@ -149,663 +172,394 @@
dataList.ContractNo
}}</span>
</div>
<div class="contractCompany">
甲方：成都市锦江区甲鹤外语培训学校有限公司
</div>
<div
class="contractCompany"
style="display:flex;justify-content:space-between;"
>
<div class="operationAgree">培训课程协议</div>
<div>成都市锦江区甲鹤外语培训学校有限公司</div>
</div>
<div class="contractBottom">
<div class="comflex">
<div>
乙方：
<div
class="contractInput"
style="width:360px;text-align:left;text-indent:10px;font-size:20px;"
>
{{ dataList.StudentName }}
</div>
<span class="comLeftTile">甲方：</span>
<div class="contractInput2">成都市锦江区甲鹤外语培训学校有限公司</div>
</div>
</div>
<div class="comflex">
<div>
身份证：
<div
class="contractInput"
style="width:360px;text-align:left;text-indent:10px;font-size:20px;"
>
{{ dataList.StuIDCard }}
</div>
<span class="comLeftTile">法定代表人：</span>
<div class="contractInput"> {{dataList.LegalPerson}}</div>
</div>
</div>
<div class="operationAgree">甲鹤教育课程协议</div>
<div class="operationDate">
<span>{{ dataList.SealDateYear }}年</span>
<span style="margin-left:20px;">{{ dataList.SealDateMonth }}月</span>
<span style="margin-left:20px;">{{ dataList.SealDateDay }}日</span>
</div>
</div>
<div class="comTitle" style="margin:0 30px;">
<div class="comTiInner">
<div class="comTLeft">甲鹤教育课程协议</div>
<div class="comTRight"></div>
</div>
</div>
<div class="contractBottom">
<div class="comFirstTitle">学员信息</div>
<div class="comflex">
<div class="comflex2">
<div>
<span class="comLeftTile">姓名</span>
<span class="comLeftTile">乙方：</span>
<div class="contractInput">{{ dataList.StudentName }}</div>
</div>
<div>
<span class="comLeftTile">出生日期</span>
<div class="contractInput">{{ dataList.StuBirthStr }}</div>
<span class="comLeftTile"> 性别：</span>
<div class="contractInput">{{ dataList.StuSex==0?"男":"女" }}</div>
</div>
<div>
<span class="comLeftTile">性别</span>
<div class="contractInput">{{ dataList.StuSexStr }}</div>
<span class="comLeftTile"> 身份证号码：</span>
<div class="contractInput">{{ dataList.StuIDCard }}</div>
</div>
</div>
<div class="comflex">
<div>
<span class="comLeftTile">住址</span>
<div class="contractInput">{{ dataList.StuAddress }}</div>
<span class="comLeftTile">住所地（身份证地址）：</span>
<div class="contractInput2">{{dataList.IDCardAddress}}</div>
</div>
</div>
<div class="comflex">
<div>
<span class="comLeftTile">电话</span>
<div class="contractInput">{{ dataList.StuTel }}</div>
<span class="comLeftTile">联系地址（实际居住地）：</span>
<div class="contractInput2">{{dataList.StuAddress}}</div>
</div>
</div>
<div class="comflex">
<div>
<span class="comLeftTile">电子邮箱</span>
<div class="contractInput">{{ dataList.StuEmail }}</div>
<span class="comLeftTile">联系电话：</span>
<div class="contractInput2">{{dataList.StuTel}}</div>
</div>
</div>
<div class="comflex">
<div>
<span class="comLeftTile">紧急联系人及联系方式：</span>
<div class="contractInput2">{{dataList.ParentName}}{{dataList.ParentTel}}</div>
</div>
</div>
<table class="conTable" style="margin:20px 0">
<tr>
<th style="text-align:left;">
<div class="comFirstTitle" style="margin-bottom:0;">家长信息</div>
</th>
<th style="width:300px;">家长</th>
<th style="width:300px;">紧急联系人</th>
<th>监护人身份证后4位</th>
</tr>
<tr>
<td>姓名</td>
<td>
<div class="contractInput input2">{{ dataList.ParentName }}</div>
</td>
<td>
<div class="contractInput input2">{{ dataList.UrgentName }}</div>
</td>
<td rowspan="4" style="vertical-align:top;padding-top:6px;">
<div class="contractInput input2">
{{ dataList.GuardianIDCard }}
</div>
</td>
</tr>
<tr>
<td>与学员的关系</td>
<td>
<div class="contractInput input2">
{{ dataList.ParentRelation }}
</div>
</td>
<td>
<div class="contractInput input2">
{{ dataList.UrgentRelation }}
</div>
</td>
</tr>
<tr>
<td>联系电话</td>
<td>
<div class="contractInput input2">{{ dataList.ParentTel }}</div>
</td>
<td>
<div class="contractInput input2">{{ dataList.UrgentTel }}</div>
</td>
</tr>
<tr>
<td>电子邮箱</td>
<td>
<div class="contractInput input2">{{ dataList.ParentEmail }}</div>
</td>
<td>
<div class="contractInput input2">{{ dataList.UrgentEmail }}</div>
</td>
</tr>
</table>
<table class="conTable" style="margin:20px 0">
<tr>
<th style="text-align:left;">
<div class="comFirstTitle" style="margin-bottom:0;">
培训课程信息
</div>
</th>
<th style="width:270px"></th>
<th>
<div class="comFirstTitle" style="margin-bottom:0;">校区信息</div>
</th>
<th style="width:270px"></th>
<th></th>
<th></th>
</tr>
<tr>
<td>培训课程内容</td>
<td>
<div class="contractInput input3">{{ dataList.CourseName }}</div>
</td>
<td>
校区名称
</td>
<td>
<div class="contractInput input3">{{ dataList.SchoolName }}</div>
</td>
<td>
校区负责人
</td>
<td>
<div class="contractInput input3">
{{ dataList.SchoolPrincipal }}
</div>
</td>
</tr>
<tr>
<td>起始级别</td>
<td>
<div class="contractInput input3">{{ dataList.StartLevel }}</div>
</td>
<td>
课程顾问
</td>
<td>
<div class="contractInput input3">
{{ dataList.CourseConsultant }}
</div>
</td>
<td>
收款人
</td>
<td>
<div class="contractInput input3">{{ dataList.Payee }}</div>
</td>
</tr>
</table>
<table class="conTable" style="margin:20px 0">
<tr>
<th>
<div class="comFirstTitle" style="margin-bottom:0;width:80px;">
费用类别
</div>
</th>
<th>
<div class="comFirstTitle" style="margin-bottom:0;width:210px;">
第一期
</div>
</th>
<th>
<div class="comFirstTitle" style="margin-bottom:0;width:210px;">
第二期
</div>
</th>
<th>
<div class="comFirstTitle" style="margin-bottom:0;width:210px;">
第三期
</div>
</th>
<th>
<div class="comFirstTitle" style="margin-bottom:0;width:210px;">
总计
</div>
</th>
</tr>
<tr>
<td>培训课时数</td>
<td>
<div class="contractInput">{{ dataList.FirstClassHours }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.SecondClassHours }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.ThirdClassHours }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.TotalClassHours }}</div>
</td>
</tr>
<tr>
<td>培训课程费</td>
<td>
<div class="contractInput">{{ dataList.FirstCourseFee }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.SecondCourseFee }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.ThirdCourseFee }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.TotalCourseFee }}</div>
</td>
</tr>
<tr>
<td>培训教材费</td>
<td>
<div class="contractInput">{{ dataList.FirstBookFee }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.SecondBookFee }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.ThirdBookFee }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.TotalBookFee }}</div>
</td>
</tr>
<tr>
<td>培训课件费</td>
<td>
<div class="contractInput">{{ dataList.FirstClassFee }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.SecondClassFee }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.ThirdClassFee }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.TotalClassFee }}</div>
</td>
</tr>
<tr>
<td>费用小计</td>
<td>
<div class="contractInput">{{ dataList.FirstSubTotal }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.SecondSubTotal }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.ThirdSubTotal }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.TotalSub }}</div>
</td>
</tr>
<tr>
<td>折让价格</td>
<td>
<div class="contractInput">{{ dataList.FirstDiscountMoney }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.SecondDiscountMoney }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.ThirdDiscountMoney }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.TotalDiscountMoney }}</div>
</td>
</tr>
<tr>
<td>
<span style="color:red;">费用总计</span>
</td>
<td>
<div class="contractInput">{{ dataList.FirstMoney }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.SecondMoney }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.ThirdMoney }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.TotalMoney }}</div>
</td>
</tr>
<tr>
<td>支付日期</td>
<td>
<div class="contractInput">{{ dataList.FirstPayDateStr }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.SecondPayDateStr }}</div>
</td>
<td>
<div class="contractInput">{{ dataList.ThirdPayDateStr }}</div>
</td>
<td>
<div class="contractInput" style="height:30px;"></div>
</td>
</tr>
</table>
<div class="comflex">
<div class="conTractInner">
<div class="commonTitle1">一、声明</div>
<div class="contractContent">
当您签署此协议之前，请确保已清楚了解以下事宜：
当您签署此协议前，请确保已清楚了解以下事宜：
</div>
<div class="contractContent">
1、温馨提示：日语学习的过程中，学员的上课到勤率越高，教学成果会更好，学员达成课程学习目标的概率将会较高。
</div>
<div class="contractContent" style="color:red;">
<div class="contractContent textindent" >
因此，请确保您已经认真了解过该门课程的学习内容、规划与学费事宜；已充分做好了各项学习准备，真正让自己做到上课到勤率达到90%以上，努力达成既定学习目标。
</div>
<div class="contractContent">
2、您有一次在学习的任何阶段申请停课的权利。当您按要求正式办理相关停课手续之日起，12个月内，如无不可抗力事由，您必须从停课之日起按要求提出复课申请。您如未按要求复课，则视作学员主动放弃继续学习的权力，终止本课程协议。
</div>
</div>
<div class="conTractInner">
<div class="contractContent">
3、请您牢记全国官方唯一服务号码：028-6199-3633
3、请您牢记全国官方唯一服务号码：028-84555028
</div>
<div class="contractContent" style="color:red;">
<div class="contractContent" >
4、请您认真阅读并充分理解本协议内容后签署此协议，一旦签署则视为完全理解并同意该协议内容。
</div>
<div class="commonTitle1">二、总则</div>
<div class="contractContent">
成都市锦江区甲鹤外语培训学校有限公司（以下简称“甲方”）与培训学员（以下简称“乙方”）根据《中华人民共和国合同法》等法律、法规规定，双方在平等、自愿、协商一致的基础上达成此协议。
如乙方有同时学习两门或两门以上不同类别的课程要求，则乙方须分课程类别签订课程协议。
</div>
</div>
<div class="conTractInner">
<div class="commonTitle1">三、课程费用</div>
<div class="commonTitle1">三、培训课程内容</div>
<div class="comflex2">
<div>
<span class="comLeftTile">培训课程：</span>
<div class="contractInput">{{ dataList.CourseName }}</div>
</div>
<div>
<span class="comLeftTile"> 课程内容：</span>
<div class="contractInput">{{ dataList.StartLevel}}</div>
</div>
<div>
<span class="comLeftTile"> </span>
</div>
</div>
<div class="contractContent">
如乙方有同时学习两门或两门以上不同类别的课程要求，则乙方须分课程类别签订课程协议。
</div>
<div class="commonTitle1">四、课程费用</div>
<div class="contractContent">
1、费用总计：以乙方选择课程之时，即时公布的课程收费标准为准。
</div>
<div>
人民币（大写）：
<div class="contractInput" style="width:180px;">
{{ dataList.CNYCaps }}
<div class="contractContent textindent">
<div class="comflex2">
<div>
<span class="comLeftTile ">人民币（大写）：</span>
<div class="contractInput">{{ dataList.CNYCaps }}</div>
<span class="comLeftTile"> 圆（小写）：</span>
<div class="contractInput">{{ dataList.Money}}</div>元。
</div>
</div>
</div>
<div class="contractContent">
<div class="comflex2">
<div>
<span class="comLeftTile">其中：课时费：共计</span>
<div class="contractInput">{{ dataList.FirstClassHours }}</div>
<span class="comLeftTile"> 元（</span>
<div class="contractInput">{{ dataList.ClassHours}}</div>元/节）
</div>
</div>
</div>
<div style="margin:10px 0;">
人民币（小写）：
<div class="contractInput" style="width:180px;">
{{ dataList.Money }}
<div class="contractContent textindent2">
<div class="comflex2">
<div>
<span class="comLeftTile ">教材：</span>
<div class="contractInput">{{ dataList.FirstBookFee }}</div>元
</div>
</div>
元
</div>
<div class="contractContent textindent2 ">
<div class="comflex2">
<div>
<span class="comLeftTile "> 教材包括：</span>
<div class="contractInput2">{{ dataList.TextbookIncludes }}</div>
</div>
</div>
</div>
<div class="contractContent textindent2">
<div class="comflex2">
<div>
<span class="comLeftTile"> 其他费用：</span>
</div>
</div>
</div>
<div class="contractContent textindent2">
<div class="comflex2">
<div>
<span class="comLeftTile"> 课件费：</span>
<div class="contractInput">{{ dataList.FirstClassFee }}</div>元
</div>
</div>
</div>
<div class="contractContent textindent2">
课件费包括：教辅资料，线上学习程序等其他一并费用支出。收费标准为学费的20%。
</div>
<div class="contractContent">
2、支付方式：<span style="color:red;"
>现金、扫码支付（微信、支付宝）、POS机刷卡支付（信用卡，银行借记卡）、银行汇款/转账等公司支持的结算方式。缴纳的学费应通过公司帐户结算，禁止学费缴纳到非公司帐户的个人帐户，公司对缴费至私人帐户导致的纠纷概不负责。</span
>
2、支付方式：扫码支付（微信、支付宝）、POS机刷卡支付（信用卡，银行借记卡）、银行汇款/转账。
</div>
<div class="contractContent">
3、支付截止日期提醒：正式确认报名之日起，乙方须在7个工作日内足额缴纳学费（正式确认报名的时间以乙方缴纳定金之日为准，若乙方未缴纳定金的，以正式开课日前七个工作日为准），因课程一旦开始，同班级学员将统一安排课表持续学习，为了不打乱正常的授课计划，乙方应按本协议约定时间内足额缴纳学费，因逾期缴费所造成的课程延误或课程进度缺失，乙方自行承担责任。甲方因乙方逾期缴费而造成的损失，由乙方承担。
</div>
<div class="commonTitle1">四、双方权利与义务</div>
</div>
</div>
<div class="comTitle" style="margin-top:40px;">
<div class="comTiInner">
<div class="comTLeft">甲鹤教育课程协议</div>
<div class="comTRight"></div>
</div>
</div>
<div class="comflex" style="margin-top:40px;">
<div class="conTractInner ConTract_Line">
<div class="contractContent">1、甲方权利与义务</div>
<div class="contractContent">1.1 甲方权利</div>
<div class="commonTitle1">五、双方权利与义务</div>
<div class="contractContent">
1.1.1 甲方按照甲方的教学管理制度规定对乙方实施培训管理。
1、甲方权利与义务
</div>
<div class="contractContent ">
1.1甲方权利权利与义务
</div>
<div class="contractContent">
1.1.2 甲方按本协议约定向乙方收取课程费用。
<div class="contractContent textindent">
1.1.1甲方按照甲方的教学管理制度规定对乙方实施培训管理。
</div>
<div class="contractContent">
1.1.3
如有乙方违反甲方的教学管理制度的行为，甲方有权要求乙方在规定时间内进行改正。
<div class="contractContent textindent">
1.1.2甲方按本协议约定向乙方收取课程费用。
</div>
<div class="contractContent">
1.1.4 为达到更好的教学效果，甲方应根据班级成员状
况、班级教学进度和教学情况，做好合理安排，监督并协助授课老师调整授课方式，必要时有权利为学员更换更适合的教师授课。
<div class="contractContent textindent">
1.1.3如有乙方违反甲方的教学管理制度的行为，甲方有权要求乙方在规定时间内进行改正。
</div>
<div class="contractContent">
1.1.5 根据班级人数状况以及学员学习进度，甲方应
主动提出更优的班级组成形式的建议，必要时，可适当调整乙方的班级管理
（班级分组、授课形式、授课地点等）。
<div class="contractContent textindent">
1.1.4为达到更好的教学效果，甲方应根据班级成员状况、班级教学进度和教学情况，做好合理安排， 监督并协助授课老师调整授课方式，必要时有权利为学员更换更适合的教师授课。
</div>
<div class="contractContent">1.2 甲方义务</div>
<div class="contractContent">
1.2.1
甲方制定规范有效的培训计划，其中包括：教材和资料的确认；在合理期限内，通过完成教学课时，达成教学进度目标；定时测验，随时掌握班级学习情况；严格对教师和学员进行考核；甲方教师应对学员发布作业以及批改作业；甲方老师应按时协助学员安排好国际认证考试计划等。
<div class="contractContent textindent">
1.1.5根据班级人数状况以及学员学习进度，甲方应主动提出更优的班级组成形式的建议，必要时，可适当调整乙方的班级管理 （班级分组、授课形式、授课地点等）。
</div>
<div class="contractContent">
1.2.2 甲方依据本协议规定，指派任课教师，在合理的期限内完成教学服务。
1.2甲方义务
</div>
<div class="contractContent">
1.2.3
甲方应当及时且有效的解决乙方通过当面咨询或拨打咨询电话等方式提出的在培训过程中遇到的与培训内容相关的问题。
<div class="contractContent textindent">
1.2.1 甲方制定规范有效的培训计划，其中包括：教材和资料的确认；在合理期限内，
通过完成教学课时，达成教学进度目标；定时测验，随时掌握班级学习情况；严格对教师和学员进行考核；甲方教师应对学员发布作业以及批改作业；甲方老师应按时协助学员安排好国际认证考试计划等。
</div>
<div class="contractContent">
1.2.4 甲方依据乙方学习的实际情况，在收到乙
<div class="contractContent textindent">
1.2.2甲方依据本协议规定，指派任课教师，在合理的期限内完成教学服务。
</div>
</div>
<div class="conTractInner ConTract_Line">
<div class="contractContent">
方的正式书面申请之日起，在10个工作日内为乙方开具在读证明或培训证明。
<div class="contractContent textindent">
1.2.3甲方应当及时且有效的解决乙方通过当面咨询或拨打咨询电话等方式提出的在培训过程中遇到的与培训内容相关的问题。
</div>
<div class="contractContent">
1.2.5
当乙方在修完所报课程，但未通过所报课程相对应级别的考试，且在参加国际认证考试之日起12个月内向甲方提出免费复学申请的，甲方应在收到乙方书面复学申请后1-2个月内安排乙方进行日语水平测试及确认复学课程，或者直接合理安排复学课程。
<div class="contractContent textindent">
1.2.4甲方依据乙方学习的实际情况，在收到乙
方的正式书面申请之日起，在10个工作日内为乙方开具在读证明或培训证明。
</div>
<div class="contractContent">2、乙方权利与义务</div>
<div class="contractContent">2.1 乙方权利</div>
<div class="contractContent">
2.1.1
乙方有权向甲方反应其任课教师情况，如出现甲方老师不按时上课、不按教学计划上课等，乙方有权向甲方反映，经甲方核实后决定是否更换教师或纠正教师的不当行为。
<div class="contractContent textindent">
1.2.5 当乙方在修完所报课程，但未通过所报课程相对应级别的考试，且在参加国际认证考试之日起12个月内向甲方提出免费复学申请的，甲方应在收到乙方书面复学申请后1-2个月内安排乙方进行日语水平测试及确认复学课程，或者直接合理安排复学课程。
</div>
<div class="contractContent">
2.1.2
乙方修完所报课程，未通过所报课程相应级别的考试，有权在参加国际认证考试之日起12个月内向甲方书面提出一次免费复学申请。若乙方超出前述时限提出免费复学申请的，甲方有权拒绝。
2、乙方权利与义务
</div>
<div class="contractContent">2.2 乙方义务</div>
<div class="contractContent">
2.2.1
为保障乙方学习效果，乙方自愿遵守甲方在本协议内指定的教学培训管理规定。
2.1乙方权利
</div>
<div class="contractContent">
2.2.2
为有针对性的给乙方提供更多且有效的升学、留学与就业服务机会，乙方须自愿服从甲方安排并参加相关国际认证考试；且乙方拿到国际认证考试成绩后，自愿将国际认证考试相关证书扫描件提交给甲方存档，并允许荣誉展示，作为学员见证资料。
<div class="contractContent textindent">
2.1.1乙方有权向甲方反应其任课教师情况，如出现甲方老师不按时上课、不按教学计划上课等，乙方有权向甲方反映，经甲方核实后决定是否更换教师或纠正教师的不当行为。
</div>
</div>
<div class="conTractInner ConTract_Line">
<div class="contractContent">
2.2.3
为监督教学过程，促使乙方最终达成学习目标，乙方应自愿参加甲方组织的相关测试。
<div class="contractContent textindent">
2.1.2乙方修完所报课程，未通过所报课程相应级别的考试，有权在参加国际认证考试之日起12个月内向甲方书面提出一次免费复学申请。若乙方超出前述时限提出免费复学申请的，甲方有权拒绝。
</div>
<div class="contractContent">
2.2.4
乙方应自觉遵守甲方制定的教学管理规定，因特殊原因确需请假的，必须遵守以下规定，否则将视为乙方主动放弃本阶段学习，如出现未达成考级目标的情况，乙方不再享受免费复学的权利：
<div class="contractContent ">
2.2乙方义务
</div>
<div class="contractContent">
<div class="contractContent textindent">
2.2.1 为保障乙方学习效果，乙方自愿遵守甲方在本协议内指定的教学培训管理规定。
</div>
<div class="contractContent textindent">
2.2.2 为有针对性的给乙方提供更多且有效的升学、留学与就业服务机会，乙方须自愿服从甲方安排并参加相关国际认证考试；且乙方拿到国际认证考试成绩后，自愿将国际认证考试相关证书扫描件提交给甲方存档，并允许荣誉展示，作为学员见证资料。
</div>
<div class="contractContent textindent">
2.2.3 为监督教学过程，促使乙方最终达成学习目标，乙方应自愿参加甲方组织的相关测试。
</div>
<div class="contractContent textindent">
2.2.4 乙方应自觉遵守甲方制定的教学管理规定，因特殊原因确需请假的，必须遵守以下规定，否则将视为乙方主动放弃本阶段学习，如出现未达成考级目标的情况，乙方不再享受免费复学的权利：
</div>
<div class="contractContent textindent2">
A、乙方应在上课前48小时以前，书面向甲方授课教师请假，并书面获准；
</div>
<div class="contractContent">
<div class="contractContent textindent2">
B、乙方在连续3个月内，请假总时长累计不得超过6小时；
</div>
<div class="contractContent">
<div class="contractContent textindent2">
C、乙方在请假后，应找授课教师或同学补习（可线上补习）课程，完成该阶段课程的到勤。
</div>
<div class="contractContent">
乙方必须保证上课到勤率在90%以上，并亲自确认出勤签到记录，不得无故缺勤、迟到和早退，否则无故缺勤一次以上或迟到、早退三次及以上
，将视为乙方主动放弃本阶段学习，如出现未达成考级目标的情况，乙方不再享有免费复学的权利。
<div class="contractContent textindent">
2.2.5乙方必须保证上课到勤率在90%以上，并亲自确认出勤签到记录，不得无故缺勤、迟到和早退，否则无故缺勤一次以上或迟到、早退三次及以上 ，将视为乙方主动放弃本阶段学习，如出现未达成考级目标的情况，乙方不再享有免费复学的权利。
</div>
<div class="contractContent">
2.2.5
上课时，乙方应尊重甲方教师，不得出现接听电话、使用微信等、随意走动、饮食、抽烟、打牌或看与课程无关书籍资料等行为。
<div class="contractContent textindent">
2.2.6上课时，乙方应尊重甲方教师，不得出现接听电话、使用微信等、随意走动、饮食、抽烟、打牌或看与课程无关书籍资料等行为。
</div>
<div class="contractContent">
2.2.6
乙方无权将培训资料用作任何商业用途，否则，对造成甲方的直接或间接损失，乙方应当全额赔偿。
<div class="contractContent textindent">
2.2.7 乙方无权将培训资料用作任何商业用途，否则，对造成甲方的直接或间接损失，乙方应当全额赔偿。
</div>
<div class="contractContent">
2.2.7
乙方优异成绩的取得与乙方的主动、努力的学习态度密不可分，乙方不应将学习成绩不佳或学习成绩差归责于甲方的教学；乙方未服从甲方的教学管理要求，导致安全事故的责任，由乙方自己承担。
<div class="contractContent textindent">
2.2.8 乙方优异成绩的取得与乙方的主动、努力的学习态度密不可分，乙方不应将学习成绩不佳或学习成绩差归责于甲方的教学；乙方未服从甲方的教学管理要求，导致安全事故的责任，由乙方自己承担。
</div>
<div class="contractContent">
2.2.8 乙方应按照本协议约定，按时足额缴纳学
<div class="contractContent textindent">
2.2.9乙方应按照本协议约定，按时足额缴纳学费，若乙方在开课后全额或部分延迟缴纳学费的，在7个工作日内，甲方有权要求乙方按照10元/天的标准支付违约金；若发生乙方延迟7个工作日以上未缴纳学费的情况下，甲方有权单方面解除本协议。由此导致的协议被解除，甲方无需退还乙方剩余学费且有权要求乙方按照200元/天标准向甲方支付违约金。
</div>
</div>
</div>
<div class="comTitle" style="margin-top:40px;">
<div class="comTiInner">
<div class="comTLeft">甲鹤教育课程协议</div>
<div class="comTRight"></div>
</div>
</div>
<div class="comflex" style="margin-top:40px;">
<div class="conTractInner ConTract_Line">
<div class="commonTitle1">六、课程培训内容与服务的管理规定</div>
<div class="contractContent">
费，若乙方在开课后全额或部分延迟缴纳学费的，在7个工作日内，甲方有权要求乙方按照10元/天的标准支付违约金；若发生乙方延迟7个工作日以上未缴纳学费的情况下，甲方有权单方面解除本协议。由此导致的协议被解除，甲方无需退还乙方剩余学费且有权要求乙方按照200元/天的标准向甲方支付违约金。
1、语言培训课程内容与考试要求
</div>
<div class="comFirstTitle">五、课程培训内容与服务的管理规定</div>
<div class="contractContent">1、语言培训课程内容与考试要求</div>
<div class="contractContent">
1.1 甲方将按照本协议第三条“培训课程内容”为乙方提供教学服务
<div class="contractContent textindent">
1.1甲方将按照本协议第三条“培训课程内容”为乙方提供教学服务
</div>
<div class="contractContent">
1.2
乙方通过参加甲方提供的教学服务后，应主动参加相关国际考试。考试内容为：
<div class="contractContent textindent">
1.2乙方通过参加甲方提供的教学服务后，应主动参加相关国际考试。考试内容为：
</div>
<div class="contractContent">
A
日语国际能力测试（JLPT）：初级（N5-N4）、中级（N3-N2）、高级（N1）；
<div class="contractContent textindent2">
A 日语国际能力测试（JLPT）：初级（N5-N4）、中级（N3-N2）、高级（N1）；
</div>
<div class="contractContent">
B 实用日本语鉴定考试（J.TEST）：初级（E-F级）、中高级（A-D级）；
<div class="contractContent textindent2">
B 实用日本语鉴定考试（J.TEST）：初级（E-F级）、中高级（A-D级）；
</div>
<div class="contractContent">
C 日本留学生考试（EJU）：文科（日语）、综合科目、数学。
<div class="contractContent textindent2">
C 日本留学生考试（EJU）：文科（日语）、综合科目、数学。
</div>
<div class="contractContent">1.3 乙方当前选择考试：</div>
<div class="contractInput" style="width:100%;text-align:left;">
{{ dataList.Exam }}
<div class="contractContent textindent">
<div class="comflex2">
<div>
<span class="comLeftTile"> 1.3乙方当前选择考试：</span>
<div class="contractInput">{{ dataList.Exam }}</div>
</div>
</div>
</div>
<div class="contractContent">2、高级课程增值课程特别条款</div>
<div class="contractContent">
2.1 乙方在报名高级课程后，有机会参加以下增值课程：
<div class="contractContent ">
2、高级课程增值课程特别条款
</div>
<div class="contractContent">
2.1.1
乙方通过甲方面试后，有权申请参加甲方组织的“成长训练营培训”、“周末沙龙”等培训活动。
<div class="contractContent textindent">
2.1乙方在报名高级课程后，有机会参加以下增值课程：
</div>
<div class="contractContent">
2.1.2
乙方达到所学语言的高级水平，并且通过甲方面试，有权申请参加甲方组织的“精品教师
<div class="contractContent textindent2">
2.1.1 乙方通过甲方面试后，有权申请参加甲方组织的“成长训练营培训”、“周末沙龙”等培训活动。
</div>
</div>
<div class="conTractInner ConTract_Line">
<div class="contractContent">培训”、“精品导游培训”。</div>
<div class="contractContent">
2.1.3
以上两种培训资格有效期为6个月，即乙方报名增值课程且面试通过之日起6个月之内有效。逾期将视为主动放弃上述学习机会。
<div class="contractContent textindent2">
2.1.2 乙方达到所学语言的高级水平，并且通过甲方面试，有权申请参加甲方组织的“精品教师培训”、“精品导游培训”。
</div>
<div class="contractContent">
2.2
该增值课程属于甲方有偿提供给高级课程学员的课程，乙方报名参加该增值课程后，不得因任何原因要求甲方返还增值课程费用。
<div class="contractContent textindent2">
2.1.3 以上两种培训资格有效期为6个月，即乙方报名增值课程且面试通过之日起6个月之内有效。逾期将视为主动放弃上述学习机会。
</div>
<div class="contractContent">
2.3
乙方自愿选择参加甲方提供的增值课程，自甲方发布报名通知后的规定时间内，乙方应向甲方指定的工作人员报名，逾期未报名的视为放弃参加增值课程。
<div class="contractContent textindent" >
2.2该增值课程属于甲方有偿提供给高级课程学员的课程，乙方报名参加该增值课程后，不得因任何原因要求甲方返还增值课程费用。
</div>
<div class="contractContent">
2.4
该增值课程可能涉及到户外活动，乙方在增值课程所涉户外活动中若发生任何意外事故，除非证明是甲方故意行为导致，否则均由乙方自行承担责任；乙方报名该增值课程后因个人身体原因不适合继续参加的，乙方有义务书面告知甲方实际情况，经甲方同意后方可退出，且甲方不承担与此相关的任何责任。
<div class="contractContent textindent">
2.3乙方自愿选择参加甲方提供的增值课程，自甲方发布报名通知后的规定时间内，乙方应向甲方指定的工作人员报名，逾期未报名的视为放弃参加增值课程。
</div>
<div class="contractContent">
2.5
在该增值课程中，乙方应当服从甲方的组织和管理，非因甲方原因造成的乙方人身财产损害，甲方不承担任何责任；由于乙方原因导致甲方或第三方人身财产损害，甲方不承担任何责任，若甲方因乙方原因而对甲方或第三方承担责任的，甲方有权向乙方追偿。
<div class="contractContent textindent">
2.4该增值课程可能涉及到户外活动，乙方在增值课程所涉户外活动中若发生任何意外事故，除非证明是甲方故意行为导致，否则均由乙方自行承担责任；乙方报名该增值课程后因个人身体原因不适合继续参加的，乙方有义务书面告知甲方实际情况，经甲方同意后方可退出，且甲方不承担与此相关的任何责任。
</div>
<div class="contractContent">
2.6 关于增值课程的最终解释权归甲方所有。
<div class="contractContent textindent">
2.5在该增值课程中，乙方应当服从甲方的组织和管理，非因甲方原因造成的乙方人身财产损害，甲方不承担任何责任；由于乙方原因导致甲方或第三方人身财产损害，甲方不承担任何责任，若甲方因乙方原因而对甲方或第三方承担责任的，甲方有权向乙方追偿。
</div>
<div class="commonTitle1">
六、插班、请假、复课、合并班的教学培训管理
<div class="contractContent textindent">
2.6关于增值课程的最终解释权归甲方所有。
</div>
<div class="contractContent">1、插班</div>
<div class="commonTitle1">七、插班、请假、复课、合并班的教学培训管理</div>
<div class="contractContent">
1、插班
</div>
<div class="contractContent textindent">
1.1插班是指乙方在甲方开班以后报名学习，插入班级上课。
</div>
</div>
<div class="conTractInner ConTract_Line">
<div class="contractContent">
<div class="contractContent textindent">
1.2因乙方自身原因跟不上进度，应及时向甲方老师报备，甲方根据乙方实际学习情况安排乙方到适合的班级上课。
</div>
<div class="contractContent">
<div class="contractContent textindent">
1.3乙方发现所插入班级，难易程度仍不适合本人，应立即与甲方沟通，甲方须及时再次合理安排，以两次为限。
</div>
<div class="contractContent">2、请假</div>
<div class="contractContent">
<div class="contractContent ">
2、请假
</div>
<div class="contractContent ">
请假是指乙方因正当原因无法正常上课，可向甲方老师申请请假，正当原因仅限以下情形：
</div>
<div class="contractContent">
2.1
乙方因不可抗力因素如：自然灾害、国家政策调整、战争、政府禁令等造成的双方不能正常上课的；
<div class="contractContent textindent">
2.1乙方因不可抗力因素如：自然灾害、国家政策调整、战争、政府禁令等造成的双方不能正常上课的；
</div>
<div class="contractContent">
2.2 乙方因身体原因导致无法正常上课的（须开具正规医院相关证明）；
<div class="contractContent textindent">
2.2乙方因身体原因导致无法正常上课的（须开具正规医院相关证明）；
</div>
<div class="contractContent">
2.3 所报课程上课时间与学校课程或者校方安排冲突的（须开具校方证明）；
<div class="contractContent textindent">
2.3所报课程上课时间与学校课程或者校方安排冲突的（须开具校方证明）；
</div>
<div class="contractContent">
2.4
乙方正常请假后，可要求甲方老师保留学习资料，并及时与老师协商进行补课安排。同时，乙方须按时参加甲方老师安排的补课，并且完成甲方老师布置的补课任务，完成到勤；
<div class="contractContent textindent">
2.4乙方正常请假后，可要求甲方老师保留学习资料，并及时与老师协商进行补课安排。同时，乙方须按时参加甲方老师安排的补课，并且完成甲方老师布置补课任务，完成到勤；
</div>
<div class="contractContent textindent">
2.5乙方未请假或者未按照要求请假的，甲方有权默认乙方已上课，有权拒绝提供请假期间的学习资料及补课要求。同时，请假期间课时按照正常上课进行计费。
</div>
<div class="contractContent">
2.5
乙方未请假或者未按照要求请假的，甲方有权默认乙方已上课，有权拒绝提供请假期间的学习资料及补课要求。同时，请假期间课时按照正常上课进行计费。
3、停课、复课
</div>
<div class="contractContent">3、停课、复课</div>
<div class="contractContent">
3.1
因乙方自身原因导致无法上课，乙方有权向甲方提出书面的停课申请，符合条件的，甲方允许乙方停课的，双方应签订停课协议，停课期限最长不得超过12个月，复课前，乙方须提前向甲
<div class="contractContent textindent">
3.1 因乙方自身原因导致无法上课，乙方有权向甲方提出书面的停课申请，符合条件的，甲方允许乙方停课的，双方应签订停课协议，停课期限最长不得超过12个月，复课前，乙方须提前向甲方书面申请复课，甲方予以办理复课手续；停课期限届满未复课的，视为乙方主动放弃该课程学习，从停课之日起终止本课程协议，甲方不承担任何退课退费责任。
</div>
</div>
</div>
<div class="comTitle" style="margin-top:40px;">
<div class="comTiInner">
<div class="comTLeft">甲鹤教育课程协议</div>
<div class="comTRight"></div>
</div>
</div>
<div class="comflex" style="margin-top:40px;">
<div class="conTractInner ConTract_Line">
<div class="contractContent">
方书面申请复课，甲方予以办理复课手续；停课期限届满未复课的，视为乙方主动放弃该课程学习，从停课之日起终止本课程协议，甲方不承担任何退课退费责任。
<div class="contractContent textindent">
3.2 因乙方自身原因导致连续12个课时不按时出勤，乙方须书面向甲方申请停课，否则将视为乙方自动停课，甲方不承担任何退课退费的责任。自动停课日起12个月内，乙方如需复课，须书面向甲方提出复课申请，甲方予以办理复课。
</div>
<div class="contractContent">
3.2
因乙方自身原因导致连续12个课时不按时出勤，乙方须书面向甲方申请停课，否则将视为乙方自动停课，甲方不承担任何退课退费的责任。自动停课日起12个月内，乙方如需复课，须书面向甲方提出复课申请，甲方予以办理复课。
<div class="contractContent textindent">
3.3 乙方停课期间，甲方将以手机短信、微信、QQ等有效方式通知乙方复课，请乙方保持通讯畅通，如若更换联系方式时，乙方应立即书面通知甲方，否则因此导致的所有责任与后果由乙方自行承担。
</div>
<div class="contractContent">
3.3
乙方停课期间，甲方将以手机短信、微信、QQ等有效方式通知乙方复课，请乙方保持通讯畅通，如若更换联系方式时，乙方应立即书面通知甲方，否则因此导致的所有责任与后果由乙方自行承担。
<div class="contractContent textindent">
3.4乙方复课时，甲方根据乙方实际学习进度情况，安排乙方进入合适的班级学习。
</div>
<div class="contractContent">
3.4
乙方复课时，甲方根据乙方实际学习进度情况，安排乙方进入合适的班级学习。
<div class="contractContent textindent">
3.5乙方办理停课后，如因乙方自身原因在12个月后仍无法进行复课的，责任由乙方自行承担，甲方不承担任何责任。
</div>
<div class="contractContent">
3.5
乙方办理停课后，如因乙方自身原因在12个月后仍无法进行复课的，责任由乙方自行承担，甲方不承担任何责任。
4、合并班
</div>
<div class="contractContent">4、合并班</div>
<div class="contractContent">
甲方有权根据教学进度需要，班级进度，教师离职或转岗、进修等情况进行班级的合并与拆分，属于正常教学工作，甲方将尽力做好班级交接工作，乙方应予以积极的配合。
</div>
<div class="comFirstTitle">七、退费条款</div>
<div class="commonTitle1">八、退费条款</div>
<div class="contractContent">
1、因不可抗力因素如：自然灾害、国家政策调整、战争、政府禁令等造成的双方不能履行合同义务的，甲方将根据乙方实际上课情况计算费用，将剩余课程学费退还乙方。
</div>
</div>
<div class="conTractInner ConTract_Line">
<div class="contractContent">
2、乙方如若办理停课或自动停课，可在首次自动停课之日起或学员申请停课之日起，12个月内办理复课，但无权申请退课、退费。
</div>
......@@ -824,48 +578,37 @@
<div class="contractContent">
7、若乙方在报名任意一门甲方提供的课程（见本协议第三条）。
</div>
<div class="contractContent">
7.1
享受了甲方提供的课程学费优惠活动、奖学金活动、学习优惠等，乙方无权申请退课、退费。
<div class="contractContent textindent">
7.1享受了甲方提供的课程学费优惠活动、奖学金活动、学习优惠等，乙方无权申请退课、退费。
</div>
<div class="contractContent">
7.2
办理了甲方提供的境外学习等相关手续，需要家庭有一定的资信证明，如因个人原因不能出具相关证明，无法出境者，乙方无权申请退课、退费。
</div>
</div>
<div class="conTractInner ConTract_Line">
<div class="contractContent">
具相关证明，无法出境者，乙方无权申请退课、退费。
<div class="contractContent textindent">
7.2办理了甲方提供的境外学习等相关手续，需要家庭有一定的资信证明，如因个人原因不能出具相关证明，无法出境者，乙方无权申请退课、退费。
</div>
<div class="contractContent">
8、若乙方报名甲方课程，在缴纳学费时已享受了学费优惠后，又申请退课、退费的，乙方必须符合以下情况方能作为正常退费要求：
</div>
<div class="contractContent">8.1 自然灾害等不可抗力的情况；</div>
<div class="contractContent">
8.2 出国留学而且不能完成线上课程的情况（需开具境外大学录取通知书及出行机票）；
<div class="contractContent textindent">
8.1自然灾害等不可抗力的情况；
</div>
<div class="contractContent">9、退费金额核算如下：</div>
<div class="contractContent">
9.1 未参加抽奖等额外减免活动者：应退学费=实收学费-已上课时费-违约金（其中，已上课时费=原价学费÷总课时×已上课时；违约金=（实收学费-已上课时费）×10%。）；课程中附赠的口语课程、考前冲刺课程、真题讲解等课程不纳入退费课时，乙方无权针对该课程申请退费；班级课时剩余计算方法按照班级学费平均到每课时（45分钟）计算。
<div class="contractContent textindent">
8.2出国留学的情况（需开具境外大学录取通知书及出行机票）；
</div>
<div class="contractContent">
9.2 参加各项抽奖等额外减免活动者，一律不予退费。
9、退费金额核算如下：
</div>
<div class="contractContent">
9.3 因乙方自身原因（如未达到留学或旅游所对应的语言水平，且非上述条款不可抗力因素）不能参加境外留学、游学或旅游项目的，不予退还境外服务费。
<div class="contractContent textindent">
9.1未参加抽奖等额外减免活动者：应退学费=实收学费-教材成本-课件费-已上课时费-合同违约金。[已上课时费=(原价学费-教材成本-课件费）/总课时×已上课时];[合同违约金=未上课时费×10%。]；课程中附赠的口语课程、考前冲刺课程、真题讲解等课程不纳入退费课时，乙方无权针对该课程申请退费；班级课时剩余计算方法按照班级学费平均到每课时（45分钟）计算。
</div>
<div class="comFirstTitle">八、其他责任</div>
</div>
</div>
<div class="comTitle" style="margin-top:40px;">
<div class="comTiInner">
<div class="comTLeft">甲鹤教育课程协议</div>
<div class="comTRight"></div>
</div>
</div>
<div class="comflex" style="margin-top:40px;justify-content:left;">
<div class="conTractInner ConTract_Line">
<div class="contractContent textindent">
9.2参加各项额外减免活动者，退费时需扣除减免活动赠送的学费及优惠计算退费。
</div>
<div class="contractContent textindent">
9.3因乙方自身原因（如未达到留学或旅游所对应的语言水平，且非上述八.8条不可抗力因素）不能参加境外留学、游学或旅游项目的，不予退还境外服务费。
</div>
<div class="contractContent textindent">
9.4 满足正常退费要求的学员，境外留学、游学、旅游费用除去上述条款八.9.3外，余额部分应退还给乙方。
</div>
<div class="commonTitle1">九、其他责任</div>
<div class="contractContent">
1、乙方对甲方提供的培训服务不满意，要求改进教学方法或者更换培训老师的，甲方应考虑乙方要求的合理性，并根据其合理性提供相应解决方案，但因培训老师的个人差异，乙方应理解解决方案，不能完全满足乙方个人要求。
</div>
......@@ -875,7 +618,7 @@
<div class="contractContent">
3、乙方同意甲方出于宣传学校或教学的目的需要，可以将含有乙方肖像、图像的照片及视频作广告发布之用。
</div>
<div class="comFirstTitle">九、合同争议解决方式</div>
<div class="commonTitle1">十、合同争议解决方式</div>
<div class="contractContent">
1、本合同在履行过程中发生争议的，由双方当事人协商解决；“凡因本合同产生的或与本合同有关的一切争议，均提交仲裁委员会仲裁。”
</div>
......@@ -894,34 +637,25 @@
<div class="contractContent">
6、本合同自乙方缴纳全额课程学费及签订协议之日起正式生效。
</div>
</div>
<div class="conTractInner ConTract_Line" style="margin-left:5px;">
<template v-if="dataList.CourseContracrInfo">
<div class="comFirstTitle">十、合同补充协议</div>
<div class="contractContent" style="margin-bottom:20px;">
{{ dataList.CourseContracrInfo }}
</div>
</template>
<div class="contractContent" style="margin:20px 0 100px 0;">
<span
v-if="
dataList.CourseContracrInfo == '' ||
dataList.CourseContracrInfo == null
"
>7、</span
>本合同协议部分到此为止，以下为空白。
</div>
<div class="contractContent" style="position:relative;">
甲方签字（盖章）：<img
v-if="dataList.IsCompanySeal == 1 && dataList.GroupSealImg"
style="width:100px;position:absolute;top:-40px;"
:src="dataList.GroupSealImg"
/>
</div>
<div
class="contractContent"
style="text-align:right;margin-top:150px;"
>
<div class="contractContent">
7、本合同协议部分到此为止，以下为空白。
</div>
<div class="contractContent">
</div>
<div class="contractContent">
乙方已阅读并充分了解和理解甲方制定的培训相关的全部规章管理制度，并承诺严格执行。
</div>
<div class="contractContent">
（乙方在此处需要单独手写一遍）
</div>
<div style="display:flex;width:100%;">
<div style="width:50%;"> <div class="contractContent" style="position:relative;">
甲方签字（盖章）：<img v-if="dataList.IsCompanySeal == 1 && dataList.GroupSealImg" style="width:100px;position:absolute;top:-40px;" :src="dataList.GroupSealImg" />
</div>
<div class="contractContent" style="text-align:right;margin-top:150px;margin-right:50px;" >
<div class="contractInput" style="width:50px;">
{{ dataList.SealDateYear }}
</div>
......@@ -935,19 +669,11 @@
</div>
日
</div>
<div
class="contractContent"
style="margin-top:150px;position:relative;"
>
乙方签字（盖章）：<img
style="width:80px;position:absolute;"
:src="dataList.Sign"
/>
</div>
<div
class="contractContent"
style="text-align:right;margin-top:150px;"
>
</div>
<div style="width:50%;"> <div class="contractContent" style="position:relative;" >
乙方签字（盖章）：<img style="width:80px;position:absolute;" :src="dataList.Sign" />
</div>
<div class="contractContent" style="text-align:right;margin-top:150px;" >
<div class="contractInput" style="width:50px;">
{{ dataList.StuSignYear }}
</div>
......@@ -960,98 +686,17 @@
{{ dataList.StuSignDay }}
</div>
日
</div></div></div>
</div>
</div>
</div>
<template v-if="dataList.IsSupplement == 1">
<div class="comTitle" style="margin-top:40px;">
<div class="comTiInner">
<div class="comTLeft">甲鹤教育课程补充协议</div>
<div class="comTRight"></div>
</div>
</div>
<div style="margin:40px;font-size:16px;" class="contractBuchong">
<div class="contractContent" style="text-indent:2em;">
本人
<div
class="contractInput"
style="width:150px;text-indent:0;text-align:center;"
>
{{ dataList.ParentName }}
</div>
（以下为签名者）为
<div
class="contractInput"
style="width:150px;text-indent:0;text-align:center;"
>
{{ dataList.StudentName }}
</div>
学员（以下称“学员”）的监护人，本人为学员购买了 甲鹤教育
<div
class="contractInput"
style="width:400px;text-indent:10px;text-align:left;"
>
{{ dataList.CourseName }}
</div>
课程共
<div
class="contractInput"
style="width:200px;text-indent:0;text-align:center;"
>
{{ dataList.TotalClassHours }}
</div>
课时，并签署了合同编号为
<div
class="contractInput"
style="width:200px;text-indent:0;text-align:center;"
>
{{ dataList.ContractNo }}
</div>
的《甲鹤教育课程协议》。
</div>
<div
class="contractContent"
style="text-indent:2em;margin-top:30px;letter-spacing:3px;"
>
本人知晓中国现行关于校外培训机构不得一次性收取超过三个月费用的规定，甲鹤工作人员也已经明确告知公司的收费政策，一次性只能收取三个月的费用。由于本人自身的原因，本人主动要求并坚持一次性支付合同编号为
<div
class="contractInput"
style="width:250px;text-indent:0;text-align:center;"
>
{{ dataList.ContractNo }}
</div>
的《甲鹤教育课程协议》项下的所有费用。
</div>
<div
class="contractContent"
style="text-indent:2em;margin-top:30px;letter-spacing:3px;"
>
本人承诺，该一次性付款行为完全是由本人自主决定并要求的。除了付款事宜，本人、学员与甲鹤之间的权利义务按所签署的《甲鹤教育课程协议》履行。
</div>
<div class="contractContent" style="margin:100px 0;">
特此说明。
</div>
<div style="text-align:right;margin-bottom:200px;">
乙方学员签字（正楷）
</div>
<div
style="margin:200px 0;display:flex;justify-content:space-between;"
>
<div>甲方签字（盖章）</div>
<div>乙方监护人签字（正楷）</div>
</div>
<div style=";display:flex;justify-content:space-between;">
<div>
年<span style="margin-left:50px;">月</span
><span style="margin-left:50px;">日</span>
</div>
<div>
年<span style="margin-left:50px;">月</span
><span style="margin-left:50px;">日</span>
</div>
</div>
</div>
</template>
</div>
</div>
</template>
......
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