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

更新

Browse Source
This commit is contained in:
许允枞 2025-04-02 09:16:58 +08:00
parent 1fe3616e16
commit bdd53f26cf
4 changed files with 462 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

199
src/views/drivingSchool/DriveSchoolPay/form/SchoolCourseOrderFastAddForm.vue Normal file
View File

@ -0,0 +1,199 @@
<template>
<div class="app-container">
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="45%" v-dialogDrag append-to-body>
<el-form ref="formRef" :model="formData" :rules="formRules" v-loading="formLoading" label-width="100px">
<el-form-item label="订单号" prop="orderNo">
<el-input v-model="formData.orderNo" placeholder="请输入订单号"/>
</el-form-item>
<el-form-item label="用户姓名" prop="userName">
<el-input v-model="formData.userName" placeholder="请输入用户姓名"/>
</el-form-item>
<el-form-item label="用户手机号" prop="userPhone">
<el-input v-model="formData.userPhone" placeholder="请输入用户手机号"/>
</el-form-item>
<el-form-item label="用户身份证号" prop="userNo">
<el-input v-model="formData.userNo" placeholder="请输入用户身份证号"/>
</el-form-item>
<el-form-item label="性别" prop="userSex">
<el-radio-group v-model="formData.sex">
<el-radio v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)"
:key="dict.value" :label="dict.value">{{ dict.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="课程名字" prop="courseName">
<el-input v-model="formData.courseName" placeholder="请输入课程名字"/>
</el-form-item>
<el-form-item label="负责教练" prop="coachUserName">
<el-input v-model="formData.coachUserName" placeholder="请输入主负责教练姓名"/>
</el-form-item>
<el-form-item label="订金金额" prop="reserveMoney">
<el-input v-model="formData.reserveMoney" placeholder="请输入订金金额"/>
</el-form-item>
<el-form-item label="是否终止" prop="ifEnd">
<el-radio-group v-model="formData.ifEnd">
<el-radio v-for="item in ifEndRadio"
:key="item.value" :label="item.value">{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="终止原因" prop="endReason">
<el-input v-model="formData.endReason" placeholder="请输入终止原因"/>
</el-form-item>
<el-form-item label="终止时间" prop="endTime">
<el-date-picker clearable v-model="formData.endTime" type="date" value-format="timestamp"
placeholder="选择终止时间"/>
</el-form-item>
<el-form-item label="订单状态" prop="paymentStatus">
<el-select v-model="formData.paymentStatus" placeholder="请选择订单状态">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.DRIVE_SCHOOL_ORDER_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="是否已面签" prop="isSign">
<el-select v-model="formData.isSign" placeholder="请选择是否已面签">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
<el-form-item label="尾款" prop="restMoney">
<el-input v-model="formData.restMoney" placeholder="请输入尾款"/>
</el-form-item>
<el-form-item label="支付类型" prop="payType">
<el-select v-model="formData.paymentStatus" placeholder="请选择支付类型">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.DRIVE_SCHOOL_PAY_TYPE)"
:key="dict.value" :label="dict.label" :value="dict.value"
/>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" :disabled="formLoading">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import * as SchoolCourseOrderApi from '@/views/drivingSchool/DriveSchoolPay/api';
export default {
name: "SchoolCourseOrderForm",
components: {},
data() {
return {
// 弹出层标题
dialogTitle: "",
// 是否显示弹出层
dialogVisible: false,
// 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
formLoading: false,
// 表单参数
formData: {
orderNo: undefined,
userName: undefined,
userPhone: undefined,
userNo: undefined,
userSex: undefined,
courseId: undefined,
courseName: undefined,
coachUserId: undefined,
coachUserName: undefined,
reserveMoney: undefined,
courseType: undefined,
ifEnd: undefined,
endReason: undefined,
endTime: undefined,
paymentStatus: undefined,
isSign: undefined,
restMoney: undefined,
payType: undefined,
},
ifEndRadio:[
{
label:'是',
value:'1'
},
{
label:'否',
value:'0'
},
],
// 表单校验
formRules: {},
};
},
methods: {
/** 打开弹窗 */
async open(id) {
this.dialogVisible = true;
this.reset();
// 修改时，设置数据
if (id) {
this.formLoading = true;
try {
const res = await SchoolCourseOrderApi.getSchoolCourseOrder(id);
this.formData = res.data;
this.title = "修改驾照报名订单";
} finally {
this.formLoading = false;
}
}
this.title = "新增驾照报名订单";
},
/** 提交按钮 */
async submitForm() {
// 校验主表
await this.$refs["formRef"].validate();
this.formLoading = true;
try {
const data = this.formData;
// 修改的提交
if (data.id) {
await SchoolCourseOrderApi.updateSchoolCourseOrder(data);
this.$modal.msgSuccess("修改成功");
this.dialogVisible = false;
this.$emit('success');
return;
}
// 添加的提交
await SchoolCourseOrderApi.createSchoolCourseOrder(data);
this.$modal.msgSuccess("新增成功");
this.dialogVisible = false;
this.$emit('success');
} finally {
this.formLoading = false;
}
},
/** 表单重置 */
reset() {
this.formData = {
orderNo: undefined,
userName: undefined,
userPhone: undefined,
userNo: undefined,
userSex: undefined,
courseId: undefined,
courseName: undefined,
coachUserId: undefined,
coachUserName: undefined,
reserveMoney: undefined,
courseType: undefined,
ifEnd: undefined,
endReason: undefined,
endTime: undefined,
paymentStatus: undefined,
isSign: undefined,
restMoney: undefined,
payType: undefined,
};
this.resetForm("formRef");
}
}
};
</script>

149
src/views/drivingSchool/DriveSchoolPay/form/assignmentCoach.vue Normal file
View File

@ -0,0 +1,149 @@
<template>
<div class="app-container">
<!-- 对话框(分配) -->
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="55%" v-dialogDrag append-to-body>
<!-- 表格 -->
<el-table
v-loading="formLoading"
:data="process"
border
style="width: 100%"
>
<el-table-column label="科目" prop="subjectStr" align="center" width=""></el-table-column>
<el-table-column label="教练" align="center" width="">
<template slot-scope="scope">
<el-select v-model="scope.row.coachId" placeholder="请选择" @change="handleChange(scope.row)">
<el-option
v-for="item in scope.row.coachList"
:key="item.coachId"
:label="item.coachName"
:value="item.coachId"
></el-option>
</el-select>
</template>
</el-table-column>
</el-table>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" :disabled="formLoading">确 定</el-button>
<el-button @click="dialogVisible = false;">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import * as SchoolCourseOrderApi from '@/views/drivingSchool/DriveSchoolPay/api';
import {getCoachByCourseId} from "@/views/drivingSchool/schoolCoachCourse/api/achoolCoachCourse";
import {saveProcess} from "@/views/drivingSchool/process/api";
export default {
name: "AssignmentCoach",
components: {},
data() {
return {
// 弹出层标题
dialogTitle: "",
// 是否显示弹出层
dialogVisible: false,
// 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
formLoading: false,
process: [],
// 表单校验
formRules: {},
orderId: '',
};
},
methods: {
/** 打开弹窗 */
async open(data) {
this.dialogVisible = true;
this.orderId = data.id
this.getData(data)
this.reset();
},
/** 提交按钮 */
async submitForm() {
console.log('this.process', this.process)
// 校验this.process中是否选择教练
for (let i = 0; i < this.process.length; i++) {
const item = this.process[i];
if (!item.coachId) {
this.$modal.msgError(`请选择${item.subjectStr}的教练`);
return;
}
}
this.formLoading = true
const data = {
"orderId": this.orderId,
"processList": this.process
}
const res = await saveProcess(data)
this.$modal.msgSuccess("分配成功");
this.dialogVisible = false;
this.$emit('success');
this.formLoading = false;
},
// 获取科目信息
async getData(data) {
// 根据课程id查询课程信息
const params = {
courseId: data.courseId
}
const res = await getCoachByCourseId(params)
if (res.data.length === 0) {
this.$modal.msgError("该课程暂无教练");
return
}
const subjectArr = ['科目一', '科目二', '科目三', '科目四']
// 渲染科目一到科目四
for (let i = 1; i <= 4; i++) {
//根据res中subject判断与当前i相同的教练
const coachArr = res.data.filter(item => item.subject === i + '')
const item = {
subject: i,
subjectStr: subjectArr[i - 1],
coachList: coachArr,
selectedCoachId: '', // 初始化选择的值
selectedCoachName: '', // 初始化选择的值
courseId: data.courseId, //课程id
courseName: data.courseName, //课程名称
courseType: data.courseType, //课程类型
userId: data.userId,
userName: data.userName,
userMobile: data.userPhone,
status: 0
}
//判断data中的教练id是否在coachArr中，如果在设置默认教练
if (data.coachUserId) {
const selectedCoach = coachArr.find(item => item.coachId == data.coachUserId);
if (selectedCoach) {
item.coachId = selectedCoach.coachId;
item.coachName = selectedCoach.coachName;
}
}
if (i === 1) {
item.status = 1
}
this.process.push(item)
}
},
handleChange(row) {
// 你可以在这里处理选择变化后的逻辑
//找出该行的selectedCoachId对应的coachList中的name
const selectedCoach = row.coachList.find(item => item.coachId === row.coachId);
if (selectedCoach) {
row.coachName = selectedCoach.coachName;
} else {
row.coachName = '';
}
},
/** 表单重置 */
reset() {
this.process = []
this.resetForm("assignmentCoachRef");
}
}
};
</script>

114
src/views/drivingSchool/DriveSchoolPay/form/endOrder.vue Normal file
View File

@ -0,0 +1,114 @@
<template>
<div class="app-container">
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="45%" v-dialogDrag append-to-body>
<el-form ref="endOrderRef" :model="formData" :rules="formRules" v-loading="formLoading" label-width="100px">
<el-form-item label="订单号" prop="orderNo">
<el-input v-model="formData.orderNo" disabled placeholder="请输入订单号"/>
</el-form-item>
<el-form-item label="终止原因" prop="endReason">
<el-input v-model="formData.endReason" placeholder="请输入终止原因"/>
</el-form-item>
<el-form-item label="终止时间" prop="endTime">
<el-date-picker clearable v-model="formData.endTime" type="date" value-format="timestamp"
placeholder="选择终止时间"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" :disabled="formLoading">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import * as SchoolCourseOrderApi from '@/views/drivingSchool/DriveSchoolPay/api';
export default {
name: "EndOrder",
components: {},
data() {
return {
// 弹出层标题
dialogTitle: "",
// 是否显示弹出层
dialogVisible: false,
// 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
formLoading: false,
// 表单参数
formData: {
orderNo: undefined,
ifEnd: undefined,
endReason: undefined,
endTime: undefined,
},
ifEndRadio: [
{
label: '是',
value: '1'
},
{
label: '否',
value: '0'
},
],
// 表单校验
formRules: {
orderNo: [
{required: true, message: "订单号不能为空", trigger: "blur"},
],
endReason: [
{required: true, message: "终止原因不能为空", trigger: "blur"},
],
endTime: [
{required: true, message: "终止时间不能为空", trigger: "blur"},
],
},
};
},
methods: {
/** 打开弹窗 */
async open(data) {
if (!data.id) {
this.$modal.msgError("请选择要终止的订单");
return;
}
this.$nextTick(() => {
this.formData.orderNo = data.orderNo;
this.formData.endTime = new Date().getTime();
});
console.log('tanchuang data', this.formData)
this.dialogVisible = true;
this.reset();
this.dialogTitle = "终止驾照报名订单";
},
/** 提交按钮 */
async submitForm() {
// 校验主表
await this.$refs["endOrderRef"].validate();
this.formLoading = true;
try {
const data = this.formData;
// 提交终止订单
const res = await SchoolCourseOrderApi.endOrder(data);
this.$modal.msgSuccess("终止成功");
this.dialogVisible = false;
this.$emit('success');
} finally {
this.formLoading = false;
}
},
/** 表单重置 */
reset() {
this.formData = {
orderNo: undefined,
ifEnd: undefined,
endReason: undefined,
endTime: undefined,
};
this.resetForm("endOrderRef");
}
}
};
</script>

0
src/views/drivingSchool/schoolCoachCourse/api/achoolCoachCourse.js Normal file
View File