|
|
@@ -1,16 +1,21 @@
|
|
|
<template>
|
|
|
<div class="add">
|
|
|
- <el-button size="mini" type="text" @click="dialogVisible=true" v-if="type=='add'" icon="el-icon-plus">新增下级</el-button>
|
|
|
+ <el-button size="mini" type="text" @click="dialogVisible=true" v-if="type === 'add'" icon="el-icon-plus">新增下级</el-button>
|
|
|
<el-button size="mini" type="text" @click="editBtn" icon="el-icon-edit" v-else>编 辑</el-button>
|
|
|
<el-dialog
|
|
|
:title="type == 'add' ? '新增营销类别' : '编辑营销类别'"
|
|
|
:visible.sync="dialogVisible"
|
|
|
- width="400px"
|
|
|
+ width="500px"
|
|
|
append-to-body
|
|
|
:before-close="handleClose">
|
|
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="demo-ruleForm">
|
|
|
<el-form-item label="营销类别名" prop="itemclassname">
|
|
|
- <el-input v-model="ruleForm.itemclassname" size="small" placeholder="请输入营销类别名"></el-input>
|
|
|
+ <div class="flex-align-center">
|
|
|
+ <el-input v-model="ruleForm.itemclassname" size="small" class="inline-16" placeholder="请输入营销类别名">
|
|
|
+ </el-input>
|
|
|
+ <el-input v-model="ruleForm.num" size="small" style="width:90px" placeholder="排序">
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="营销类别编号" prop="itemclassnum">
|
|
|
<el-input v-model="ruleForm.itemclassnum" :disabled="type!='add'" size="small" placeholder="请输入营销类别编号"></el-input>
|
|
|
@@ -55,19 +60,10 @@ export default {
|
|
|
props:['type','rowData'],
|
|
|
computed:{
|
|
|
},
|
|
|
- watch:{
|
|
|
- currentData: {
|
|
|
- handler(val) {
|
|
|
- this.ruleForm.itemclassnum = val.itemclassnum
|
|
|
- this.ruleForm.itemclassname = val.itemclassname
|
|
|
- // this.ruleForm.itemclassfullname = val.itemclassfullname
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
methods: {
|
|
|
editBtn() {
|
|
|
- this.dialogVisible=true
|
|
|
- this.currentData = this.rowData
|
|
|
+ this.dialogVisible = true
|
|
|
+ this.ruleForm = Object.assign({},this.ruleForm,this.rowData)
|
|
|
},
|
|
|
handleClose() {
|
|
|
this.dialogVisible = false
|
|
|
@@ -85,7 +81,7 @@ export default {
|
|
|
"parentid":this.rowData.itemclassid === undefined ? 0 : this.rowData.itemclassid,
|
|
|
"itemclassnum":this.ruleForm.itemclassnum,
|
|
|
"itemclassname":this.ruleForm.itemclassname,
|
|
|
- // "itemclassfullname":this.ruleForm.itemclassfullname,
|
|
|
+ "num":this.ruleForm.num,
|
|
|
"classtype":"营销"
|
|
|
}
|
|
|
})
|