采购引导

jg-waiwang-pro
mhsnet 6 months ago
parent dc99240d2e
commit 84da9afcba

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="45px" height="45px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -582 -72 )">
<path d="M 604.5 73 C 616.54 73 626 82.46 626 94.5 C 626 106.53999999999999 616.54 116 604.5 116 C 592.46 116 583 106.53999999999999 583 94.5 C 583 82.46 592.46 73 604.5 73 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" fill-opacity="0" />
<path d="M 604.5 73 C 616.54 73 626 82.46 626 94.5 C 626 106.53999999999999 616.54 116 604.5 116 C 592.46 116 583 106.53999999999999 583 94.5 C 583 82.46 592.46 73 604.5 73 Z " stroke-width="2" stroke="#02a7f0" fill="none" />
</g>
</svg>

@ -271,7 +271,7 @@
</el-table>
<div
class="table-actions"
@click="addcontractLTemplateClauseList()"
@click="addContractLTemplateClauseList()"
>
<el-button type="text" icon="el-icon-plus">添加</el-button>
</div>
@ -441,6 +441,7 @@
@close="selectDialogVisible = false"
/>
</el-row>
<ContractLTemplateClauseListBox ref="refContractLTemplateClauseListBox" />
</div>
</transition>
</template>
@ -460,8 +461,9 @@ import {
getLaterTime
} from "@/components/Generator/utils/index.js";
import { thousandsFormat } from "@/components/Generator/utils/index";
import ContractLTemplateClauseListBox from "@/views/scm/publicPopup/ContractLTemplateClauseListBox";
export default {
components: {},
components: { ContractLTemplateClauseListBox },
props: [],
data() {
return {
@ -1070,13 +1072,16 @@ export default {
});
}
},
addcontractLTemplateClauseList() {
let item = {
clauseId: "",
sort: 0
};
this.getcontractLTemplateClauseList(item);
addContractLTemplateClauseList() {
this.$refs.refContractLTemplateClauseListBox.init("cs1", "cs2");
},
// addContractLTemplateClauseList() {
// let item = {
// clauseId: "",
// sort: 0
// };
// this.getcontractLTemplateClauseList(item);
// },
delcontractLTemplateClauseList(index) {
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
type: "warning"

@ -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>
Loading…
Cancel
Save