This commit is contained in:
yanran200730
2023-02-16 14:16:46 +08:00
parent 28856c980c
commit 11e3bc06f0
3 changed files with 46 additions and 37 deletions

View File

@@ -7,20 +7,29 @@
<ai-card title="基本信息">
<template #content>
<el-form class="ai-form" :model="form" label-width="120px" ref="form">
<el-form-item label="证书名称" prop="title" :rules="[{required: true, message: '请输入证书名称', trigger: 'blur'}]">
<el-input size="small" v-model="form.title" clearable placeholder="请输入证书名称" :maxlength="200"></el-input>
<el-form-item label="证书名称" style="width: 100%" prop="certificateName" :rules="[{required: true, message: '请输入证书名称', trigger: 'blur'}]">
<el-input size="small" v-model="form.certificateName" clearable placeholder="请输入证书名称" :maxlength="200"></el-input>
</el-form-item>
<el-form-item prop="type" style="width: 100%" label="类型" :rules="[{required: true, message: '请选择类型', trigger: 'change'}]">
<el-radio-group v-model="form.type">
<el-radio label="1">单选题</el-radio>
<el-radio label="2">多选题</el-radio>
<el-radio label="3">判断题</el-radio>
</el-radio-group>
<el-form-item prop="certificateType" label="类型" :rules="[{required: true, message: '请选择证书类型', trigger: 'change'}]">
<ai-select
v-model="form.certificateType"
clearable
placeholder="请选择证书类型"
:selectList="dict.getDict('qjCertificateType')">
</ai-select>
</el-form-item>
<el-form-item label="上传证书" prop="pictureUrl" style="width: 100%;" :rules="[{required: true, message: '请上传证书', trigger: 'change'}]">
<el-form-item label="累计学习时长" v-if="form.certificateType === '0'" style="width: 100%" prop="studyDuration" :rules="[{required: true, message: '请输入累计学习时长', trigger: 'blur'}]">
<el-input-number size="small" v-model="form.studyDuration" :min="1" clearable placeholder="请输入" :maxlength="200"></el-input-number>
<span style="color: #999; padding-left: 10px;">分钟</span>
</el-form-item>
<el-form-item label="通过考试" v-else style="width: 100%" prop="passExam" :rules="[{required: true, message: '请输入通过考试场数', trigger: 'blur'}]">
<el-input-number size="small" v-model="form.passExam" :min="1" clearable placeholder="请输入" :maxlength="200"></el-input-number>
<span style="color: #999; padding-left: 10px;"></span>
</el-form-item>
<el-form-item label="上传证书" prop="imageUrl" style="width: 100%;" :rules="[{required: true, message: '请上传证书', trigger: 'change'}]">
<ai-uploader
:instance="instance"
v-model="form.pictureUrl"
v-model="form.imageUrl"
:limit="1">
</ai-uploader>
</el-form-item>
@@ -48,10 +57,10 @@
return {
info: {},
form: {
title: '',
certificateName: '',
content: '',
pictureUrl: [],
type: '1'
imageUrl: [],
certificateType: ''
},
id: ''
}
@@ -66,9 +75,14 @@
methods: {
getInfo (id) {
this.instance.post(`/app/appcontentinfo/queryDetailById?id=${id}`).then(res => {
this.instance.post(`/app/appcertificateinfo/queryDetailById?id=${id}`).then(res => {
if (res.code === 0) {
this.form = res.data
this.form = {
...res.data,
imageUrl: [{
url: res.data.imageUrl
}]
}
}
})
},
@@ -76,8 +90,9 @@
confirm () {
this.$refs.form.validate((valid) => {
if (valid) {
this.instance.post(`/app/appcontentinfo/addOrUpdate`, {
...this.form
this.instance.post(`/app/appcertificateinfo/addOrUpdate`, {
...this.form,
imageUrl: this.form.imageUrl[0].url
}).then(res => {
if (res.code == 0) {
this.$message.success('提交成功')