提交 45118920 authored 作者: huaxinzhu's avatar huaxinzhu

文档,协议

上级 aa92edf3
// import request from '@/utils/request';
import axios from 'axios'
// 获取分类列表
// export function getDocList (docType) {
// return request({
// url: '/api/v1/document/externalTypeListALL?docType='+docType,
// method: 'get'
// })
// }
//
// // 查询文档
// export function getDoc (query) {
// return request({
// url: '/api/v1/document/externalShow',
// method: 'get',
// query: query
// })
// }
......@@ -5,39 +5,28 @@
<p>帮助文档</p>
</div>
<el-row class="content-menu">
<el-col :span="4" class="menu">
<el-menu
default-active="1"
class="el-menu-vertical-demo"
:default-openeds="openMenuList"
>
<el-submenu v-for="item in menuList" :index="(item.id).toString()" v-if="item.children && item.children.length > 0">
<template slot="title">
<span>{{ item.title }}</span>
</template>
<el-menu-item-group v-if="item.children && item.children.length > 0">
<el-menu-item
v-for="childItem in item.children"
:index="(childItem.id).toString()"
@click="showText(childItem)"
>
{{ childItem.title }}
</el-menu-item>
</el-menu-item-group>
</el-submenu>
</el-menu>
<el-col :span="4" class="menu" v-loading="idDocListLoading">
<el-table
:data="menuList"
row-key="addTimeNumber"
:tree-props="{children: 'typeList'}"
:show-header="false"
@row-click="clickRow"
>
<el-table-column label="名称" prop="name" />
</el-table>
</el-col>
<transition name="fade">
<el-col :span="20" class="content-text">
<el-col :span="20" class="content-text" v-loading="loading">
<el-row :span="24" type="flex" align="middle" justify="space-bewteen" class="pre-title">
<el-col :span="12">
<h3>保证金</h3>
<h3>{{ docTitle }}</h3>
</el-col>
<el-col :span="12">
<p style="float:right;">
<span>2021-05-05</span>
<span>{{ docTime }}</span>
<el-divider direction="vertical"></el-divider>
<span>运营团队</span>
<span>{{ docMan }}</span>
</p>
</el-col>
</el-row>
......@@ -56,97 +45,98 @@
</template>
<script>
import axios from 'axios'
import { getDocList,getDoc } from '@/api/module/operation'
export default {
name: "Document",
data() {
return {
show: true,
menuList: [
{
id: 1,
title: '商品规格',
children: [
{id: 11, title: '商品规格-1', content: '"<p>商品规格1111111111</p>"', children: null},
]
},
{id: 2, title: '订单问题', children: [
{id: 21, title: '订单问题-1', content: '"<p>订单问题1111111111</p>"', children: null},
]},
{id: 3, title: '店铺相关', children: [
{id: 31, title: '店铺相关-1', content: '"<p>店铺相关1111111111</p>"', children: null},
]},
{id: 4, title: '售后问题', children: [
{id: 41, title: '售后问题-1', content: '<p>售后问题1111111111</p>', children: null},{id: 42, title: '商品规格-1', content: '"<p>商品规格1111111111</p>"', children: null},
]},
{id: 5, title: '设置相关', children: [
{id: 51, title: '设置相关-1', content: '<p>设置相关1111111111</p>', children: null},{id: 52, title: '商品规格-1', content: '"<p>商品规格1111111111</p>"', children: null},
]},
],
allList: [],
menuList: [],
loading: false,
idDocListLoading: false,
editorOption: {},
queryParams: {
pageNum: 10,
pageSize: 1
},
content: '<div class="main-text">\n' +
' <h2>胜天半子供应链商家入驻协议书</h2>\n' +
' <p>\n' +
' 甲方:北京胜天半子科技有限公司(以下简称“甲方或者平台”)<br/>\n' +
' </p>\n' +
' <p>乙方:(以下简称“乙方”)</p>\n' +
' <p>\n' +
' 甲乙双方本着互惠互利的双赢策略,根据甲方商城入驻条件,乙方申请入驻甲方商城,并完全接受甲方的规范,本着自愿、平等、公正原则,甲乙双方在协商一致的基础上达成如下协议:\n' +
' </p>\n' +
' <p>\n' +
' 乙方可在平台上进行商铺发布及管理、推广商品、达成交易意向。\n' +
' </p>\n' +
' <h4>一、入驻商家基本条件</h4>\n' +
' <p>\n' +
' 1、有良好的合作意愿,能提供优质的商品,保证合作的顺利进行,并保证提供良好的售后服务;\n' +
' </p>\n' +
' <p>\n' +
' 2、 乙方申请成为平台入驻商家,应该满足以下条件:\n' +
' (1) 乙方已依照中华人民共和国法律注册并领取合法有效的营业执照及其他经营许可;\n' +
' (2) 乙方申请经营的商品或服务合法,资质齐全;\n' +
' (3)乙方同意本协议及平台相关规则并同意缴纳平台履约保证金1万-5万具体见附件\n' +
' <a target="_blank" class="download-Template-btn" :href="downTemplatehttp">《平台类目费率收取标准》</a>\n' +
' 。 (4) 乙方须保证所提交予乙方的所有材料真实、准确、合法、有效。如相关材料有变更或更新时应及时通知甲方,若导致乙方不符合本协议所规定入驻条件的,甲方有权单方全部或部分限制乙方经营,直至终止本协议。\n' +
' </div>',
docTime : " ",
docTitle : '暂无数据',
docMan: '',
content: '',
contentStr: '<p style="color: #666;line-height: 40px;">暂无数据</p>',
openMenuList: [],
BaseUrl: ''
}
},
created() {
//menuList
if(this.menuList.length > 0) {
this.menuList.forEach((item,index) => {
let indexStr = (index + 1).toString();
this.openMenuList.push(indexStr);
mounted() {
});
console.log(121,this.openMenuList);
}
let docType = 1
// let docTypeObj = {
// id: id,
// docType: 1
// };
// 获取帮助文档列表
this.content = this.contentStr;
this.BaseUrl = process.env.VUE_APP_BASE_SYS_API;
//this.idDocListLoading = true;
axios.get(this.BaseUrl + ":6601/api/v1/document/externalTypeListALL?docType=" + docType).then(res=> {
debugger
if(res.data.code === 1) {
this.allList = res.data.data;
if(this.allList && this.allList.length > 0) {
this.allList.forEach((item,index) => {
if(item.name === '云仓') {
this.menuList = item.typeList
}
})
}
}
this.idDocListLoading = false;
});
// 获取文档内容
// axios.get().then("http://192.168.111.253:6601/api/v1/document/externalShow");
//menuList
// if(this.allList.length > 0) {
// this.menuList.forEach((item,index) => {
// let indexStr = (index + 1).toString();
// this.openMenuList.push(indexStr);
//
// });
// //console.log(121,this.openMenuList);
// }
},
methods: {
onEditorChange(a,b,c) {
console.log(25,b);
console.log(25,b);
console.log(25,b);
},
handleOpen(key, keyPath) {
console.log(key, keyPath);
},
handleClose(key, keyPath) {
console.log(key, keyPath);
//
clickRow(row, column, event) {
if(row.type === 2) {
this.loading = true;
this.content = this.contentStr;
this.docTime = " ";
this.docTitle = '暂无数据';
this.docMan = "";
axios.get(this.BaseUrl + ":6601/api/v1/document/externalShow?id=" + row.id + "&docType=" + row.docType).then(res=> {
if(res.data.code === 1) {
this.content = res.data.data.value;
this.docTitle = res.data.data.title;
this.docTime = res.data.data.modifyTime;
this.docMan = "运营团队";
}
this.loading = false;
})
}
},
showText(val) {
//this.show = false;
if(val['content']) {
this.content = val['content'];
//this.show = true;
}
console.log(142,val);
// if(val['content']) {
// this.content = val['content'];
// //this.show = true;
// }
// console.log(142,val);
}
}
......@@ -168,6 +158,9 @@
}
.menu {
height :100%;
overflow-x : scroll;
overflow-y : scroll;
padding: 0 0 0 10px;
border-right: 1px solid #DCDFE6;
.el-menu {
border: none;
......@@ -183,7 +176,6 @@
padding: 0 20px;
}
.ql-container {
height : calc(100% - 59px);
overflow: hidden;
......@@ -207,6 +199,9 @@
/deep/.el-submenu__title > span {
font-size: 16px;
}
/deep/.el-table td {
border: none;
}
.fade-enter-active, .fade-leave-active {
transition: opacity .5s;
......
<template>
<div class="app-container">
<el-card class="box-card">
<div slot="header" class="clearfix">
<h3 style="text-align: center">胜天半子供应链商家入驻协议书</h3>
</div>
<div>
<div class="main-text">
<p>
甲方:北京胜天半子科技有限公司(以下简称“甲方或者平台”)<br/>
</p>
<p>乙方:(以下简称“乙方”)</p>
<p>
甲乙双方本着互惠互利的双赢策略,根据甲方商城入驻条件,乙方申请入驻甲方商城,并完全接受甲方的规范,本着自愿、平等、公正原则,甲乙双方在协商一致的基础上达成如下协议:
</p>
<p>
乙方可在平台上进行商铺发布及管理、推广商品、达成交易意向。
</p>
<h4>一、入驻商家基本条件</h4>
<p>
1、有良好的合作意愿,能提供优质的商品,保证合作的顺利进行,并保证提供良好的售后服务;
</p>
<p>
2、 乙方申请成为平台入驻商家,应该满足以下条件:
(1) 乙方已依照中华人民共和国法律注册并领取合法有效的营业执照及其他经营许可;
(2) 乙方申请经营的商品或服务合法,资质齐全;
(3)乙方同意本协议及平台相关规则并同意缴纳平台履约保证金1万-5万具体见附件
<a target="_blank" class="download-Template-btn" :href="downTemplatehttp">《平台类目费率收取标准》</a>
。 (4) 乙方须保证所提交予乙方的所有材料真实、准确、合法、有效。如相关材料有变更或更新时应及时通知甲方,若导致乙方不符合本协议所规定入驻条件的,甲方有权单方全部或部分限制乙方经营,直至终止本协议。
</p>
<p>
3、乙方应在签订本协议时向甲方提供(经甲方认可的)包括但不限于以下证明材料复印件:
(1)营业执照(包括个体户营业执照)、税务登记证;
(2)拥有注册商标或者拥有正规的品牌授权书。
(3)商品质检报告、报关单、检验检疫证书、产品来源地证明等。
</p>
<p>
4、乙方支持并同意所入驻商品满足甲方一件代发的条件。
</p>
<p>
5、平台相关费用及货款结算周期:
(1)平台服务费:按照乙方确定的平台供货价根据商品不同类目收取1%-10%平台服务费,具体类目收费标准见附件《平台类目费率收取标准》。
(2) 货款结算手续费:按照实际结算货款收取0.1%。
(3) 货款结算周期:自乙方发货后15天。
(4)如出现因快递物流等因素而造成的商品问题,则以快递物流赔偿协议界定责任人。
</p>
<h4>二、平台入驻开通流程</h4>
<p>1、乙方注册甲方平台账号;</p>
<p>2、乙方阅读并在线签署平台入驻协议;</p>
<p>3、乙方填写上传公司相关资质和产品资质并经甲方审核确认</p>
<p>4、甲方审核通过后,乙方即可上传商品信息及确定价格体系;</p>
<p>5、甲方审核通过即上线运营;</p>
<h4>三、乙方的声明和保证</h4>
<p>1、乙方须在接到订单之后的48小时内及时发货。乙方应自行解决因商品质量及运输等问题引起的客户投诉及索赔事件,并承担由此产生的经济损失和涉及的其他一切法律后果。</p>
<p>2、为方便乙方线上产品的销售,乙方需自行向甲方提供品牌线上销售产品的相关图片、文字描述、必要的商品技术说明、产品培训等信息资料,该资料乙方应当保证真实、准确、有效,且根据甲方需求准备其他的相应电子或者纸质资料。</p>
<p>3、乙方所供商品须为具备市场价格优势的来源于正规渠道的原装正品,同时具备相应资质、质检、原产地等合法证明材料。若在销售中出现商品质量、伪劣、次货等问题损害消费者权益,乙方承诺假一赔十,因产品质量问题产生的一切法律责任由乙方自行承担。</p>
<p>4、乙方在接到甲方或甲方客户提出的售后服务申请后,乙方应在4小时内予以回应,并在24小时内解决。</p>
<p>5、所有商品如无质量问题,可7天无理由退换货,商品如存在质量问题,可以协商退换货或者退款处理,并由乙方承担相关物流费用。</p>
<p>6、保证向甲方提供真实、合法、准确、有效的注册资料,并保证其诸如电子邮件地址、联系电话、联系地址、邮政编码等内容的有效性及安全性,保证甲方及其他用户可以通过上述联系方式与自己进行联系。同时,乙方也有义务在相关资料实际变更时及时更新有关注册资料。</p>
<p>7、所有商品保证合法渠道原厂正品,保障商品质量、承诺售后服务,必须提供销售发票。</p>
<p>8、乙方确保给甲方供货价为全球最低价,零售价不得高于京东或天猫在线销售价。</p>
<h4>四、双方权利义务</h4>
<h5>1、甲方权利义务: </h5>
<p>(1)甲方根据本协议向乙方提供电子商务平台及相应技术支持服务,尽力维护平台的正常稳定运行,并努力提升和改进技术,对平台功能及服务进行更新、升级,不断提升平台性能和合作效率。</p>
<p>(2)在本协议有效期限内,甲方有权根据国家相关法律法规、政策及平台运营情况,对公示于平台的规则、流程、收费标准、乙方入驻条件等进行更新、调整。</p>
<p>(3)甲方方按照合同约定及时结算货款并主动续约合同有效期。</p>
<p>(4)如乙方在48小时内未发货,甲方有权利从乙方保证金或账户余额中扣除该订单金额10%的违约金。</p>
<h5>2、乙方权利义务: </h5>
<p>(1)乙方妥善保管商铺管理员账号,如因乙方保管、设置或使用不当造成的经济损失,由乙方自行承担责任。</p>
<p>(2)乙方在使用过程中如发现任何非法盗用乙方账号出现安全漏洞等情况,应立即通知甲方。</p>
<p>(3)乙方负责所售商品的快递物流、清关、发货、售后等服务,如在售后服务中跟客户出现沟通问题,乙方可以咨询甲方,甲方根据实际情况给予技术上的帮助与协调。</p>
<p>(4)乙方保证其所经营销售的产品均为合法渠道的正品正货,并提供销售发票。</p>
<p>(5)乙方保证在平台发布的商品信息真实、准确,符合平台规则及国家相关法律法规的规定,与实际出售的商品一致,不含任何夸大或虚假内容,并对商品信息承担独立的完全的法律责任。</p>
<p>(6)乙方保证对在平台经营的商品或服务拥有合法销售权,商品质量合格,符合国家相关质量标准,不侵犯任何第三方的合法权利,并对其商品质量及商品合法性独立承担全部法律责任。 </p>
<p>(7)在协议有效期内,乙方不得向与甲方构成商业竞争关系的企业、商业机构或者组织提供有关甲方相关信息或者资料,否则对甲方造成损失的,由乙方负责赔偿。</p>
<h4>五、协议期限</h4>
<p>本协议有效期为一年,自在线签订之日起生效。有效期满后,双方可视合作情况在线续签。 </p>
<h4>六,平台结算及发票</h4>
<p>1、关于结算</p>
<p>甲方自发货日起15天后将该订单金额结算到乙方平台余额账户中,乙方可向平台申请货款结算提现。</p>
<p>2、关于发票</p>
<p>乙方在申请提现前需给甲方开具增值税发票,甲方方可给予打款,打款周期为收到发票后3-5个工作日。</p>
<h4>七、银行账户信息</h4>
<p>甲乙双方结算以乙方提交的对公账户为准,该对公账户需与乙方所提交的公司资质信息一致。</p>
<h4>八、协议变更、终止及违约责任 </h4>
<p>1、甲乙双方应本着诚实信用的原则履行本协议。任何一方在履约过程中采用欺诈、胁迫或者暴力的手段,另一方均可以解除本协议并要求对方赔偿由此造成的损失。</p>
<p>2、在协议执行期间,如果双方或一方认为需要终止,应提前一个月通知对方,双方在财务结算完毕、各自责任明确履行之后,方可终止协议。某方擅自终止本协议,给对方造成损失的,应赔偿对方损失。</p>
<p>3、经双方协商达成一致,可以对本协议有关条款进行变更,但应当以书面形式确认。</p>
<p>4、一方变更通讯地址或其它联系方式,应自变更之日起十日内,将变更后的地址、联系方式通知另一方,否则变更方应对此造成的一切后果承担责任; </p>
<p>5、如因客观情况发生重大变化,致使本协议无继续法履行的,经甲乙双方协商同意,可以变更或者终止协议的履行。</p>
<h4>九、保密条款</h4>
<p>1、甲、乙双方所提供给对方的一切资料、技术和对项目的策划设计要严格保密,并只能在合作双方公司的业务范围内使用;</p>
<p>2、甲、乙双方均应对在合作过程中所知悉的对方的商业和技术秘密承担保密义务。保密条款不受本协议期限的限制。 </p>
<h4>十 、其他约定</h4>
<p>1、若发生争议,双方本着友好协商原则进行解决。如协商未果,任何一方均可依照法律规定向甲方所在地的人民法院提起诉讼。</p>
<p>2、本合同未尽事宜双方协议而定,可另行签订补充协议,与本协议同具法律效力。   </p>
<p>3、以上条款请协议各方务必仔细阅读后在线签署,协议各方均不得以不了解协议条款或其他任何理由拒绝履行本协议。</p>
<p>4、本合同为在线线上签署,具备同等法律效力。</p>
<!-- <div>-->
<!-- <p>甲方(盖章): 乙方(盖章):</p>-->
<!-- <p>代表人 签字:谢伟代表人 签字: </p>-->
<!-- <p>联 系 电 话:010-53359558</p>-->
<!-- </div>-->
</div>
<div class="confirm-btn">
<p>
<el-checkbox v-model="isComfirm">我已仔细阅读并同意签署入驻协议</el-checkbox>
</p>
<p>
入驻协议约定了双方的权利和义务,及其它的法律责任,请您认真阅读!
</p>
<p>
<el-button type="primary" style="padding: 8px 30px;" :disabled="!isComfirm" @click="nextStep">提交</el-button>
</p>
</div>
</div>
</el-card>
</div>
</template>
<script>
export default {
name: "HelpDoc",
data() {
return {
isComfirm: false,
downTemplatehttp: 'http://img3.jxhh.com/shop/cate_price.pdf'
}
},
methods: {
nextStep() {
if(this.isComfirm) {
this.$message({type:'success',message:'提交成功'});
this.isComfirm = false;
}
}
}
}
</script>
<style lang="scss" type="text/stylus" scoped>
/deep/.el-card__body {
height: calc(100% - 100px);
width: 80%;
padding: 0 100px;
margin: 0 auto;
overflow-x: hidden;
overflow-y: scroll;
.main-text {
p {
text-indent : 2em;
font-size: 14px;
line-height: 28px;
padding: 10px 0;
}
.download-Template-btn{
color: red;
text-decoration:underline;
}
}
.confirm-btn {
height: 100px;
width: 50%;
margin: 0 auto 40px;
p {
text-align : center;
}
p:nth-child(2) {
color: #FA7200;
font-size: 10px;
}
}
}
</style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论