dianliang/lanan-system-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0510

Browse Source
This commit is contained in:
Lx 2025-05-10 16:36:55 +08:00
parent 959f232733
commit 466dc8f8c6
5 changed files with 651 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/utils/dict.js
View File

@ -254,6 +254,8 @@ export const DICT_TYPE = {
DRIVE_SCHOOL_PAY_TYPE: 'drive_school_pay_type',
// 维修通知公告
DRIVE_SCHOOL_NOTICE_SERVER: 'jiaxiao',
// 交通方式
SCHOOL_TRANSPORT_WAY: 'school_transport_way',
}

95
src/views/drivingSchool/StudentScoreInput/api/index.js Normal file
View File

@ -0,0 +1,95 @@
import request from '@/utils/request'
// 创建驾校-学员课程进度
export function checkProcess(data) {
return request({
url: '/process/check',
method: 'post',
data: data
})
}
// 删除驾校-学员课程进度
export function deleteprocess(id) {
return request({
url: '/course/process/delete?id=' + id,
method: 'delete'
})
}
// 获得驾校-学员课程进度
export function getprocess(id) {
return request({
url: '/process/get?id=' + id,
method: 'get'
})
}
// 获得驾校-学员课程进度
export function getProcessAndBatch(id) {
return request({
url: '/process/getProcessAndBatch?id=' + id,
method: 'get'
})
}
// 获得驾校-学员课程进度分页
export function getprocessPage(params) {
return request({
url: '/process/page',
method: 'get',
params
})
}
// 导出驾校-学员课程进度 Excel
export function exportprocessExcel(params) {
return request({
url: '/course/process/export-excel',
method: 'get',
params,
responseType: 'blob'
})
}
// 创建驾校-学员课程进度(传递集合)
export function saveProcess(data) {
return request({
url: '/process/saveProcess',
method: 'post',
data: data
})
}
// 根据用户id和课程id查询进度
export function getAllByUserIdAndCourseId(params) {
return request({
url: '/process/getAllByUserIdAndCourseId',
method: 'get',
params
})
}
export function getExamAddress(type,subject) {
return request({
url: '/address/getList',
method: 'get',
params: {
type,
subject
}
})
}
export function scoreInput(data) {
return request({
url: '/scoreInput/input',
method: 'post',
data: data
})
}
export function scoreEdit(data) {
return request({
url: '/scoreInput/update',
method: 'put',
data: data
})
}

372
src/views/drivingSchool/StudentScoreInput/form/scoreInputForm.vue Normal file
View File

