|
|
|
@ -0,0 +1,381 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="csty-guide-box">
|
|
|
|
|
<div class="csty-guide-title">
|
|
|
|
|
<span style="color: #409EFF">▋</span>
|
|
|
|
|
<span style="font-size: 14px;font-weight: 500;color:#666666;">进货</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="csty-guide-des">
|
|
|
|
|
<span style="font-size: 12px;font-weight: 400;color:#666666;">
|
|
|
|
|
通过多种方式,发起补货请求,增加商品库存。
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="csty-guide-cnt">
|
|
|
|
|
<div class="csty-guide-cnt-box-item">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="5">
|
|
|
|
|
<div style="padding:15px 0px 0px 15px;">
|
|
|
|
|
<!-- <el-avatar :size="60" src="circleUrl"></el-avatar> -->
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="19">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="height:35px;line-height: 28px;margin-top:15px">
|
|
|
|
|
<span style="color: #666666;font-size: 18px;">
|
|
|
|
|
向供应商采购(仓配)
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="height:40px;line-height: 24px;">
|
|
|
|
|
<span style="color: #999999;font-size: 12px;">
|
|
|
|
|
适用于需要向外部供应商进行补货的商品。
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div
|
|
|
|
|
style="padding: 0px 45px;font-size: 14px;color: #999999;line-height:25px;"
|
|
|
|
|
>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col>1、采购员 录入 供应商信息</el-col>
|
|
|
|
|
<el-col>
|
|
|
|
|
2、采购员 根据 采购合同,提交 采购订单 并下发 入库通知单
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col>3、供应商物流人员 配送送货</el-col>
|
|
|
|
|
<el-col>
|
|
|
|
|
4、仓管员 根据 入库通知单 和 收货凭证 新增 入库单 增加库存
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="csty-guide-cnt-box-item">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="5">
|
|
|
|
|
<div style="padding:15px 0px 0px 15px;">
|
|
|
|
|
<!-- <el-avatar :size="60" :src="circleUrl"></el-avatar> -->
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="19">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="height:35px;line-height: 28px;margin-top:15px">
|
|
|
|
|
<span style="color: #666666;font-size: 18px;">
|
|
|
|
|
向供应商直采(直送)
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="height:40px;line-height: 24px;">
|
|
|
|
|
<span style="color: #999999;font-size: 12px;">
|
|
|
|
|
根据客户需求,向供应商采购,供应商直送给客户
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div
|
|
|
|
|
style="padding: 0px 45px;font-size: 14px;color: #999999;line-height:25px;"
|
|
|
|
|
>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col>1、采购员 根据 销售合同,提交 采购合同</el-col>
|
|
|
|
|
<el-col>2、销售员 根据 销售合同 提交 销售订单 </el-col>
|
|
|
|
|
<el-col>3、采购员 根据 销售订单 提交 采购订单</el-col>
|
|
|
|
|
<el-col>4、供应商物流人员 配送发货至客户</el-col>
|
|
|
|
|
<el-col>5、销售员 根据 客户的 收货凭证 生成 发货凭证</el-col>
|
|
|
|
|
<el-col>
|
|
|
|
|
6、采购员 根据 客户的 收货凭证 生成 收货单 增加库存
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col>7、采购员 根据 发货凭证 生成 发货单 减少库存</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="clear:both;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="csty-guide-title">
|
|
|
|
|
<span style="color: #409EFF">▋</span>
|
|
|
|
|
<span style="font-size: 14px;font-weight: 500;color:#666666;">退货</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="csty-guide-des">
|
|
|
|
|
<span style="font-size: 12px;font-weight: 400;color:#666666;">
|
|
|
|
|
根据不同的退货协议,将商品退给不同的来源。
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="csty-guide-cnt">
|
|
|
|
|
<div class="csty-guide-cnt-box-item">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="5">
|
|
|
|
|
<div style="padding:15px 0px 0px 15px;">
|
|
|
|
|
<!-- <el-avatar :size="60" :src="circleUrl"></el-avatar> -->
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="19">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="height:35px;line-height: 28px;margin-top:15px">
|
|
|
|
|
<span style="color: #666666;font-size: 18px;">
|
|
|
|
|
向供应商退货(仓配)
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="height:40px;line-height: 24px;">
|
|
|
|
|
<span style="color: #999999;font-size: 12px;">
|
|
|
|
|
按照与供应商的退货协议,将商品退给供应商。
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div
|
|
|
|
|
style="padding: 0px 45px;font-size: 14px;color: #999999;line-height:25px;"
|
|
|
|
|
>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col>1、采购员 提交 退供单</el-col>
|
|
|
|
|
<el-col>2、采购经理 审核 退供单 </el-col>
|
|
|
|
|
<el-col>3、采购员 确定 退供单,下发 出库通知单</el-col>
|
|
|
|
|
<el-col>4、仓管员 根据 出库通知单 进行发货</el-col>
|
|
|
|
|
<el-col>5、仓管员 根据 发货凭证 验货出库 减少库存</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="csty-guide-cnt-box-item">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="5">
|
|
|
|
|
<div style="padding:15px 0px 0px 15px;">
|
|
|
|
|
<!-- <el-avatar :size="60" :src="circleUrl"></el-avatar> -->
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="19">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="height:35px;line-height: 28px;margin-top:15px">
|
|
|
|
|
<span style="color: #666666;font-size: 18px;">
|
|
|
|
|
向供应商退货(直送)
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="height:40px;line-height: 24px;">
|
|
|
|
|
<span style="color: #999999;font-size: 12px;">
|
|
|
|
|
根据客户需求,向供应商退货,客户直退供应商
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div
|
|
|
|
|
style="padding: 0px 45px;font-size: 14px;color: #999999;line-height:25px;"
|
|
|
|
|
>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col>1、销售员 根据 销售订单 提交 销售退货订单</el-col>
|
|
|
|
|
<el-col>2、采购员 根据 销售退货订单 提交 退供单</el-col>
|
|
|
|
|
<el-col>3、供应商物流人员 收到货物后</el-col>
|
|
|
|
|
<el-col>4、采购员 根据 供应商的 收货凭证 生成 发货凭证</el-col>
|
|
|
|
|
<el-col>
|
|
|
|
|
5、销售员 根据 供应商的 收货凭证 生成 收货单 增加库存
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col>6、采购员 根据 发货凭证生成 发货单 减少库存</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="clear:both;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-dialog
|
|
|
|
|
title="如何添加商品库存"
|
|
|
|
|
:close-on-click-modal="false"
|
|
|
|
|
:visible.sync="dialogVisibleA"
|
|
|
|
|
class="JNPF-dialog JNPF-dialog_center"
|
|
|
|
|
lock-scroll
|
|
|
|
|
append-to-body
|
|
|
|
|
width="750px"
|
|
|
|
|
>
|
|
|
|
|
<div>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<div class="dialoga-item">
|
|
|
|
|
<div class="dialoga-item-num">
|
|
|
|
|
<img
|
|
|
|
|
src="@/assets/images/u51.svg"
|
|
|
|
|
style="width:100%;height:100%;position:absolute;left:0px;top:0px;"
|
|
|
|
|
/>
|
|
|
|
|
<span>1</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dialoga-item-cnt">
|
|
|
|
|
<img
|
|
|
|
|
src="@/assets/images/u39.png"
|
|
|
|
|
style="width:60px;height:60px;margin: 15px 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div>在 【商品库】 中 新建商品</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dialoga-item-link">前往新建></div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<div class="dialoga-item">
|
|
|
|
|
<div class="dialoga-item-num">
|
|
|
|
|
<img
|
|
|
|
|
src="@/assets/images/u51.svg"
|
|
|
|
|
style="width:100%;height:100%;position:absolute;left:0px;top:0px;"
|
|
|
|
|
/>
|
|
|
|
|
<span>2</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dialoga-item-cnt">
|
|
|
|
|
<img
|
|
|
|
|
src="@/assets/images/u40.png"
|
|
|
|
|
style="width:60px;height:60px;margin: 15px 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div>在 【供应商】中新建供应商</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dialoga-item-link">前往新建></div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<div class="dialoga-item">
|
|
|
|
|
<div class="dialoga-item-num">
|
|
|
|
|
<img
|
|
|
|
|
src="@/assets/images/u51.svg"
|
|
|
|
|
style="width:100%;height:100%;position:absolute;left:0px;top:0px;"
|
|
|
|
|
/>
|
|
|
|
|
<span>3</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dialoga-item-cnt">
|
|
|
|
|
<img
|
|
|
|
|
src="@/assets/images/u41.png"
|
|
|
|
|
style="width:60px;height:60px;margin: 15px 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div>在【采购订单】中新建采购订单</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dialoga-item-link">前往新建></div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<div class="dialoga-item">
|
|
|
|
|
<div class="dialoga-item-num">
|
|
|
|
|
<img
|
|
|
|
|
src="@/assets/images/u51.svg"
|
|
|
|
|
style="width:100%;height:100%;position:absolute;left:0px;top:0px;"
|
|
|
|
|
/>
|
|
|
|
|
<span>4</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dialoga-item-cnt">
|
|
|
|
|
<img
|
|
|
|
|
src="@/assets/images/u42.png"
|
|
|
|
|
style="width:60px;height:60px;margin: 15px 0px;"
|
|
|
|
|
/>
|
|
|
|
|
<div>在【采购入库】中将商品入库</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dialoga-item-link">前往新建></div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button type="primary" @click="dialogVisibleA = false"
|
|
|
|
|
>知道了</el-button
|
|
|
|
|
>
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
components: {},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
dialogVisibleA: true
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
computed: {},
|
|
|
|
|
|
|
|
|
|
created() {},
|
|
|
|
|
methods: {}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.csty-guide-box {
|
|
|
|
|
position: relative;
|
|
|
|
|
background: #fff;
|
|
|
|
|
padding: 30px 50px;
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
}
|
|
|
|
|
.csty-guide-title {
|
|
|
|
|
}
|
|
|
|
|
.csty-guide-des {
|
|
|
|
|
line-height: 28px;
|
|
|
|
|
}
|
|
|
|
|
.csty-guide-cnt {
|
|
|
|
|
}
|
|
|
|
|
.csty-guide-cnt-box-item {
|
|
|
|
|
float: left;
|
|
|
|
|
width: 450px;
|
|
|
|
|
height: 405px;
|
|
|
|
|
margin: 20px 50px 50px 0px;
|
|
|
|
|
border: solid rgba(242, 242, 242, 1) 1px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
}
|
|
|
|
|
.el-avatar {
|
|
|
|
|
background: rgba(115, 160, 250, 1);
|
|
|
|
|
}
|
|
|
|
|
.dialoga-item {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.dialoga-item-num {
|
|
|
|
|
top: 20px;
|
|
|
|
|
left: 15px;
|
|
|
|
|
width: 45px;
|
|
|
|
|
height: 45px;
|
|
|
|
|
position: relative;
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 45px;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
color: #02a7f0;
|
|
|
|
|
}
|
|
|
|
|
.dialoga-item-cnt {
|
|
|
|
|
margin: 0px auto;
|
|
|
|
|
width: 120px;
|
|
|
|
|
height: 148px;
|
|
|
|
|
background-color: rgba(228, 228, 228, 0.2196078431372549);
|
|
|
|
|
}
|
|
|
|
|
.dialoga-item-link {
|
|
|
|
|
margin: 10px auto;
|
|
|
|
|
width: 120px;
|
|
|
|
|
height: 35px;
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #409eff;
|
|
|
|
|
background-color: rgba(64, 158, 255, 0.043137254901960784);
|
|
|
|
|
}
|
|
|
|
|
>>> .el-dialog__body {
|
|
|
|
|
height: 280px;
|
|
|
|
|
padding: 0 0 10px !important;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
.JNPF-common-search-box {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
|
|
|
|
.JNPF-common-search-box-right {
|
|
|
|
|
padding: 10px 10px 0 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|