|
|
@@ -7,114 +7,120 @@
|
|
|
v-if="editKeys && editKeys.length > 1"
|
|
|
@pageChange="editPageChange"></DkPageButton>
|
|
|
<DkCollapse @on-change="changeCollapse" ref="collapse">
|
|
|
- <DkPanel prop="基本信息">
|
|
|
+ <DkPanel prop="baseAttribute">
|
|
|
<!-- 下拉区域 -->
|
|
|
<DkForm slot="content" ref="formInline" v-model="formData" :labelMaxWords=5>
|
|
|
<!--唯一编码-->
|
|
|
- <DkFormItem :required="true" prop="唯一编码">
|
|
|
- <InputPop ref="唯一编码" v-model="formData.唯一编码" :readonly="type == $config.formMode.edit"/>
|
|
|
+ <DkFormItem prop="skuCode">
|
|
|
+ <InputPop ref="skuCode" v-model="formData.skuCode" :readonly="true"/>
|
|
|
</DkFormItem>
|
|
|
<!--商品型号-->
|
|
|
- <DkFormItem :required="true" prop="商品型号">
|
|
|
- <InputPop ref="商品型号" v-model="formData.商品型号" :readonly="type == $config.formMode.edit"/>
|
|
|
+ <DkFormItem prop="skuModel">
|
|
|
+ <InputPop ref="skuModel" v-model="formData.skuModel" />
|
|
|
</DkFormItem>
|
|
|
<!--商品名称-->
|
|
|
- <DkFormItem :required="true" prop="商品名称">
|
|
|
- <InputPop ref="商品名称" v-model="formData.商品名称"/>
|
|
|
- </DkFormItem>
|
|
|
- <DkFormItem prop="remarks">
|
|
|
- <InputPop v-model="formData.remarks" maxlength="255"/>
|
|
|
+ <DkFormItem prop="skuName">
|
|
|
+ <InputPop ref="skuName" v-model="formData.skuName"/>
|
|
|
</DkFormItem>
|
|
|
</DkForm>
|
|
|
</DkPanel>
|
|
|
- <DkPanel prop="商品属性">
|
|
|
+ <DkPanel prop="goodsAttribute">
|
|
|
<!-- 下拉区域 -->
|
|
|
<DkForm slot="content" ref="formInline" v-model="formData" :labelMaxWords=5>
|
|
|
- <!--商品品牌-->
|
|
|
- <DkFormItem prop="商品品牌" :required="true" :data-type="this.$config.dataType.array" :label="'商品品牌'">
|
|
|
- <SelectPop v-model="formData.商品品牌" :multiple="false" :options="List1" ref="roleIds"
|
|
|
- labelKey="roleName"
|
|
|
- valueKey=roleId>
|
|
|
- </SelectPop>
|
|
|
+ <!-- 品牌 -->
|
|
|
+ <DkFormItem prop="brandIds">
|
|
|
+ <SelectMagnifier v-model="formData.brandId" :display-text="formData.brandName"
|
|
|
+ :type="this.$config.MagnifierType.brand"
|
|
|
+ :multiple="false"></SelectMagnifier>
|
|
|
</DkFormItem>
|
|
|
<!--商品种类-->
|
|
|
- <DkFormItem prop="商品种类" :required="true" :data-type="this.$config.dataType.array" :label="'商品种类'">
|
|
|
- <SelectPop v-model="formData.商品种类" :multiple="false" :options="List2" ref="roleIds"
|
|
|
- labelKey="roleName"
|
|
|
- valueKey=roleId>
|
|
|
- </SelectPop>
|
|
|
- </DkFormItem>
|
|
|
- <!--计量单位-->
|
|
|
- <DkFormItem prop="计量单位" :required="true" :data-type="this.$config.dataType.array" :label="'计量单位'">
|
|
|
- <SelectPop v-model="formData.计量单位" :multiple="false" :options="List4" ref="roleIds"
|
|
|
- labelKey="roleName"
|
|
|
- valueKey=roleId>
|
|
|
+ <DkFormItem prop="category">
|
|
|
+ <SelectPop v-model="formData.category" :multiple="false"
|
|
|
+ :options="categoryList" ref="category"
|
|
|
+ labelKey="catName"
|
|
|
+ valueKey=catId>
|
|
|
</SelectPop>
|
|
|
</DkFormItem>
|
|
|
<!--商品系列-->
|
|
|
- <DkFormItem prop="商品系列" :data-type="this.$config.dataType.array" :label="'商品系列'">
|
|
|
- <SelectPop v-model="formData.商品系列" :multiple="false" :options="List3" ref="roleIds"
|
|
|
- labelKey="roleName"
|
|
|
- valueKey=roleId>
|
|
|
+ <DkFormItem prop="series" >
|
|
|
+ <SelectPop v-model="formData.seriesId" :multiple="false" :options="seriesList" ref="category"
|
|
|
+ labelKey="seriesName"
|
|
|
+ valueKey=seriesId>
|
|
|
</SelectPop>
|
|
|
</DkFormItem>
|
|
|
- <!--商品规格-->
|
|
|
- <DkFormItem prop="商品规格" :data-type="this.$config.dataType.array" :label="'商品规格'">
|
|
|
- <SelectPop v-model="formData.商品规格" :multiple="false" :options="List5" ref="roleIds"
|
|
|
- labelKey="roleName"
|
|
|
- valueKey=roleId>
|
|
|
+ <!--计量单位-->
|
|
|
+ <DkFormItem prop="unit">
|
|
|
+ <SelectPop v-model="formData.unitId" :multiple="false" :options="unitList" ref="unit"
|
|
|
+ labelKey="unitName"
|
|
|
+ valueKey=unitId>
|
|
|
</SelectPop>
|
|
|
</DkFormItem>
|
|
|
<!--辅助计量单位-->
|
|
|
- <DkFormItem prop="辅助计量单位">
|
|
|
- <InputPop ref="辅助计量单位" v-model="formData.辅助计量单位"/>
|
|
|
- </DkFormItem>
|
|
|
- </DkForm>
|
|
|
- </DkPanel>
|
|
|
- <DkPanel prop="仓库信息">
|
|
|
- <DkForm slot="content" ref="formInline" v-model="formData" :labelMaxWords=5>
|
|
|
- <!--初期仓库-->
|
|
|
- <DkFormItem :required="true" prop="orgId" :data-type="$config.dataType.number" :label="'初期仓库'">
|
|
|
- <SelectMagnifier v-model="formData.初期仓库" :display-text="formData.levelName"
|
|
|
- :type="this.$config.MagnifierType.初期仓库"
|
|
|
- :multiple="false"
|
|
|
- title="初期仓库"
|
|
|
- @ok="chooseHouse"></SelectMagnifier>
|
|
|
- </DkFormItem>
|
|
|
- <!--库存色号-->
|
|
|
- <DkFormItem prop="库存色号">
|
|
|
- <InputPop ref="库存色号" v-model="formData.库存色号"/>
|
|
|
+ <DkFormItem prop="subUnit">
|
|
|
+ <SelectPop v-model="formData.subUnitId" :multiple="false" :options="unitList" ref="subUnit"
|
|
|
+ labelKey="subUnitName"
|
|
|
+ valueKey=subUnitId>
|
|
|
+ </SelectPop>
|
|
|
</DkFormItem>
|
|
|
- <!--期初数量-->
|
|
|
- <DkFormItem prop="期初数量">
|
|
|
- <InputPop ref="期初数量" v-model="formData.期初数量"/>
|
|
|
+ <!--商品规格-->
|
|
|
+ <DkFormItem prop="skuSpec">
|
|
|
+ <InputPop ref="skuSpec" v-model="formData.skuSpec"/>
|
|
|
</DkFormItem>
|
|
|
- <!--期初成本价-->
|
|
|
- <DkFormItem prop="期初成本价">
|
|
|
- <InputPop ref="期初成本价" v-model="formData.期初成本价"/>
|
|
|
+ <!--单位换算-->
|
|
|
+ <DkFormItem prop="conversionFactor">
|
|
|
+ <InputPop ref="conversionFactor" v-model="formData.conversionFactor"/>
|
|
|
</DkFormItem>
|
|
|
</DkForm>
|
|
|
</DkPanel>
|
|
|
- <DkPanel prop="价格明细">
|
|
|
+ <DkPanel prop="priceItem">
|
|
|
<DkForm slot="content" ref="formInline" v-model="formData" :labelMaxWords=5>
|
|
|
<!--采购价-->
|
|
|
- <DkFormItem prop="采购价">
|
|
|
- <InputPop ref="采购价" v-model="formData.采购价"/>
|
|
|
+ <DkFormItem prop="pricePurchase">
|
|
|
+ <InputPop ref="pricePurchase" v-model="formData.pricePurchase"/>
|
|
|
</DkFormItem>
|
|
|
<!--零售价-->
|
|
|
- <DkFormItem prop="零售价">
|
|
|
- <InputPop ref="零售价" v-model="formData.零售价"/>
|
|
|
+ <DkFormItem prop="priceStandard">
|
|
|
+ <InputPop ref="priceStandard" v-model="formData.priceStandard"/>
|
|
|
</DkFormItem>
|
|
|
<!--批发价-->
|
|
|
- <DkFormItem prop="批发价">
|
|
|
- <InputPop ref="批发价" v-model="formData.批发价"/>
|
|
|
+ <DkFormItem prop="priceWholesale">
|
|
|
+ <InputPop ref="priceWholesale" v-model="formData.priceWholesale"/>
|
|
|
</DkFormItem>
|
|
|
<!--销售售价-->
|
|
|
- <DkFormItem prop="销售售价">
|
|
|
- <InputPop ref="销售售价" v-model="formData.销售售价"/>
|
|
|
+ <DkFormItem prop="priceLimited">
|
|
|
+ <InputPop ref="priceLimited" v-model="formData.priceLimited"/>
|
|
|
</DkFormItem>
|
|
|
</DkForm>
|
|
|
</DkPanel>
|
|
|
+ <DkPanel prop="库存信息">
|
|
|
+ <DkForm slot="content" ref="formInline" v-model="formData" :labelMaxWords=6>
|
|
|
+ <!-- 仓库名称 -->
|
|
|
+ <DkFormItem prop="whName">
|
|
|
+ <SelectMagnifier v-model="formData.whId" :display-text="formData.whName"
|
|
|
+ :type="this.$config.MagnifierType.warehouse"
|
|
|
+ :multiple="false"></SelectMagnifier>
|
|
|
+ </DkFormItem>
|
|
|
+ <!--非标号-->
|
|
|
+ <DkFormItem prop="nonStdCode">
|
|
|
+ <InputPop ref="nonStdCode" v-model="formData.nonStdCode"/>
|
|
|
+ </DkFormItem>
|
|
|
+ </DkForm>
|
|
|
+ </DkPanel>
|
|
|
+ <DkPanel prop="备注信息">
|
|
|
+ <DkForm slot="content" ref="formInline" v-model="formData" :labelMaxWords=5>
|
|
|
+ <DkFormItem prop="remarks" :span="12">
|
|
|
+ <InputPop ref="remarks" v-model="formData.remarks"
|
|
|
+ maxlength=500 textareaFlag/>
|
|
|
+ </DkFormItem>
|
|
|
+ </DkForm>
|
|
|
+ </DkPanel>
|
|
|
+ <DkPanel prop="商品图片">
|
|
|
+ <div id="search-cond-div-files-info" ref="search-cond-div-files-info" slot="content">
|
|
|
+ <DkPicWall v-model="formData.skuImages"
|
|
|
+ :table="$config.tables.sku" :accept="$config.uploadFileConfig.acceptPicType"></DkPicWall>
|
|
|
+ </div>
|
|
|
+ </DkPanel>
|
|
|
+
|
|
|
</DkCollapse>
|
|
|
|
|
|
<!-- 下部分按钮区域-->
|
|
|
@@ -129,107 +135,113 @@ import {formMixin} from "@/mixins/form";
|
|
|
export default {
|
|
|
components: {},
|
|
|
mixins: [formMixin],
|
|
|
-
|
|
|
data() {
|
|
|
return {
|
|
|
- List1: [
|
|
|
- {
|
|
|
- roleId: 1,
|
|
|
- roleName: '蒙娜丽莎瓷砖'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 2,
|
|
|
- roleName: '箭牌卫浴'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 3,
|
|
|
- roleName: '恒洁位于'
|
|
|
- },
|
|
|
- ],
|
|
|
- List2: [
|
|
|
- {
|
|
|
- roleId: 1,
|
|
|
- roleName: '陶瓷类'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 2,
|
|
|
- roleName: '浴室柜类'
|
|
|
- },
|
|
|
- ],
|
|
|
- List3: [
|
|
|
- {
|
|
|
- roleId: 1,
|
|
|
- roleName: '原木系列'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 2,
|
|
|
- roleName: '金属系列'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 3,
|
|
|
- roleName: '古典系列'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 4,
|
|
|
- roleName: '沐浴系列'
|
|
|
- },
|
|
|
- ],
|
|
|
- List4: [
|
|
|
- {
|
|
|
- roleId: 1,
|
|
|
- roleName: '米'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 2,
|
|
|
- roleName: '箱'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 3,
|
|
|
- roleName: '平方米'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 4,
|
|
|
- roleName: '个'
|
|
|
- },
|
|
|
- ],
|
|
|
- List5:[
|
|
|
- {
|
|
|
- roleId: 1,
|
|
|
- roleName: '800*800'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 2,
|
|
|
- roleName: '300*800'
|
|
|
- },
|
|
|
- {
|
|
|
- roleId: 3,
|
|
|
- roleName: '600*600'
|
|
|
- },
|
|
|
- ],
|
|
|
- formData: {
|
|
|
- 唯一编码: null,
|
|
|
- 商品型号: null,
|
|
|
- 商品名称: null,
|
|
|
- 商品品牌: null,
|
|
|
- 商品种类: null,
|
|
|
- 商品系列: null,
|
|
|
- 计量单位: null,
|
|
|
- 商品规格: null,
|
|
|
- 辅助计量单位: null,
|
|
|
- 初期仓库: null,
|
|
|
- 库存色号: null,
|
|
|
- 期初数量: null,
|
|
|
- 期初成本价: null,
|
|
|
- 采购价: null,
|
|
|
- 零售价: null,
|
|
|
- 批发价: null,
|
|
|
- 销售售价: null,
|
|
|
- remarks: null,
|
|
|
+ categoryList:[],
|
|
|
+ seriesList:[],
|
|
|
+ unitList:[],
|
|
|
+ subUnitList:[],
|
|
|
+ formData: {
|
|
|
+ skuCode: null,
|
|
|
+ skuModel: null,
|
|
|
+ skuName: null,
|
|
|
+ brandId: null,//商品品牌
|
|
|
+ categoryId: null,//商品种类
|
|
|
+ seriesId: null,//商品系列
|
|
|
+ unitId: null,//计量单位
|
|
|
+ skuSpec: null,//商品规格
|
|
|
+ subUnitId: null,//辅助计量单位
|
|
|
+ conversionFactor: null, //单位换算
|
|
|
+ pricePurchase : null, //采购价
|
|
|
+ priceStandard : null, //零售价
|
|
|
+ priceWholesale : null,//批发价
|
|
|
+ priceLimited : null, //销售售价
|
|
|
+ nonStdCode:null,
|
|
|
+ whId:null,
|
|
|
+ whName:null,
|
|
|
+ skuImages:null,
|
|
|
+ remarks: null,
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
|
|
|
+ /**
|
|
|
+ * @desc : 加载数据
|
|
|
+ * @author : 宋扬
|
|
|
+ * @date : 2024/4/8 15:12
|
|
|
+ */
|
|
|
+ initData() {
|
|
|
+ // 获取商品种类
|
|
|
+ this.getGoodsCategory();
|
|
|
+ // 获取商品系列
|
|
|
+ this.getGoodsSeries();
|
|
|
+ // 获取计量单位
|
|
|
+ this.getGoodsUnit();
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @desc : 获取商品种类
|
|
|
+ * @author : 宋扬
|
|
|
+ * @date : 2024/4/8 15:13
|
|
|
+ */
|
|
|
+ getGoodsCategory() {
|
|
|
+ this.excute(this.$service.goodsCategoryService, this.$service.goodsCategoryService.selectByCond, {}).then(res => {
|
|
|
+ if (res.code === this.$config.SUCCESS_CODE) {
|
|
|
+ this.categoryList = res.data.list;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @desc : 获取商品系列
|
|
|
+ * @author : 宋扬
|
|
|
+ * @date : 2024/4/8 15:18
|
|
|
+ */
|
|
|
+ getGoodsSeries() {
|
|
|
+ this.excute(this.$service.goodsSeriesService, this.$service.goodsSeriesService.selectByCond, {}).then(res => {
|
|
|
+ if (res.code === this.$config.SUCCESS_CODE) {
|
|
|
+ this.seriesList = res.data.list;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @desc : 获取计量单位
|
|
|
+ * @author : 宋扬
|
|
|
+ * @date : 2024/4/8 15:20
|
|
|
+ */
|
|
|
+ getGoodsUnit() {
|
|
|
+ this.excute(this.$service.unitService, this.$service.unitService.selectByCond, {}).then(res => {
|
|
|
+ if (res.code === this.$config.SUCCESS_CODE) {
|
|
|
+ this.unitList = res.data.list;
|
|
|
+ this.subUnitList= res.data.list;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @desc : 赋值信息
|
|
|
+ * @author : 宋扬
|
|
|
+ * @date : 2024/4/8 16:41
|
|
|
+ */
|
|
|
+ setParams(){
|
|
|
+ this.params = {...this.formData}
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @desc : 保存数据
|
|
|
+ * @author : 宋扬
|
|
|
+ * @date : 2024/4/8 16:30
|
|
|
+ */
|
|
|
+ saveData() {
|
|
|
+ if (this.type === this.$config.formMode.add) {
|
|
|
+ return this.excute(this.$service.goodsService, this.$service.goodsService.insert, this.params);
|
|
|
+ } else if (this.type === this.$config.formMode.edit) {
|
|
|
+ return this.excute(this.$service.goodsService, this.$service.goodsService.edit, this.params);
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
},
|
|
|
}
|
|
|
</script>
|