|
|
@@ -12,6 +12,7 @@
|
|
|
<div class="user-panel" v-loading="loading">
|
|
|
<el-form
|
|
|
ref="form"
|
|
|
+ :inline="true"
|
|
|
:model="formModel"
|
|
|
:rules="ruleValidate"
|
|
|
:label-width="'100px'"
|
|
|
@@ -19,6 +20,9 @@
|
|
|
<el-form-item label="标题" prop="title">
|
|
|
<el-input v-model="formModel.title" placeholder="请输入标题" style="width: 300px"></el-input>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="咨询电话" prop="phone">
|
|
|
+ <el-input v-model="formModel.phone" placeholder="请输入咨询电话" style="width: 300px"></el-input>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="企业名称" prop="enterpriseId">
|
|
|
<el-select
|
|
|
v-model="formModel.enterpriseId"
|
|
|
@@ -37,16 +41,6 @@
|
|
|
<el-form-item label="名称" prop="name">
|
|
|
<el-input v-model="formModel.name" placeholder="请输入名称" style="width: 300px"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="报名结束时间" prop="endTime">
|
|
|
- <el-date-picker
|
|
|
- style="width: 300px"
|
|
|
- v-model="formModel.endTime"
|
|
|
- type="date"
|
|
|
- placeholder="选择日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- format="yyyy-MM-dd">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
<el-form-item label="缩略图" prop="thumbnailImage">
|
|
|
<el-upload
|
|
|
style="width:300px"
|
|
|
@@ -62,6 +56,31 @@
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="二维码图片" prop="codeImage">
|
|
|
+ <el-upload
|
|
|
+ style="width:300px"
|
|
|
+ class="avatar-uploader"
|
|
|
+ name="photoFile"
|
|
|
+ :action="uploadUrl"
|
|
|
+ :headers="headers"
|
|
|
+ :data="uploadData"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess2"
|
|
|
+ :before-upload="beforeAvatarUpload">
|
|
|
+ <img v-if="fileUrl2" :src="fileUrl2" class="avatar">
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="报名结束时间" prop="endTime">
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 300px"
|
|
|
+ v-model="formModel.endTime"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ format="yyyy-MM-dd">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="内容" prop="content">
|
|
|
<mce-editor
|
|
|
ref="editor"
|
|
|
@@ -119,6 +138,9 @@
|
|
|
title: [
|
|
|
{ required: true, message: "标题不能为空", trigger: "blur" },
|
|
|
],
|
|
|
+ phone: [
|
|
|
+ { required: true, message: "咨询电话不能为空", trigger: "blur" },
|
|
|
+ ],
|
|
|
author: [
|
|
|
{ required: true, message: "作者不能为空", trigger: "blur" },
|
|
|
],
|
|
|
@@ -143,6 +165,7 @@
|
|
|
subFolder: "temporary-workers",
|
|
|
},
|
|
|
fileUrl: "",
|
|
|
+ fileUrl2:"",
|
|
|
headers: {
|
|
|
Authorization: getToken(),
|
|
|
},
|
|
|
@@ -226,6 +249,13 @@
|
|
|
self.fileUrl =
|
|
|
res.data + "?x-oss-process=image/resize,m_lfit,h_300,w_300";
|
|
|
},
|
|
|
+ handleAvatarSuccess2(res, file) {
|
|
|
+ var self = this;
|
|
|
+ self.formModel.codeImage = res.data;
|
|
|
+
|
|
|
+ self.fileUrl2 =
|
|
|
+ res.data + "?x-oss-process=image/resize,m_lfit,h_300,w_300";
|
|
|
+ },
|
|
|
beforeAvatarUpload(file) {
|
|
|
const isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
if (!isLt2M) {
|
|
|
@@ -277,6 +307,11 @@
|
|
|
self.fileUrl = thumbnailImage
|
|
|
}
|
|
|
|
|
|
+ let codeImage = self.formModel.codeImage;
|
|
|
+ if (codeImage != null) {
|
|
|
+ self.fileUrl2 = codeImage
|
|
|
+ }
|
|
|
+
|
|
|
self.fileList = self.formModel.fileList
|
|
|
|
|
|
self.showModal = true;
|
yanliming