From 509f1d71c91242b11fd287cfcdeafe3d19b2d807 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期二, 04 三月 2025 11:11:46 +0800
Subject: [PATCH] 新增

---
 src/views/specialOperationsPay/notCoalPay/index.vue |   23 +++++++++++++----------
 1 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/views/specialOperationsPay/notCoalPay/index.vue b/src/views/specialOperationsPay/notCoalPay/index.vue
index 1a54724..224d544 100644
--- a/src/views/specialOperationsPay/notCoalPay/index.vue
+++ b/src/views/specialOperationsPay/notCoalPay/index.vue
@@ -2,7 +2,6 @@
   <div class="app-container">
     <div>
       <el-button
-        size="medium"
         style="margin-right: 10px;background-color: #0FC7F0;color: white"
         @click="handleAdd('add',{})"
         v-if="isAhthority"
@@ -10,7 +9,6 @@
       </el-button>
       <el-date-picker
         style="width: 300px"
-        size="small"
         v-model="dateValue"
         @change="changeDate"
         type="daterange"
@@ -37,16 +35,14 @@
 <!--        </el-option>-->
 <!--      </el-select>-->
 <!--      <treeselect v-model="queryParams.deptId" :options="deptOptions" :show-count="true" placeholder="请选择组织架构" />-->
-      <el-cascader v-model="queryParams.deptId" size="small" style="margin-left: 10px" :options="deptOptions" placeholder="组织架构" :props="{ expandTrigger: 'hover',checkStrictly: true,emitPath: false,value: 'id' }"></el-cascader>
+      <el-cascader v-model="queryParams.deptId" style="margin-left: 10px" :options="deptOptions" placeholder="组织架构" :props="{ expandTrigger: 'hover',checkStrictly: true,emitPath: false,value: 'id' }"></el-cascader>
       <el-button
-        size="small"
         type="primary"
         style="margin-bottom: 10px;margin-left: 20px"
         @click="handleQuery()"
       >查询
       </el-button>
       <el-button
-        size="small"
         type="primary"
         style="margin-bottom: 10px"
         @click="resetQuery()"
@@ -70,11 +66,11 @@
           <span>{{scope.row.havePayNum}}</span>/{{scope.row.totalNum}}
         </template>
       </el-table-column>
-      <el-table-column label="学员个人缴费" align="center" prop="batchName">
+      <el-table-column label="缴费形式" align="center" prop="batchName">
         <template #default="scope">
-          <span v-if="scope.row.payPersonType == 1">已开启</span>
-          <span v-if="scope.row.payPersonType == 2" style="color:red">已关闭</span>
-          <el-button type="text" style="color:lightcoral" @click="updatePayType(scope.row)" v-if="scope.row.payPersonType == 1">关闭</el-button>
+          <el-tag type="success" v-if="scope.row.payPersonType == 1">个人</el-tag>
+          <el-tag v-if="scope.row.payPersonType == 2">批量</el-tag>
+          <el-button type="text" style="color:lightcoral;margin-left: 5px" @click="updatePayType(scope.row)" size="small" v-if="scope.row.payPersonType == 1">转批量</el-button>
         </template>
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180px">
@@ -162,7 +158,6 @@
   methods: {
     getList() {
       this.loading = true;
-      this.loading = false;
       this.queryParams.params.startTime = this.dateValue[0]?this.dateValue[0]:''
       this.queryParams.params.endTime = this.dateValue[1]?this.dateValue[1]:''
       getNonCoalPayList( this.queryParams).then((res) => {
@@ -204,6 +199,7 @@
       this.$refs.batchPayRef.openDialog(val,type);
     },
     handleQuery() {
+      this.queryParams.pageNum = 1
       this.getList();
     },
     resetQuery() {
@@ -221,6 +217,13 @@
       this.getList();
     },
     updatePayType(row){
+      if(row.totalNum < 2){
+        this.$message({
+          type: 'warning',
+          message: '批量缴费人数不能小于二人'
+        })
+        return
+      }
       this.$confirm('一旦关闭则无法重新开启个人缴费,必须批量缴完剩余所有学员。是否继续?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',

--
Gitblit v1.9.2