Skip to content

C
confucius
Commit 62489a4d authored by 罗超's avatar 罗超
Browse files
Options

修改样式

parent c0679509
Show whitespace changes
Inline Side-by-side
Showing with 36 additions and 59 deletions
src/components/sale/backclass-form.vue
View file @ 62489a4d
<style>
.apply_List{
width:100%;
height:44px;
background-color: #F7F7F7;
line-height: 44px;
margin-bottom:10px;
}
.apply_List span{
display:inline-block;
text-align: center;
font-size:14px;
color:#000000;
}
.guest_Status span{
cursor: pointer;
color:#2961FE;
}
</style>
<!--退课申请--> <!--退课申请-->
<template> <template>
<q-dialog v-model="IsShowBackClassDialog" content-class="bg-grey-1" persistent transition-show="scale" <q-dialog v-model="IsShowBackClassDialog" content-class="bg-grey-1" persistent transition-show="scale"
...@@ -7,65 +26,23 @@ ...@@ -7,65 +26,23 @@
<div class="text-h6">退课申请</div> <div class="text-h6">退课申请</div>
</q-card-section> </q-card-section>
<div style="margin:20px;"> <div style="margin:20px;">
<table :loading="loading"> <div>
<thead> <div class="apply_List" v-for="(item,index) in studentList" v-if="item.IsShow">
<tr> <span style="width:10%">{{item.GuestName}}</span>
<th width="10%"> <span style="width:10%">{{item.SexStr}}</span>
姓名 <span style="width:10%">{{item.Age}}</span>
</th> <span style="width:20%">{{item.Mobile}}</span>
<th width="10%"> <span style="width:20%">
性别 <template v-if="item.ClassHours">已学：{{item.ClassHours}}课时</template>
</th> </span>
<th width="10%"> <span style="width:10%">{{item.GuestStateStr}}</span>
年龄 <span style="width:20%;" class="guest_Status">
</th> <span v-if="item.GuestState==1" @click="clickItem(item,1)">申请</span>
<th width="10%"> <span style="margin-left:10px;" v-if="item.AuditStatus==3" @click="clickItem(item,2)">重新申请</span>
联系电话 <span style="margin-left:10px;" v-if="chooseItem&&chooseItem.Id==item.Id" @click="cancelApply">取消申请</span>
</th> </span>
<th width="10%"> </div>
已上课时 </div>
</th>
<th width="10%">
状态
</th>
<th width="20%">
操作
</th>
</tr>
</thead>
<tbody>
<tr v-for="(item,index) in studentList" v-if="item.IsShow">
<td>
{{item.GuestName}}
</td>
<td>
{{item.SexStr}}
</td>
<td>
{{item.Age}}
</td>
<td>
{{item.Mobile}}
</td>
<td>
{{item.ClassHours}}
</td>
<td>
{{item.GuestStateStr}}
</td>
<td>
<q-btn v-if="item.GuestState==1" flat size="xs" icon="iconfont icon-shenhe" color="info" class="q-mr-xs"
label="申请" @click="clickItem(item,1)" />
<q-btn v-if="item.AuditStatus==3" flat size="xs" icon="iconfont icon-ziyuan" color="warning"
class="q-mr-xs" label="重新申请" @click="clickItem(item,2)" />
<template v-if="chooseItem&&chooseItem.Id==item.Id">
<q-btn flat size="xs" icon="iconfont icon-shenhe" color="info" class="q-mr-xs" label="取消申请"
@click="cancelApply" />
</template>
</td>
</tr>
</tbody>
</table>
<q-input filled stack-label :dense="false" v-model="applyReason" style="margin-top: 20px" type="textarea" <q-input filled stack-label :dense="false" v-model="applyReason" style="margin-top: 20px" type="textarea"
class="col-12" label="申请理由" /> class="col-12" label="申请理由" />
<q-separator /> <q-separator />
......
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