Browse Source

APP菜单模板修改列表顺序

master
尹作梅 6 years ago
parent
commit
09b1319964
  1. 62
      src/views/modules/sys/appmenutemplate-add-or-update.vue
  2. 30
      src/views/modules/sys/appmenutemplate.vue

62
src/views/modules/sys/appmenutemplate-add-or-update.vue

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

30
src/views/modules/sys/appmenutemplate.vue

@ -33,33 +33,33 @@
header-align="center" header-align="center"
align="center" align="center"
width="50"></el-table-column> width="50"></el-table-column>
<el-table-column prop="gradationFlag" <el-table-column prop="templateName"
label="是否渐变色" label="模板名称"
:formatter="formatGradationFlag"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"></el-table-column>
<el-table-column prop="backgroundColor" <el-table-column prop="templateCode"
label="背景颜色" label="模板编码"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"></el-table-column>
<el-table-column prop="startColor" <el-table-column prop="lableColor"
label="开始色" label="标签颜色"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"></el-table-column>
<el-table-column prop="endColor" <el-table-column prop="backgroundColor"
label="终止色" label="背景颜色"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"></el-table-column>
<el-table-column prop="lableColor" <el-table-column prop="gradationFlag"
label="标签颜色" label="是否渐变色"
:formatter="formatGradationFlag"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"></el-table-column>
<el-table-column prop="templateCode" <el-table-column prop="startColor"
label="模板编码" label="开始色"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"></el-table-column>
<el-table-column prop="templateName" <el-table-column prop="endColor"
label="模板名称" label="终止色"
header-align="center" header-align="center"
align="center"></el-table-column> align="center"></el-table-column>
<el-table-column :label="$t('handle')" <el-table-column :label="$t('handle')"

Loading…
Cancel
Save