|
|
|
@ -8,6 +8,27 @@ |
|
|
|
ref="dataForm" |
|
|
|
@keyup.enter.native="dataFormSubmitHandle()" |
|
|
|
:label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
|
|
|
<el-form-item label="模板名称" |
|
|
|
prop="templateName"> |
|
|
|
<el-input v-model="dataForm.templateName" |
|
|
|
placeholder="模板名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="模板编码" |
|
|
|
prop="templateCode"> |
|
|
|
<el-input v-model="dataForm.templateCode" |
|
|
|
placeholder="模板编码(tem-1,tem-2,tem-3)"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="标签颜色" |
|
|
|
prop="lableColor"> |
|
|
|
<el-input v-model="dataForm.lableColor" |
|
|
|
placeholder="标签颜色"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="背景颜色" |
|
|
|
prop="backgroundColor" |
|
|
|
v-if="!categoryVisible"> |
|
|
|
<el-input v-model="dataForm.backgroundColor" |
|
|
|
placeholder="背景颜色(渐变色为0时使用)"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="是否渐变" |
|
|
|
prop="gradationFlag"> |
|
|
|
<el-select v-model="dataForm.gradationFlag" |
|
|
|
@ -19,12 +40,6 @@ |
|
|
|
:value="item.id"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="背景颜色" |
|
|
|
prop="backgroundColor" |
|
|
|
v-if="!categoryVisible"> |
|
|
|
<el-input v-model="dataForm.backgroundColor" |
|
|
|
placeholder="背景颜色(渐变色为0时使用)"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="开始色" |
|
|
|
prop="startColor" |
|
|
|
v-if="categoryVisible"> |
|
|
|
@ -37,21 +52,6 @@ |
|
|
|
<el-input v-model="dataForm.endColor" |
|
|
|
placeholder="终止色(渐变色为1时使用)"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="标签颜色" |
|
|
|
prop="lableColor"> |
|
|
|
<el-input v-model="dataForm.lableColor" |
|
|
|
placeholder="标签颜色"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="模板编码" |
|
|
|
prop="templateCode"> |
|
|
|
<el-input v-model="dataForm.templateCode" |
|
|
|
placeholder="模板编码(tem-1,tem-2,tem-3)"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="模板名称" |
|
|
|
prop="templateName"> |
|
|
|
<el-input v-model="dataForm.templateName" |
|
|
|
placeholder="模板名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<template slot="footer"> |
|
|
|
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|
|
|
@ -90,19 +90,19 @@ export default { |
|
|
|
dataRule () { |
|
|
|
return { |
|
|
|
gradationFlag: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
backgroundColor: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
startColor: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
endColor: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
lableColor: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
templateCode: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
@ -111,19 +111,19 @@ export default { |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
revision: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
createdBy: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
createdTime: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
updatedBy: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
], |
|
|
|
updatedTime: [ |
|
|
|
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
{ required: false, message: this.$t('validate.required'), trigger: 'blur' } |
|
|
|
] |
|
|
|
} |
|
|
|
} |
|
|
|
|