Compare commits

..

No commits in common. "72384dc7baedc037042a0504553b4e000b735225" and "f6c573c69ec2590bcc96b51fee16cb6f36342764" have entirely different histories.

3 changed files with 37 additions and 52 deletions

View File

@ -32,14 +32,17 @@
</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">
<t-row :gutter="75"> <div
<t-col :offset="3" :span="3"> style="
<t-button type="submit">搜索</t-button> display: flex;
</t-col> justify-content: space-between;
<t-col :span="3"> width: 8vw;
<t-button type="reset">重置</t-button> margin-left: 4.5vw;
</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>

View File

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

View File

@ -63,6 +63,9 @@
@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>
@ -96,7 +99,7 @@
</div> </div>
</template> </template>
<script setup lang="jsx"> <script setup>
import { ref, reactive, onMounted } from 'vue' import { ref, reactive, onMounted } from 'vue'
import { import {
APIParagraphList, APIParagraphList,
@ -119,17 +122,7 @@ 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' }
] ]
// //