基本信息展示优化

master
zhaochencheng 3 years ago
parent aac8aa97b8
commit adf950ae62

@ -1,5 +1,5 @@
<template> <template>
<el-select v-model="value1" placeholder="选择品牌" ref="brandSelect" @change="handleBrandChange"> <el-select v-model="value1" placeholder="选择品牌" ref="brandSelect" @change="handleBrandChange" clearable>
<el-option v-for="it in options" :key="it.id" :value="it.id" :label="it.name">{{it.name}}</el-option> <el-option v-for="it in options" :key="it.id" :value="it.id" :label="it.name">{{it.name}}</el-option>
</el-select> </el-select>
</template> </template>

@ -5,34 +5,60 @@
<div slot="header"> <div slot="header">
<span>基本信息</span> <span>基本信息</span>
</div> </div>
<el-form-item label="商品名称" prop="name"> <el-row>
<el-input v-model="form.name" placeholder="请输入商品名称"></el-input> <el-col :span="12">
</el-form-item> <el-form-item label="商品名称" prop="name">
<el-form-item label="商品编码" prop="outProductId"> <el-input v-model="form.name" placeholder="请输入商品名称"></el-input>
<el-input v-model="form.outProductId" placeholder="请输入商品编码"></el-input> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="品牌" prop="brandId"> <el-col :span="12">
<brand-select v-model="form.brandId" @change="onBrandChange"></brand-select> <el-form-item label="商品编码" prop="outProductId">
</el-form-item> <el-input v-model="form.outProductId" placeholder="请输入商品编码"></el-input>
<el-form-item label="分类" prop="categoryId"> </el-form-item>
<product-category-select class="w200" v-model="form.categoryId" @change="categoryChange"></product-category-select> </el-col>
</el-form-item> </el-row>
<el-form-item label="上架状态"> <el-row>
<DictRadio v-model="form.publishStatus" size="small" <el-col :span="8">
:radioData="dict.type.pms_publish_status"/> <el-form-item label="品牌" prop="brandId">
</el-form-item> <brand-select v-model="form.brandId" @change="onBrandChange"></brand-select>
<el-form-item label="排序" prop="sort"> </el-form-item>
<el-input v-model="form.sort" placeholder="请输入排序"></el-input> </el-col>
</el-form-item> <el-col :span="8">
<el-form-item label="价格" prop="price"> <el-form-item label="分类" prop="categoryId">
<el-input v-model="form.price" placeholder="请输入PRICE"></el-input> <product-category-select v-model="form.categoryId" @change="categoryChange"></product-category-select>
</el-form-item> </el-form-item>
<el-form-item label="单位" prop="unit"> </el-col>
<el-input v-model="form.unit" placeholder="请输入单位"></el-input> <el-col :span="8">
</el-form-item> <el-form-item label="排序" prop="sort">
<el-form-item label="商品重量" prop="weight"> <el-input v-model="form.sort" placeholder="请输入排序"></el-input>
<el-input v-model="form.weight" placeholder="商品重量,默认为克"></el-input> </el-form-item>
</el-form-item> </el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="价格" prop="price">
<el-input v-model="form.price" placeholder="请输入PRICE"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="单位" prop="unit">
<el-input v-model="form.unit" placeholder="请输入单位"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="商品重量" prop="weight">
<el-input v-model="form.weight" placeholder="商品重量,默认为克"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="上架状态">
<DictRadio v-model="form.publishStatus" size="small"
:radioData="dict.type.pms_publish_status"/>
</el-form-item>
</el-col>
</el-row>
</el-card> </el-card>
<el-card style="margin: 20px 20px; font-size: 14px"> <el-card style="margin: 20px 20px; font-size: 14px">
@ -156,6 +182,7 @@ export default {
if (id) { if (id) {
this.getInfo(id); this.getInfo(id);
}else{ }else{
this.form.sort=1000
this.form.publishStatus=0 this.form.publishStatus=0
} }
}, },

Loading…
Cancel
Save