|
@@ -26,6 +26,19 @@
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="生产地:" prop="placeOfProductionId">
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="value.placeOfProductionId"
|
|
|
|
+ @change="handleOriginChange"
|
|
|
|
+ placeholder="请选择生产地">
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in originOptions"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value">
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="商品介绍:">
|
|
<el-form-item label="商品介绍:">
|
|
<el-input
|
|
<el-input
|
|
:autoSize="true"
|
|
:autoSize="true"
|
|
@@ -48,6 +61,9 @@
|
|
<el-form-item label="计量单位:">
|
|
<el-form-item label="计量单位:">
|
|
<el-input v-model="value.unit"></el-input>
|
|
<el-input v-model="value.unit"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="规格:">
|
|
|
|
+ <el-input v-model="value.spec"></el-input>
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="商品重量:">
|
|
<el-form-item label="商品重量:">
|
|
<el-input v-model="value.weight" style="width: 300px"></el-input>
|
|
<el-input v-model="value.weight" style="width: 300px"></el-input>
|
|
<span style="margin-left: 20px">克</span>
|
|
<span style="margin-left: 20px">克</span>
|
|
@@ -64,7 +80,7 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import {fetchListWithChildren} from '@/api/productCate'
|
|
import {fetchListWithChildren} from '@/api/productCate'
|
|
- import {fetchList as fetchBrandList} from '@/api/brand'
|
|
|
|
|
|
+ import {fetchList as fetchBrandList,fetchOriginList} from '@/api/brand'
|
|
import {getProduct} from '@/api/product';
|
|
import {getProduct} from '@/api/product';
|
|
|
|
|
|
export default {
|
|
export default {
|
|
@@ -83,6 +99,7 @@
|
|
selectProductCateValue: [],
|
|
selectProductCateValue: [],
|
|
productCateOptions: [],
|
|
productCateOptions: [],
|
|
brandOptions: [],
|
|
brandOptions: [],
|
|
|
|
+ originOptions:[],
|
|
rules: {
|
|
rules: {
|
|
name: [
|
|
name: [
|
|
{required: true, message: '请输入商品名称', trigger: 'blur'},
|
|
{required: true, message: '请输入商品名称', trigger: 'blur'},
|
|
@@ -91,6 +108,7 @@
|
|
subTitle: [{required: true, message: '请输入商品副标题', trigger: 'blur'}],
|
|
subTitle: [{required: true, message: '请输入商品副标题', trigger: 'blur'}],
|
|
productCategoryId: [{required: true, message: '请选择商品分类', trigger: 'blur'}],
|
|
productCategoryId: [{required: true, message: '请选择商品分类', trigger: 'blur'}],
|
|
brandId: [{required: true, message: '请选择商品品牌', trigger: 'blur'}],
|
|
brandId: [{required: true, message: '请选择商品品牌', trigger: 'blur'}],
|
|
|
|
+ placeOfProductionId: [{required: true, message: '请选择生产地', trigger: 'blur'}],
|
|
description: [{required: true, message: '请输入商品介绍', trigger: 'blur'}],
|
|
description: [{required: true, message: '请输入商品介绍', trigger: 'blur'}],
|
|
requiredProp: [{required: true, message: '该项为必填项', trigger: 'blur'}]
|
|
requiredProp: [{required: true, message: '该项为必填项', trigger: 'blur'}]
|
|
}
|
|
}
|
|
@@ -99,6 +117,7 @@
|
|
created() {
|
|
created() {
|
|
this.getProductCateList();
|
|
this.getProductCateList();
|
|
this.getBrandList();
|
|
this.getBrandList();
|
|
|
|
+ this.getOriginList();
|
|
},
|
|
},
|
|
computed:{
|
|
computed:{
|
|
//商品的编号
|
|
//商品的编号
|
|
@@ -139,6 +158,7 @@
|
|
},
|
|
},
|
|
getProductCateList() {
|
|
getProductCateList() {
|
|
fetchListWithChildren().then(response => {
|
|
fetchListWithChildren().then(response => {
|
|
|
|
+ // console.log('getProductCateList',JSON.parse(JSON.stringify(response)))
|
|
let list = response.data;
|
|
let list = response.data;
|
|
this.productCateOptions = [];
|
|
this.productCateOptions = [];
|
|
for (let i = 0; i < list.length; i++) {
|
|
for (let i = 0; i < list.length; i++) {
|
|
@@ -161,6 +181,16 @@
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+ getOriginList() {
|
|
|
|
+ fetchOriginList({pageNum: 1, pageSize: 100}).then(response => {
|
|
|
|
+ console.log('getOriginList',response);
|
|
|
|
+ this.originOptions = [];
|
|
|
|
+ let originList = response.data;
|
|
|
|
+ for (let i = 0; i < originList.length; i++) {
|
|
|
|
+ this.originOptions.push({label: originList[i].text, value: originList[i].lable});
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
getCateNameById(id){
|
|
getCateNameById(id){
|
|
let name=null;
|
|
let name=null;
|
|
for(let i=0;i<this.productCateOptions.length;i++){
|
|
for(let i=0;i<this.productCateOptions.length;i++){
|
|
@@ -197,6 +227,16 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
this.value.brandName = brandName;
|
|
this.value.brandName = brandName;
|
|
|
|
+ },
|
|
|
|
+ handleOriginChange(val) {
|
|
|
|
+ let placeOfProduction = '';
|
|
|
|
+ for (let i = 0; i < this.originOptions.length; i++) {
|
|
|
|
+ if (this.originOptions[i].value === val) {
|
|
|
|
+ placeOfProduction = this.originOptions[i].label;
|
|
|
|
+ break;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ this.value.placeOfProduction = placeOfProduction;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|