Skip to content

C
confucius
Commit 1233bd36 authored by zhengke's avatar zhengke
Browse files
Options

增加页面

parent b8283557
Show whitespace changes
Inline Side-by-side
Showing with 562 additions and 472 deletions
src/components/sale/backclass-form.vue
View file @ 1233bd36
<style> <style>
.apply_List { .apply_List {
width: 100%; width: 100%;
height: 44px; height: 44px;
background-color: #f7f7f7; background-color: #f7f7f7;
line-height: 44px; line-height: 44px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.apply_List span {
.apply_List span {
display: inline-block; display: inline-block;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
color: #000000; color: #000000;
} }
.guest_Status span {
.guest_Status span {
cursor: pointer; cursor: pointer;
color: #2961fe; color: #2961fe;
} }
._font_size12 {
._font_size12 {
font-size: 12px !important; font-size: 12px !important;
} }
._addUpload_box { ._addUpload_box {
display: block; display: block;
margin-top: 15px; margin-top: 15px;
} }
._addUpload_box img { ._addUpload_box img {
width: 100%; width: 100%;
} }
._addUpload_box > div { ._addUpload_box>div {
float: left; float: left;
width: 138px; width: 138px;
height: 92px; height: 92px;
...@@ -40,21 +43,21 @@ ...@@ -40,21 +43,21 @@
padding: 5px; padding: 5px;
margin-right: 10px; margin-right: 10px;
position: relative; position: relative;
} }
._addUpload_box > div:hover { ._addUpload_box>div:hover {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
._addFile_name { ._addFile_name {
padding-left: 15px; padding-left: 15px;
max-width: 450px; max-width: 450px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
._addUpload_box .icon-guanbi1 { ._addUpload_box .icon-guanbi1 {
font-size: 12px; font-size: 12px;
color: white; color: white;
display: inline-block; display: inline-block;
...@@ -68,30 +71,31 @@ ...@@ -68,30 +71,31 @@
width: 20px; width: 20px;
text-align: center; text-align: center;
line-height: 20px; line-height: 20px;
} }
._addUpload_box .icon-guanbi1:hover { ._addUpload_box .icon-guanbi1:hover {
font-size: 12px; font-size: 12px;
color: #c94052; color: #c94052;
} }
._addUpload_box .icon-excel, ._addUpload_box .icon-excel,
._addUpload_box .icon-pdf, ._addUpload_box .icon-pdf,
._addUpload_box .icon-txt, ._addUpload_box .icon-txt,
._addUpload_box .icon-wenjian, ._addUpload_box .icon-wenjian,
._addUpload_box .icon-yasuobao, ._addUpload_box .icon-yasuobao,
._addUpload_box .icon-shipin, ._addUpload_box .icon-shipin,
._addUpload_box .icon-word { ._addUpload_box .icon-word {
text-align: center; text-align: center;
font-size: 38px; font-size: 38px;
color: green; color: green;
line-height: 75px; line-height: 75px;
} }
._addUpload_box .icon-yasuobao {
._addUpload_box .icon-yasuobao {
color: gray; color: gray;
} }
._show_img_box { ._show_img_box {
position: fixed; position: fixed;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
left: 0; left: 0;
...@@ -100,50 +104,43 @@ ...@@ -100,50 +104,43 @@
height: 100vh; height: 100vh;
z-index: 999; z-index: 999;
text-align: center; text-align: center;
} }
._addUpload_tips { ._addUpload_tips {
font-size: 12px; font-size: 12px;
color: #999999; color: #999999;
} }
._jump_page { ._jump_page {
cursor: pointer; cursor: pointer;
text-decoration: underline; text-decoration: underline;
} }
._jump_page:hover { ._jump_page:hover {
color: #c94052; color: #c94052;
} }
.stop .el-upload-dragger {
.stop .el-upload-dragger {
font-size: 28px; font-size: 28px;
color: #8c939d; color: #8c939d;
width: 126px; width: 126px;
height: 80px; height: 80px;
line-height: 41px; line-height: 41px;
text-align: center; text-align: center;
} }
</style> </style>
<!--退课申请--> <!--退课申请-->
<template> <template>
<q-dialog <q-dialog v-model="IsShowBackClassDialog" content-class="bg-grey-1" persistent transition-show="scale"
v-model="IsShowBackClassDialog" transition-hide="scale">
content-class="bg-grey-1"
persistent
transition-show="scale"
transition-hide="scale"
>
<q-card style="width: 800px; max-width: 900px" class="stop"> <q-card style="width: 800px; max-width: 900px" class="stop">
<q-card-section> <q-card-section>
<div class="text-h6">退课申请</div> <div class="text-h6">退课申请</div>
</q-card-section> </q-card-section>
<div style="margin: 20px"> <div style="margin: 20px">
<div> <div>
<div <div class="apply_List" v-for="(item, index) in studentList" :key="index" v-if="item.IsShow">
class="apply_List"
v-for="(item, index) in studentList"
v-if="item.IsShow"
>
<span style="width:10% white-space: nowrap;">{{ <span style="width:10% white-space: nowrap;">{{
item.GuestName item.GuestName
}}</span> }}</span>
...@@ -151,45 +148,33 @@ ...@@ -151,45 +148,33 @@
<span style="width: 10%">{{ item.Age }}</span> <span style="width: 10%">{{ item.Age }}</span>
<span style="width: 20%">{{ item.Mobile }}</span> <span style="width: 20%">{{ item.Mobile }}</span>
<span style="width: 10%"> <span style="width: 10%">
<template v-if="item.ClassHours" <template v-if="item.ClassHours">已学：{{ item.ClassHours }}课时
>已学：{{ item.ClassHours }}课时
</template> </template>
</span> </span>
<span style="width: 10%">{{ item.GuestStateStr }}</span> <span style="width: 10%">{{ item.GuestStateStr }}</span>
<span style="width: 20%" class="guest_Status"> <span style="width: 20%" class="guest_Status">
<span v-if="item.GuestState == 1" @click="clickItem(item, 1)" <span v-if="item.GuestState == 1" @click="clickItem(item, 1)">申请</span>
>申请</span <span style="margin-left: 10px" v-if="item.GuestState == 4" @click="clickItem(item, 2)">重新申请</span>
> <span style="margin-left: 10px" v-if="chooseItem && chooseItem.Id == item.Id"
<span @click="cancelApply">取消申请</span>
style="margin-left: 10px"
v-if="item.GuestState == 4"
@click="clickItem(item, 2)"
>重新申请</span
>
<span
style="margin-left: 10px"
v-if="chooseItem && chooseItem.Id == item.Id"
@click="cancelApply"
>取消申请</span
>
</span> </span>
</div> </div>
</div> </div>
<q-input <div class="row" style="margin-top:20px;display:none;">
filled <div class="col-6 q-pr-lg">
stack-label <q-input filled v-model="BackAccountName" label="退还账户名"></q-input>
:dense="false" </div>
v-model="applyReason" <div class="col-6">
style="margin-top: 20px" <q-input filled v-model="BackAccount" label="退还账号"></q-input>
type="textarea" </div>
class="col-12" </div>
label="申请理由" <q-input filled stack-label :dense="false" v-model="applyReason" style="margin-top: 20px" type="textarea"
/> class="col-12" label="申请理由" />
<q-input filled stack-label :dense="false" v-model="StateMent" style="margin-top: 20px;display:none" type="textarea"
class="col-12" label="协议申明" />
<div class="row"> <div class="row">
<div class="col-12 q-mt-md text-grey-6"> <div class="col-12 q-mt-md text-grey-6">
上传附件：<span class="fj-tip" style="font-size: 10px; color: #f00" 上传附件：<span class="fj-tip" style="font-size: 10px; color: #f00">*单文件限制5M内</span>
>*单文件限制5M内</span
>
</div> </div>
<div> <div>
<!-- <p>{{$t('fnc.scfujian')}}<span class="_addUpload_tips">{{$t('tips.wjdxbncgsz')}}</span></p> --> <!-- <p>{{$t('fnc.scfujian')}}<span class="_addUpload_tips">{{$t('tips.wjdxbncgsz')}}</span></p> -->
...@@ -197,20 +182,12 @@ ...@@ -197,20 +182,12 @@
<template v-for="(file, fIndex) in saveMsg"> <template v-for="(file, fIndex) in saveMsg">
<div v-if="file.Type == 3"> <div v-if="file.Type == 3">
<div style="width: 100%; height: 100%; overflow: hidden"> <div style="width: 100%; height: 100%; overflow: hidden">
<img <img :src="file.Url ? file.Url : file.Content" @click="showUpLoadFile(file)" />
:src="file.Url ? file.Url : file.Content"
@click="showUpLoadFile(file)"
/>
</div> </div>
<span <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
class="iconfont icon-guanbi1"
@click="deleteUploadFile(fIndex)"
></span>
</div> </div>
<div v-if="file.Type == 1"> <div v-if="file.Type == 1">
<div <div class="iconfont" :class="
class="iconfont"
:class="
file.Content.substring( file.Content.substring(
file.Content.lastIndexOf('.') + 1, file.Content.lastIndexOf('.') + 1,
file.Content.length file.Content.length
...@@ -231,53 +208,24 @@ ...@@ -231,53 +208,24 @@
).toUpperCase() == 'DOC' ).toUpperCase() == 'DOC'
? 'icon-word' ? 'icon-word'
: 'icon-excel' : 'icon-excel'
" " @click="showUpLoadFile(file)"></div>
@click="showUpLoadFile(file)" <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
></div>
<span
class="iconfont icon-guanbi1"
@click="deleteUploadFile(fIndex)"
></span>
</div> </div>
<div v-if="file.Type == 2"> <div v-if="file.Type == 2">
<div <div class="iconfont icon-wenjian" @click="showUpLoadFile(file)"></div>
class="iconfont icon-wenjian" <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
@click="showUpLoadFile(file)"
></div>
<span
class="iconfont icon-guanbi1"
@click="deleteUploadFile(fIndex)"
></span>
</div> </div>
<div v-if="file.Type == 4"> <div v-if="file.Type == 4">
<div <div class="iconfont icon-yasuobao" @click="showUpLoadFile(file)"></div>
class="iconfont icon-yasuobao" <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
@click="showUpLoadFile(file)"
></div>
<span
class="iconfont icon-guanbi1"
@click="deleteUploadFile(fIndex)"
></span>
</div> </div>
<div v-if="file.Type == 5"> <div v-if="file.Type == 5">
<div <div class="iconfont icon-shipin" @click="showUpLoadFile(file)"></div>
class="iconfont icon-shipin" <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
@click="showUpLoadFile(file)"
></div>
<span
class="iconfont icon-guanbi1"
@click="deleteUploadFile(fIndex)"
></span>
</div> </div>
</template> </template>
<div class="_pic_upload"> <div class="_pic_upload">
<el-upload <el-upload drag :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action="">
drag
:http-request="uploadFileBtn"
:multiple="true"
:show-file-list="false"
action=""
>
<i class="el-icon-plus avatar-uploader-icon"></i> <i class="el-icon-plus avatar-uploader-icon"></i>
<div class="el-upload__text"> <div class="el-upload__text">
{{ $t("active.ld_djscwj") }} {{ $t("active.ld_djscwj") }}
...@@ -290,28 +238,12 @@ ...@@ -290,28 +238,12 @@
<q-separator /> <q-separator />
</div> </div>
<q-card-actions align="right" class="bg-white"> <q-card-actions align="right" class="bg-white">
<q-btn <q-btn label="取消" flat color="grey-10" style="font-weight: 400 !important" @click="closeBackClassForm" />
label="取消" <q-btn label="确认申请" color="accent" class="q-px-md" style="font-weight: 400 !important"
flat @click="saveOrderBackClass" />
color="grey-10"
style="font-weight: 400 !important"
@click="closeBackClassForm"
/>
<q-btn
label="确认申请"
color="accent"
class="q-px-md"
style="font-weight: 400 !important"
@click="saveOrderBackClass"
/>
</q-card-actions> </q-card-actions>
<div <div v-if="picIsShow" class="_show_img_box" @click="(picIsShow = false), (picObj = [])">
v-if="picIsShow" <div style="
class="_show_img_box"
@click="(picIsShow = false), (picObj = [])"
>
<div
style="
position: absolute; position: absolute;
width: 800px; width: 800px;
height: 600px; height: 600px;
...@@ -319,19 +251,9 @@ ...@@ -319,19 +251,9 @@
top: 50%; top: 50%;
margin-left: -400px; margin-left: -400px;
margin-top: -300px; margin-top: -300px;
" ">
> <el-carousel :initial-index="initialIndex" height="600px" :interval="5000" trigger="click">
<el-carousel <el-carousel-item style="height: 600px; overflow: auto" v-for="(item, index) in picObj" :key="index">
:initial-index="initialIndex"
height="600px"
:interval="5000"
trigger="click"
>
<el-carousel-item
style="height: 600px; overflow: auto"
v-for="(item, index) in picObj"
:key="index"
>
<img :src="item" style="" /> <img :src="item" style="" />
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
...@@ -341,9 +263,14 @@ ...@@ -341,9 +263,14 @@
</q-dialog> </q-dialog>
</template> </template>
<script> <script>
import { getOrderGuestPageList, SetBackClassApply } from "../../api/sale/sale"; import {
import { UploadSelfFile } from "../../api/common/common"; getOrderGuestPageList,
export default { SetBackClassApply
} from "../../api/sale/sale";
import {
UploadSelfFile
} from "../../api/common/common";
export default {
name: "backclass-form", name: "backclass-form",
props: { props: {
saveObj: { saveObj: {
...@@ -362,8 +289,7 @@ export default { ...@@ -362,8 +289,7 @@ export default {
}, },
applyReason: "", //申请理由 applyReason: "", //申请理由
loading: false, loading: false,
columns: [ columns: [{
{
name: "GuestName", name: "GuestName",
label: "姓名", label: "姓名",
field: "GuestName", field: "GuestName",
...@@ -412,6 +338,9 @@ export default { ...@@ -412,6 +338,9 @@ export default {
picIsShow: false, picIsShow: false,
picObj: [], picObj: [],
initialIndex: 0, initialIndex: 0,
BackAccountName: '工行', //退还户名
BackAccount: '123', //退还账户
StateMent:'我是协议' //协议申明
}; };
}, },
created() { created() {
...@@ -472,6 +401,9 @@ export default { ...@@ -472,6 +401,9 @@ export default {
OrderId: this.chooseItem.OrderId, OrderId: this.chooseItem.OrderId,
applyReason: this.applyReason, applyReason: this.applyReason,
ReceiptFileList: this.ReceiptFileList, ReceiptFileList: this.ReceiptFileList,
BackAccountName: this.BackAccountName,
BackAccount: this.BackAccount,
StateMent: this.StateMent
}; };
if (!applyMsg.GuestId) { if (!applyMsg.GuestId) {
this.$q.notify({ this.$q.notify({
...@@ -541,8 +473,7 @@ export default { ...@@ -541,8 +473,7 @@ export default {
return; return;
} }
// 1 文档 2 数据 3 图片 // 1 文档 2 数据 3 图片
let typeArr = [ let typeArr = [{
{
stringArr: "GIF|JPG|JPEG|PNG|BMP|WEBP", stringArr: "GIF|JPG|JPEG|PNG|BMP|WEBP",
type: 3, type: 3,
}, },
...@@ -590,5 +521,6 @@ export default { ...@@ -590,5 +521,6 @@ export default {
); );
}, },
}, },
}; };
</script> </script>
src/pages/administration/dropSchoolManage.vue 0 → 100644
View file @ 1233bd36
<template>
<div>
退学协议管理
</div>
</template>
\ No newline at end of file
src/pages/administration/registContractManage.vue 0 → 100644
View file @ 1233bd36
<template>
<div>报名合同管理</div>
</template>
\ No newline at end of file
src/pages/courseRefund.vue 0 → 100644
View file @ 1233bd36
<style>
.TuitractView {
width: 930px;
min-height: 500px;
height: auto;
margin: auto;
padding: 20px 0;
color: #000;
}
.firstPage {
margin: 30px;
}
.operationAgree {
font-size: 40px;
letter-spacing: 10px;
text-align: center;
margin: 20px 0;
}
.operationTitle {
display: flex;
align-items: baseline;
justify-content: center;
position: relative;
}
.TuiContract {
position: absolute;
bottom: 28px;
right: 130px;
}
.Tui_Jiafang{
display:flex;
font-size:20px;
margin-bottom:20px;
}
.Tui_Inner{
text-indent: 40px;
font-size:20px;
line-height: 35px;
margin-bottom:10px;
}
.TuitractInput {
border: 0;
display: inline-block;
border-bottom: 1px solid #c0c0c0;
width: 200px;
font-size: 20px;
text-align: center;
text-indent: 0;
}
.Tui_SignZhang{
display: flex;
font-size:20px;
justify-content: space-between;
margin-bottom:20px;
}
</style>
<template>
<div class="TuitractView">
<div class="firstPage">
<div class="operationTitle">
<div class="operationAgree">培训课程退款协议</div>
<div class="TuiContract">合约编号:123</div>
</div>
<div class="Tui_Jiafang">
<div style="margin-right:100px;">甲方：</div>
<div>（家长/监护人）：</div>
</div>
<div class="Tui_Jiafang">
<div style="margin-right:150px;">乙方：</div>
<div>法定代表人：</div>
</div>
<div class="Tui_Inner">
甲乙双方经平等友好协商就 <div class="TuitractInput" style="width: 90px;">1988</div> 年
<div class="TuitractInput" style="width: 80px;">12</div> 月 <div class="TuitractInput" style="width: 80px;">12</div> 日
签订的《培训课程协议》解除合作关系。
</div>
<div class="Tui_Inner">第一条：原协议内容</div>
<div class="Tui_Inner">
原协议报名人员：<div class="TuitractInput" style="width: 300px;">1988</div>
</div>
<div class="Tui_Inner">
原报名项目：<div class="TuitractInput" style="width: 300px;">1988</div>
</div>
<div class="Tui_Inner">
原报名项目原价：<div class="TuitractInput" style="width: 100px;">1988</div>
折后（优惠）价：<div class="TuitractInput" style="width: 100px;">1988</div>
</div>
<div class="Tui_Inner">
原协议已收学费：<div class="TuitractInput" style="width: 300px;text-align:left;">
大写：
</div>
（¥<div class="TuitractInput" style="width: 100px;">12</div>元整）。
</div>
<div class="Tui_Inner">
原收据编号：<div class="TuitractInput" style="width: 150px;"></div>
</div>
<div class="Tui_Inner">
原收款人：<div class="TuitractInput" style="width: 150px;"></div>
</div>
<div class="Tui_Inner">
第二条：乙方共计课时<div class="TuitractInput" style="width: 80px;"></div>节；已销课时
<div class="TuitractInput" style="width: 80px;"></div>节：剩余课时
<div class="TuitractInput" style="width: 80px;"></div>节
</div>
<div class="Tui_Inner">
甲方应退还乙方未上课时费用<div class="TuitractInput" style="width: 200px;">五千六百八十元整</div>
（¥<div class="TuitractInput" style="width: 80px;"></div>元整），原协
议自动终止、收据自动失效。退还帐户名<div class="TuitractInput" style="width: 200px;"></div>，退还帐号：<div class="TuitractInput" style="width: 300px;"></div>
退还学费=乙方已缴总学费-已上课程学费-（乙方已缴学费-已上课程学费）*10%，其中“（乙方已缴课程学费）*10%”为违约金。
</div>
<div class="Tui_Inner">
第三条：乙方应将原协议和收据原件交还甲方，若原件无法交还，请乙方<br/>在此声明：
<div class="TuitractInput" style="width: 300px;"></div>
</div>
<div class="Tui_Inner">
第四条：本协议自签订之日起正式生效。
</div>
<div class="Tui_SignZhang">
<div>甲方(家长/监护人)签字（盖章）： </div>
<div>甲方(家长/监护人)签字（盖章）： </div>
</div>
<div class="Tui_SignZhang">
<div>签署日期：</div>
<div>签署日期：</div>
</div>
</div>
</div>
</template>
src/pages/sale/contractAudit_new.vue
View file @ 1233bd36
...@@ -383,6 +383,9 @@ export default { ...@@ -383,6 +383,9 @@ export default {
this.getList(); this.getList();
}, },
methods: { methods: {
onItemClick(){
},
//获取校区列表 //获取校区列表
getList() { getList() {
this.loading = true; this.loading = true;
......
src/router/routes.js
View file @ 1233bd36
...@@ -669,6 +669,16 @@ const routes = [{ ...@@ -669,6 +669,16 @@ const routes = [{
component: () => component: () =>
import("pages/administration/outWorkApproval.vue") import("pages/administration/outWorkApproval.vue")
}, },
{
path: "/administration/registContractManage", //报名合同管理
component: () =>
import("pages/administration/registContractManage.vue")
},
{
path: "/administration/dropSchoolManage", //退学协议管理
component: () =>
import("pages/administration/dropSchoolManage.vue")
},
{ {
path: "/sale/japaneseTrain", //日语培训列表 path: "/sale/japaneseTrain", //日语培训列表
component: () => component: () =>
...@@ -1140,6 +1150,11 @@ const routes = [{ ...@@ -1140,6 +1150,11 @@ const routes = [{
component: () => component: () =>
import("pages/contractView.vue") import("pages/contractView.vue")
}, },
{
path: "/courseRefund",
component: () =>
import("pages/courseRefund.vue")
},
{ {
path: "/financial/financalDocument/PrintPage", //财务单据打印 path: "/financial/financalDocument/PrintPage", //财务单据打印
component: () => component: () =>
......
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