mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2025-12-16 16:05:52 +08:00
分类参数必填校验
This commit is contained in:
chc
@@ -10,28 +10,27 @@
|
||||
<div class="form-item-view">
|
||||
<FormItem label="商品分类">
|
||||
<span class="goods-category-name">{{
|
||||
this.baseInfoForm.categoryName[0]
|
||||
}}</span>
|
||||
this.baseInfoForm.categoryName[0]
|
||||
}}</span>
|
||||
<span> > {{ this.baseInfoForm.categoryName[1] }}</span>
|
||||
<span> > {{ this.baseInfoForm.categoryName[2] }}</span>
|
||||
</FormItem>
|
||||
<FormItem label="商品名称" prop="goodsName">
|
||||
<Input v-model="baseInfoForm.goodsName" clearable placeholder="商品名称" style="width: 260px"
|
||||
type="text"/>
|
||||
<Input v-model="baseInfoForm.goodsName" clearable placeholder="商品名称" style="width: 260px" type="text" />
|
||||
</FormItem>
|
||||
|
||||
<FormItem label="商品价格" prop="price">
|
||||
<Input v-model="baseInfoForm.price" clearable placeholder="商品价格" style="width: 260px" type="text"/>
|
||||
<Input v-model="baseInfoForm.price" clearable placeholder="商品价格" style="width: 260px" type="text" />
|
||||
</FormItem>
|
||||
<FormItem label="商品卖点" prop="sellingPoint">
|
||||
<Input v-model="baseInfoForm.sellingPoint" :rows="4" style="width: 260px" type="textarea"/>
|
||||
<Input v-model="baseInfoForm.sellingPoint" :rows="4" style="width: 260px" type="textarea" />
|
||||
</FormItem>
|
||||
<FormItem label="商品品牌" prop="brandId">
|
||||
<Select v-model="baseInfoForm.brandId" filterable style="width: 200px">
|
||||
<Option v-for="item in brandList" :key="item.id" :label="item.name" :value="item.id"></Option>
|
||||
</Select>
|
||||
<Button class="refresh-icon" icon="md-refresh" shape="circle" type="text"
|
||||
@click="refresh('brand')"></Button>
|
||||
@click="refresh('brand')"></Button>
|
||||
</FormItem>
|
||||
</div>
|
||||
<h4>商品交易信息</h4>
|
||||
@@ -42,11 +41,11 @@
|
||||
</Option>
|
||||
</Select>
|
||||
<Button class="refresh-icon" icon="md-refresh" shape="circle" type="text"
|
||||
@click="refresh('goodsUnit')"></Button>
|
||||
@click="refresh('goodsUnit')"></Button>
|
||||
</FormItem>
|
||||
<FormItem class="form-item-view-el" label="销售模式" prop="salesModel">
|
||||
<RadioGroup v-if="baseInfoForm.goodsType != 'VIRTUAL_GOODS'" v-model="baseInfoForm.salesModel"
|
||||
button-style="solid" type="button" @on-change="renderTableData(skuTableData)">
|
||||
button-style="solid" type="button" @on-change="renderTableData(skuTableData)">
|
||||
<Radio label="RETAIL" title="零售型">零售型</Radio>
|
||||
<Radio label="WHOLESALE" title="批发型">批发型</Radio>
|
||||
</RadioGroup>
|
||||
@@ -57,17 +56,17 @@
|
||||
</RadioGroup>
|
||||
</FormItem>
|
||||
<FormItem v-if="baseInfoForm.salesModel == 'WHOLESALE'" class="form-item-view-el" label="销售规则"
|
||||
prop="wholesaleRule">
|
||||
prop="wholesaleRule">
|
||||
<div class="form-item-view-wholesale">
|
||||
<div>
|
||||
<Table :columns="wholesaleColumns" :data="wholesaleData" border>
|
||||
<template slot="wholesaleNum" slot-scope="{ row, index }">
|
||||
<div>
|
||||
<Input v-model="wholesaleData[index].num" min="1" number type="number"
|
||||
@on-blur="checkWholesaleNum(index)">
|
||||
@on-blur="checkWholesaleNum(index)">
|
||||
<span slot="append">{{
|
||||
baseInfoForm.goodsUnit || ""
|
||||
}}</span>
|
||||
baseInfoForm.goodsUnit || ""
|
||||
}}</span>
|
||||
</Input>
|
||||
</div>
|
||||
</template>
|
||||
@@ -78,18 +77,18 @@
|
||||
align-items: center;
|
||||
">
|
||||
<Input v-model="wholesaleData[index].price" min="1" number style="width: 190px" type="number"
|
||||
@on-blur="checkWholesalePrice(index)">
|
||||
<span slot="append">元</span>
|
||||
@on-blur="checkWholesalePrice(index)">
|
||||
<span slot="append">元</span>
|
||||
</Input>
|
||||
<Button v-if="index > 0" size="small" style="margin-left: 5px" type="error"
|
||||
@click="handleDeleteWholesaleData(index)">删除
|
||||
@click="handleDeleteWholesaleData(index)">删除
|
||||
</Button>
|
||||
</div>
|
||||
</template>
|
||||
</Table>
|
||||
|
||||
<Button v-if="wholesaleData.length < 3" icon="md-add" style="margin-top: 10px"
|
||||
@click="handleAddWholesaleData()">
|
||||
@click="handleAddWholesaleData()">
|
||||
添加价格区间
|
||||
</Button>
|
||||
</div>
|
||||
@@ -105,9 +104,9 @@
|
||||
<div style="display: flex; flex-wrap: wrap;">
|
||||
<vuedraggable :animation="200" :list="baseInfoForm.goodsGalleryFiles">
|
||||
<div v-for="(item, __index) in baseInfoForm.goodsGalleryFiles" :key="__index"
|
||||
class="demo-upload-list">
|
||||
class="demo-upload-list">
|
||||
<template>
|
||||
<img :src="item"/>
|
||||
<img :src="item" />
|
||||
<div class="demo-upload-list-cover">
|
||||
<div>
|
||||
<Icon size="30" type="md-search" @click.native="handleViewGoodsPicture(item)"></Icon>
|
||||
@@ -118,24 +117,24 @@
|
||||
</div>
|
||||
</vuedraggable>
|
||||
<!--<Upload ref="upload"-->
|
||||
<!--:action="uploadFileUrl" :before-upload="handleBeforeUploadGoodsPicture"-->
|
||||
<!--:format="['jpg', 'jpeg', 'png', 'webp']"-->
|
||||
<!--:headers="{ ...accessToken }"-->
|
||||
<!--:max-size="2048" :on-error="() => { $Spin.hide(); }" :on-exceeded-size="handleMaxSize"-->
|
||||
<!--:on-format-error="handleFormatError" :on-progress="() => { $Spin.show(); }"-->
|
||||
<!--:on-success="handleSuccessGoodsPicture" :show-upload-list="false" multiple-->
|
||||
<!--style="margin-left: 10px"-->
|
||||
<!--type="drag">-->
|
||||
<!--<div style="width: 148px; height: 148px; line-height: 148px">-->
|
||||
<!--<Icon size="20" type="md-add"></Icon>-->
|
||||
<!--</div>-->
|
||||
<!--:action="uploadFileUrl" :before-upload="handleBeforeUploadGoodsPicture"-->
|
||||
<!--:format="['jpg', 'jpeg', 'png', 'webp']"-->
|
||||
<!--:headers="{ ...accessToken }"-->
|
||||
<!--:max-size="2048" :on-error="() => { $Spin.hide(); }" :on-exceeded-size="handleMaxSize"-->
|
||||
<!--:on-format-error="handleFormatError" :on-progress="() => { $Spin.show(); }"-->
|
||||
<!--:on-success="handleSuccessGoodsPicture" :show-upload-list="false" multiple-->
|
||||
<!--style="margin-left: 10px"-->
|
||||
<!--type="drag">-->
|
||||
<!--<div style="width: 148px; height: 148px; line-height: 148px">-->
|
||||
<!--<Icon size="20" type="md-add"></Icon>-->
|
||||
<!--</div>-->
|
||||
<!--</Upload>-->
|
||||
</div>
|
||||
<div style="width: 100%;display: flex;justify-content: start;margin-top: 10px;">
|
||||
<Button @click="handleCLickImg('goodsGalleryFiles')" type="primary">上传图片</Button>
|
||||
</div>
|
||||
<Modal v-model="goodsPictureVisible" title="View Image">
|
||||
<img v-if="goodsPictureVisible" :src="previewGoodsPicture" style="width: 100%"/>
|
||||
<img v-if="goodsPictureVisible" :src="previewGoodsPicture" style="width: 100%" />
|
||||
</Modal>
|
||||
</FormItem>
|
||||
<FormItem>
|
||||
@@ -145,23 +144,20 @@
|
||||
<div class="goods-video">
|
||||
<div v-if="baseInfoForm.goodsVideo">
|
||||
<div>
|
||||
<video :src="baseInfoForm.goodsVideo" class="video" controls style="max-width: 300px;"/>
|
||||
<video :src="baseInfoForm.goodsVideo" class="video" controls style="max-width: 300px;" />
|
||||
</div>
|
||||
</div>
|
||||
<Upload ref="upload" :action="uploadFileUrl" :format="['avi', 'wmv', 'mpeg', 'mp4', 'mov']"
|
||||
:headers="{ ...accessToken }"
|
||||
:max-size="10240" :on-error="() => { loadingVideo = false }"
|
||||
:on-exceeded-size="handleVideoMaxSize"
|
||||
:on-format-error="handleFormatError" :on-progress="() => { loadingVideo = true }"
|
||||
:on-success="handleSuccessGoodsVideo" :show-upload-list="false"
|
||||
multiple
|
||||
style="margin-left: 10px" type="drag">
|
||||
:headers="{ ...accessToken }" :max-size="10240" :on-error="() => { loadingVideo = false }"
|
||||
:on-exceeded-size="handleVideoMaxSize" :on-format-error="handleFormatError"
|
||||
:on-progress="() => { loadingVideo = true }" :on-success="handleSuccessGoodsVideo"
|
||||
:show-upload-list="false" multiple style="margin-left: 10px" type="drag">
|
||||
<Button :loading="loadingVideo" icon="ios-cloud-upload-outline" type="text">
|
||||
<span v-if="!loadingVideo">
|
||||
{{ baseInfoForm.goodsVideo ? "已" : "" }}上传视频
|
||||
{{ baseInfoForm.goodsVideo ? "已" : "" }}上传视频
|
||||
</span>
|
||||
<span v-else>
|
||||
正在上传...
|
||||
正在上传...
|
||||
</span>
|
||||
</Button>
|
||||
</Upload>
|
||||
@@ -176,19 +172,21 @@
|
||||
<div v-for="(item, $index) in skuInfo" :key="$index" class="sku-item-content">
|
||||
<Card :bordered="true" class="ivu-card-body">
|
||||
<a slot="extra" style="margin-left: 6px">
|
||||
<Icon size="20" type="md-trash" @click="handleCloseSkuItem($index, item)"></Icon>
|
||||
<Icon size="20" type="md-trash" @click="handleCloseSkuItem($index, item)"></Icon>
|
||||
</a>
|
||||
<div>
|
||||
<div style="display: flex;margin-bottom: 10px;font-weight: bold">规格项</div>
|
||||
<FormItem class="sku-item-content-val flex" label="">
|
||||
|
||||
<div>
|
||||
<AutoComplete v-model="item.name" :filter-method="filterMethod"
|
||||
:maxlength="30" placeholder="请输入规格项名称" style="width: 150px"
|
||||
@on-focus="changeSkuItem(item.name)" @on-change="editSkuItem(item.name, $index, item)">
|
||||
<AutoComplete v-model="item.name" :filter-method="filterMethod" :maxlength="30"
|
||||
placeholder="请输入规格项名称" style="width: 150px" @on-focus="changeSkuItem(item.name)"
|
||||
@on-change="editSkuItem(item.name, $index, item)">
|
||||
</AutoComplete>
|
||||
|
||||
<iSwitch v-if="$index === 0" style="margin-left: 10px" size="small" @on-change="changeSkuOpenImage" v-model="openImage" /><span v-if="$index === 0" style="margin-left: 5px">添加规格图片</span>
|
||||
<iSwitch v-if="$index === 0" style="margin-left: 10px" size="small"
|
||||
@on-change="changeSkuOpenImage" v-model="openImage" /><span v-if="$index === 0"
|
||||
style="margin-left: 5px">添加规格图片</span>
|
||||
</div>
|
||||
</FormItem>
|
||||
|
||||
@@ -198,57 +196,45 @@
|
||||
<Form :model="item" class="flex">
|
||||
<!--规格值文本列表-->
|
||||
<FormItem v-for="(val, index) in item.spec_values" :key="index"
|
||||
class="sku-item-content-val flex" label="" style="line-height: 32px;">
|
||||
class="sku-item-content-val flex" label="" style="line-height: 32px;">
|
||||
<div style="display: flex; justify-content: center; align-items: center;">
|
||||
|
||||
|
||||
<AutoComplete ref="input" v-model="val.value"
|
||||
:disabled="containsSameSkuItem"
|
||||
:filter-method="filterMethod"
|
||||
:maxlength="30" placeholder="请输入规格值" style="width: 180px"
|
||||
@on-focus="changeSkuVals(val, item.name)"
|
||||
@on-blur="checkSkuVal(val, $index, item)"
|
||||
@on-change="skuValueChange(val, index, item)">
|
||||
<AutoComplete ref="input" v-model="val.value" :disabled="containsSameSkuItem"
|
||||
:filter-method="filterMethod" :maxlength="30" placeholder="请输入规格值"
|
||||
style="width: 180px" @on-focus="changeSkuVals(val, item.name)"
|
||||
@on-blur="checkSkuVal(val, $index, item)"
|
||||
@on-change="skuValueChange(val, index, item)">
|
||||
</AutoComplete>
|
||||
<a style="margin-left: 6px" v-if="val.value && val.value !== ''">
|
||||
<Icon size="15" type="md-trash" @click="handleCloseSkuValue(val, index, item)"></Icon>
|
||||
<Icon size="15" type="md-trash" @click="handleCloseSkuValue(val, index, item)">
|
||||
</Icon>
|
||||
</a>
|
||||
</div>
|
||||
<div v-if="$index === 0 && openImage" style="margin-top: 10px">
|
||||
<vuedraggable :animation="200" :list="val.images"
|
||||
>
|
||||
<div v-for="(img, __index) in val.images" :key="__index"
|
||||
class="sku-upload-list"
|
||||
style="width: 180px;height: 140px">
|
||||
<vuedraggable :animation="200" :list="val.images">
|
||||
<div v-for="(img, __index) in val.images" :key="__index" class="sku-upload-list"
|
||||
style="width: 180px;height: 140px">
|
||||
<template>
|
||||
<img
|
||||
:src="img"
|
||||
style="width: 180px;height: 140px"
|
||||
/>
|
||||
<img :src="img" style="width: 180px;height: 140px" />
|
||||
<div class="sku-upload-list-cover">
|
||||
<div style="margin-top: 50px" >
|
||||
<div style="margin-top: 50px">
|
||||
<Icon size="25" type="md-search" @click="handleView(img)"></Icon>
|
||||
<Icon size="25" type="md-trash" @click="handleRemove(val.images, __index)"></Icon>
|
||||
<Icon size="25" type="md-trash" @click="handleRemove(val.images, __index)">
|
||||
</Icon>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</vuedraggable>
|
||||
<Upload ref="uploadSku" :action="uploadFileUrl"
|
||||
v-if="val.images < 1"
|
||||
:before-upload="handleBeforeUpload"
|
||||
:format="['jpg', 'jpeg', 'png', 'webp']"
|
||||
:headers="{ ...accessToken }"
|
||||
:max-size="2048"
|
||||
:on-error="() => { $Spin.hide(); }"
|
||||
:on-exceeded-size="handleMaxSize"
|
||||
:on-format-error="handleFormatError"
|
||||
:on-progress="() => { $Spin.show(); }"
|
||||
:on-success="(res, file) => {
|
||||
handleSuccess(res, file, val.images)
|
||||
}"
|
||||
:show-upload-list="false"
|
||||
style="width: 180px;height: 140px;margin-right: 10px" type="drag">
|
||||
<Upload ref="uploadSku" :action="uploadFileUrl" v-if="val.images < 1"
|
||||
:before-upload="handleBeforeUpload" :format="['jpg', 'jpeg', 'png', 'webp']"
|
||||
:headers="{ ...accessToken }" :max-size="2048" :on-error="() => { $Spin.hide(); }"
|
||||
:on-exceeded-size="handleMaxSize" :on-format-error="handleFormatError"
|
||||
:on-progress="() => { $Spin.show(); }" :on-success="(res, file) => {
|
||||
handleSuccess(res, file, val.images)
|
||||
}" :show-upload-list="false"
|
||||
style="width: 180px;height: 140px;margin-right: 10px" type="drag">
|
||||
<div>
|
||||
<Icon size="136" type="ios-camera"></Icon>
|
||||
</div>
|
||||
@@ -256,13 +242,13 @@
|
||||
</div>
|
||||
</FormItem>
|
||||
|
||||
<FormItem v-if="item.spec_values.length < 10 && item.spec_values.length >= 1 && item.spec_values[0].value !== ''" class="sku-item-content-val flex" label="" style="line-height: 32px;">
|
||||
<AutoComplete ref="input" v-model="newSkuValues[$index]"
|
||||
:disabled="containsSameSkuItem"
|
||||
:filter-method="filterMethod"
|
||||
:maxlength="30" placeholder="自定义规格值" style="width: 180px"
|
||||
@on-blur="addSpec($index, item)"
|
||||
v-on:keyup.native.enter="addSpec($index, item)">
|
||||
<FormItem
|
||||
v-if="item.spec_values.length < 10 && item.spec_values.length >= 1 && item.spec_values[0].value !== ''"
|
||||
class="sku-item-content-val flex" label="" style="line-height: 32px;">
|
||||
<AutoComplete ref="input" v-model="newSkuValues[$index]" :disabled="containsSameSkuItem"
|
||||
:filter-method="filterMethod" :maxlength="30" placeholder="自定义规格值"
|
||||
style="width: 180px" @on-blur="addSpec($index, item)"
|
||||
v-on:keyup.native.enter="addSpec($index, item)">
|
||||
</AutoComplete>
|
||||
</FormItem>
|
||||
</Form>
|
||||
@@ -283,7 +269,7 @@
|
||||
规格详细
|
||||
<div slot="content">
|
||||
<div v-if="needToloadSku" class="topinfo" @click="handleLoadingSkuData">点击加载sku数据</div>
|
||||
<div slot="content" :class="needToloadSku ? 'mask': ''">
|
||||
<div slot="content" :class="needToloadSku ? 'mask' : ''">
|
||||
<Table :columns="skuTableColumn" :data="skuTableData" class="mt_10" style="
|
||||
width: 100%;
|
||||
.ivu-table-overflowX {
|
||||
@@ -292,47 +278,47 @@
|
||||
">
|
||||
<template slot="sn" slot-scope="{ row }">
|
||||
<Input v-model="row.sn" clearable placeholder="请输入货号"
|
||||
@on-change="updateSkuTable(row, 'sn')"/>
|
||||
@on-change="updateSkuTable(row, 'sn')" />
|
||||
</template>
|
||||
<div v-if="baseInfoForm.goodsType !== 'VIRTUAL_GOODS'" slot="weight" slot-scope="{ row }">
|
||||
<Input v-model="row.weight" clearable placeholder="请输入重量"
|
||||
@on-change="updateSkuTable(row, 'weight')">
|
||||
<span slot="append">kg</span>
|
||||
@on-change="updateSkuTable(row, 'weight')">
|
||||
<span slot="append">kg</span>
|
||||
</Input>
|
||||
</div>
|
||||
<template slot="quantity" slot-scope="{ row }">
|
||||
<Input v-model="row.quantity" clearable placeholder="请输入库存"
|
||||
@on-change="updateSkuTable(row, 'quantity')">
|
||||
@on-change="updateSkuTable(row, 'quantity')">
|
||||
<span slot="append">{{
|
||||
baseInfoForm.goodsUnit || ""
|
||||
}}</span>
|
||||
baseInfoForm.goodsUnit || ""
|
||||
}}</span>
|
||||
</Input>
|
||||
</template>
|
||||
<template slot="cost" slot-scope="{ row }">
|
||||
<Input v-model="row.cost" clearable placeholder="请输入成本价"
|
||||
@on-change="updateSkuTable(row, 'cost')">
|
||||
<span slot="append">元</span>
|
||||
@on-change="updateSkuTable(row, 'cost')">
|
||||
<span slot="append">元</span>
|
||||
</Input>
|
||||
</template>
|
||||
<template slot="price" slot-scope="{ row }">
|
||||
<Input v-model="row.price" clearable placeholder="请输入价格"
|
||||
@on-change="updateSkuTable(row, 'price')">
|
||||
<span slot="append">元</span>
|
||||
@on-change="updateSkuTable(row, 'price')">
|
||||
<span slot="append">元</span>
|
||||
</Input>
|
||||
</template>
|
||||
<template slot="wholePrice0" slot-scope="{ row }">
|
||||
<Input v-if="wholesaleData[0]" v-model="wholesaleData[0].price" clearable disabled>
|
||||
<span slot="append">元</span>
|
||||
<span slot="append">元</span>
|
||||
</Input>
|
||||
</template>
|
||||
<template slot="wholePrice1" slot-scope="{ row }">
|
||||
<Input v-if="wholesaleData[1]" v-model="wholesaleData[1].price" clearable disabled>
|
||||
<span slot="append">元</span>
|
||||
<span slot="append">元</span>
|
||||
</Input>
|
||||
</template>
|
||||
<template slot="wholePrice2" slot-scope="{ row }">
|
||||
<Input v-if="wholesaleData[2]" v-model="wholesaleData[2].price" clearable disabled>
|
||||
<span slot="append">元</span>
|
||||
<span slot="append">元</span>
|
||||
</Input>
|
||||
</template>
|
||||
</Table>
|
||||
@@ -349,7 +335,7 @@
|
||||
<!-- {{item.url}} -->
|
||||
<div v-for="(item, index) in listImages.images" :key="index" style="width:100%;display:flex;">
|
||||
<img :src="item.url" style="width:100px;flex:1;margin-top:10px;cursor:pointer;"
|
||||
@click="handleView(item.url)"/>
|
||||
@click="handleView(item.url)" />
|
||||
</div>
|
||||
</FormItem>
|
||||
</div>
|
||||
@@ -359,16 +345,11 @@
|
||||
<div class="tree-bar">
|
||||
<FormItem class="form-item-view-el" label="店内分类" prop="shopCategory">
|
||||
<Tree ref="tree" :check-strictly="false" :data="shopCategory" show-checkbox style="text-align: left"
|
||||
@on-select-change="selectTree" @on-check-change="changeSelect"></Tree>
|
||||
@on-select-change="selectTree" @on-check-change="changeSelect"></Tree>
|
||||
</FormItem>
|
||||
</div>
|
||||
<FormItem class="form-item-view-el" label="PC商品描述" prop="intro" style="width: 100%">
|
||||
<editor
|
||||
ref="editor"
|
||||
v-model="baseInfoForm.intro"
|
||||
height="800px"
|
||||
openXss
|
||||
></editor>
|
||||
<editor ref="editor" v-model="baseInfoForm.intro" height="800px" openXss></editor>
|
||||
<div class="promise-intro-btn">
|
||||
<Button type="primary" @click="promiseIntroEditor">将PC商品描述同步到移动端描述
|
||||
</Button>
|
||||
@@ -376,12 +357,7 @@
|
||||
</FormItem>
|
||||
|
||||
<FormItem class="form-item-view-el" label="移动端描述" prop="skuList" style="width: 100%">
|
||||
<editor
|
||||
ref="introEditor"
|
||||
v-model="baseInfoForm.mobileIntro"
|
||||
height="800px"
|
||||
openXss
|
||||
></editor>
|
||||
<editor ref="introEditor" v-model="baseInfoForm.mobileIntro" height="800px" openXss></editor>
|
||||
</FormItem>
|
||||
</div>
|
||||
<div v-if="baseInfoForm.goodsType != 'VIRTUAL_GOODS'">
|
||||
@@ -393,12 +369,12 @@
|
||||
</Option>
|
||||
</Select>
|
||||
<Button class="refresh-icon" icon="md-refresh" shape="circle" type="text"
|
||||
@click="refresh('template')"></Button>
|
||||
@click="refresh('template')"></Button>
|
||||
</FormItem>
|
||||
<FormItem v-if="baseInfoForm.salesModel == 'WHOLESALE'" class="form-item-view-el" label="商品重量"
|
||||
prop="weight">
|
||||
prop="weight">
|
||||
<Input v-model="baseInfoForm.weight" placeholder="请输入商品重量">
|
||||
<span slot="append">kg</span></Input>
|
||||
<span slot="append">kg</span></Input>
|
||||
</FormItem>
|
||||
</div>
|
||||
<h4>其他信息</h4>
|
||||
@@ -426,24 +402,24 @@
|
||||
</div>
|
||||
<div class="form-item-view-bottom">
|
||||
<Collapse v-for="(paramsGroup, groupIndex) in goodsParams" :key="paramsGroup.groupName"
|
||||
v-model="params_panel" :title="paramsGroup.groupName" class="mb_10" style="text-align: left">
|
||||
v-model="params_panel" :title="paramsGroup.groupName" class="mb_10" style="text-align: left">
|
||||
<Panel :name="paramsGroup.groupName">
|
||||
{{ paramsGroup.groupName }}
|
||||
<p slot="content">
|
||||
<FormItem v-for="(params, paramsIndex) in paramsGroup.params" :key="paramsIndex"
|
||||
:label="`${params.paramName}：`">
|
||||
<Select v-model="params.paramValue" clearable placeholder="请选择" style="width: 200px"
|
||||
@on-change="
|
||||
<FormItem v-for="(paramsItem, paramsIndex) in paramsGroup.params" :key="paramsIndex"
|
||||
:label="`${paramsItem.paramName}：`"
|
||||
:rules="{ required: paramsItem.required, message: '参数不能为空' }">
|
||||
<Select v-model="paramsItem.paramValue" clearable placeholder="请选择" style="width: 200px" @on-change="
|
||||
selectParams(
|
||||
paramsGroup,
|
||||
groupIndex,
|
||||
params,
|
||||
paramsItem,
|
||||
paramsIndex,
|
||||
params.paramValue
|
||||
paramsItem.paramValue
|
||||
)
|
||||
">
|
||||
<Option v-for="option in params.options.split(',')" :key="option" :label="option"
|
||||
:value="option">
|
||||
<Option v-for="option in paramsItem.options.split(',')" :key="option" :label="option"
|
||||
:value="option">
|
||||
</Option>
|
||||
</Select>
|
||||
</FormItem>
|
||||
@@ -476,7 +452,8 @@
|
||||
<!--<ossManage @callback="callbackSelected" ref="ossManage" />-->
|
||||
<!--</Modal>-->
|
||||
<Modal v-model="picModelFlag" width="1200px" @on-ok="confirmUrls">
|
||||
<ossManage ref="ossManage" :isComponent="true" :initialize="picModelFlag" @callback="callbackSelected" @selected="(list)=>{ selectedImage = list}"/>
|
||||
<ossManage ref="ossManage" :isComponent="true" :initialize="picModelFlag" @callback="callbackSelected"
|
||||
@selected="(list) => { selectedImage = list }" />
|
||||
</Modal>
|
||||
|
||||
</div>
|
||||
@@ -488,8 +465,8 @@ import cloneObj from "@/utils/index";
|
||||
import vuedraggable from "vuedraggable";
|
||||
import tinymec from "@/views/lili-components/editor/index.vue";
|
||||
|
||||
import {uploadFile} from "@/libs/axios";
|
||||
import {regular} from "@/utils";
|
||||
import { uploadFile } from "@/libs/axios";
|
||||
import { regular } from "@/utils";
|
||||
import DPlayer from 'dplayer';
|
||||
// import ossManage from "@/views/sys/oss-manage/ossManage";
|
||||
import ossManage from "@/views/shop/ossManages";
|
||||
@@ -657,9 +634,9 @@ export default {
|
||||
validateError: [],
|
||||
baseInfoFormRule: {
|
||||
goodsName: [regular.REQUIRED, regular.WHITE_SPACE, regular.VARCHAR60],
|
||||
price: [regular.REQUIRED, {validator: checkPrice}],
|
||||
price: [regular.REQUIRED, { validator: checkPrice }],
|
||||
sellingPoint: [regular.REQUIRED, regular.VARCHAR60],
|
||||
goodsUnit: [{required: true, message: "请选择计量单位"}],
|
||||
goodsUnit: [{ required: true, message: "请选择计量单位" }],
|
||||
name: [regular.REQUIRED, regular.VARCHAR5],
|
||||
value: [regular.REQUIRED, regular.VARCHAR60],
|
||||
templateId: [regular.REQUIRED],
|
||||
@@ -811,7 +788,7 @@ export default {
|
||||
) {
|
||||
this.baseInfoForm.goodsParamsDTOList[groupIndex].goodsParamsItemDTOList[
|
||||
paramsIndex
|
||||
] = {
|
||||
] = {
|
||||
paramName: "",
|
||||
paramValue: "",
|
||||
isIndex: "",
|
||||
@@ -822,7 +799,7 @@ export default {
|
||||
}
|
||||
this.baseInfoForm.goodsParamsDTOList[groupIndex].goodsParamsItemDTOList[
|
||||
paramsIndex
|
||||
] = {
|
||||
] = {
|
||||
paramName: params.paramName,
|
||||
paramValue: value,
|
||||
isIndex: params.isIndex,
|
||||
@@ -1002,7 +979,7 @@ export default {
|
||||
this.selectedSku.images !== undefined &&
|
||||
this.selectedSku.images.length > 5;
|
||||
if (check) {
|
||||
this.$Notice.warning({title: "图片数量不能大于五张"});
|
||||
this.$Notice.warning({ title: "图片数量不能大于五张" });
|
||||
return false;
|
||||
}
|
||||
},
|
||||
@@ -1073,7 +1050,7 @@ export default {
|
||||
response.result.recommend
|
||||
? (response.result.recommend = 1)
|
||||
: (response.result.recommend = 0);
|
||||
this.baseInfoForm = {...this.baseInfoForm, ...response.result};
|
||||
this.baseInfoForm = { ...this.baseInfoForm, ...response.result };
|
||||
this.baseInfoForm.release = 1; //即使是被放入仓库，修改的时候也会显示会立即发布
|
||||
this.categoryId = response.result.categoryPath.split(",")[2];
|
||||
|
||||
@@ -1121,7 +1098,7 @@ export default {
|
||||
this.baseInfoForm.categoryPath = cateId.toString();
|
||||
}
|
||||
this.firstData.goodsType &&
|
||||
(this.baseInfoForm.goodsType = this.firstData.goodsType);
|
||||
(this.baseInfoForm.goodsType = this.firstData.goodsType);
|
||||
/** 查询商品参数 */
|
||||
this.GET_GoodsParams();
|
||||
},
|
||||
@@ -1262,7 +1239,7 @@ export default {
|
||||
}
|
||||
// 写入对象，下标，具体对象
|
||||
this.$set(this.skuInfo, this.skuInfo.length, {
|
||||
spec_values: [{name: "", value: "", images: []}],
|
||||
spec_values: [{ name: "", value: "", images: [] }],
|
||||
name: "",
|
||||
});
|
||||
|
||||
@@ -1832,6 +1809,25 @@ export default {
|
||||
this.$Message.error("存在重复规格值！");
|
||||
return;
|
||||
}
|
||||
console.log(this.baseInfoForm.goodsParamsDTOList)
|
||||
let checkFlag = false;
|
||||
this.goodsParams.forEach(group => {
|
||||
group.params.forEach(param => {
|
||||
if(param.required){
|
||||
const check = this.baseInfoForm.goodsParamsDTOList.some(paramsGroup =>
|
||||
paramsGroup.some(paramsItem => paramsItem.paramId === param.id)
|
||||
);
|
||||
if(!check){
|
||||
checkFlag = !check;
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
if(checkFlag){
|
||||
this.$Message.error("存在未填写的参数项");
|
||||
return;
|
||||
}
|
||||
this.submitLoading = true;
|
||||
this.$refs["baseInfoForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
@@ -1998,7 +1994,7 @@ export default {
|
||||
API_GOODS.saveDraftGoods(this.baseInfoForm).then((res) => {
|
||||
if (res.success) {
|
||||
this.$Message.info("保存成功！");
|
||||
this.$router.push({name: "template-goods"});
|
||||
this.$router.push({ name: "template-goods" });
|
||||
}
|
||||
});
|
||||
},
|
||||
@@ -2068,9 +2064,7 @@ export default {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#dplayer {
|
||||
|
||||
}
|
||||
#dplayer {}
|
||||
|
||||
/* .tox-notifications-container{
|
||||
display: none !important;
|
||||
|
||||
Reference in New Issue
Block a user