拆分代码

master
mabo 2021-07-08 09:24:42 +08:00
parent 9ff4197ec4
commit 0504592f7d
5 changed files with 13 additions and 41 deletions

View File

@ -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)
); );
}, },

View File

@ -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 {

View File

@ -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,
}; };
}, },

View File

@ -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;

View File

@ -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)
); );
}, },
}, },