From 4ae80a84f6d47c37285bfab0cb0fb3939d6cdec0 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: Fri, 17 Jan 2025 10:21:16 +0800
Subject: [PATCH] 修改
---
src/views/specialOperationsPay/notCoalPay/index.vue | 184 ++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 178 insertions(+), 6 deletions(-)
diff --git a/src/views/specialOperationsPay/notCoalPay/index.vue b/src/views/specialOperationsPay/notCoalPay/index.vue
index cf82b1e..5500d37 100644
--- a/src/views/specialOperationsPay/notCoalPay/index.vue
+++ b/src/views/specialOperationsPay/notCoalPay/index.vue
@@ -1,10 +1,182 @@
-<script setup>
-
-</script>
-
<template>
+ <div class="app-container">
+ <div>
+ <el-button
+ size="medium"
+ style="margin-bottom: 10px;background-color: #0FC7F0;color: white"
+ @click="handleAdd('add',{})"
+ >录入批次</el-button>
+ <el-date-picker
+ style="margin-left: 30px;width: 300px"
+ size="small"
+ v-model="dateValue"
+ @change="changeDate"
+ type="daterange"
+ format="yyyy-MM-dd"
+ value-format="yyyy-MM-dd"
+ range-separator="至"
+ start-placeholder="开始日期"
+ end-placeholder="结束日期">
+ </el-date-picker>
+ <el-select v-model="queryParams.institutionId" size="small" style="margin-left: 15px;" placeholder="请选择行政区划">
+ <el-option
+ v-for="item in districtList"
+ :key="item.id"
+ :label="item.institutionalName"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ <el-select v-model="queryParams.institutionId" size="small" style="margin-left: 15px;" placeholder="请选择考试点">
+ <el-option
+ v-for="item in examList"
+ :key="item.id"
+ :label="item.institutionalName"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ <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()"
+ >重置</el-button>
+ </div>
+ <el-table v-loading="loading" :data="expertList" style="margin-top: 10px">
+ <el-table-column label="序号" align="center" type="index" />
+ <el-table-column label="提交时间" align="center" prop="createTime" />
+ <el-table-column label="批次名称" align="center" prop="batchName" />
+ <el-table-column label="考试点" align="center" prop="batchName" />
+ <el-table-column label="所属地州" align="center" prop="batchName" />
+ <el-table-column label="缴费类型" align="center" prop="batchName" />
+ <el-table-column label="单人（元）" align="center" prop="batchName" />
+ <el-table-column label="人数" align="center" prop="batchName" />
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180px">
+ <template #default="scope" >
+ <el-button size="mini" type="text" style="color: #1890ff" @click="handleViewStu(scope.row)">学员管理</el-button>
+ <el-button size="mini" type="text" style="color: #1890ff" @click="handleViewCourse(scope.row,'')">批量缴费</el-button>
+ <el-button size="mini" type="text" style="color:lightcoral" @click="handleViewCourse(scope.row,'')">删除</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ v-show="total>0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
+ <add-dialog ref="addDialogRef" @getList = "getList"></add-dialog>
+ <stu-dialog ref="stuDialogRef" @getList = "getList"></stu-dialog>
+ </div>
</template>
-<style scoped lang="scss">
+<script>
+import { delJobRegist } from '@/api/coalMine/jobRegist'
+import { listPlat, listPlatSelect } from '@/api/onlineEducation/plat'
+import { listCourse } from '@/api/onlineEducation/course'
+import addDialog from './components/addDialog.vue'
+import stuDialog from './components/studentDialog.vue'
+export default {
+ name: "nPeopleManage",
+ dicts: [],
+ components: { addDialog,stuDialog },
+ data() {
+ return {
+ isDark:true,
+ loading: false,
+ single: true,
+ multiple: true,
+ showSearch: true,
+ addForm: false,
+ total: 0,
+ districtList: [],
+ examList: [],
+ dateValue: [],
+ expertList: [],
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ institutionId: ''
+ },
+ };
+ },
+ created() {
+ this.getDistrict();
+ this.getList();
+ this.getExam();
+ },
+ methods: {
+ getList(){
+ this.loading = true;
+ this.expertList = [
+ {
+ id: 1,
-</style>
+ }
+ ]
+ this.total = 1
+ this.loading = false;
+ // this.loading = true;
+ // listCourse( this.queryParams).then((res) => {
+ // if (res.code == 200) {
+ // this.expertList = res.rows.map(item => {
+ // return {
+ // ...item,
+ // courseNum: item.outline ? item.outline.length : '',
+ // }
+ // })
+ // this.total = res.total
+ // this.loading = false;
+ // }
+ // })
+ },
+ openUrl(url) {
+ window.open(url,'_blank')
+ },
+ //行政区划
+ getDistrict() {
+
+ },
+ //考试点
+ getExam() {
+
+ },
+ changeDate(val){
+ console.log('val',val)
+ },
+ handleAdd(type,data) {
+ this.$refs.addDialogRef.openDialog(type, data);
+ },
+ handleViewStu(val){
+ this.$refs.stuDialogRef.openDialog(val);
+ },
+ handleQuery(){
+ this.getList();
+ },
+ resetQuery(){
+ this.queryParams = {
+ pageNum: 1,
+ pageSize: 10,
+ institutionId: ''
+ }
+ this.getList();
+ },
+ check(val){
+ this.$confirm('此操作将审核该条数据, 是否继续?', '提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning'
+ }).then(async () => {
+ }).catch(() => {
+
+ });
+ }
+ }
+};
+</script>
--
Gitblit v1.9.2