提交 8dd826bf authored 作者: huaxinzhu's avatar huaxinzhu

1、添加商品-商品信息页面以及校验

上级 e3d51d21
...@@ -10,15 +10,15 @@ ...@@ -10,15 +10,15 @@
<p class="goods-type-tip">为商品设置正确的类目,能让商品快速的被搜索到</p> <p class="goods-type-tip">为商品设置正确的类目,能让商品快速的被搜索到</p>
</div> </div>
<div class="goods-type-options" v-loading="loading"> <div class="goods-type-options" v-loading="loading">
<el-cascader-panel v-model="SSQList" :props='props' @change="SSQChange" ref="ssqCascader" @blur="handleAddressFun"></el-cascader-panel> <el-cascader-panel v-model="SSQList" :props='props' @change="SSQChange" ref="ssqCascader"></el-cascader-panel>
</div> </div>
<el-button type="primary" class="next-step" :disabled="isNextStep" @click="nextStep">下一步</el-button> <el-button type="primary" class="next-step" :disabled="isNextStep" @click="nextStep">下一步</el-button>
</div> </div>
</el-card> </el-card>
<!-- 选择商品类目 end --> <!-- 选择商品类目 end -->
<!-- 添加商品 start --> <!-- 添加商品 start -->
<el-card class="box-card good-details-body" v-show="isShowGoodsDetails"> <el-card class="box-card good-details-body" v-if="isShowGoodsDetails">
<div class="floor-nav" id="floorNavList" :class="{'is-fixed': isFixed}"> <div class="floor-nav" id="floorNavList">
<ul class="nav-list"> <ul class="nav-list">
<li class="nav-list-item" :class="{'floor-item-active': isFIActive === index}" v-for="(item, index) in floorNav" :key="item.id" @click="setFloorNavMountClick(index)">{{ item.name }}</li> <li class="nav-list-item" :class="{'floor-item-active': isFIActive === index}" v-for="(item, index) in floorNav" :key="item.id" @click="setFloorNavMountClick(index)">{{ item.name }}</li>
</ul> </ul>
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<div class="floor-item"> <div class="floor-item">
<div class="floor-item-box"> <div class="floor-item-box">
<p class="card-header-title floor-item-box-title"><span class="blue-block-goods blue-block-goods-title"></span>商品信息</p> <p class="card-header-title floor-item-box-title"><span class="blue-block-goods blue-block-goods-title"></span>商品信息</p>
<Goodsinfomation ref="GoodsInfo" :goodsinfodata='goodsinfodata'/> <Goodsinfomation ref="goodsInfo" :goodsinfodata='goodsinfodata'/>
</div> </div>
</div> </div>
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
</div> </div>
</div> </div>
<div class="submit-cont"> <div class="submit-cont">
<el-button type="primary" style="padding: 10px 30px;">提 交</el-button> <el-button type="primary" style="padding: 10px 30px;" @click="save">提 交</el-button>
</div> </div>
</el-card> </el-card>
<!-- 添加商品 end --> <!-- 添加商品 end -->
...@@ -79,12 +79,10 @@ ...@@ -79,12 +79,10 @@
leaf: 'leaf' leaf: 'leaf'
}, },
isNextStep: true, isNextStep: true,
isFixed: false,
scrollHeight: 0,
isShowGoodsDetails: false, isShowGoodsDetails: false,
isFIActive: 0, isFIActive: 0,
/**/ /**/
floorNav: [ // 自定义左侧楼层数 floorNav: [
{ id: 1, name: '商品信息' }, { id: 1, name: '商品信息' },
{ id: 2, name: '商品规格' }, { id: 2, name: '商品规格' },
{ id: 3, name: '商品售价' }, { id: 3, name: '商品售价' },
...@@ -92,7 +90,10 @@ ...@@ -92,7 +90,10 @@
{ id: 5, name: '售后及服务' }, { id: 5, name: '售后及服务' },
], ],
/* 商品信息 */ /* 商品信息 */
goodsinfodata: {} goodsinfodata: {
categoryList: [],
categoryStr: ''
}
} }
}, },
components: { components: {
...@@ -177,22 +178,20 @@ ...@@ -177,22 +178,20 @@
this.loading = false; this.loading = false;
}); });
}, },
// handleAddressFun: function(e,form,this.ssqStr){ // 添加商品后,下一步 操作
// // thsAreaCode = this.form.areaCode // 注意1:获取value值
// thsAreaCode = this.$refs['ssqCascader'].currentLabels //注意2: 获取label值
// console.log(thsAreaCode) // 注意3: 最终结果是个一维数组对象
//
// },
nextStep() { nextStep() {
// 注意数据格式 [1,2,3] 数组,且里面是数字类型 // 注意数据格式 [1,2,3] 数组,且里面是数字类型
// let a1 = [] let ssqLabelList = this.$refs['ssqCascader'].getCheckedNodes()[0].pathLabels;
// a1.push(this.SSQList[0]); this.goodsinfodata.categoryList = this.SSQList;
//let fuck1 = this.$refs['ssqCascader'].getCheckedNodes(this.SSQList) this.goodsinfodata.categoryStr = ssqLabelList[0] + '/' + ssqLabelList[1] + '/' + ssqLabelList[2];
// console.log(111,this.SSQList);
//console.log(222,fuck1);
this.isShowGoodsDetails = true; this.isShowGoodsDetails = true;
}, },
//
save() {
let isGoodInfMsg = this.$refs['goodsInfo'].validateGoodsInfForm();
},
/* 添加商品详细 */ /* 添加商品详细 */
/* 设置楼层导航事件驱动方法* @params Number index 楼层下标 */ /* 设置楼层导航事件驱动方法* @params Number index 楼层下标 */
setFloorNavMountClick(index) { setFloorNavMountClick(index) {
...@@ -202,8 +201,8 @@ ...@@ -202,8 +201,8 @@
floor_offsetTop = floor_item[index].offsetTop - floor_item[0].offsetTop, floor_offsetTop = floor_item[index].offsetTop - floor_item[0].offsetTop,
window_scrollTop = this.$refs.scrollview.scrollTop, window_scrollTop = this.$refs.scrollview.scrollTop,
timer = { timer = {
step: 50, step: 45,
times: 15, times: 18,
FLOOR_OFFSETTOP: floor_offsetTop FLOOR_OFFSETTOP: floor_offsetTop
} }
if (window_scrollTop > floor_offsetTop) { if (window_scrollTop > floor_offsetTop) {
...@@ -214,7 +213,6 @@ ...@@ -214,7 +213,6 @@
_this.setFloorScrollArrowDown(timer) _this.setFloorScrollArrowDown(timer)
} }
}, },
/* 设置楼层向上滚动* @params Object timer 定时器配置 */ /* 设置楼层向上滚动* @params Object timer 定时器配置 */
setFloorScrollArrowUp(timer) { setFloorScrollArrowUp(timer) {
//debugger //debugger
......
...@@ -793,7 +793,9 @@ ...@@ -793,7 +793,9 @@
// 订单导出 // 订单导出
handleExport(row) { handleExport(row) {
const rowIds = this.ids; const rowIds = this.ids;
let query = {page: 1, limit: 100} //console.log(777,rowIds);
let query = {page: 1, limit: 100};
// return
exportOrder(query).then(res => { exportOrder(query).then(res => {
if(res.code === 1) { if(res.code === 1) {
const link = document.createElement('a'); const link = document.createElement('a');
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论