拆分代码
parent
9ff4197ec4
commit
0504592f7d
|
@ -121,7 +121,7 @@ export default {
|
||||||
render: (h, params) => {
|
render: (h, params) => {
|
||||||
return h(
|
return h(
|
||||||
"div",
|
"div",
|
||||||
params.row.receivedNum + "/" + params.row.publishNum
|
params.row.receivedNum + "/" + (params.row.publishNum === 0 ? '不限制' : params.row.publishNum)
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
@ -280,34 +280,13 @@ div.base-info-item {
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
/deep/ .ivu-steps {
|
|
||||||
width: 100% !important;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.step-list {
|
.step-list {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
|
padding: 10px 30px;
|
||||||
|
background-color: #fff;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
border-radius: 0.8em;
|
border-radius: 0.8em;
|
||||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||||
// box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
|
|
||||||
}
|
|
||||||
.step-view {
|
|
||||||
flex: 1;
|
|
||||||
height: 60px;
|
|
||||||
font-size: 19px;
|
|
||||||
text-align: center;
|
|
||||||
display: flex;
|
|
||||||
background-color: #fff;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.step-view:nth-of-type(1) {
|
|
||||||
border-top-left-radius: 0.4em;
|
|
||||||
border-bottom-left-radius: 0.4em;
|
|
||||||
}
|
|
||||||
.step-view:nth-last-child(1) {
|
|
||||||
border-top-right-radius: 0.4em;
|
|
||||||
border-bottom-right-radius: 0.4em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-sku-btn {
|
.add-sku-btn {
|
||||||
|
|
|
@ -1,20 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="goods-operation">
|
<div class="goods-operation">
|
||||||
<div class="step-list">
|
<div class="step-list">
|
||||||
<steps :current="activestep" simple style="height:60px;margin-top: 10px" process-status="process">
|
<steps :current="activestep" style="height:60px;margin-top: 10px">
|
||||||
<div class="step-view">
|
|
||||||
<step title="选择商品品类"/>
|
<step title="选择商品品类"/>
|
||||||
</div>
|
|
||||||
<div class="step-view">
|
|
||||||
<step title="填写商品详情"/>
|
<step title="填写商品详情"/>
|
||||||
</div>
|
|
||||||
<div class="step-view">
|
|
||||||
<step title="商品发布成功"/>
|
<step title="商品发布成功"/>
|
||||||
</div>
|
|
||||||
</steps>
|
</steps>
|
||||||
</div>
|
</div>
|
||||||
<!-- 第一步 选择分类 -->
|
<!-- 第一步 选择分类 -->
|
||||||
<first-step ref='first' v-if="activestep === 0"></first-step>
|
<first-step ref='first' v-show="activestep === 0"></first-step>
|
||||||
<!-- 第二步 商品详细信息 -->
|
<!-- 第二步 商品详细信息 -->
|
||||||
<second-step ref='second' v-if="activestep === 1"></second-step>
|
<second-step ref='second' v-if="activestep === 1"></second-step>
|
||||||
<!-- 第三步 发布完成 -->
|
<!-- 第三步 发布完成 -->
|
||||||
|
@ -23,11 +17,7 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
import firstStep from './goodsOperationFirst'
|
import firstStep from './goodsOperationFirst'
|
||||||
import secondStep from './goodsOperationSec'
|
import secondStep from './goodsOperationSec'
|
||||||
import thirdStep from './goodsOperationThird'
|
import thirdStep from './goodsOperationThird'
|
||||||
|
@ -42,7 +32,7 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
/** 当前激活步骤*/
|
/** 当前激活步骤*/
|
||||||
activestep: '',
|
activestep: 0,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
@ -545,6 +545,9 @@ export default {
|
||||||
this.selectedSku = row;
|
this.selectedSku = row;
|
||||||
this.showSkuPicture = true;
|
this.showSkuPicture = true;
|
||||||
},
|
},
|
||||||
|
pre () { // 上一步
|
||||||
|
this.$parent.activestep--;
|
||||||
|
},
|
||||||
// 预览图片
|
// 预览图片
|
||||||
handleView (url) {
|
handleView (url) {
|
||||||
this.previewPicture = url;
|
this.previewPicture = url;
|
||||||
|
|
|
@ -108,7 +108,7 @@ export default {
|
||||||
render: (h, params) => {
|
render: (h, params) => {
|
||||||
return h(
|
return h(
|
||||||
"div",
|
"div",
|
||||||
params.row.receivedNum + "/" + (params.row.publishNum === 0 ? '无限制' : params.row.publishNum)
|
params.row.receivedNum + "/" + (params.row.publishNum === 0 ? '不限制' : params.row.publishNum)
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue