|
|
@@ -5,8 +5,8 @@
|
|
|
<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"><span class="color_required font_size16">*</span>文件上传</div>
|
|
|
- <div class="gray999 font_size14">支持格式:JSON、YAML、ZIP(最大10MB)</div>
|
|
|
+ <div class="font_size20 bold"><span class="color_required font_size16">*</span>{{$t('workflowTrade.fileUpload')}}</div>
|
|
|
+ <div class="gray999 font_size14">{{$t('workflowTrade.supportFormat')}}:JSON、YAML、ZIP({{$t('common.maxSize')}}10MB)</div>
|
|
|
</div>
|
|
|
<div class="mt10">
|
|
|
<el-form-item label="" prop="workflowFile">
|
|
|
@@ -19,7 +19,7 @@
|
|
|
:auto-upload="true"
|
|
|
:drag="true"
|
|
|
v-model="files"
|
|
|
- tip="请上传JSON、YAML、ZIP格式的文件,最大10MB"
|
|
|
+ :tip="$t('workflowTrade.workflowFileUploadTip')"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
@@ -27,17 +27,17 @@
|
|
|
<div class="padding16 bg_color_fff border_radius_10 mt10 box_shadow_card">
|
|
|
<div class="gap10">
|
|
|
<div class="line_vertical"></div>
|
|
|
- <div class="font_size20 bold">基本信息</div>
|
|
|
+ <div class="font_size20 bold">{{$t('common.basicInfo')}}</div>
|
|
|
</div>
|
|
|
<div class="mt10">
|
|
|
- <el-form-item label="工作流标题" prop="workflowTitle">
|
|
|
- <el-input v-model="ruleForm.workflowTitle" placeholder="请输入工作流标题" maxlength="50"/>
|
|
|
+ <el-form-item :label="$t('workflowTrade.workflowTitle')" prop="workflowTitle">
|
|
|
+ <el-input v-model="ruleForm.workflowTitle" :placeholder="$t('workflowTrade.placeholderWorkflowTitle')" maxlength="50"/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="工作流类型" prop="categoryId3">
|
|
|
+ <el-form-item :label="$t('workflowTrade.workflowCategory')" prop="categoryId3">
|
|
|
<el-cascader
|
|
|
v-model="categoryIdList"
|
|
|
:options="categoryListTree"
|
|
|
- placeholder="请选择工作流类型"
|
|
|
+ :placeholder="$t('workflowTrade.placeholderWorkflowCategory')"
|
|
|
style="width:100%"
|
|
|
:props="{
|
|
|
label: 'categoryName',
|
|
|
@@ -46,10 +46,10 @@
|
|
|
}"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="工作流描述" prop="description">
|
|
|
- <el-input type="textarea" v-model="ruleForm.description" placeholder="请输入工作流描述" maxlength="500" show-word-limit/>
|
|
|
+ <el-form-item :label="$t('workflowTrade.workflowDescription')" prop="description">
|
|
|
+ <el-input type="textarea" v-model="ruleForm.description" :placeholder="$t('workflowTrade.placeholderWorkflowDescription')" maxlength="500" show-word-limit/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="封面图" prop="coverImage">
|
|
|
+ <el-form-item :label="$t('common.coverImage')" prop="coverImage">
|
|
|
<!-- 图片类型 -->
|
|
|
<FileUploader
|
|
|
ref="fileUploader"
|
|
|
@@ -67,8 +67,8 @@
|
|
|
@progress="handleUploadProgress"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="工作流预览">
|
|
|
- <div>支持批量上传文件,文件格式不限,最多只能上传 5 份文件</div>
|
|
|
+ <el-form-item :label="$t('common.workflowPreview')">
|
|
|
+ <div>{{$t('workflowTrade.supportBatchUpload')}}</div>
|
|
|
<!-- 图片类型 -->
|
|
|
<FileUploader
|
|
|
ref="fileUploader"
|
|
|
@@ -86,7 +86,7 @@
|
|
|
@progress="handleUploadProgress"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="详情" prop="workflowContent">
|
|
|
+ <el-form-item :label="$t('common.Detail')" prop="workflowContent">
|
|
|
<BlockNoteEditor v-model="editorContent" :editable="true" class="border"/>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
@@ -94,23 +94,23 @@
|
|
|
<div class="padding16 bg_color_fff border_radius_10 mt10 box_shadow_card">
|
|
|
<div class="gap10 mb20">
|
|
|
<div class="line_vertical"></div>
|
|
|
- <div class="font_size20 bold">价格设置</div>
|
|
|
+ <div class="font_size20 bold">{{$t('workflowTrade.priceSetting')}}</div>
|
|
|
</div>
|
|
|
|
|
|
- <el-form-item label="付费设置" style="width: 500px">
|
|
|
+ <el-form-item :label="$t('workflowTrade.paySetting')" style="width: 600px">
|
|
|
<div class="gap20 mt10 mb20">
|
|
|
<div class="payType gap10" @click="workflowPriceType = 'pay'"
|
|
|
:class="{'active': workflowPriceType === 'pay'}">
|
|
|
<div class="checkType"></div>
|
|
|
- <div>付费(用户需付费后使用)</div>
|
|
|
+ <div>{{$t('workflowTrade.paySettingTip')}}</div>
|
|
|
</div>
|
|
|
<div class="payType gap10" @click="workflowPriceType = 'free';ruleForm.workflowPrice=''"
|
|
|
:class="{'active': workflowPriceType === 'free'}">
|
|
|
<div class="checkType"></div>
|
|
|
- <div>免费(所有用户可免费数据)</div>
|
|
|
+ <div>{{$t('workflowTrade.freeSettingTip')}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-input v-model="ruleForm.workflowPrice" placeholder="请输入暴米币数量" maxlength="50" type="number" v-if="workflowPriceType === 'pay'">
|
|
|
+ <el-input v-model="ruleForm.workflowPrice" :placeholder="$t('workflowTrade.placeholderPrice')" maxlength="50" type="number" v-if="workflowPriceType === 'pay'">
|
|
|
<template #append>{{$t('common.baomibi')}}</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
@@ -118,11 +118,11 @@
|
|
|
<div class="mt20">
|
|
|
<el-button type="primary" class="font_size16 gradient" @click="submitForm" size="large">
|
|
|
<el-icon><Promotion /></el-icon>
|
|
|
- <span class="ml10">发布工作流</span>
|
|
|
+ <span class="ml10">{{$t('common.publishWorkflow')}}</span>
|
|
|
</el-button>
|
|
|
<el-button class="font_size16" @click="goBack" size="large">
|
|
|
<el-icon><Close /></el-icon>
|
|
|
- <span class="ml10">取消</span>
|
|
|
+ <span class="ml10">{{$t('common.cancel')}}</span>
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
@@ -191,19 +191,19 @@ watchEffect(() => {
|
|
|
// 校验规则
|
|
|
const rules = reactive({
|
|
|
workflowFile: [
|
|
|
- { required: true, message: '请上传工作流文件', trigger: 'change' },
|
|
|
+ { required: true, message: t('workflowTrade.placeholderWorkflowFileUpload'), trigger: 'change' },
|
|
|
],
|
|
|
workflowTitle: [
|
|
|
- { required: true, message: '请输入工作流标题', trigger: 'blur' },
|
|
|
+ { required: true, message: t('workflowTrade.placeholderWorkflowTitle'), trigger: 'blur' },
|
|
|
],
|
|
|
categoryId3: [
|
|
|
- { required: true, message: '请输入工作流类型', trigger: 'blur' },
|
|
|
+ { required: true, message: t('workflowTrade.placeholderWorkflowCategory'), trigger: 'blur' },
|
|
|
],
|
|
|
description: [
|
|
|
- { required: true, message: '请输入工作流描述', trigger: 'blur' },
|
|
|
+ { required: true, message: t('workflowTrade.placeholderWorkflowDescription'), trigger: 'blur' },
|
|
|
],
|
|
|
coverImage: [
|
|
|
- { required: true, message: '请上传封面图', trigger: 'change' },
|
|
|
+ { required: true, message: t('workflowTrade.placeholderCoverImageUpload'), trigger: 'change' },
|
|
|
],
|
|
|
workflowContent: [
|
|
|
{ required: true, message: '请输入工作流详情内容', trigger: 'change' },
|