src/pages/receivables-management/Arrearage.vue

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

src/pages/receivables-management/accountReceivable.vue

@@ -51,16 +51,18 @@
             </t-form-item>
           </t-col>
 
-          <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-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>
-              </t-col>
-            </t-row>
+            </div>
           </t-col>
         </t-row>
       </t-form>
@@ -81,6 +83,12 @@
         @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 === '未缴学费'"
@@ -99,7 +107,7 @@
     </div>
   </div>
 </template>
-<script setup lang="jsx">
+<script setup>
 import { ref, reactive, onMounted } from 'vue'
 import {
   APIReceivablesList,
@@ -207,26 +215,8 @@ const columns = ref([
   { colKey: 'department', title: '部门' },
   { colKey: 'major', title: '专业' },
   { colKey: 'grade', title: '班级' },
-  {
-    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'
-  }
+  { colKey: 'tuition', title: '是否缴费' },
+  { colKey: 'action', title: '操作', align: 'center' }
 ])
 // 表格分页数据
 let pagination = {
@@ -314,7 +304,6 @@ const handleExport = () => {
       6: item.tuition
     })
   })
-  // 导出excel表格
   ExcelUtils(title, titleFile, columns, addRow)
 }
 onMounted(() => {

src/pages/receivables-management/chargeSchedule.vue

@@ -63,6 +63,9 @@
         @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>
@@ -96,7 +99,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref, reactive, onMounted } from 'vue'
 import {
   APIParagraphList,
@@ -119,17 +122,7 @@ const columns = [
   { colKey: 'counselor', title: '学生导员' },
   { colKey: 'cellPhone', title: '导员手机号' },
   { colKey: 'money', title: '催款金额' },
-  {
-    colKey: 'condition',
-    title: '还款情况',
-    cell: (h, { row }) => {
-      return (
-        <div>
-          <t-tag theme='success'>{row.condition}</t-tag>
-        </div>
-      )
-    }
-  },
+  { colKey: 'condition', title: '还款情况' },
   { colKey: 'operation', title: '操作', align: 'center' }
 ]
 //分页