@ -0,0 +1,372 @@
<template>
<div class="app-container">
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="50%" v-dialogDrag append-to-body>
<el-form ref="formRef" :model="formData" :rules="formRules" v-loading="formLoading" label-width="100px">
<el-collapse v-model="activeNames">
<el-collapse-item title="学员课程情况" name="1">
<el-row>
<el-col span="12">
<el-form-item label="课程名称" prop="courseName">
<el-input :readonly="readonly" v-model="formData.courseName"/>
</el-form-item>
</el-col>
<el-col span="12">
<el-form-item label="教练姓名" prop="coachName">
<el-input :readonly="readonly" v-model="formData.coachName"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col span="12">
<el-form-item label="学员姓名" prop="userName">
<el-input :readonly="readonly" v-model="formData.userName"/>
</el-form-item>
</el-col>
<el-col span="12">
<el-form-item label="学员手机号" prop="userMobile">
<el-input :readonly="readonly" v-model="formData.userMobile"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col span="12">
<el-form-item label="科目" prop="subject">
<el-input :readonly="readonly" v-model="formData.subject"/>
</el-form-item>
</el-col>
<el-col span="12">
<el-form-item label="考试次数" prop="examNum">
<el-input v-model="formData.examNum"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col span="12">
<el-form-item label="当前状态" prop="status">
<el-select v-model="formData.status" placeholder="请选择">
<el-option
v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col span="12">
<el-form-item label="考试情况" prop="examStatus">
<el-select v-model="formData.examStatus" placeholder="请选择">
<el-option
v-for="item in examStatusOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col span="12">
<el-form-item label="考试分数" prop="examScore">
<el-input v-model="formData.examScore"/>
</el-form-item>
</el-col>
<el-col span="12">
<el-form-item label="考试时间" prop="examTime">
<el-date-picker clearable v-model="formData.examTime" type="date" value-format="timestamp" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input type="textarea" v-model="formData.remark" placeholder="请输入备注" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="证明材料" prop="images">
<image-upload v-model="formData.images"/>
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="考场信息" name="2">
<el-row>
<el-col :span="12">
<el-form-item label="考试地点" prop="addrId">
<el-select
v-model="formData.addrId"
placeholder="请选择考试地点"
@change="handleAddressChange"
>
<el-option
v-for="item in addressList"
:key="item.id"
:label="item.address"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="交通方式" prop="transWay">
<el-select v-model="formData.transWay" placeholder="请选择">
<el-option
v-for="item in tranSportList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col span="12">
<el-form-item label="考试开始时间" prop="startTime">
<el-date-picker clearable v-model="formData.startTime" type="date" value-format="timestamp" />
</el-form-item>
</el-col>
<el-col span="12">
<el-form-item label="考试结束时间" prop="endTime">
<el-date-picker clearable v-model="formData.endTime" type="date" value-format="timestamp" />
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" :readonly="formLoading">保存</el-button>
<el-button @click="dialogVisible = false">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import * as scoreInputApi from '@/views/drivingSchool/StudentScoreInput/api';
import { getExamAddress, getProcessAndBatch, scoreEdit } from '@/views/drivingSchool/StudentScoreInput/api'
import { DICT_TYPE, getDictDatas } from '@/utils/dict'
export default {
name: "processForm",
components: {
},
data() {
return {
readonly:true,
// 弹出层标题
dialogTitle: "",
// 是否显示弹出层
dialogVisible: false,
activeNames: ['1','2'],
// 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
formLoading: false,
addressList:[],
statusOptions:[
{
value:'0',
label:'未完成'
},
{
value:'1',
label:'训练中'
},
{
value:'2',
label:'已完成'
}
],
examStatusOptions:[
{
value:null,
label:'未送考'
},{
value:'1',
label:'已通过'
},{
value:'9',
label:'已送考'
},{
value:'0',
label:'未通过'
}
],
financePassOption:[
{
value:false,
label:'未通过'
},
{
value:true,
label:'通过'
},
],
// 表单参数
formData: {
processId: undefined,
courseId: undefined,
courseName: undefined,
userId: undefined,
userName: undefined,
userMobile: undefined,
coachId: undefined,
coachName: undefined,
subject: undefined,
examNum: undefined,
status: undefined,
examStatus: undefined,
examScore: undefined,
images: undefined,
examTime: undefined,
remark: undefined,
trainTime: undefined,
financePass: undefined,
financeRemark: undefined,
addrId: '',
addr: '',
transWay: '',
fraction: '',
startTime: undefined,
endTime: undefined,
},
// 表单校验
formRules: {
// userId: [{ required: true, message: '用户（学员）ID不能为空', trigger: 'blur' }],
// userName: [{ required: true, message: '用户（学员）姓名不能为空', trigger: 'blur' }],
// userMobile: [{ required: true, message: '学员手机号不能为空', trigger: 'blur' }],
// coachId: [{ required: true, message: '教练ID不能为空', trigger: 'blur' }],
// examNum: [{ required: true, message: '考试次数（第一次考试为1，第二次为2...）不能为空', trigger: 'blur' }],
// status: [{ required: true, message: '当前状态（0-未开始;1-训练中；2-已完成）不能为空', trigger: 'blur' }],
// examStatus: [{ required: true, message: '考试是否合格（0未通过；1已通过;null 未考试）不能为空', trigger: 'blur' }],
// examScore: [{ required: true, message: '考试分数不能为空', trigger: 'blur' }],
// images: [{ required: true, message: '图片证明材料不能为空', trigger: 'blur' }],
// examTime: [{ required: true, message: '考试时间不能为空', trigger: 'blur' }],
// remark: [{ required: true, message: '备注不能为空', trigger: 'blur' }],
// trainTime: [{ required: true, message: '本科目累计训练时长不能为空', trigger: 'blur' }],
// financePass: [{ required: true, message: '财务审核是否通过不能为空', trigger: 'blur' }],
// financeRemark: [{ required: true, message: '财务审核备注不能为空', trigger: 'blur' }],
},
tranSportList: getDictDatas(DICT_TYPE.SCHOOL_TRANSPORT_WAY),
operationType: null,
};
},
methods: {
/** 打开弹窗 */
async open(id, type) {
this.operationType = type;
this.dialogVisible = true;
this.reset();
if (!id) return; // 如果没有id直接返回
this.formLoading = true;
try {
// 根据不同类型调用不同API
const apiCall = {
'input': () => scoreInputApi.getprocess(id),
'edit': () => scoreInputApi.getProcessAndBatch(id),
'default': () => scoreInputApi.getprocess(id)
};
const res = await (apiCall[type] || apiCall['default'])();
this.formData = {
...res.data,
processId: res.data.id,
fraction: res.data.examScore
};
console.log('formData', this.formData)
console.log('type', type)
// 设置对话框标题
this.dialogTitle = type === "input"
? "录入-驾校学员成绩"
: "修改-驾校学员成绩";
// 获取考试地址
await this.getExamAddress(1, res.data.subject);
} catch (error) {
console.error('获取数据失败:', error);
// 可以添加错误处理，如显示提示消息
} finally {
this.formLoading = false;
}
},
/** 提交按钮 */
async submitForm() {
// 校验主表
await this.$refs["formRef"].validate();
this.formLoading = true;
try {
const data = this.formData;
// 根据操作类型调用不同接口
if (this.operationType === 'input') {
await scoreInputApi.scoreInput(data); // 调用录入接口
this.$modal.msgSuccess("录入成功");
} else {
await scoreInputApi.scoreEdit(data); // 调用修改接口
this.$modal.msgSuccess("修改成功");
}
this.dialogVisible = false;
this.$emit('success');
} finally {
this.formLoading = false;
}
},
/** 表单重置 */
reset() {
this.formData = {
courseId: undefined,
courseName: undefined,
userId: undefined,
userName: undefined,
userMobile: undefined,
coachId: undefined,
coachName: undefined,
subject: undefined,
examNum: undefined,
status: undefined,
examStatus: undefined,
examScore: undefined,
images: undefined,
examTime: undefined,
remark: undefined,
trainTime: undefined,
financePass: undefined,
financeRemark: undefined,
addr_id: '',
addr: '',
transWay: '',
fraction: '',
startTime: undefined,
endTime: undefined,
};
this.resetForm("formRef");
},
handleAddressChange(selectedId) {
const selectedItem = this.addressList.find(item => item.id === selectedId);
this.formData.addr = selectedItem ? selectedItem.address : '';
},
async getExamAddress() {
console.log('formData', this.formData)
try {
const response = await getExamAddress(1,2);
this.addressList = response.data;
} catch (error) {
console.error('获取考场地址失败:', error);
this.$message.error('获取考场地址失败');
}
},
}
};
</script>

