Compare commits
2 Commits
f6c573c69e
...
72384dc7ba
Author | SHA1 | Date | |
---|---|---|---|
|
72384dc7ba | ||
|
e5190eac63 |
|
@ -32,17 +32,14 @@
|
||||||
</t-row>
|
</t-row>
|
||||||
<t-row style="margin-top: 0.5rem">
|
<t-row style="margin-top: 0.5rem">
|
||||||
<t-col :push="10" :span="2" style="margin-top: 0.2rem">
|
<t-col :push="10" :span="2" style="margin-top: 0.2rem">
|
||||||
<div
|
<t-row :gutter="75">
|
||||||
style="
|
<t-col :offset="3" :span="3">
|
||||||
display: flex;
|
<t-button type="submit">搜索</t-button>
|
||||||
justify-content: space-between;
|
</t-col>
|
||||||
width: 8vw;
|
<t-col :span="3">
|
||||||
margin-left: 4.5vw;
|
<t-button type="reset">重置</t-button>
|
||||||
"
|
</t-col>
|
||||||
>
|
</t-row>
|
||||||
<t-button type="submit">搜索</t-button>
|
|
||||||
<t-button type="reset">重置</t-button>
|
|
||||||
</div>
|
|
||||||
</t-col>
|
</t-col>
|
||||||
</t-row>
|
</t-row>
|
||||||
</t-form>
|
</t-form>
|
||||||
|
|
|
@ -51,18 +51,16 @@
|
||||||
</t-form-item>
|
</t-form-item>
|
||||||
</t-col>
|
</t-col>
|
||||||
|
|
||||||
<t-col :push="4" :span="2" style="margin-top: 0.2rem">
|
<t-col :span="6" style="margin-top: 0.2rem">
|
||||||
<div
|
<t-row>
|
||||||
style="
|
<t-col :offset="9" :span="1">
|
||||||
display: flex;
|
<t-button type="submit">搜索</t-button>
|
||||||
justify-content: space-between;
|
</t-col>
|
||||||
width: 8vw;
|
<t-col :span="1"> </t-col>
|
||||||
margin-left: 5vw;
|
<t-col :span="1">
|
||||||
"
|
<t-button type="reset">重置</t-button>
|
||||||
>
|
</t-col>
|
||||||
<t-button type="submit" class="button">搜索</t-button>
|
</t-row>
|
||||||
<t-button type="reset">重置</t-button>
|
|
||||||
</div>
|
|
||||||
</t-col>
|
</t-col>
|
||||||
</t-row>
|
</t-row>
|
||||||
</t-form>
|
</t-form>
|
||||||
|
@ -83,12 +81,6 @@
|
||||||
@page-change="onPageChange"
|
@page-change="onPageChange"
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
>
|
>
|
||||||
<template #tuition="{ row }">
|
|
||||||
<t-tag v-if="row.tuition === '未缴学费'" theme="danger">{{
|
|
||||||
row.tuition
|
|
||||||
}}</t-tag>
|
|
||||||
<t-tag v-else theme="success">{{ row.tuition }}</t-tag>
|
|
||||||
</template>
|
|
||||||
<template #action="{ row }">
|
<template #action="{ row }">
|
||||||
<t-button
|
<t-button
|
||||||
v-if="row.tuition === '未缴学费'"
|
v-if="row.tuition === '未缴学费'"
|
||||||
|
@ -107,7 +99,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup lang="jsx">
|
||||||
import { ref, reactive, onMounted } from 'vue'
|
import { ref, reactive, onMounted } from 'vue'
|
||||||
import {
|
import {
|
||||||
APIReceivablesList,
|
APIReceivablesList,
|
||||||
|
@ -215,8 +207,26 @@ const columns = ref([
|
||||||
{ colKey: 'department', title: '部门' },
|
{ colKey: 'department', title: '部门' },
|
||||||
{ colKey: 'major', title: '专业' },
|
{ colKey: 'major', title: '专业' },
|
||||||
{ colKey: 'grade', title: '班级' },
|
{ colKey: 'grade', title: '班级' },
|
||||||
{ colKey: 'tuition', title: '是否缴费' },
|
{
|
||||||
{ colKey: 'action', title: '操作', align: 'center' }
|
colKey: 'tuition',
|
||||||
|
title: '是否缴费',
|
||||||
|
cell: (h, { row }) => {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{row.tuition === '未缴学费' ? (
|
||||||
|
<t-tag theme='danger'>{row.tuition}</t-tag>
|
||||||
|
) : (
|
||||||
|
<t-tag theme='success'>{row.tuition}</t-tag>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
colKey: 'action',
|
||||||
|
title: '操作',
|
||||||
|
align: 'center'
|
||||||
|
}
|
||||||
])
|
])
|
||||||
// 表格分页数据
|
// 表格分页数据
|
||||||
let pagination = {
|
let pagination = {
|
||||||
|
@ -304,6 +314,7 @@ const handleExport = () => {
|
||||||
6: item.tuition
|
6: item.tuition
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
// 导出excel表格
|
||||||
ExcelUtils(title, titleFile, columns, addRow)
|
ExcelUtils(title, titleFile, columns, addRow)
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
|
|
@ -63,9 +63,6 @@
|
||||||
@page-change="onPageChange"
|
@page-change="onPageChange"
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
>
|
>
|
||||||
<template #condition="{ row }">
|
|
||||||
<t-tag theme="danger">{{ row.condition }}</t-tag>
|
|
||||||
</template>
|
|
||||||
<template #operation="{ row }">
|
<template #operation="{ row }">
|
||||||
<t-button size="small" @click="onClick(row)">联系该学生导员</t-button>
|
<t-button size="small" @click="onClick(row)">联系该学生导员</t-button>
|
||||||
</template>
|
</template>
|
||||||
|
@ -99,7 +96,7 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup lang="jsx">
|
||||||
import { ref, reactive, onMounted } from 'vue'
|
import { ref, reactive, onMounted } from 'vue'
|
||||||
import {
|
import {
|
||||||
APIParagraphList,
|
APIParagraphList,
|
||||||
|
@ -122,7 +119,17 @@ const columns = [
|
||||||
{ colKey: 'counselor', title: '学生导员' },
|
{ colKey: 'counselor', title: '学生导员' },
|
||||||
{ colKey: 'cellPhone', title: '导员手机号' },
|
{ colKey: 'cellPhone', title: '导员手机号' },
|
||||||
{ colKey: 'money', title: '催款金额' },
|
{ colKey: 'money', title: '催款金额' },
|
||||||
{ colKey: 'condition', title: '还款情况' },
|
{
|
||||||
|
colKey: 'condition',
|
||||||
|
title: '还款情况',
|
||||||
|
cell: (h, { row }) => {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<t-tag theme='success'>{row.condition}</t-tag>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
},
|
||||||
{ colKey: 'operation', title: '操作', align: 'center' }
|
{ colKey: 'operation', title: '操作', align: 'center' }
|
||||||
]
|
]
|
||||||
//分页
|
//分页
|
||||||
|
|
Loading…
Reference in New Issue
Block a user