|
|
@@ -5,21 +5,23 @@
|
|
|
<div class="padding16 bg_color_fff border_radius_10 box_shadow_card">
|
|
|
<div class="gap10">
|
|
|
<div class="line_vertical"></div>
|
|
|
- <div class="font_size20 bold">文件上传</div>
|
|
|
+ <div class="font_size20 bold"><span class="color_required font_size16">*</span>文件上传</div>
|
|
|
<div class="gray999 font_size14">支持格式:JSON、YAML、ZIP(最大10MB)</div>
|
|
|
</div>
|
|
|
<div class="mt10">
|
|
|
- <!-- 上传 -->
|
|
|
- <FileUploader
|
|
|
- ref="fileUploader"
|
|
|
- accept=".json,.yaml,.yml,.zip"
|
|
|
- :multiple="false"
|
|
|
- :limit="1"
|
|
|
- :auto-upload="true"
|
|
|
- :drag="true"
|
|
|
- v-model="files"
|
|
|
- tip="请上传JSON、YAML、ZIP格式的文件,最大10MB"
|
|
|
- />
|
|
|
+ <el-form-item label="" prop="workflowFile">
|
|
|
+ <!-- 上传 -->
|
|
|
+ <FileUploader
|
|
|
+ ref="fileUploader"
|
|
|
+ accept=".json,.yaml,.yml,.zip"
|
|
|
+ :multiple="false"
|
|
|
+ :limit="1"
|
|
|
+ :auto-upload="true"
|
|
|
+ :drag="true"
|
|
|
+ v-model="files"
|
|
|
+ tip="请上传JSON、YAML、ZIP格式的文件,最大10MB"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="padding16 bg_color_fff border_radius_10 mt10 box_shadow_card">
|
|
|
@@ -178,11 +180,16 @@ watchEffect(() => {
|
|
|
ruleForm.categoryId3 = categoryIdList.value[2] || ''
|
|
|
// 将编辑器内容赋值给表单的workflowContent
|
|
|
ruleForm.workflowContent = JSON.stringify(editorContent.value);
|
|
|
- ruleForm.coverImage = coverImage.value.map(img => img.url).join(',');;
|
|
|
+ ruleForm.coverImage = coverImage.value.map(img => img.url).join(',');
|
|
|
+ ruleForm.workflowFile = files.value[0]?.url || '';
|
|
|
+ ruleForm.previewImage = images.value.map(img => img.url).join(',');
|
|
|
|
|
|
})
|
|
|
// 校验规则
|
|
|
const rules = reactive({
|
|
|
+ workflowFile: [
|
|
|
+ { required: true, message: '请上传工作流文件', trigger: 'change' },
|
|
|
+ ],
|
|
|
workflowTitle: [
|
|
|
{ required: true, message: '请输入工作流标题', trigger: 'blur' },
|
|
|
],
|
|
|
@@ -208,9 +215,12 @@ onMounted(() => {
|
|
|
|
|
|
// 提交表单
|
|
|
const submitForm = async () => {
|
|
|
- ruleForm.workflowFile = files.value[0]?.url || '';
|
|
|
- ruleForm.previewImage = images.value.map(img => img.url).join(',');
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
+ // if(!ruleForm.workflowFile){
|
|
|
+ // DGTMessage.warning('请上传工作流文件')
|
|
|
+ // return
|
|
|
+ // }
|
|
|
if(!editorContent.value || editorContent.value.length === 0){
|
|
|
DGTMessage.warning('请输入工作流详情内容')
|
|
|
return
|
|
|
@@ -225,7 +235,9 @@ const submitForm = async () => {
|
|
|
await ruleFormRef.value.validate((valid, fields) => {
|
|
|
console.log(valid, fields)
|
|
|
if (!valid) {
|
|
|
- DGTMessage.warning(fields.name[0].message)
|
|
|
+ //报错第一个key
|
|
|
+ let firstKey = Object.keys(fields)[0]
|
|
|
+ DGTMessage.warning(fields[firstKey][0].message)
|
|
|
return
|
|
|
}
|
|
|
publishAdd(ruleForm).then(res => {
|