|
|
|
@ -4,13 +4,26 @@ |
|
|
|
|
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail"> |
|
|
|
|
<a-row> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="name"> |
|
|
|
|
<a-input v-model="model.name" placeholder="请输入名称" ></a-input> |
|
|
|
|
<a-form-model-item label="类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="typeId"> |
|
|
|
|
<j-popup |
|
|
|
|
v-model="model.typeId" |
|
|
|
|
field="typeId" |
|
|
|
|
org-fields="id" |
|
|
|
|
dest-fields="content" |
|
|
|
|
code="zy_fabric_type" |
|
|
|
|
:multi="true" |
|
|
|
|
@input="popupCallback" |
|
|
|
|
/> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="面料编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fabricNumber"> |
|
|
|
|
<a-input v-model="model.fabricNumber" placeholder="请输入面料编号" ></a-input> |
|
|
|
|
<a-form-model-item label="编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fabricNumber"> |
|
|
|
|
<a-input v-model="model.fabricNumber" placeholder="请输入编号" ></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="name"> |
|
|
|
|
<a-input v-model="model.name" placeholder="请输入名称" ></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
@ -20,85 +33,47 @@ |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="花样" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pattern"> |
|
|
|
|
<a-input v-model="model.pattern" placeholder="请输入花样" ></a-input> |
|
|
|
|
<j-search-select-tag v-model="model.pattern" dict="pattern" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="材质" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="material"> |
|
|
|
|
<a-input v-model="model.material" placeholder="请输入材质" ></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="描述" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="description"> |
|
|
|
|
<a-input v-model="model.description" placeholder="请输入描述" ></a-input> |
|
|
|
|
<j-search-select-tag v-model="model.material" dict="material" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="描述" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="description">--> |
|
|
|
|
<!-- <a-input v-model="model.description" placeholder="请输入描述" ></a-input>--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="厚度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ply"> |
|
|
|
|
<a-input v-model="model.ply" placeholder="请输入厚度" ></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="money"> |
|
|
|
|
<a-input-number v-model="model.money" placeholder="请输入金额" style="width: 100%" /> |
|
|
|
|
<a-form-model-item label="单价" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="money"> |
|
|
|
|
<a-input-number v-model="model.money" placeholder="请输入单价" style="width: 100%" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="图片地址" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="imageUrl"> |
|
|
|
|
<!--<j-image-upload isMultiple v-model="model.imageUrl" ></j-image-upload>--> |
|
|
|
|
|
|
|
|
|
<img style="width: 100%;" :src="model.imageUrl"> |
|
|
|
|
<a-input hidden="hidden" v-model="model.imageUrl"></a-input> |
|
|
|
|
<a-button type="primary" @click="onlineImage"> |
|
|
|
|
在线 |
|
|
|
|
</a-button> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="面料组别" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fabricGroupId"> |
|
|
|
|
<j-dict-select-tag type="list" v-model="model.fabricGroupId" dictCode="zy_fabric_group,name,id" placeholder="请选择面料组别" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="面料品牌" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="brandId"> |
|
|
|
|
<a-input v-model="model.brandId" placeholder="请输入面料品牌" ></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="库存" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="store"> |
|
|
|
|
<a-input-number v-model="model.store" placeholder="请输入库存" style="width: 100%" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="1、为m。2:kg,等" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="unit"> |
|
|
|
|
<a-input-number v-model="model.unit" placeholder="请输入1、为m。2:kg,等" style="width: 100%" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="一级面料表分类" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="category1Id"> |
|
|
|
|
<j-dict-select-tag type="list" v-model="model.category1Id" dictCode="zy_category,name,id" placeholder="请选择一级面料表分类" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="二级面料表分类" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="category2Id"> |
|
|
|
|
<j-dict-select-tag type="list" v-model="model.category2Id" dictCode="zy_category,name,id" placeholder="请选择二级面料表分类" /> |
|
|
|
|
<a-form-model-item label="零售价" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="retailPrice"> |
|
|
|
|
<a-input-number v-model="model.retailPrice" placeholder="请输入零售价" style="width: 100%" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="三级面料表分类" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="category3Id"> |
|
|
|
|
<j-dict-select-tag type="list" v-model="model.category3Id" dictCode="zy_category,name,id" placeholder="请选择三级面料表分类" /> |
|
|
|
|
<a-form-model-item label="品牌" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="brandId"> |
|
|
|
|
<a-input v-model="model.brandId" placeholder="请输入品牌" ></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="排序" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sort"> |
|
|
|
|
<a-input-number v-model="model.sort" placeholder="请输入排序" style="width: 100%" /> |
|
|
|
|
<a-form-model-item label="单位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="unit"> |
|
|
|
|
<a-input-number v-model="model.unit" placeholder="请输入单位" style="width: 100%" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="0:无,1:特价,2:推荐等等" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fabricType"> |
|
|
|
|
<a-input-number v-model="model.fabricType" placeholder="请输入0:无,1:特价,2:推荐等等" style="width: 100%" /> |
|
|
|
|
<a-form-model-item label="密度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="density"> |
|
|
|
|
<a-input v-model="model.density" placeholder="请输入密度" ></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
@ -107,8 +82,8 @@ |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="密度" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="density"> |
|
|
|
|
<a-input v-model="model.density" placeholder="请输入密度" ></a-input> |
|
|
|
|
<a-form-model-item label="销售地区" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="location"> |
|
|
|
|
<a-input v-model="model.location" placeholder="请输入销售地区" ></a-input> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
@ -117,32 +92,85 @@ |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="零售价" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="retailPrice"> |
|
|
|
|
<a-input-number v-model="model.retailPrice" placeholder="请输入零售价" style="width: 100%" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="所在地区" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="location"> |
|
|
|
|
<a-input v-model="model.location" placeholder="请输入所在地区" ></a-input> |
|
|
|
|
<a-form-model-item label="供货商" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="supplierInfo"> |
|
|
|
|
<j-select-depart v-model="model.supplierInfo" multi /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="物流运费" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="logisticsFreight"> |
|
|
|
|
<a-input-number v-model="model.logisticsFreight" placeholder="请输入物流运费" style="width: 100%" /> |
|
|
|
|
<a-form-model-item label="图片地址" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="imageUrl"> |
|
|
|
|
<j-image-upload isMultiple v-model="model.imageUrl" ></j-image-upload> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="图片地址" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="imageUrl">--> |
|
|
|
|
<!-- <!–<j-image-upload isMultiple v-model="model.imageUrl" ></j-image-upload>–>--> |
|
|
|
|
|
|
|
|
|
<!-- <img style="width: 100%;" :src="model.imageUrl">--> |
|
|
|
|
<!-- <a-input hidden="hidden" v-model="model.imageUrl"></a-input>--> |
|
|
|
|
<!-- <a-button type="primary" @click="onlineImage">--> |
|
|
|
|
<!-- 在线--> |
|
|
|
|
<!-- </a-button>--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
<a-col :span="24"> |
|
|
|
|
<a-form-model-item label="物流详情" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="logisticsDetail"> |
|
|
|
|
<a-input v-model="model.logisticsDetail" placeholder="请输入物流详情" ></a-input> |
|
|
|
|
<a-form-model-item label="二维码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="qRcode"> |
|
|
|
|
<j-image-upload isMultiple v-model="model.qRcode" ></j-image-upload> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="面料组别" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fabricGroupId">--> |
|
|
|
|
<!-- <j-dict-select-tag type="list" v-model="model.fabricGroupId" dictCode="zy_fabric_group,name,id" placeholder="请选择面料组别" />--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
|
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="库存" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="store">--> |
|
|
|
|
<!-- <a-input-number v-model="model.store" placeholder="请输入库存" style="width: 100%" />--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
|
|
|
|
|
<a-col :span="24" > |
|
|
|
|
<a-form-model-item label="二维码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="img"> |
|
|
|
|
<j-image-upload isMultiple v-model="model.img" ></j-image-upload> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</a-col> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="一级面料表分类" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="category1Id">--> |
|
|
|
|
<!-- <j-dict-select-tag type="list" v-model="model.category1Id" dictCode="zy_category,name,id" placeholder="请选择一级面料表分类" />--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="二级面料表分类" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="category2Id">--> |
|
|
|
|
<!-- <j-dict-select-tag type="list" v-model="model.category2Id" dictCode="zy_category,name,id" placeholder="请选择二级面料表分类" />--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="三级面料表分类" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="category3Id">--> |
|
|
|
|
<!-- <j-dict-select-tag type="list" v-model="model.category3Id" dictCode="zy_category,name,id" placeholder="请选择三级面料表分类" />--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="排序" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sort">--> |
|
|
|
|
<!-- <a-input-number v-model="model.sort" placeholder="请输入排序" style="width: 100%" />--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="0:无,1:特价,2:推荐等等" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fabricType">--> |
|
|
|
|
<!-- <a-input-number v-model="model.fabricType" placeholder="请输入0:无,1:特价,2:推荐等等" style="width: 100%" />--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="物流运费" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="logisticsFreight">--> |
|
|
|
|
<!-- <a-input-number v-model="model.logisticsFreight" placeholder="请输入物流运费" style="width: 100%" />--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
<!-- <a-col :span="24">--> |
|
|
|
|
<!-- <a-form-model-item label="物流详情" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="logisticsDetail">--> |
|
|
|
|
<!-- <a-input v-model="model.logisticsDetail" placeholder="请输入物流详情" ></a-input>--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <a-col :span="24" >--> |
|
|
|
|
<!-- <a-form-model-item label="二维码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="img">--> |
|
|
|
|
<!-- <j-image-upload isMultiple v-model="model.img" ></j-image-upload>--> |
|
|
|
|
<!-- </a-form-model-item>--> |
|
|
|
|
<!-- </a-col>--> |
|
|
|
|
|
|
|
|
|
</a-row> |
|
|
|
|
<online-camera ref="onlineCamera" v-on:changeOnlineVisible="changeOnlineVisible" /> |
|
|
|
@ -186,6 +214,18 @@ |
|
|
|
|
}, |
|
|
|
|
confirmLoading: false, |
|
|
|
|
validatorRules: { |
|
|
|
|
color: [ |
|
|
|
|
{ required: true, message: '请输入颜色!'}, |
|
|
|
|
], |
|
|
|
|
pattern: [ |
|
|
|
|
{ required: true, message: '请输入花样!'}, |
|
|
|
|
], |
|
|
|
|
fabricNumber: [ |
|
|
|
|
{ required: true, message: '请输入面料编号!'}, |
|
|
|
|
], |
|
|
|
|
name: [ |
|
|
|
|
{ required: true, message: '请输入名称!'}, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
url: { |
|
|
|
|
add: "/fabric/zyFabric/add", |
|
|
|
|