|
@@ -160,8 +160,8 @@
|
|
|
<div class="layui-tab layui-tab-brief" lay-filter="docTabBrief">
|
|
|
<ul class="layui-tab-title">
|
|
|
<li class="layui-this" lay-id='1'>基础信息</li>
|
|
|
- <li lay-id='2'>商品详情</li>
|
|
|
- <li lay-id='3'>其他设置</li>
|
|
|
+ <li lay-id='2'>详情</li>
|
|
|
+<!-- <li lay-id='3'>其他设置</li>-->
|
|
|
</ul>
|
|
|
<div class="layui-tab-content">
|
|
|
<div class="layui-tab-item layui-show">
|
|
@@ -178,25 +178,8 @@
|
|
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
|
|
|
<div class="grid-demo grid-demo-bg1">
|
|
|
<div class="layui-form-item">
|
|
|
- <label class="layui-form-label">商品名称<i class="red">*</i></label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="text" name="store_name" lay-verify="title"
|
|
|
- autocomplete="off"
|
|
|
- placeholder="请输入商品名称" class="layui-input"
|
|
|
- v-model="formData.store_name" maxlength="100">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
|
|
|
- <div class="grid-demo grid-demo-bg1">
|
|
|
- <div class="layui-form-item">
|
|
|
- <label class="layui-form-label">商品关键字</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input style="width: 40%" type="text" name="keyword"
|
|
|
- lay-verify="title" autocomplete="off"
|
|
|
- placeholder="请输入商品关键字" class="layui-input"
|
|
|
- v-model="formData.keyword">
|
|
|
+ <label class="layui-form-label">绑定优惠券<i class="red">*</i></label>
|
|
|
+ <div class="layui-input-block" id="coupon">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -204,16 +187,42 @@
|
|
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
|
|
|
<div class="grid-demo grid-demo-bg1">
|
|
|
<div class="layui-form-item">
|
|
|
- <label class="layui-form-label">单位</label>
|
|
|
+ <label class="layui-form-label">商品名称<i class="red">*</i></label>
|
|
|
<div class="layui-input-block">
|
|
|
- <input style="width: 40%" type="text" name="unit_name"
|
|
|
- lay-verify="title" autocomplete="off"
|
|
|
- placeholder="请输入单位" class="layui-input"
|
|
|
- v-model="formData.unit_name">
|
|
|
+ <input type="text" name="store_name" lay-verify="title"
|
|
|
+ autocomplete="off"
|
|
|
+ placeholder="请输入商品名称" class="layui-input"
|
|
|
+ v-model="formData.store_name" maxlength="100">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+<!-- <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">-->
|
|
|
+<!-- <div class="grid-demo grid-demo-bg1">-->
|
|
|
+<!-- <div class="layui-form-item">-->
|
|
|
+<!-- <label class="layui-form-label">商品关键字</label>-->
|
|
|
+<!-- <div class="layui-input-block">-->
|
|
|
+<!-- <input style="width: 40%" type="text" name="keyword"-->
|
|
|
+<!-- lay-verify="title" autocomplete="off"-->
|
|
|
+<!-- placeholder="请输入商品关键字" class="layui-input"-->
|
|
|
+<!-- v-model="formData.keyword">-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">-->
|
|
|
+<!-- <div class="grid-demo grid-demo-bg1">-->
|
|
|
+<!-- <div class="layui-form-item">-->
|
|
|
+<!-- <label class="layui-form-label">单位</label>-->
|
|
|
+<!-- <div class="layui-input-block">-->
|
|
|
+<!-- <input style="width: 40%" type="text" name="unit_name"-->
|
|
|
+<!-- lay-verify="title" autocomplete="off"-->
|
|
|
+<!-- placeholder="请输入单位" class="layui-input"-->
|
|
|
+<!-- v-model="formData.unit_name">-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
|
|
|
<div class="grid-demo grid-demo-bg1">
|
|
|
<div class="layui-form-item layui-form-text">
|
|
@@ -225,46 +234,46 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="layui-form-item submit">
|
|
|
- <label class="layui-form-label">主图视频</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="text" name="link_key" v-model="videoLink"
|
|
|
- style="width:50%;display:inline-block;margin-right: 10px;"
|
|
|
- autocomplete="off" placeholder="请输入视频链接" class="layui-input">
|
|
|
- <button type="button" @click="uploadVideo"
|
|
|
- class="layui-btn layui-btn-sm layui-btn-normal">{{videoLink ? '确认添加'
|
|
|
- : '上传视频'}}
|
|
|
- </button>
|
|
|
- <input ref="filElem" type="file" style="display: none">
|
|
|
- </div>
|
|
|
- <div class="layui-input-block video_show" style="width: 30%;margin-top: 20px;"
|
|
|
- v-if="upload.videoIng">
|
|
|
- <div class="layui-progress" style="margin-bottom: 10px">
|
|
|
- <div class="layui-progress-bar layui-bg-blue"
|
|
|
- :style="'width:'+progress+'%'"></div>
|
|
|
- </div>
|
|
|
- <button type="button"
|
|
|
- class="layui-btn layui-btn-sm layui-btn-danger percent">
|
|
|
- {{progress}}%
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- <div class="layui-input-block" v-if="formData.video_link">
|
|
|
- <div class="layui-video-box" v-if="formData.video_link">
|
|
|
- <video style="width:100%;height: 100%!important;border-radius: 10px;"
|
|
|
- :src="formData.video_link" controls="controls">
|
|
|
- 您的浏览器不支持 video 标签。
|
|
|
- </video>
|
|
|
- <div class="mark" @click="delVideo">
|
|
|
- <span class="layui-icon layui-icon-delete"
|
|
|
- style="font-size: 30px; color: #1E9FFF;"></span>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="layui-video-box" v-else>
|
|
|
- <i class="layui-icon layui-icon-play"></i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<!-- <div class="layui-form-item submit">-->
|
|
|
+<!-- <label class="layui-form-label">主图视频</label>-->
|
|
|
+<!-- <div class="layui-input-block">-->
|
|
|
+<!-- <input type="text" name="link_key" v-model="videoLink"-->
|
|
|
+<!-- style="width:50%;display:inline-block;margin-right: 10px;"-->
|
|
|
+<!-- autocomplete="off" placeholder="请输入视频链接" class="layui-input">-->
|
|
|
+<!-- <button type="button" @click="uploadVideo"-->
|
|
|
+<!-- class="layui-btn layui-btn-sm layui-btn-normal">{{videoLink ? '确认添加'-->
|
|
|
+<!-- : '上传视频'}}-->
|
|
|
+<!-- </button>-->
|
|
|
+<!-- <input ref="filElem" type="file" style="display: none">-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="layui-input-block video_show" style="width: 30%;margin-top: 20px;"-->
|
|
|
+<!-- v-if="upload.videoIng">-->
|
|
|
+<!-- <div class="layui-progress" style="margin-bottom: 10px">-->
|
|
|
+<!-- <div class="layui-progress-bar layui-bg-blue"-->
|
|
|
+<!-- :style="'width:'+progress+'%'"></div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <button type="button"-->
|
|
|
+<!-- class="layui-btn layui-btn-sm layui-btn-danger percent">-->
|
|
|
+<!-- {{progress}}%-->
|
|
|
+<!-- </button>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="layui-input-block" v-if="formData.video_link">-->
|
|
|
+<!-- <div class="layui-video-box" v-if="formData.video_link">-->
|
|
|
+<!-- <video style="width:100%;height: 100%!important;border-radius: 10px;"-->
|
|
|
+<!-- :src="formData.video_link" controls="controls">-->
|
|
|
+<!-- 您的浏览器不支持 video 标签。-->
|
|
|
+<!-- </video>-->
|
|
|
+<!-- <div class="mark" @click="delVideo">-->
|
|
|
+<!-- <span class="layui-icon layui-icon-delete"-->
|
|
|
+<!-- style="font-size: 30px; color: #1E9FFF;"></span>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!---->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="layui-video-box" v-else>-->
|
|
|
+<!-- <i class="layui-icon layui-icon-play"></i>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
|
|
|
<div class="grid-demo grid-demo-bg1">
|
|
|
<div class="layui-form-item">
|
|
@@ -281,56 +290,56 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
|
|
|
- <div class="grid-demo grid-demo-bg1">
|
|
|
- <div class="layui-form-item">
|
|
|
- <label class="layui-form-label">商品轮播图<i class="red">*</i></label>
|
|
|
- <div class="pictrueBox pictrue"
|
|
|
- v-for="(item,index) in formData.slider_image">
|
|
|
- <img :src="item">
|
|
|
- <i class="layui-icon closes"
|
|
|
- @click="deleteImage('slider_image',index)">ဇ</i>
|
|
|
- </div>
|
|
|
- <div class="pictrueBox">
|
|
|
- <div class="upLoad" @click="uploadImage('slider_image')"
|
|
|
- v-if="formData.slider_image.length <= rule.slider_image.maxLength">
|
|
|
- <i class="layui-icon layui-icon-camera" class="iconfont"
|
|
|
- style="font-size: 26px;"></i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs12 layui-col-sm4 layui-col-md12">
|
|
|
- <div class="grid-demo grid-demo-bg1">
|
|
|
- <div class="layui-form-item">
|
|
|
- <label class="layui-form-label">商品类型</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="radio" name="store_type" lay-filter="store_type"
|
|
|
- value="1" title="普通商品"
|
|
|
- :checked="formData.store_type == 1 ? true : false">
|
|
|
- <input type="radio" name="store_type" lay-filter="store_type"
|
|
|
- value="2" title="虚拟商品"
|
|
|
- :checked="formData.store_type == 0 ? true : false">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
|
|
|
- <div class="grid-demo grid-demo-bg1">
|
|
|
- <div class="layui-form-item">
|
|
|
- <label class="layui-form-label">商品规格<i class="red">*</i></label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="radio" name="spec_type" value="0" title="单规格"
|
|
|
- lay-filter="spec_type"
|
|
|
- :checked="formData.spec_type == 0 ? true : false">
|
|
|
- <input type="radio" name="spec_type" value="1" title="多规格"
|
|
|
- lay-filter="spec_type"
|
|
|
- :checked="formData.spec_type == 1 ? true : false">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<!-- <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">-->
|
|
|
+<!-- <div class="grid-demo grid-demo-bg1">-->
|
|
|
+<!-- <div class="layui-form-item">-->
|
|
|
+<!-- <label class="layui-form-label">商品轮播图<i class="red">*</i></label>-->
|
|
|
+<!-- <div class="pictrueBox pictrue"-->
|
|
|
+<!-- v-for="(item,index) in formData.slider_image">-->
|
|
|
+<!-- <img :src="item">-->
|
|
|
+<!-- <i class="layui-icon closes"-->
|
|
|
+<!-- @click="deleteImage('slider_image',index)">ဇ</i>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="pictrueBox">-->
|
|
|
+<!-- <div class="upLoad" @click="uploadImage('slider_image')"-->
|
|
|
+<!-- v-if="formData.slider_image.length <= rule.slider_image.maxLength">-->
|
|
|
+<!-- <i class="layui-icon layui-icon-camera" class="iconfont"-->
|
|
|
+<!-- style="font-size: 26px;"></i>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="layui-col-xs12 layui-col-sm4 layui-col-md12">-->
|
|
|
+<!-- <div class="grid-demo grid-demo-bg1">-->
|
|
|
+<!-- <div class="layui-form-item">-->
|
|
|
+<!-- <label class="layui-form-label">商品类型</label>-->
|
|
|
+<!-- <div class="layui-input-block">-->
|
|
|
+<!-- <input type="radio" name="store_type" lay-filter="store_type"-->
|
|
|
+<!-- value="1" title="普通商品"-->
|
|
|
+<!-- :checked="formData.store_type == 1 ? true : false">-->
|
|
|
+<!-- <input type="radio" name="store_type" lay-filter="store_type"-->
|
|
|
+<!-- value="2" title="虚拟商品"-->
|
|
|
+<!-- :checked="formData.store_type == 0 ? true : false">-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">-->
|
|
|
+<!-- <div class="grid-demo grid-demo-bg1">-->
|
|
|
+<!-- <div class="layui-form-item">-->
|
|
|
+<!-- <label class="layui-form-label">商品规格<i class="red">*</i></label>-->
|
|
|
+<!-- <div class="layui-input-block">-->
|
|
|
+<!-- <input type="radio" name="spec_type" value="0" title="单规格"-->
|
|
|
+<!-- lay-filter="spec_type"-->
|
|
|
+<!-- :checked="formData.spec_type == 0 ? true : false">-->
|
|
|
+<!-- <input type="radio" name="spec_type" value="1" title="多规格"-->
|
|
|
+<!-- lay-filter="spec_type"-->
|
|
|
+<!-- :checked="formData.spec_type == 1 ? true : false">-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12"
|
|
|
v-if="formData.spec_type == 0">
|
|
|
|
|
@@ -618,22 +627,22 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="layui-col-xs12 layui-col-sm6 layui-col-md6">
|
|
|
- <div class="grid-demo grid-demo-bg1">
|
|
|
- <div class="layui-form-item">
|
|
|
- <label class="layui-form-label">运费模板<i class="red">*</i></label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <select name="temp_id" lay-filter="temp_id">
|
|
|
- <option value="0">请选择</option>
|
|
|
- <option :value="item.id" v-for="item in tempList"
|
|
|
- :selected=" item.id == formData.temp_id ? true : false ">
|
|
|
- {{item.name}}
|
|
|
- </option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<!-- <div class="layui-col-xs12 layui-col-sm6 layui-col-md6">-->
|
|
|
+<!-- <div class="grid-demo grid-demo-bg1">-->
|
|
|
+<!-- <div class="layui-form-item">-->
|
|
|
+<!-- <label class="layui-form-label">运费模板<i class="red">*</i></label>-->
|
|
|
+<!-- <div class="layui-input-block">-->
|
|
|
+<!-- <select name="temp_id" lay-filter="temp_id">-->
|
|
|
+<!-- <option value="0">请选择</option>-->
|
|
|
+<!-- <option :value="item.id" v-for="item in tempList"-->
|
|
|
+<!-- :selected=" item.id == formData.temp_id ? true : false ">-->
|
|
|
+<!-- {{item.name}}-->
|
|
|
+<!-- </option>-->
|
|
|
+<!-- </select>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
<div class="layui-row layui-col-space15">
|
|
|
<div class="layui-col-xs12 layui-col-sm4 layui-col-md4">
|
|
|
<div class="grid-demo grid-demo-bg1">
|
|
@@ -957,7 +966,7 @@
|
|
|
@click="back" v-if="layTabId != 1">上一步
|
|
|
</button>
|
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" type="button"
|
|
|
- v-if="layTabId != 3" @click="next">下一步
|
|
|
+ v-if="layTabId != 2" @click="next">下一步
|
|
|
</button>
|
|
|
</div>
|
|
|
<div class="layui-form-item" v-else>
|
|
@@ -965,10 +974,10 @@
|
|
|
@click="back" v-if="layTabId != 1">上一步
|
|
|
</button>
|
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" type="button"
|
|
|
- @click="next" v-if="layTabId != 3">下一步
|
|
|
+ @click="next" v-if="layTabId != 2">下一步
|
|
|
</button>
|
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" type="button"
|
|
|
- v-if="layTabId == 3" @click="handleSubmit()">提交
|
|
|
+ v-if="layTabId == 2" @click="handleSubmit()">提交
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -991,12 +1000,15 @@
|
|
|
cateList: [],
|
|
|
//运费模板
|
|
|
tempList: [],
|
|
|
+ // 优惠券
|
|
|
+ coupon:[],
|
|
|
upload: {
|
|
|
videoIng: false
|
|
|
},
|
|
|
formData: {
|
|
|
cate_id: [],
|
|
|
- temp_id: 0,
|
|
|
+ coupon:[],
|
|
|
+ temp_id: 1,
|
|
|
commission: 0,
|
|
|
store_name: '',
|
|
|
keyword: '',
|
|
@@ -1230,6 +1242,23 @@
|
|
|
that.showMsg(res.msg);
|
|
|
})
|
|
|
},
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 获取商品信息
|
|
|
+ * */
|
|
|
+ getCouponInfo: function () {
|
|
|
+ var that = this;
|
|
|
+ that.requestGet(that.U({
|
|
|
+ c: "store.StoreProduct",
|
|
|
+ a: 'coupon_list',
|
|
|
+ q: {id: that.id}
|
|
|
+ })).then(function (res) {
|
|
|
+ that.$set(that, 'coupon', res.data);
|
|
|
+ }).catch(function (res) {
|
|
|
+ that.showMsg(res.msg);
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
/**
|
|
|
* 给某个属性添加属性值
|
|
|
* @param item
|
|
@@ -1515,6 +1544,24 @@
|
|
|
//候选项数据的键名
|
|
|
, field: {idName: 'value', titleName: 'label', statusName: 'disabled'}
|
|
|
});
|
|
|
+
|
|
|
+ var selectC = layui.selectM;
|
|
|
+ selectC({
|
|
|
+ //元素容器【必填】
|
|
|
+ elem: '#coupon'
|
|
|
+ //候选数据【必填】
|
|
|
+ , data: that.coupon
|
|
|
+ //默认值
|
|
|
+ , selected: that.formData.coupon || []
|
|
|
+ //最多选中个数,默认5
|
|
|
+ , max: 20
|
|
|
+ , name: 'coupon'
|
|
|
+ , model: 'formData.coupon'
|
|
|
+ //值的分隔符
|
|
|
+ , delimiter: ','
|
|
|
+ //候选项数据的键名
|
|
|
+ , field: {idName: 'value', titleName: 'label'}
|
|
|
+ });
|
|
|
});
|
|
|
})
|
|
|
},
|
|
@@ -1562,25 +1609,31 @@
|
|
|
});
|
|
|
},
|
|
|
handleSubmit: function () {
|
|
|
- var that = this, cate_id = $('input[name="cate_id"]').val();
|
|
|
+ var that = this, cate_id = $('input[name="cate_id"]').val(), coupon = $('input[name="coupon"]').val();
|
|
|
if (cate_id != '') {
|
|
|
this.formData.cate_id = cate_id.split(',');
|
|
|
}
|
|
|
+ if (coupon != '') {
|
|
|
+ this.formData.coupon = coupon.split(',');
|
|
|
+ }
|
|
|
if (!that.formData.cate_id.length) {
|
|
|
return that.showMsg('请选择商品分类');
|
|
|
}
|
|
|
- if (!that.formData.temp_id) {
|
|
|
- return that.showMsg('请选择运费模板');
|
|
|
+ if (!that.formData.coupon.length) {
|
|
|
+ return that.showMsg('请绑定优惠券');
|
|
|
}
|
|
|
+ // if (!that.formData.temp_id) {
|
|
|
+ // return that.showMsg('请选择运费模板');
|
|
|
+ // }
|
|
|
if (!that.formData.store_name) {
|
|
|
return that.showMsg('请填写商品名称');
|
|
|
}
|
|
|
if (!that.formData.image) {
|
|
|
return that.showMsg('请填选择商品图');
|
|
|
}
|
|
|
- if (!that.formData.slider_image.length) {
|
|
|
- return that.showMsg('请填选择商品轮播图');
|
|
|
- }
|
|
|
+ // if (!that.formData.slider_image.length) {
|
|
|
+ // return that.showMsg('请填选择商品轮播图');
|
|
|
+ // }
|
|
|
if (that.formData.spec_type == 0) {
|
|
|
if (!that.formData.attr.pic) {
|
|
|
return that.showMsg('请选择单规则图片');
|
|
@@ -1722,6 +1775,7 @@
|
|
|
var that = this;
|
|
|
axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
|
|
|
that.getProductInfo();
|
|
|
+ that.getCouponInfo();
|
|
|
window.$vm = that;
|
|
|
window.changeIMG = that.changeIMG;
|
|
|
window.insertEditor = that.insertEditor;
|