Commit 59b1e2b4 authored by 黄奎's avatar 黄奎

页面修改

parent ee3300ec
<!--停课表单审核信息-->
<style>
.backbill-Dialog .drawerTop {
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
background-color: #f0f5fb;
padding: 5px 10px;
align-items: center;
}
.backbill-Dialog .classFirst {
color: #000000;
font-weight: bold;
}
.backbill-Dialog .className {
margin-left: 10px;
}
.backbill-Dialog .classStatus {
padding: 3px 8px;
background-color: #c8d7fc;
color: #2961fe;
font-size: 12px;
border-radius: 2px;
margin-left: 20px;
}
.backbill-Dialog .normalName {
color: #999999;
}
.backbill-Dialog .normalInner {
color: #111111;
}
.drop_NameDown {
margin-top: 20px;
width: 300px;
}
.backinfoContent {
margin: 10px;
padding-bottom: 80px;
}
.backinfoContent .role_Line {
width: 3px;
height: 11px;
margin-right: 10px;
background-color: #3fc4ff;
display: inline-block;
}
.backinfoContent .backinfo_Item {
color: #000000;
font-weight: bold;
}
.backinfoContent .backInfo_One {
margin: 20px 0;
}
.backinfoContent .backOtherInfo {
color: #111111;
}
.backinfoContent .backInfo_Title {
display: inline-block;
width: 75px;
text-align: left;
color: #999999;
}
.backinfoContent .replayReason {
width: 100%;
min-height: 100px;
background-color: #f0f5fb;
border-radius: 3px;
padding: 20px;
margin: 20px 0;
}
.backinfoContent .replay_Title {
font-weight: bold;
color: #111111;
}
.backinfoContent .chaosong_Peo {
display: inline-block;
padding: 2px 3px;
color: #fff;
border-radius: 3px;
margin: 0 5px 5px 0;
background-color: #9cf;
}
.backinfoContent .topBaseInfo {
/* height: 300px; */
overflow: auto;
}
.topBaseInfo::-webkit-scrollbar {
width: 3px;
height: 3px;
background-color: #f5f5f5;
}
/*!*定义滚动条轨道 内阴影+圆角*!*/
.topBaseInfo::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #f5f5f5;
}
/*!*定义滑块 内阴影+圆角*!*/
.topBaseInfo::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: -webkit-gradient(linear,
0 0,
0 100%,
color-stop(0.5, rgba(255, 255, 255, 0.2)),
color-stop(0.5, transparent),
to(transparent));
background-color: #0ae;
}
._addUpload_box {
display: block;
margin-top: 15px;
}
._addUpload_box img {
width: 100%;
}
._addUpload_box>div {
float: left;
width: 138px;
height: 92px;
border: 1px dashed rgba(210, 210, 210, 1);
border-radius: 2px;
cursor: pointer;
margin-bottom: 10px;
padding: 5px;
margin-right: 10px;
position: relative;
text-align: center;
}
._addUpload_box>div:hover {
background-color: #f5f5f5;
}
._addFile_name {
padding-left: 15px;
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
._addUpload_box .icon-guanbi1 {
font-size: 12px;
color: white;
display: inline-block;
margin-left: 15px;
position: absolute;
right: -6px;
top: -9px;
background-color: #f56c6c;
border-radius: 50%;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
}
._addUpload_box .icon-guanbi1:hover {
font-size: 12px;
color: #c94052;
}
.._addUpload_box .icon-excel,
._addUpload_box .icon-pdf,
._addUpload_box .icon-txt,
._addUpload_box .icon-wenjian,
._addUpload_box .icon-yasuobao,
._addUpload_box .icon-shipin,
._addUpload_box .icon-word {
text-align: center;
font-size: 38px;
color: green;
line-height: 75px;
}
._addUpload_box .icon-yasuobao {
color: gray;
}
._show_img_box {
position: fixed;
background: rgba(0, 0, 0, 0.6);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
text-align: center;
}
._addUpload_tips {
font-size: 12px;
color: #999999;
}
._jump_page {
cursor: pointer;
text-decoration: underline;
}
._jump_page:hover {
color: #c94052;
}
</style>
<template>
<q-dialog v-model="persistent" maximized full-height seamless position="right" @hide="closeShenheForm">
<q-card style="margin-top: 61px; width: 850px" class="no-border-radius backbill-Dialog">
<div class="drawerTop">
<div style="display: flex; align-items: center">
<div class="className">
<div class="classFirst">Vip课程申请审批</div>
</div>
</div>
</div>
<q-tabs style="margin: 15px" v-model="tabCheck" narrow-indicator dense align="left" class="text-primary">
<q-tab :ripple="false" name="first" label="详细信息" />
<q-tab :ripple="false" name="second" label="审批记录" />
</q-tabs>
<div v-if="tabCheck == 'first'" style="margin: 0 15px">
<div class="backinfoContent">
<div>
<div class="topBaseInfo">
<div class="backinfo_Item">
<span class="role_Line"></span>基本信息
</div>
</div>
<div class="row backInfo_One">
<div class="col-6">
<span class="backInfo_Title">申请编号:</span>
<span class="backOtherInfo">{{ setingObj.Id }}</span>
</div>
<div class="col-6">
<span class="backInfo_Title">申请人:</span>
<span class="backOtherInfo">{{
setingObj.CreateByName
}}</span>
</div>
</div>
<div class="row backInfo_One">
<div class="col-6">
<span class="backInfo_Title">学员名称:</span>
<span class="backOtherInfo">{{ setingObj.DataObj.StuName }}</span>
</div>
<div class="col-6">
<span class="backInfo_Title">学习课程:</span>
<span class="backOtherInfo">{{
setingObj.DataObj.CourseName
}}</span>
</div>
</div>
<div class="row backInfo_One">
<div class="col-6">
<span class="backInfo_Title">总课时:</span>
<span class="backOtherInfo">{{ setingObj.DataObj.TotalHour }}</span>
</div>
<div class="col-6">
<span class="backInfo_Title">价格:</span>
<span class="backOtherInfo">{{
setingObj.DataObj.CoursePrice
}}</span>
</div>
</div>
<div class="row backInfo_One">
<div class="col-6">
<span class="backInfo_Title">上课时段:</span>
<span class="backOtherInfo">{{ setingObj.DataObj.CourseTimeId }}</span>
</div>
<div class="col-6">
<span class="backInfo_Title">申请时间:</span>
<span class="backOtherInfo"> {{ setingObj.CreateTime }}</span>
</div>
</div>
<div class="row backInfo_One">
<div class="col-12">
<span class="backInfo_Title">申请备注:</span>
<span class="backOtherInfo">{{ setingObj.DataObj.Remarks }}</span>
</div>
</div>
<div v-if="showType == 2">
<div style="
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
">
<div>审批意见</div>
<div>
<q-radio v-model="stopBillMsg.AuditStatus" :val="2" label="通过" />
<q-radio v-model="stopBillMsg.AuditStatus" :val="3" label="驳回" />
</div>
</div>
<q-input filled stack-label :dense="false" v-model="stopBillMsg.Description" type="textarea"
label="审批意见" />
</div>
<div style="margin-top: 20px">
<div class="row">
<div class="col-6" style="display: flex; align-items: top">
<template v-if="tempPeople.length > 0">
<div style="display: inline-block; width: 45px">抄送:</div>
<!-- RecipientIds -->
<div style="
display: inline-block;
margin-left: 5px;
width: 340px;
">
<span class="chaosong_Peo" v-for="(childItem, cindex) in tempPeople">
{{ getName(childItem) }}
</span>
</div>
</template>
</div>
<div class="col-6" style="
justify-content: flex-end;
display: flex;
align-items: center;
">
<i class="iconfont icon-aite" style="
font-size: 20px;
margin: 7px 20px 0 0;
cursor: pointer;
" v-if="showType == 2">
<q-popup-proxy>
<q-banner>
<div style="width: 350px">
<div style="margin: 10px 0 15px 0">抄送</div>
<q-select class="col-6 q-pb-lg q-pr-lg" multiple clearable filled stack-label use-input
option-value="Id" option-label="EmployeeName" v-model="tempPeople" ref="ManagerId"
:options="EmployeeList" label="选择人员" :dense="false" emit-value map-options
@filter="filterFn">
<template v-slot:no-option>
<q-item>
<q-item-section class="text-grey">
未找到相关数据
</q-item-section>
</q-item>
</template>
</q-select>
</div>
</q-banner>
</q-popup-proxy>
</i>
<q-btn class="q-mr-md" label="关闭" @click="closeBackInfo" />
<q-btn v-if="showType == 2" color="accent q-px-md" label="确认" @click="saveBackClassInfo()" />
</div>
</div>
</div>
</div>
</div>
</div>
<div v-if="tabCheck == 'second'">
 <flowinfoForm :seting-obj="setingObj" :showType="showType" @close="closeShenheForm" @success="refreshPage">
</flowinfoForm>
</div>
</q-card>
<div class="dialog-out-close" @click="closeShenheForm" style="
height: 40px !important;
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
">
<q-icon name="iconfont icon-jujue1" size="26px" />
</div>
<div v-if="picIsShow" class="_show_img_box" @click="(picIsShow = false), (picObj = [])">
<div style="
position: absolute;
max-width: 800px;
height: auto;
left: 50%;
top: 50%;
margin-left: -400px;
transform: translateY(-50%);
">
<el-image style="width: 100%; height: 100%" fit="cover" v-for="(item, index) in picObj" :key="index" :src="item"
:preview-src-list="picObj">
</el-image>
</div>
</div>
</q-dialog>
</template>
<script>
import flowinfoForm from "../sale/flowinfo-form";
import {
saveBackBillAduit,
queryBackBillMoney
} from "../../api/sale/bill";
import {
queryEmployee
} from "../../api/users/user";
export default {
props: {
setingObj: {
type: Object,
default: null,
},
showType: {
type: Number,
default: 1,
},
},
components: {
flowinfoForm,
},
data() {
return {
persistent: true,
tabCheck: "first", //默认选第一个
stopBillMsg: {
Id: 0,
Description: "", //审批意见
AuditStatus: 2, //审核状态
SpecialNode: 0, //是否特殊节点
RecipientIds: "", //抄送人
},
classPriceObj: {}, //课程价格信息
EmployeeList: [],
AllemployeeList: [],
tempPeople: [], //抄送人数组
//附件---s
picIsShow: false,
picObj: [],
initialIndex: 0,
//附件---e
};
},
computed: {
fj() {
let arr = [];
let fjlist = this.setingObj.ReceiptFileList;
fjlist.map((item) => {
let suffix = item.split(".")[item.split(".").length - 1].toUpperCase();
if ("DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF|TXT".indexOf(suffix) != "-1") {
let obj = {
url: item,
type: 1,
suffix: suffix,
};
arr.push(obj);
} else if ("GIF|JPG|JPEG|PNG|BMP|WEBP".indexOf(suffix) != "-1") {
let obj = {
url: item,
type: 2,
suffix: suffix,
};
arr.push(obj);
} else if ("ZIP|RAR|7Z|TAR".indexOf(suffix) != "-1") {
let obj = {
url: item,
type: 3,
suffix: suffix,
};
arr.push(obj);
} else if (
"MP4|3GP|AVI|MOV|WMV|RMVB|MKV|M4V|FLV".indexOf(suffix) != "-1"
) {
let obj = {
url: item,
type: 4,
suffix: suffix,
};
arr.push(obj);
} else {
let obj = {
url: item,
type: 5,
suffix: suffix,
};
arr.push(obj);
}
});
return arr;
},
},
created() {
this.getEmployee();
},
mounted() {
this.stopBillMsg.Id = this.setingObj.Id;
this.stopBillMsg.SpecialNode = this.setingObj.SpecialNode;
if (this.stopBillMsg.SpecialNode == 1) {
this.getBackBillMoney();
}
},
methods: {
getBackBillMoney() {
queryBackBillMoney({
BackId: this.setingObj.RelationId,
}).then((res) => {
if (res.Code == 1) {
this.classPriceObj = res.Data;
}
});
},
closeBackInfo() {
this.persistent = false;
this.$emit("close");
},
//停课单据审核
saveBackClassInfo() {
var str = "";
if (this.tempPeople && this.tempPeople.length > 0) {
this.tempPeople.forEach((item) => {
str += "," + item;
});
}
if (str && str != "") {
str = str.substr(1);
}
this.stopBillMsg.RecipientIds = str;
saveBackBillAduit(this.stopBillMsg).then((res) => {
if (res.Code == 1) {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "审核成功!",
position: "top",
});
//调用父页面成功方法
this.$emit("success");
this.$emit("close");
}
});
},
//获取员工列表
getEmployee() {
var qMsg = {
EmployeeName: "",
};
queryEmployee(qMsg).then((res) => {
if (res.Code == 1) {
var jsonData = res.Data;
if (jsonData && jsonData.length > 0) {
this.AllemployeeList = JSON.parse(JSON.stringify(jsonData));
this.EmployeeList = JSON.parse(JSON.stringify(jsonData));
}
}
});
},
//筛选员工
filterFn(val, update) {
update(() => {
if (val === "") {
this.EmployeeList = JSON.parse(JSON.stringify(this.AllemployeeList));
} else {
const needle = val.toLowerCase();
this.EmployeeList = this.AllemployeeList.filter(
(v) => v.EmployeeName.toLowerCase().indexOf(needle) > -1
);
}
});
},
//获取员工姓名
getName(id) {
let str = "";
this.EmployeeList.forEach((x) => {
if (id == x.Id) {
str = x.EmployeeName;
}
});
return str;
},
//跳转到班级管理
goClassManage(ClassName) {
this.OpenNewUrl("/course/classManage", {
ClassName: ClassName,
});
},
//跳转到报名统计
goOrderStatic(OrderId) {
this.OpenNewUrl("/sale/orderStatistics", {
OrderId: OrderId,
});
},
//跳转到课耗明细
goStudentsClassSee(item) {
this.OpenNewUrl("/teacher/studentsClassSee", {
StudentId: item.Id,
TeacherId: item.Teacher_Id,
ClassId: item.ClassId,
});
},
//跳转到课程管理
goCourse(name) {
this.OpenNewUrl("/course/course", {
Name: name,
});
},
refreshPage() {
this.persistent = false;
this.$emit("success");
},
closeShenheForm() {
this.persistent = false;
this.$emit("close");
},
handleDate(T) {
let date = T.split("T");
return date[0];
},
showUpLoadFile(i) {
// 预览上传文件
if (i.type == 2) {
this.picObj.push(i.url);
this.picIsShow = true;
} else if (i.type == 1) {
if (i.suffix == "PDF" || i.suffix == "TXT") {
this.previewPDF(i.url);
} else {
this.downloadFile(i);
}
} else {
this.downloadFile(i);
}
},
downloadFile(i) {
const a = document.createElement("a");
a.setAttribute("download", "");
a.setAttribute("href", i.url);
a.click();
},
},
};
</script>
\ No newline at end of file
...@@ -22,7 +22,6 @@ ...@@ -22,7 +22,6 @@
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
</style> </style>
<template> <template>
<div class="page-body"> <div class="page-body">
...@@ -163,6 +162,10 @@ ...@@ -163,6 +162,10 @@
<!-- 投稿审批 --> <!-- 投稿审批 -->
<tougaoForm v-if="isShowTougaoForm" :seting-obj="billObj" :showType="showType" @close="closeBillForm" <tougaoForm v-if="isShowTougaoForm" :seting-obj="billObj" :showType="showType" @close="closeBillForm"
@success="refreshPage"></tougaoForm> @success="refreshPage"></tougaoForm>
<!-- 显示Vip课程申请 -->
<vipcoursebillForm v-if="isShowVipCourseForm" :seting-obj="billObj" :showType="showType" @close="closeBillForm"
@success="refreshPage"></vipcoursebillForm>
</div> </div>
</div> </div>
</template> </template>
...@@ -183,6 +186,7 @@ ...@@ -183,6 +186,7 @@
import zujuanBillForm from "../../components/sale/zujuanbill-form.vue"; import zujuanBillForm from "../../components/sale/zujuanbill-form.vue";
import examBillForm from "../../components/sale/exambill-form.vue"; import examBillForm from "../../components/sale/exambill-form.vue";
import tougaoForm from "../../components/sale/tougao-form.vue"; import tougaoForm from "../../components/sale/tougao-form.vue";
import vipcoursebillForm from "../../components/sale/vipcoursebill-form.vue";
export default { export default {
meta: { meta: {
title: "我的业务单据", title: "我的业务单据",
...@@ -197,7 +201,8 @@ ...@@ -197,7 +201,8 @@
leaveBillForm, leaveBillForm,
zujuanBillForm, zujuanBillForm,
examBillForm, examBillForm,
tougaoForm tougaoForm,
vipcoursebillForm
}, },
data() { data() {
return { return {
...@@ -274,7 +279,7 @@ ...@@ -274,7 +279,7 @@
EndTime: "", //结束时间 EndTime: "", //结束时间
Conditon: 1, Conditon: 1,
ReceiptType: "", //单据类型 ReceiptType: "", //单据类型
RelationId :0, RelationId: 0,
}, },
tabCheck: "1", tabCheck: "1",
pageCount: 0, pageCount: 0,
...@@ -290,7 +295,8 @@ ...@@ -290,7 +295,8 @@
isShowLeaveBillForm: false, //是否显示请假申请单详情 isShowLeaveBillForm: false, //是否显示请假申请单详情
isShowZujuanBillForm: false, //是否显示组卷申请单详情 isShowZujuanBillForm: false, //是否显示组卷申请单详情
isShowExamBillForm: false, //是否显示考试申请详情 isShowExamBillForm: false, //是否显示考试申请详情
isShowTougaoForm: false //是否显示投稿申请详情 isShowTougaoForm: false, //是否显示投稿申请详情,
isShowVipCourseForm: false, //是否显示Vip课程申请详情,
}; };
}, },
created() { created() {
...@@ -303,8 +309,6 @@ ...@@ -303,8 +309,6 @@
if (this.$route.query.RelationId) { if (this.$route.query.RelationId) {
this.msg.RelationId = this.$route.query.RelationId; this.msg.RelationId = this.$route.query.RelationId;
} }
if (this.$route.query.id) { if (this.$route.query.id) {
this.msg.Id = this.$route.query.id; this.msg.Id = this.$route.query.id;
} }
...@@ -356,6 +360,7 @@ ...@@ -356,6 +360,7 @@
this.isShowZujuanBillForm = false; this.isShowZujuanBillForm = false;
this.isShowExamBillForm = false; this.isShowExamBillForm = false;
this.isShowTougaoForm = false; this.isShowTougaoForm = false;
this.isShowVipCourseForm = false;
this.billObj = {}; this.billObj = {};
}, },
//显示表单 //显示表单
...@@ -393,8 +398,10 @@ ...@@ -393,8 +398,10 @@
this.isShowExamBillForm = true; this.isShowExamBillForm = true;
} }
//投稿审批 //投稿审批
else if (item.ReceiptType == 10){ else if (item.ReceiptType == 10) {
this.isShowTougaoForm = true; this.isShowTougaoForm = true;
} else if (item.ReceiptType == 11) {
this.isShowVipCourseForm = true;
} }
this.showType = type; this.showType = type;
this.billObj = item; this.billObj = item;
...@@ -442,6 +449,7 @@ ...@@ -442,6 +449,7 @@
this.isShowLeaveBillForm = false; this.isShowLeaveBillForm = false;
this.isShowZujuanBillForm = false; this.isShowZujuanBillForm = false;
this.isShowExamBillForm = false; this.isShowExamBillForm = false;
this.isShowVipCourseForm = false;
this.billObj = {}; this.billObj = {};
this.getStuBackBill(); this.getStuBackBill();
}, },
...@@ -461,7 +469,6 @@ ...@@ -461,7 +469,6 @@
Id: item.Id, Id: item.Id,
}; };
var message = "是否要作废此单据?"; var message = "是否要作废此单据?";
this.$q this.$q
.dialog({ .dialog({
title: "提示信息", title: "提示信息",
...@@ -502,9 +509,7 @@ ...@@ -502,9 +509,7 @@
}, },
}, },
}; };
</script> </script>
<style lang="sass"> <style lang="sass">
@import url('~assets/css/table.sass') @import url('~assets/css/table.sass')
</style>
</style> \ No newline at end of file
...@@ -20,8 +20,9 @@ ...@@ -20,8 +20,9 @@
width: 400px; width: 400px;
min-height: 150px; min-height: 150px;
} }
.bill_Rearsons{
width:250px; .bill_Rearsons {
width: 250px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis text-overflow: ellipsis
...@@ -43,19 +44,19 @@ ...@@ -43,19 +44,19 @@
v-model="msg.ReceiptType" :options="OrderTypeList" emit-value map-options label="单据类型" /> v-model="msg.ReceiptType" :options="OrderTypeList" emit-value map-options label="单据类型" />
</div> </div>
<div class="col-3 Sysuser_Date"> <div class="col-3 Sysuser_Date">
<q-field filled> <q-field filled>
 <template v-slot:control> <template v-slot:control>
<el-date-picker v-model="applyDateList" @change="resetSearch()" value-format="yyyy-MM-dd" type="daterange" style="border:none;" <el-date-picker v-model="applyDateList" @change="resetSearch()" value-format="yyyy-MM-dd" type="daterange" style="border:none;"
 range-separator="至"  start-placeholder="申请开始日期"  end-placeholder="申请结束日期">  range-separator="至"  start-placeholder="申请开始日期"  end-placeholder="申请结束日期" />
 </el-date-picker>       
</template> </template>
</q-field> </q-field>
</div> </div>
</div> </div>
</div> </div>
<div class="page-content"> <div class="page-content">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table sticky-right-column-table" <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
separator="none" :data="data" :columns="columns" row-key="name"> class="sticky-tow-column-table sticky-right-column-table" separator="none" :data="data" :columns="columns"
row-key="name">
<template v-slot:body-cell-ReceiptTypeName="props"> <template v-slot:body-cell-ReceiptTypeName="props">
<q-td :props="props"> <q-td :props="props">
<span class="ReceipTypeName">{{props.row.ReceiptTypeName}}</span> <span class="ReceipTypeName">{{props.row.ReceiptTypeName}}</span>
...@@ -64,7 +65,8 @@ ...@@ -64,7 +65,8 @@
<template v-slot:body-cell-ApplyReason="props"> <template v-slot:body-cell-ApplyReason="props">
<q-td :props="props"> <q-td :props="props">
<div class="bill_Rearsons"> <div class="bill_Rearsons">
<template v-if="props.row.ReceiptType==1||props.row.ReceiptType==5||props.row.ReceiptType==3||props.row.ReceiptType==4"> <template
v-if="props.row.ReceiptType==1||props.row.ReceiptType==5||props.row.ReceiptType==3||props.row.ReceiptType==4">
<span> <span>
{{props.row.DataObj.Remarks}} {{props.row.DataObj.Remarks}}
<q-tooltip :offset="[0, 10]"> <q-tooltip :offset="[0, 10]">
...@@ -90,7 +92,7 @@ ...@@ -90,7 +92,7 @@
<q-tooltip :offset="[10, 10]"> <q-tooltip :offset="[10, 10]">
<template v-if="props.row.AuditObj.AuditManList" <template v-if="props.row.AuditObj.AuditManList"
v-for="(sItem,sIndex) in props.row.AuditObj.AuditManList"> v-for="(sItem,sIndex) in props.row.AuditObj.AuditManList">
<span>{{sItem.AuditManName}} 待审</span><br /> <span :key="sIndex">{{sItem.AuditManName}} 待审</span><br />
</template> </template>
</q-tooltip> </q-tooltip>
</span> </span>
...@@ -137,7 +139,7 @@ ...@@ -137,7 +139,7 @@
<q-btn label="确认" color="accent q-px-md" style="font-weight:400 !important" @click="saveBill" /> <q-btn label="确认" color="accent q-px-md" style="font-weight:400 !important" @click="saveBill" />
</q-card-actions> </q-card-actions>
</q-popup-proxy> </q-popup-proxy>
</q-btn>
<q-btn flat size="xs" icon="iconfont icon-View" color="accent" style="font-weight:400" label="查看" <q-btn flat size="xs" icon="iconfont icon-View" color="accent" style="font-weight:400" label="查看"
@click="showBillForm(props.row,1)" /> @click="showBillForm(props.row,1)" />
</q-td> </q-td>
...@@ -152,13 +154,16 @@ ...@@ -152,13 +154,16 @@
<ordertrans-form v-if="isShowTransForm" :seting-obj="billObj" :showType="showType" @close="closeBillForm" <ordertrans-form v-if="isShowTransForm" :seting-obj="billObj" :showType="showType" @close="closeBillForm"
@success="refreshPage"> @success="refreshPage">
</ordertrans-form> </ordertrans-form>
<stopbill-form v-if="isShowStopBillForm" :seting-obj="billObj" :showType="showType" @close="closeBillForm" <stopbill-form v-if="isShowStopBillForm" :seting-obj="billObj" :showType="showType" @close="closeBillForm"
@success="refreshPage"> @success="refreshPage">
</stopbill-form> </stopbill-form>
<!-- 订单临时上课邀请-查看 --> <!-- 订单临时上课邀请-查看 -->
<temporaryClass-form v-if="isShowTemporaryClass" :seting-obj="billObj" :showType="showType" @close="closeBillForm" <temporaryClass-form v-if="isShowTemporaryClass" :seting-obj="billObj" :showType="showType" @close="closeBillForm"
@success="refreshPage"> @success="refreshPage">
</temporaryClass-form> </temporaryClass-form>
<!-- 显示Vip课程申请 -->
<vipcoursebillForm v-if="isShowVipCourseForm" :seting-obj="billObj" :showType="showType" @close="closeBillForm"
@success="refreshPage"></vipcoursebillForm>
</div> </div>
</div> </div>
</template> </template>
...@@ -179,6 +184,7 @@ ...@@ -179,6 +184,7 @@
import ordertransForm from '../../components/sale/ordertrans-form' import ordertransForm from '../../components/sale/ordertrans-form'
import stopbillForm from '../../components/sale/stopbill-form'; import stopbillForm from '../../components/sale/stopbill-form';
import temporaryClassForm from '../../components/sale/temporaryClassbill-form'; import temporaryClassForm from '../../components/sale/temporaryClassbill-form';
import vipcoursebillForm from "../../components/sale/vipcoursebill-form.vue";
export default { export default {
meta: { meta: {
title: "教务单据查询" title: "教务单据查询"
...@@ -188,7 +194,8 @@ ...@@ -188,7 +194,8 @@
changebillForm, changebillForm,
ordertransForm, ordertransForm,
stopbillForm, stopbillForm,
temporaryClassForm temporaryClassForm,
vipcoursebillForm
}, },
data() { data() {
return { return {
...@@ -283,9 +290,10 @@ ...@@ -283,9 +290,10 @@
EmployeeList: [], EmployeeList: [],
AllemployeeList: [], AllemployeeList: [],
IsEditEduReceipAudit: false, //是否有修改审核人权限 IsEditEduReceipAudit: false, //是否有修改审核人权限
isShowTransForm:false, isShowTransForm: false,
isShowStopBillForm:false,//是否显示停课订单详情 isShowStopBillForm: false, //是否显示停课订单详情
isShowTemporaryClass:false,//是否显示临时上课邀请订单详情 isShowTemporaryClass: false, //是否显示临时上课邀请订单详情
isShowVipCourseForm: false, //是否显示Vip课程申请详情
} }
}, },
created() { created() {
...@@ -300,7 +308,7 @@ ...@@ -300,7 +308,7 @@
} }
}, },
mounted() { mounted() {
if(this.$route.query.Id){ if (this.$route.query.Id) {
this.msg.Id = this.$route.query.Id; this.msg.Id = this.$route.query.Id;
} }
this.currentUrl = this.$route.path; this.currentUrl = this.$route.path;
...@@ -329,12 +337,14 @@ ...@@ -329,12 +337,14 @@
this.isShowBackBillForm = false; this.isShowBackBillForm = false;
this.isShowChangeBillForm = false; this.isShowChangeBillForm = false;
this.isShowTransForm = false; this.isShowTransForm = false;
this.isShowStopBillForm=false; this.isShowStopBillForm = false;
this.isShowTemporaryClass = false; this.isShowTemporaryClass = false;
this.isShowVipCourseForm = false;
this.billObj = {}; this.billObj = {};
}, },
//显示表单 //显示表单
showBillForm(item, type) { showBillForm(item, type) {
//调课 //调课
if (item.ReceiptType == 1) { if (item.ReceiptType == 1) {
this.isShowChangeBillForm = true; this.isShowChangeBillForm = true;
...@@ -344,16 +354,20 @@ ...@@ -344,16 +354,20 @@
this.isShowBackBillForm = true; this.isShowBackBillForm = true;
} }
//转班 //转班
else if(item.ReceiptType == 5||item.ReceiptType == 6){ else if (item.ReceiptType == 5 || item.ReceiptType == 6) {
this.isShowTransForm = true; this.isShowTransForm = true;
} }
//停课 //停课
else if (item.ReceiptType == 3) { else if (item.ReceiptType == 3) {
this.isShowStopBillForm = true; this.isShowStopBillForm = true;
} }
//临时上课邀请 //临时上课邀请
else if (item.ReceiptType == 4){ else if (item.ReceiptType == 4) {
this.isShowTemporaryClass =true; this.isShowTemporaryClass = true;
}
//临时上课邀请
else if (item.ReceiptType == 11) {
this.isShowVipCourseForm = true;
} }
this.showType = type; this.showType = type;
this.billObj = item; this.billObj = item;
...@@ -394,6 +408,7 @@ ...@@ -394,6 +408,7 @@
refreshPage() { refreshPage() {
this.isShowBackBillForm = false; this.isShowBackBillForm = false;
this.isShowChangeBillForm = false; this.isShowChangeBillForm = false;
this.isShowVipCourseForm = false;
this.billObj = {}; this.billObj = {};
this.getStuBackBill(); this.getStuBackBill();
}, },
...@@ -466,9 +481,7 @@ ...@@ -466,9 +481,7 @@
} }
} }
} }
</script> </script>
<style lang="sass"> <style lang="sass">
@import url('~assets/css/table.sass') @import url('~assets/css/table.sass')
</style>
</style> \ No newline at end of file
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