|
|
|
@ -12,15 +12,15 @@
|
|
|
|
<section class="drawer-container">
|
|
|
|
<section class="drawer-container">
|
|
|
|
<el-form class="drawer-container__form" ref="elForm" :model="form" :rules="rules" label-position="top" label-width="120px" size="small">
|
|
|
|
<el-form class="drawer-container__form" ref="elForm" :model="form" :rules="rules" label-position="top" label-width="120px" size="small">
|
|
|
|
<div class="form-layout">
|
|
|
|
<div class="form-layout">
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="商品分类名称" prop="name">
|
|
|
|
<el-form-item label="商品分类名称" prop="name">
|
|
|
|
<el-input v-model="form['name']" clearable placeholder="请填写商品分类名称" style="width: 100%;"></el-input>
|
|
|
|
<el-input v-model="form['name']" clearable placeholder="请填写商品分类名称" style="width: 100%;"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="上级分类" prop="pid">
|
|
|
|
<el-form-item label="上级分类" prop="pid">
|
|
|
|
<vxe-tree-select v-model="form['pid']" placeholder="请选择上级分类" :options="[{ id: 0, title: '根结点' ,children: tableData }]" clearable :multiple="false" :option-props="{ value: 'id', label: 'title' }" style="width: 100%;"></vxe-tree-select>
|
|
|
|
<vxe-tree-select v-model="form['pid']" placeholder="请选择上级分类" :options="[{ id: 0, name: '根结点' ,children: tableData }]" clearable :multiple="false" :option-props="{ value: 'id', label: 'name' }" style="width: 100%;"></vxe-tree-select>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="封面图片" prop="image_id">
|
|
|
|
<el-form-item label="封面图片" prop="image_id">
|
|
|
|
<el-upload :action="action"
|
|
|
|
<el-upload :action="action"
|
|
|
|
:file-list="form['image_id']"
|
|
|
|
:file-list="form['image_id']"
|
|
|
|
@ -36,7 +36,7 @@
|
|
|
|
<div slot="tip" class="el-upload__tip">文件不超过{{ formatFileSize(uploadSize) }}</div>
|
|
|
|
<div slot="tip" class="el-upload__tip">文件不超过{{ formatFileSize(uploadSize) }}</div>
|
|
|
|
</el-upload>
|
|
|
|
</el-upload>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
|
|
@ -64,12 +64,12 @@
|
|
|
|
default: false,
|
|
|
|
default: false,
|
|
|
|
required: true
|
|
|
|
required: true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
tableData: {
|
|
|
|
tableData: {
|
|
|
|
type: Array,
|
|
|
|
type: Array,
|
|
|
|
default: () => []
|
|
|
|
default: () => []
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
@ -78,16 +78,16 @@
|
|
|
|
loading: false,
|
|
|
|
loading: false,
|
|
|
|
visible: false,
|
|
|
|
visible: false,
|
|
|
|
form: {
|
|
|
|
form: {
|
|
|
|
|
|
|
|
|
|
|
|
name: '',
|
|
|
|
name: '',
|
|
|
|
|
|
|
|
|
|
|
|
pid: '',
|
|
|
|
pid: '',
|
|
|
|
|
|
|
|
|
|
|
|
image_id: [],
|
|
|
|
image_id: [],
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
rules: {
|
|
|
|
rules: {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -142,13 +142,13 @@
|
|
|
|
|
|
|
|
|
|
|
|
reset() {
|
|
|
|
reset() {
|
|
|
|
this.form = {
|
|
|
|
this.form = {
|
|
|
|
|
|
|
|
|
|
|
|
name: '',
|
|
|
|
name: '',
|
|
|
|
|
|
|
|
|
|
|
|
pid: '',
|
|
|
|
pid: '',
|
|
|
|
|
|
|
|
|
|
|
|
image_id: [],
|
|
|
|
image_id: [],
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.$refs['elForm'].resetFields()
|
|
|
|
this.$refs['elForm'].resetFields()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -157,10 +157,10 @@
|
|
|
|
this.$message.warning("文件正在上传中")
|
|
|
|
this.$message.warning("文件正在上传中")
|
|
|
|
return
|
|
|
|
return
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
this.form['image_id'] = this.form['image_id'][0]?.response?.id ?? ''
|
|
|
|
this.form['image_id'] = this.form['image_id'][0]?.response?.id ?? ''
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.$refs['elForm'].validate(async valid => {
|
|
|
|
this.$refs['elForm'].validate(async valid => {
|
|
|
|
if (valid) {
|
|
|
|
if (valid) {
|
|
|
|
this.loading = true
|
|
|
|
this.loading = true
|
|
|
|
|