|
|
@@ -1,82 +1,134 @@
|
|
|
<template>
|
|
|
<div class="app-page">
|
|
|
- <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="100px">
|
|
|
- <el-form-item label="省份筛选" prop="provinceId">
|
|
|
- <el-cascader class="w-[180px]!" :options="area.list" :props="cascaderProps" v-model="area.selected" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="分配学校" prop="assignSchoolId">
|
|
|
- <ie-select v-model="selectedAssignSchool" :options="schoolList" label-key="name" value-key="id" filterable
|
|
|
- clearable class="w-[180px]!" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="注册学校" prop="schoolId">
|
|
|
- <ie-select v-model="selectedSchool" :options="schoolList" label-key="name" value-key="id" filterable clearable
|
|
|
- class="w-[180px]!" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="注册班级" prop="classId">
|
|
|
- <ie-select v-model="selectedClass" :options="classList" label-key="name" value-key="classId" filterable
|
|
|
- clearable class="w-[180px]!" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="培训学校" prop="campusId">
|
|
|
- <ie-select v-model="selectedCampus" :options="campusList" label-key="name" value-key="id" filterable clearable
|
|
|
- class="w-[180px]!" @change="handleCampusChange" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="培训班级" prop="campusClassId">
|
|
|
- <ie-select v-model="selectedCampusClass" :options="campusClassList" label-key="name" value-key="classId"
|
|
|
- clearable filterable class="w-[180px]!" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="代理商" prop="agentId">
|
|
|
- <ie-agent-select v-model="queryParams.agentId" class="w-[180px]!" filterable clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="姓名" prop="nickName">
|
|
|
- <el-input v-model="queryParams.nickName" type="text" class="w-[180px]!" placeholder="请输入姓名" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="手机" prop="phonenumber">
|
|
|
- <el-input v-model="queryParams.phonenumber" type="text" v-number maxlength="11" class="w-[180px]!"
|
|
|
- placeholder="请输入手机号" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="卡号段" prop="begin">
|
|
|
- <div class="flex items-center gap-x-3">
|
|
|
- <el-input v-model="queryParams.begin" type="text" maxlength="11" class="w-[180px]!" placeholder="请输入开始卡号" />
|
|
|
- <span class="text-gray-500">-</span>
|
|
|
- <el-input v-model="queryParams.end" type="text" maxlength="11" class="w-[180px]!" placeholder="请输入结束卡号" />
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="卡分配日期" prop="assignTimeRange">
|
|
|
- <el-date-picker v-model="queryParams.assignTimeRange" type="daterange" range-separator="至"
|
|
|
- start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" class="w-[282px]!" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="平台机构" prop="deptId">
|
|
|
- <ie-institution-select v-model="queryParams.deptId" class="w-[180px]!" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="考生类型" prop="examType">
|
|
|
- <ie-select v-model="queryParams.examType" :options="exam_type" class="w-[180px]!" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="卡类型" prop="type">
|
|
|
- <ie-select v-model="queryParams.type" :options="card_type" class="w-[180px]!" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="分配状态" prop="distributeStatus">
|
|
|
- <ie-select v-model="queryParams.distributeStatus" :options="card_distribute_status" class="w-[180px]!"
|
|
|
- clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="使用状态" prop="status">
|
|
|
- <ie-select v-model="queryParams.status" :options="CARD_STATUS" class="w-[180px]!" clearable />
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="过期状态" prop="timeStatus">
|
|
|
- <ie-select v-model="queryParams.timeStatus" :options="card_time_status" class="w-[180px]!" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="结算状态" prop="isSettlement">
|
|
|
- <ie-select v-model="queryParams.isSettlement" :options="card_settlement_status" class="w-[180px]!" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="缴费状态" prop="payStatus">
|
|
|
- <ie-select v-model="queryParams.payStatus" :options="card_pay_status" class="w-[180px]!" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
- <el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
- </el-form-item>
|
|
|
+ <el-form :model="queryParams" ref="queryRef" v-show="showSearch" label-width="100px">
|
|
|
+ <!-- 第一行:卡号段、卡类型、卡分配日期 -->
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="卡号段" prop="begin">
|
|
|
+ <div class="flex items-center gap-x-1">
|
|
|
+ <el-input v-model="queryParams.begin" type="text" maxlength="11" class="w-[85px]!" placeholder="开始卡号" />
|
|
|
+ <span class="text-gray-500 text-sm">-</span>
|
|
|
+ <el-input v-model="queryParams.end" type="text" maxlength="11" class="w-[85px]!" placeholder="结束卡号" />
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="卡类型" prop="type">
|
|
|
+ <ie-select v-model="queryParams.type" :options="card_type" class="w-[180px]!" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="卡分配日期" prop="assignTimeRange">
|
|
|
+ <el-date-picker v-model="queryParams.assignTimeRange" type="daterange" range-separator="至"
|
|
|
+ start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" class="w-[180px]!" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <!-- 其他表单项:每行4个 -->
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="省份筛选" prop="provinceId">
|
|
|
+ <el-cascader class="w-[180px]!" :options="area.list" :props="cascaderProps" v-model="area.selected" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="分配学校" prop="assignSchoolId">
|
|
|
+ <ie-select v-model="selectedAssignSchool" :options="schoolList" label-key="name" value-key="id" filterable
|
|
|
+ clearable class="w-[180px]!" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="代理商" prop="agentId">
|
|
|
+ <ie-agent-select v-model="queryParams.agentId" class="w-[180px]!" filterable clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="平台机构" prop="deptId">
|
|
|
+ <ie-institution-select v-model="queryParams.deptId" class="w-[180px]!" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="注册学校" prop="schoolId">
|
|
|
+ <ie-select v-model="selectedSchool" :options="schoolList" label-key="name" value-key="id" filterable clearable
|
|
|
+ class="w-[180px]!" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="注册班级" prop="classId">
|
|
|
+ <ie-select v-model="selectedClass" :options="classList" label-key="name" value-key="classId" filterable
|
|
|
+ clearable class="w-[180px]!" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="培训学校" prop="campusId">
|
|
|
+ <ie-select v-model="selectedCampus" :options="campusList" label-key="name" value-key="id" filterable clearable
|
|
|
+ class="w-[180px]!" @change="handleCampusChange" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="培训班级" prop="campusClassId">
|
|
|
+ <ie-select v-model="selectedCampusClass" :options="campusClassList" label-key="name" value-key="classId"
|
|
|
+ clearable filterable class="w-[180px]!" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="姓名" prop="nickName">
|
|
|
+ <el-input v-model="queryParams.nickName" type="text" class="w-[180px]!" placeholder="请输入姓名" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="手机" prop="phonenumber">
|
|
|
+ <el-input v-model="queryParams.phonenumber" type="text" v-number maxlength="11" class="w-[180px]!"
|
|
|
+ placeholder="请输入手机号" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="考生类型" prop="examType">
|
|
|
+ <ie-select v-model="queryParams.examType" :options="exam_type" class="w-[180px]!" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="分配状态" prop="distributeStatus">
|
|
|
+ <ie-select v-model="queryParams.distributeStatus" :options="card_distribute_status" class="w-[180px]!"
|
|
|
+ clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="使用状态" prop="status">
|
|
|
+ <ie-select v-model="queryParams.status" :options="CARD_STATUS" class="w-[180px]!" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="过期状态" prop="timeStatus">
|
|
|
+ <ie-select v-model="queryParams.timeStatus" :options="card_time_status" class="w-[180px]!" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="结算状态" prop="isSettlement">
|
|
|
+ <ie-select v-model="queryParams.isSettlement" :options="card_settlement_status" class="w-[180px]!" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="缴费状态" prop="payStatus">
|
|
|
+ <ie-select v-model="queryParams.payStatus" :options="card_pay_status" class="w-[180px]!" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
-
|
|
|
<el-row class="mt-2">
|
|
|
<CustomButton icon="plus" v-hasPermi="['dz:cards:issue']" @click="handleAddCard">制卡</CustomButton>
|
|
|
<CustomButton color="#67c23a" v-hasPermi="['dz:cards:assign']" @click="handleAssign">
|