177
src/views/drivingSchool/StudentScoreInput/index.vue Normal file
View File

@ -0,0 +1,177 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="课程名称" prop="courseName">
<el-input v-model="queryParams.courseName" placeholder="请输入课程名称" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="教练姓名" prop="coachName">
<el-input v-model="queryParams.coachName" placeholder="请输入教练姓名" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="学员姓名" prop="userName">
<el-input v-model="queryParams.userName" placeholder="请输入学员姓名" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="学员身份证号" prop="studentIdCard" label-width="120px">
<el-input v-model="queryParams.studentIdCard" placeholder="学员身份证号" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="openForm(undefined)">新增</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="课程名称" align="center" prop="courseName" />
<el-table-column label="学员姓名" align="center" prop="userName" />
<el-table-column label="学员身份证号" align="center" prop="studentIdCard" width="180"/>
<el-table-column label="学员手机号" width="120" align="center" prop="userMobile" />
<el-table-column label="教练姓名" align="center" prop="coachName" />
<el-table-column label="科目" align="center" prop="subject" />
<el-table-column label="考试次数" align="center" prop="examNum" />
<el-table-column label="当前状态" align="center" prop="status">
<template v-slot="scope">
<span v-if="scope.row.status == '0'">未开始</span>
<span v-if="scope.row.status == '1'">训练中</span>
<span v-if="scope.row.status == '2'">已完成</span>
</template>
</el-table-column>
<el-table-column label="考试状态" align="center" prop="examStatus">
<template v-slot="scope">
<span v-if="scope.row.examStatus == null">未送考</span>
<span v-if="scope.row.examStatus == '1'">已通过</span>
<span v-if="scope.row.examStatus == '9'">已送考</span>
<span v-if="scope.row.examStatus == '0'">未通过</span>
</template>
</el-table-column>
<el-table-column label="考试分数" align="center" prop="examScore" />
<el-table-column label="考试时间" align="center" prop="examTime" width="180">
<template v-slot="scope">
<span>{{ parseTime(scope.row.examTime) }}</span>
</template>
</el-table-column>
<el-table-column label="累计训练时长" width="120" align="center" prop="trainTime"/>
<el-table-column label="更新人" width="120" align="center" prop="updateName"/>
<el-table-column label="财务审核" align="center" prop="financePass">
<template v-slot="scope">
<span v-if="scope.row.financePass == null">待审核</span>
<span v-if="scope.row.financePass == 1">通过</span>
<span v-if="scope.row.financePass == 0">未通过</span>
</template>
</el-table-column>
<el-table-column label="操作" width="120" align="center" class-name="small-padding fixed-width">
<template v-slot="scope">
<el-button size="mini" type="text" icon="el-icon-edit" :disabled="scope.row.examScore" @click="openForm(scope.row.id, 'input')">成绩录入</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" :disabled="!scope.row.examScore" @click="openForm(scope.row.id, 'edit')">成绩修改</el-button>
<!-- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>-->
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<scoreInputForm ref="formRef" @success="getList" />
</div>
</template>
<script>
import * as processApi from '@/views/drivingSchool/StudentScoreInput/api';
import scoreInputForm from '@/views/drivingSchool/StudentScoreInput/form/scoreInputForm.vue'
import { DICT_TYPE, getDictDatas } from '@/utils/dict'
export default {
name: "StudentScoreInput",
components: {
scoreInputForm,
},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 驾校-学员课程进度列表
list: [],
// 是否展开，默认全部展开
isExpandAll: true,
// 重新渲染表格状态
refreshTable: true,
// 选中行
currentRow: {},
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
courseName: null,
coachName: null,
userName: null,
studentIdCard:null,
},
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
async getList() {
try {
this.loading = true;
const res = await processApi.getprocessPage(this.queryParams);
this.list = res.data.records;
this.total = res.data.total;
} finally {
this.loading = false;
}
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
/** 添加/修改操作 */
openForm(id, type) {
this.$refs["formRef"].open(id, type);
},
/** 删除按钮操作 */
async handleDelete(row) {
const id = row.id;
await this.$modal.confirm('是否确认删除驾校-学员课程进度编号为"' + id + '"的数据项?')
try {
await processApi.deleteprocess(id);
await this.getList();
this.$modal.msgSuccess("删除成功");
} catch {}
},
/** 导出按钮操作 */
async handleExport() {
await this.$modal.confirm('是否确认导出所有驾校-学员课程进度数据项?');
try {
this.exportLoading = true;
const data = await processApi.exportprocessExcel(this.queryParams);
this.$download.excel(data, '驾校-学员课程进度.xls');
} catch {
} finally {
this.exportLoading = false;
}
},
}
};
</script>

5
src/views/drivingSchool/process/index.vue
View File

@ -11,6 +11,9 @@
<el-form-item label="学员姓名" prop="userName">
<el-input v-model="queryParams.userName" placeholder="请输入学员姓名" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="学员身份证号" prop="studentIdCard" label-width="120px">
<el-input v-model="queryParams.studentIdCard" placeholder="学员身份证号" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
@ -28,6 +31,7 @@
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="课程名称" align="center" prop="courseName" />
<el-table-column label="学员姓名" align="center" prop="userName" />
<el-table-column label="学员身份证号" align="center" prop="studentIdCard" width="180"/>
<el-table-column label="学员手机号" width="120" align="center" prop="userMobile" />
<el-table-column label="教练姓名" align="center" prop="coachName" />
<el-table-column label="科目" align="center" prop="subject" />
@ -109,6 +113,7 @@ export default {
courseName: null,
coachName: null,
userName: null,
studentIdCard:null,
},
};
},