🐞 fix:

This commit is contained in:
sundongyu 2024-04-16 13:33:28 +08:00
parent bd4f531645
commit e5190eac63
3 changed files with 52 additions and 37 deletions

View File

@ -32,17 +32,14 @@
</t-row>
<t-row style="margin-top: 0.5rem">
<t-col :push="10" :span="2" style="margin-top: 0.2rem">
<div
style="
display: flex;
justify-content: space-between;
width: 8vw;
margin-left: 4.5vw;
"
>
<t-button type="submit">搜索</t-button>
<t-button type="reset">重置</t-button>
</div>
<t-row :gutter="75">
<t-col :offset="3" :span="3">
<t-button type="submit">搜索</t-button>
</t-col>
<t-col :span="3">
<t-button type="reset">重置</t-button>
</t-col>
</t-row>
</t-col>
</t-row>
</t-form>

View File

@ -51,18 +51,16 @@
</t-form-item>
</t-col>
<t-col :push="4" :span="2" style="margin-top: 0.2rem">
<div
style="
display: flex;
justify-content: space-between;
width: 8vw;
margin-left: 5vw;
"
>
<t-button type="submit" class="button">搜索</t-button>
<t-button type="reset">重置</t-button>
</div>
<t-col :span="6" style="margin-top: 0.2rem">
<t-row>
<t-col :offset="9" :span="1">
<t-button type="submit">搜索</t-button>
</t-col>
<t-col :span="1"> </t-col>
<t-col :span="1">
<t-button type="reset">重置</t-button>
</t-col>
</t-row>
</t-col>
</t-row>
</t-form>
@ -83,12 +81,6 @@
@page-change="onPageChange"
: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 }">
<t-button
v-if="row.tuition === '未缴学费'"
@ -107,7 +99,7 @@
</div>
</div>
</template>
<script setup>
<script setup lang="jsx">
import { ref, reactive, onMounted } from 'vue'
import {
APIReceivablesList,
@ -215,8 +207,26 @@ const columns = ref([
{ colKey: 'department', title: '部门' },
{ colKey: 'major', 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 = {
@ -304,6 +314,7 @@ const handleExport = () => {
6: item.tuition
})
})
// excel
ExcelUtils(title, titleFile, columns, addRow)
}
onMounted(() => {

View File

@ -63,9 +63,6 @@
@page-change="onPageChange"
:loading="loading"
>
<template #condition="{ row }">
<t-tag theme="danger">{{ row.condition }}</t-tag>
</template>
<template #operation="{ row }">
<t-button size="small" @click="onClick(row)">联系该学生导员</t-button>
</template>
@ -99,7 +96,7 @@
</div>
</template>
<script setup>
<script setup lang="jsx">
import { ref, reactive, onMounted } from 'vue'
import {
APIParagraphList,
@ -122,7 +119,17 @@ const columns = [
{ colKey: 'counselor', title: '学生导员' },
{ colKey: 'cellPhone', 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' }
]
//