Commit 621f6bdf authored by zhengke's avatar zhengke

修改

parent 1ec9e74c
<style>
.pri_Color {
color: var(--q-color-primary);
}
.back_Class {
color: var(--q-color-negative);
}
.el-popover {
z-index: 9999 !important;
}
</style>
<template>
<q-dialog v-model="dialog" maximized full-height seamless position="right">
<q-card style="margin-top:61px;width:970px" class="no-border-radius classinfo_Dialog">
......@@ -97,7 +111,7 @@
</div>
</div>
<div v-if="tab==2" style="padding: 10px 20px">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table"
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
separator="none" :data="data" :columns="guestColumns" row-key="name">
<template v-slot:body-cell-Sex="props">
<q-td :props="props">
......@@ -105,7 +119,7 @@
</q-td>
</template>
<template v-slot:body-cell-GuestName="props">
<q-td :props="props" class="row" style="align-items: center">
<q-td :props="props">
<div
style="width: 34px;height: 34px;border-radius: 50%;background: rgba(41, 97, 254, 0.2);text-align: center;line-height: 34px;font-size: 14px;color: #2961FE;margin-right: 5px">
{{props.row.GuestName.slice(0,1)}}
......@@ -113,8 +127,55 @@
{{props.row.GuestName}}
</q-td>
</template>
<template v-slot:body-cell-GuestStateStr="props">
<!-- 未生效gray -->
<q-td :props="props">
<span
:class="{'pri_Color':props.row.GuestState==1,'back_Class':props.row.GuestState==2||props.row.GuestState==5}">{{props.row.GuestStateStr}}</span>
</q-td>
</template>
<template v-slot:body-cell-BackClassList="props">
<q-td :props="props" class="row" style="align-items: center">
<q-td :props="props">
<el-popover placement="bottom" title="" width="350" trigger="hover">
<div style="width:300px;height:200px;">
<template v-if="props.row.BackClassList&&props.row.BackClassList.length>0">
<div>退课单据</div><br />
<span v-for="(item,index) in props.row.BackClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.StopClassList&&props.row.StopClassList.length>0">
<div>停课单据</div><br />
<span v-for="(item,index) in props.row.StopClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.InvitationClassList&&props.row.InvitationClassList.length>0">
<div>临时上课邀请单据</div><br />
<span v-for="(item,index) in props.row.InvitationClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.OrderTransClassList&&props.row.OrderTransClassList.length>0">
<div>订单转班单据</div><br />
<span v-for="(item,index) in props.row.OrderTransClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.OrderSplitClassList&&props.row.OrderSplitClassList.length>0">
<div>订单分拆单据</div><br />
<span v-for="(item,index) in props.row.OrderSplitClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
</div>
<span slot="reference" class="pri_Color"
v-if="(props.row.BackClassList&&props.row.BackClassList.length>0)||(props.row.StopClassList&&props.row.StopClassList.length>0)
||(props.row.InvitationClassList&&props.row.InvitationClassList.length>0)||(props.row.OrderTransClassList&&props.row.OrderTransClassList.length>0)
||(props.row.OrderSplitClassList&&props.row.OrderSplitClassList.length>0)">查看单据</span>
</el-popover>
</q-td>
<!-- <q-td :props="props">
<template v-if="props.row.BackClassList&&props.row.BackClassList.length>0">
<div>退课单据</div><br />
<span v-for="(item,index) in props.row.BackClassList" :key="index"
......@@ -145,7 +206,7 @@
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
</q-td>
</q-td> -->
</template>
<template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.PageIndex" color="primary" :max="pageCount"
......
......@@ -53,6 +53,9 @@
.el-image-viewer__wrapper {
z-index: 9999 !important;
}
.pri_Color {
color: var(--q-color-primary);
}
</style>
<template>
......@@ -92,37 +95,44 @@
</q-td>
</template>
<template v-slot:body-cell-BackClassList="props">
<q-td :props="props" class="row" style="align-items: center">
<template v-if="props.row.BackClassList&&props.row.BackClassList.length>0">
<div>退课单据</div><br /><br />
<span v-for="(item,index) in props.row.BackClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.StopClassList&&props.row.StopClassList.length>0">
<div>停课单据</div><br /><br />
<span v-for="(item,index) in props.row.StopClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.InvitationClassList&&props.row.InvitationClassList.length>0">
<div>临沭上课邀请单据</div><br /><br />
<span v-for="(item,index) in props.row.InvitationClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.OrderTransClassList&&props.row.OrderTransClassList.length>0">
<div>订单转班单据</div><br /><br />
<span v-for="(item,index) in props.row.OrderTransClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.OrderSplitClassList&&props.row.OrderSplitClassList.length>0">
<div>订单分拆单据</div><br /><br />
<span v-for="(item,index) in props.row.OrderSplitClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<q-td>
<el-popover placement="bottom" title="" width="350" trigger="hover">
<div style="width:300px;height:200px;">
<template v-if="props.row.BackClassList&&props.row.BackClassList.length>0">
<div>退课单据</div><br />
<span v-for="(item,index) in props.row.BackClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.StopClassList&&props.row.StopClassList.length>0">
<div>停课单据</div><br />
<span v-for="(item,index) in props.row.StopClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.InvitationClassList&&props.row.InvitationClassList.length>0">
<div>临时上课邀请单据</div><br />
<span v-for="(item,index) in props.row.InvitationClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.OrderTransClassList&&props.row.OrderTransClassList.length>0">
<div>订单转班单据</div><br />
<span v-for="(item,index) in props.row.OrderTransClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
<template v-if="props.row.OrderSplitClassList&&props.row.OrderSplitClassList.length>0">
<div>订单分拆单据</div><br />
<span v-for="(item,index) in props.row.OrderSplitClassList" :key="index"
style="cursor:pointer;color:blue;text-decoration:underline;"
@click="goEduReceiptInfo(item.Id)">{{item.Id}}</span>
</template>
</div>
<span slot="reference" class="pri_Color" v-if="(props.row.BackClassList&&props.row.BackClassList.length>0)||(props.row.StopClassList&&props.row.StopClassList.length>0)
||(props.row.InvitationClassList&&props.row.InvitationClassList.length>0)||(props.row.OrderTransClassList&&props.row.OrderTransClassList.length>0)
||(props.row.OrderSplitClassList&&props.row.OrderSplitClassList.length>0)">查看单据</span>
</el-popover>
</q-td>
</template>
<template v-slot:bottom>
......@@ -340,7 +350,7 @@
field: 'CourseName',
align: 'left'
},
{
{
name: 'GuestStateStr',
label: '学员状态',
field: 'GuestStateStr',
......@@ -531,8 +541,9 @@
}
if (this.msg.ClassId > 0) {
this.visibleColumns = ['GuestName', 'Profession', 'Sex', 'BirthDate', 'Mobile', 'Basics', 'GuestSourceName',
'LearningGoalsName', 'Contact', 'ContactMobile', 'TotalHours','ValidClassHours','CompleteHours','MakeUpHours',
'SurplusHours', 'StartClassHours', 'CourseName', 'IsChaBan','BackClassList','GuestStateStr'
'LearningGoalsName', 'Contact', 'ContactMobile', 'TotalHours', 'ValidClassHours', 'CompleteHours',
'MakeUpHours',
'SurplusHours', 'StartClassHours', 'CourseName', 'IsChaBan', 'BackClassList', 'GuestStateStr'
];
}
if (this.msg.SourceId > 0) {
......@@ -868,4 +879,4 @@
<style lang="sass">
@import url('~assets/css/table.sass')
</style>
\ No newline at end of file
</style>
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