Commit afae2c13 authored by 李晓兵's avatar 李晓兵

'登录注册'

parents 08189f7c b1450ec2
<template>
<h-view id="contract-content" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<span>合同详情</span>
</div>
</h-header>
<h-content class="dealer-guarantee">
<div class="dealer">
<img v-show="name ==='农行代扣授权书'" src="@/assets/constractSigning/twill.png" alt="">
<img v-show="name === '租赁主合同'" src="@/assets/constractSigning/contract-icon.png" alt="">
<h1>{{ name }}</h1>
<div class="dealer-content">
<div class="contract-header">
<div>甲方:<span>徐工租赁</span></div>
<div>乙方:<span>******</span></div>
<div>统一社会信用代码/身份证号:<span>******</span></div>
</div>
<div class="contract-content">
<p>甲乙双方基于平等互利的原则,经友好协商,就乙方经销甲方产品达成如下协议:</p>
<div v-for="(item,index) in 5" :key="index" class="part">
<h3>第一条 授权经销</h3>
<p>1、甲方在此授权乙方于本协议有效期内在甲方指定的行政区域(以下称销售区域)内销售甲方的产品,成为甲方产品的经销商</p>
</div>
</div>
<div class="contract-footer">
<p>甲方(盖章):</p>
<p>代表(签字):</p>
<p>_________年____月____日</p>
<p>乙方(盖章)</p>
<p>代表(签字):</p>
<p>_________年____月____日</p>
</div>
</div>
</div>
</h-content>
</h-view>
</template>
<script>
import Check1 from '@/assets/distributorSign/conditionChecked.png'
import Check2 from '@/assets/distributorSign/textChecked.png'
import unCheck1 from '@/assets/distributorSign/conditionUncheck.png'
import unCheck2 from '@/assets/distributorSign/textUncheck.png'
export default {
name: 'ContractDetail',
components: {
},
data () {
return {
num: 1,
check1: Check1,
check2: Check2,
uncheck1: unCheck1,
uncheck2: unCheck2,
res: '',
name: '',
}
},
computed: {},
watch: {},
activated () {
this.name = this.$route.params.name
},
methods:
{
getTabNum (i) {
console.log(i)
this.tabNum = i
},
},
}
</script>
<style lang='less' >
#contract-content {
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
.dealer-guarantee{
padding: 10px;
.dealer{
background-color: #fff;
box-shadow: 0 1px 2px 1px rgba(128,128,128,0.10);
border-radius: 4px;
position: relative;
img:first-child{
width: 100%;
}
img:nth-child(2){
position: absolute;
top: 0px;
left: 25px;
height: 40px;
}
h1{
font-family: PingFangSC-Semibold;
font-weight:700;
font-size: 16px;
color: #00469C;
text-align: center;
padding-top: 16px;
margin: 0px;
}
.dealer-content{
padding: 14px 25px;
.contract-header{
margin-bottom: 16px;
div{
font-family: PingFangSC-Semibold;
font-weight:700;
font-size: 12px;
color: #00469C;
line-height: 17px;
span{
font-family: PingFangSC-Semibold;
font-weight:700;
font-size: 12px;
color: #383F45;
line-height: 17px;
}
}
}
.contract-content{
margin-bottom: 16px;
font-size: 12px;
p:first-child{
text-indent: 2em;
color: #383F45;
line-height: 17px;
}
.part{
margin-top: 16px;
h3{
color: #00469C;
font-size: 12px;
line-height: 17px;
margin: 0;
}
p{
color: #383F45;
line-height: 17px;
}
}
}
.contract-footer{
font-size: 12px;
color: #383F45;
line-height: 17px;
}
}
}
}
}
</style>
<template>
<h-view id="contract-details" class="public-style">
<div v-show="isshow" class="all">
<div class="prompt">
<div class="top">
<div><img src="@/assets/constractSigning/prompt.png" alt=""> <span>提示</span> </div>
<div>请前往【农行代扣授权书】界面完成银行卡信息录入!</div>
</div>
<div class="bottom" @click="isshow = !isshow">我知道了</div>
</div>
</div>
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<span>合同详情</span>
</div>
</h-header>
<div class="tab-style">
<div :class="{'done':num === 1,'undone':num !== 1}" @click="num = 1;"><img :src="num === 1?check1:uncheck1">商务条件</div>
<div :class="{'done':num === 2,'undone':num !== 2}" @click="num = 2;"><img :src="num === 2?check2:uncheck2" >合同文本</div>
</div>
<h-content v-show="num === 1" class="business-condition">
<list-item :item-height="44" class="second-part">
<item>
<div slot="name" >商务政策</div>
<section slot="content">零手续费产品</section>
</item>
<item>
<div slot="name" >设备总价</div>
<section slot="content">150,0000.00</section>
</item>
<item>
<div slot="name" >融资金额</div>
<section slot="content">100,000.00</section>
</item>
<item>
<div slot="name" >首付款</div>
<section slot="content">100,000.00</section>
</item>
<item>
<div slot="name" >保证金比例</div>
<section slot="content">10%</section>
</item>
<item>
<div slot="name" >保证金</div>
<section slot="content">150,000.00</section>
</item>
<item>
<div slot="name" >手续费比例</div>
<section slot="content">5%</section>
</item>
<item>
<div slot="name" >手续费</div>
<section slot="content">7,500.00</section>
</item>
<item>
<div slot="name" >预计付款日</div>
<section slot="content">2019-08-01</section>
</item>
<item>
<div slot="name" >还款周期</div>
<section slot="content"></section>
</item>
<item>
<div slot="name" >租赁期数</div>
<section slot="content">6</section>
</item>
<item>
<div slot="name" >年利率</div>
<section slot="content">6.5%</section>
</item>
</list-item>
<div class="repay-plan">
<p>查看还款计划</p>
</div>
<div class="equipment-list">设备清单</div>
<list-item :item-height="44" class="second-part">
<item>
<div slot="name" >参数项</div>
<section slot="content">GTZ226</section>
</item>
<item>
<div slot="name" >产品线</div>
<section slot="content">起重机</section>
</item>
<item>
<div slot="name" >产品数量</div>
<section slot="content">10</section>
</item>
</list-item>
<div class="bottom-call">
<div class="left">
<img src="@/assets/constractSigning/work.png" alt="" style="width:32px">
</div>
<div class="center">
<p>业务经办:张三</p>
<p>联系电话:17890765336</p>
</div>
<div class="right">
<img src="@/assets/constractSigning/phone.png" alt="" style="width:30px">
</div>
</div>
</h-content>
<h-content v-show="num === 2">
<list-item :item-height="56" class="contract-text" style="background-color:rgb(250,250,250);">
<item :proportion="[4,1]">
<div slot="name" class="aguremrnt-list">
<img src="@/assets/constractSigning/npack.png" alt="" class="pics">
<p class="second first">法人授权书</p>
</div>
<div slot="content" class="in-detail" @click="goContractContent('法人授权书')"><img src="@/assets/constractSigning/detail.png" alt=""></div>
</item>
<item :proportion="[4,1]" :class="{'border-red':isshow}">
<div slot="name" class="aguremrnt-list">
<img src="@/assets/constractSigning/pack.png" alt="" class="pics">
<p class="second">农行代扣授权书</p>
<img src="@/assets/constractSigning/read.png" alt="" class="read">
</div>
<div slot="content" class="in-all">
<div @click="entryInfo"><img src="@/assets/constractSigning/scan.png" alt=""></div>
<div @click="goContractContent('农行代扣授权书')"><img src="@/assets/constractSigning/detail.png" alt=""></div>
</div>
</item>
<item :proportion="[4,1]">
<div slot="name" class="aguremrnt-list">
<img src="@/assets/constractSigning/pack.png" alt="" class="pics">
<p class="second">租赁主合同</p>
<img src="@/assets/constractSigning/unread.png" alt="" class="read">
</div>
<div slot="content" class="in-detail" @click="goContractContent('租赁主合同')"><img src="@/assets/constractSigning/detail.png" alt=""></div>
</item>
<item :proportion="[4,1]">
<div slot="name" class="aguremrnt-list">
<img src="@/assets/constractSigning/pack.png" alt="" class="pics">
<p class="second">经销商担保协议</p>
<img src="@/assets/constractSigning/unread.png" alt="" class="read">
</div>
<div slot="content" class="in-detail" @click="goContractContent('经销商担保协议')"><img src="@/assets/constractSigning/detail.png" alt=""></div>
</item>
</list-item>
</h-content>
<bottom-tab v-show="num === 2">
<tab-button class="footer" @click.native="inSure">
确认签约
</tab-button>
</bottom-tab>
</h-view>
</template>
<script>
import Check1 from '@/assets/constractSigning/business.png'
import Check2 from '@/assets/constractSigning/constract.png'
import unCheck1 from '@/assets/constractSigning/unbusiness.png'
import unCheck2 from '@/assets/constractSigning/unconstract.png'
export default {
name: 'ContractDetail',
components: {
},
data () {
return {
isshow: false, // 提示框的显示与隐藏
num: 1,
check1: Check1,
check2: Check2,
uncheck1: unCheck1,
uncheck2: unCheck2,
}
},
computed: {},
watch: {},
methods: {
// 跳转合同详情
goContractContent (name) {
this.$router.push({
name: 'ContractContent',
params: {
name,
},
})
},
// 跳转银行信息录入
entryInfo () {
this.$router.push({
name: 'EntryInfo',
})
},
inSure () {
this.isshow = true
},
},
}
</script>
<style lang='less' >
#contract-details {
.all{
position: absolute;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index:2;
.prompt{
position: absolute;
top: 50%;
left:50%;
margin-top:-75px;
margin-left: -121px;
background-color: #fff;
box-shadow: 0 1px 2px 1px rgba(128,128,128,0.10);
border-radius: 4px;
width: 242px;
height: 150px;
.top{
height: 105px;
border-bottom:1px solid #F1F0F5;
div:first-child{
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #E50020;
letter-spacing: 0.5px;
font-weight: 700;
margin-top:13px;
img{
width: 18px;
line-height: 12px;
display: block;
margin: -3px 5px 0 40%;
float: left;
}
}
div:nth-child(2){
margin-top:22px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #383F45;
letter-spacing: 0.4px;
padding: 0 22px;
line-height: 20px;
}
}
.bottom{
text-align: center;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #00469C;
line-height: 32px;
}
}
}
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
.tab-style{
display:flex;
justify-content: center;
padding-top:12px;
padding-bottom: 8px;
align-items: center;
background-color: #fff;
box-shadow:0 2px 3px 0 rgba(220,220,221,0.50);
div{
display: block;
height: 32px;
width: 172px;
border-radius:16px;
border-radius: 16px;
font-family: PingFangSC-Semibold;
font-size: 14px;
letter-spacing: 0.43px;
margin: 0 4px;
line-height: 32px;
}
.undone{
background: rgba(220,220,221,0.26);
color: #383F45;
}
.done{
background: rgba(0,70,156,0.10);
color: #00469C;
}
img{
width: 20px;
display: block;
float: left;
margin: 6px 5px 0 43px;
}
span:nth-of-type(2){
margin-left: 7px;
}
}
.content{
height: 87%;
.contract-text{
.border-red{
border: 2px solid rgba(255,0,0,0.40);
}
.hls-item{
margin-top:8px;
background-color: #fff;
}
.contents{
padding: 0;
}
.in-detail{
background-color: rgba(0,70,156,0.08);
width: 48px;
height: 56px;
text-align: center;
line-height: 65px;
img{
width: 16px;
}
}
.in-all{
width: 96px;
display: flex;
img{
width: 16px;
}
div{
width: 48px;
height: 56px;
text-align: center;
line-height: 65px;
}
div:first-child{
background-color: rgba(252,200,0,0.10);
}
div:nth-child(2){
background-color: rgba(0,70,156,0.08);
}
}
}
}
.business-condition{
.equipment-list {
height: 40px;
line-height: 40px;
background-color: #fafafa;
color: #00469c;
font-size: 15px;
margin-left: 16px;
position: relative;
}
.equipment-list::before {
content: "";
display: block;
width: 4px;
height: 20px;
background-color: #00469c;
position: absolute;
left: -15px;
top: 10px;
}
div{
font-family: PingFangSC-Regular;
color: #656464;
letter-spacing: 0;
}
section{
font-family: PingFangSC-Regular;
color: rgba(56,63,69,0.60);
letter-spacing: 0;
}
}
.repay-plan {
height: 44px;
width: 100%;
background: rgba(0,70,156,0.03);
p {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #00469C;
letter-spacing: 0;
height: 44px;
width: 84px;
line-height: 44px;
font-weight: bold;
text-decoration: underline;
margin-left: 16px;
}
}
.bottom-call {
width: 100%;
height: 60px;
display: flex;
flex-direction: row;
margin-bottom: 30px;
.left {
width: 16%;
height: 60px;
background: rgba(0,70,156,0.03);
display: flex;
justify-content: center;
align-items: center
}
.center {
height: 100%;
width: 66%;
margin-left: 2px;
background: rgba(0,70,156,0.03);
p {
height: 30px;
line-height: 30px;
margin-left: 10px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
letter-spacing: 0.43px;
}
}
.right {
height: 100%;
width: 16%;
background: rgba(0,70,156,0.20);
display: flex;
justify-content: center;
align-items: center
}
}
.aguremrnt-list {
display: flex;
flex-direction: row;
.pic {
margin-left: -3px;
}
.pics {
// width: 21px;
height: 30px;
}
.read {
height: 16px;
margin-top: 8px;
margin-left: 12.5px;
}
.second {
height: 32px;
line-height: 32px;
font-family: PingFangSC-Regular;
font-size: 14px;
margin-left: 21px;
color: #383F45;
letter-spacing: 0.43px;
}
.first {
margin-left: 13px;
}
}
.bottom-tab-button{
background: #00469C;
border-radius: 4px;
color:white;
height: 40px;
margin: 4px 2% 0 2%;
}
}
</style>
<template>
<h-view class="contract-signing">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<span>合同签约</span>
</div>
</h-header>
<div class="tab-style">
<div :class="{'done':num === 1,'undone':num !== 1}" @click="num = 1;"><img :src="num === 1?check1:uncheck1"><span>待签约</span></div>
<div :class="{'done':num === 2,'undone':num !== 2}" @click="num = 2;"><img :src="num === 2?check2:uncheck2"><span>已签约</span></div>
</div>
<div class="hinput">
<div class="search-box">
<input type="text" placeholder="请输入进件号/承租人名称">
<img src="@/assets/constractSigning/search.png" alt="" style="width:18px">
</div>
</div>
<h-content>
<div v-for="(item,index) in contractMsg" :key="index" class="contract-list">
<div class="item">
<img src="@/assets/constractSigning/Incoming.png" alt="" style="height:18px">
<p class="incoming-num">进件号</p>
<p class="code">{{ item.code }}</p>
</div>
<div class="details">
<div class="option">
<p class="name">承租人</p>
<p class="full-name normal">{{ item.name }}</p>
</div>
<div class="option" @click="goDetails(index)">
<p class="name">合同租金</p>
<p class="normal money">{{ item.money | currency }}</p>
<img src="@/assets/distributorSign/goDetails.png" alt="">
</div>
<div class="option">
<p class="name">申请时间</p>
<p class="normal">{{ item.date }}</p>
</div>
</div>
</div>
</h-content>
</h-view>
</template>
<script>
import Check1 from '@/assets/constractSigning/no-done.png'
import Check2 from '@/assets/constractSigning/yes-done.png'
import unCheck1 from '@/assets/constractSigning/no-undone.png'
import unCheck2 from '@/assets/constractSigning/yes-undone.png'
export default {
data () {
return {
num: 1,
check1: Check1,
check2: Check2,
uncheck1: unCheck1,
uncheck2: unCheck2,
contractMsg: [
{name: '张三', money: 90000, date: '2019-03-1', code: '201903022001'},
{name: '李四', money: 90000, date: '2019-03-1', code: '201903022002'},
{name: '王五', money: 90000, date: '2019-03-1', code: '201903022003'},
{name: '赵六', money: 90000, date: '2019-03-1', code: '201903022004'},
{name: '张三', money: 90000, date: '2019-03-1', code: '201903022001'},
{name: '李四', money: 90000, date: '2019-03-1', code: '201903022002'},
{name: '王五', money: 90000, date: '2019-03-1', code: '201903022003'},
{name: '赵六', money: 90000, date: '2019-03-1', code: '201903022004'},
],
}
},
activated () {
},
methods: {
goDetails (index) {
this.$router.push({
name: 'ContractDetail',
})
},
},
}
</script>
<style lang="less" type="text/less">
.contract-signing{
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
.tab-style{
display:flex;
justify-content: center;
padding-top:12px;
padding-bottom: 8px;
align-items: center;
background-color: #fff;
box-shadow:0 2px 3px 0 rgba(220,220,221,0.50);
div{
position: relative;
height: 32px;
width: 172px;
border-radius:16px;
border-radius: 16px;
font-family: PingFangSC-Semibold;
font-size: 14px;
letter-spacing: 0.43px;
margin: 0 4px;
line-height: 32px;
}
.undone{
background: rgba(220,220,221,0.26);
color: #383F45;
}
.done{
background: rgba(0,70,156,0.10);
color: #00469C;
}
img{
height: 20px;
display: block;
float: left;
margin: 6px 0 0 43px;
}
span{
position: absolute;
left:70px;
}
}
.hinput {
width: 100%;
height: 68px;
border-bottom:1px solid #ccc;
display: flex;
justify-content: center;
align-items: center;
margin-top: 3px;
background: #fff;
.search-box {
width: 93.6%;
height: 36px;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
font-family: PingFangSC-Regular;
border: 1px solid rgba(56,63,69,0.60);
border-radius: 4px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
input {
width: 90%;height: 100%;
opacity: 0.4;
border: none
}
}
}
.contract-list {
width: 100%;
height: 120px;
// border: 1px solid #ccc;
background: #fff;
margin-top: 8px;
.item {
width: 100%;
height: 34px;
background: rgba(00, 70, 156, 0.1);
display: flex;
flex-direction: row;
align-items: center;
img {
margin-left: 16.6px;
}
.incoming-num {
font-family: PingFangSC-Semibold;
// width: 42px;
height: 20px;
font-weight: bolder;
line-height: 20px;
font-size: 14px;
color: #00469C;
letter-spacing: 0;
margin-left: 8.8px;
}
.code {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #00469C;
margin-left: 8px;
font-weight: 700;
}
}
.details {
width: 100%;
height: 86px;
display: flex;
flex-direction: column;
justify-content: space-around;
.option {
width: 100%;
// flex: 1;
display: flex;
flex-basis: row;
.name {
font-family: PingFangSC-Regular;
font-size: 13px;
color: rgba(56,63,69,0.60);
width: 80px;
height: 18px;
line-height: 18px;
text-align: right
}
.normal {
font-family: PingFangSC-Regular;
font-size: 13px;
color: #383F45;
height: 18px;
line-height: 18px;
margin-left: 8px;
}
.money {
color: #FCC800;
}
img {
margin-left: 55%
}
}
}
}
}
</style>
<template>
<h-view id="entry-info" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<span>银行卡信息录入</span>
</div>
</h-header>
<h-content>
<div class="info">
<div class="info-header">
<p>请上传银行卡照片</p>
<div class="bank-pic">
<img src="@/assets/constractSigning/bank.png" alt="">
</div>
</div>
<list-item :item-height="44" class="info-center">
<item>
<div slot="name" >银行卡卡号</div>
<section slot="content">上传银行卡自动填充</section>
</item>
<item>
<div slot="name" >账户名称</div>
<input slot="content" type="number" placeholder="请输入账户名称">
</item>
<item>
<div slot="name" >银行名称</div>
<input slot="content" type="number" placeholder="请输入银行名称">
</item>
<item>
<div slot="name" >支行名称</div>
<input slot="content" type="number" placeholder="请输入支行名称">
</item>
</list-item>
</div>
</h-content>
<bottom-tab>
<tab-button class="footer">
保存
</tab-button>
</bottom-tab>
</h-view>
</template>
<script>
import Check1 from '@/assets/distributorSign/conditionChecked.png'
import Check2 from '@/assets/distributorSign/textChecked.png'
import unCheck1 from '@/assets/distributorSign/conditionUncheck.png'
import unCheck2 from '@/assets/distributorSign/textUncheck.png'
export default {
name: 'ContractDetail',
components: {
},
data () {
return {
num: 1,
check1: Check1,
check2: Check2,
uncheck1: unCheck1,
uncheck2: unCheck2,
res: '',
name: '',
}
},
computed: {},
watch: {},
activated () {
this.name = this.$route.params.name
},
methods: {
},
}
</script>
<style lang='less' >
#entry-info {
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
.info{
background-color: #fff;
.info-header {
padding: 12px 16px;
border-bottom: 1px solid #D9DBDF;
p{
font-family: PingFangSC-Regular;
font-size: 13px;
color: #656464;
letter-spacing: 0;
}
div{
border: 1px dashed #DCDCDD;
border-radius: 2px;
width: 172px;
height: 120px;
text-align: center;
margin: 14px auto 0;
line-height: 145px;
}
img{
height: 45px;
}
}
.info-center{
div{
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
letter-spacing: 0;
line-height: 18px;
}
section{
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(180,180,181,0.60);
letter-spacing: 0;
line-height: 18px;
}
input::placeholder{
font-family: PingFangSC-Regular;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
line-height: 18px;
}
input{
font-size: 14px;
color: #383F45;
line-height: 18px;
}
}
}
.bottom-tab-button{
background: #00469C;
border-radius: 4px;
color:white;
height: 40px;
margin: 4px 2% 0 2%;
}
}
</style>
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Description: 合同详情 * @Description: 合同详情
* @Author: your name * @Author: your name
* @Date: 2019-09-25 15:38:21 * @Date: 2019-09-25 15:38:21
* @LastEditTime: 2019-09-27 14:38:47 * @LastEditTime: 2019-09-29 10:47:02
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -83,51 +83,51 @@ ...@@ -83,51 +83,51 @@
<list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
<item> <item>
<div slot="name" class="font-color">商务政策</div> <div slot="name" class="font-color">商务政策</div>
<input slot="content" placeholder="零手续费产品" > <input slot="content" v-model="info.product_plan_id_n" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">设备总价</div> <div slot="name" class="font-color">设备总价</div>
<input slot="content" placeholder="150,000.00" > <input slot="content" v-model="info.equip_price" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">融资金额</div> <div slot="name" class="font-color">融资金额</div>
<input slot="content" placeholder="100,000.00" > <input slot="content" v-model="info.finance_amount" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">首付款</div> <div slot="name" class="font-color">首付款</div>
<input slot="content" placeholder="50,000.00" > <input slot="content" v-model="info.down_payment" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">保证金比例</div> <div slot="name" class="font-color">保证金比例</div>
<input slot="content" placeholder="10%" > <input slot="content" v-model="info.deposit_ratio" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">保证金</div> <div slot="name" class="font-color">保证金</div>
<input slot="content" placeholder="150,000.00" > <input slot="content" v-model="info.deposit" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">手续费比例</div> <div slot="name" class="font-color">手续费比例</div>
<input slot="content" placeholder="5%" > <input slot="content" v-model="info.lease_charge_ratio">
</item> </item>
<item> <item>
<div slot="name" class="font-color">手续费</div> <div slot="name" class="font-color">手续费</div>
<input slot="content" placeholder="7,500.00" > <input slot="content" v-model="info.lease_charge" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">预计付款日</div> <div slot="name" class="font-color">预计付款日</div>
<input slot="content" placeholder="2019-08-01" > <input slot="content" v-model="info.pre_pay_date" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">还款周期</div> <div slot="name" class="font-color">还款周期</div>
<input slot="content" placeholder="月" > <input slot="content" v-model="info.annual_pay_times" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">租赁期数</div> <div slot="name" class="font-color">租赁期数</div>
<input slot="content" placeholder="6" > <input slot="content" v-model="info.lease_times" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">年利率</div> <div slot="name" class="font-color">年利率</div>
<input slot="content" placeholder="6.5%" > <input slot="content" v-model="info.int_rate" >
</item> </item>
</list-item> </list-item>
<div class="repay-plan"> <div class="repay-plan">
...@@ -137,15 +137,15 @@ ...@@ -137,15 +137,15 @@
<list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
<item> <item>
<div slot="name" class="font-color">参数项</div> <div slot="name" class="font-color">参数项</div>
<input slot="content" placeholder="GTZ226" > <input slot="content" v-model="info.product_id" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">产品线</div> <div slot="name" class="font-color">产品线</div>
<input slot="content" placeholder="起重机" > <input slot="content" v-model="info.division" >
</item> </item>
<item> <item>
<div slot="name" class="font-color">产品数量</div> <div slot="name" class="font-color">产品数量</div>
<input slot="content" placeholder="10" > <input slot="content" v-model="info.product_num" >
</item> </item>
</list-item> </list-item>
...@@ -209,12 +209,29 @@ export default { ...@@ -209,12 +209,29 @@ export default {
}, },
data () { data () {
return { return {
info: {},
tabNum: 0, tabNum: 0,
bp_flag: false, bp_flag: false,
} }
}, },
computed: {}, computed: {},
watch: {}, watch: {
tabNum () {
if (this.tabNum === 1) {
let vm = this
let url = $config.basePath + 'prj_lease_query'
let param = {
project_id: '503',
}
vm.hlsHttp.post(url, param).then(function (res) {
console.log('result', res)
if (res.result === 'S') {
vm.info = res.info
}
})
}
},
},
methods: methods:
{ {
getTabNum (i) { getTabNum (i) {
......
...@@ -20,25 +20,25 @@ ...@@ -20,25 +20,25 @@
</div> </div>
</div> </div>
<h-content> <h-content>
<div v-for="(item,index) in contractMsg" :key="index" class="contract-list"> <div v-for="(item,index) in lists" :key="index" class="contract-list">
<div class="item"> <div class="item">
<img src="@/assets/distributorSign/icon-进件合同.png" alt=""> <img src="@/assets/distributorSign/icon-进件合同.png" alt="">
<p class="incoming-num">进件号</p> <p class="incoming-num">进件号</p>
<p class="code">{{ item.code }}</p> <p class="code">{{ item.project_number }}</p>
</div> </div>
<div class="details" @click="goDetails(index)"> <div class="details" @click="goDetails(index)">
<div class="option"> <div class="option">
<p class="name">承租人</p> <p class="name">承租人</p>
<p class="full-name normal">{{ item.name }}</p> <p class="full-name normal">{{ item.bp_name }}</p>
</div> </div>
<div class="option"> <div class="option">
<p class="name">合同租金</p> <p class="name">合同租金</p>
<p class="normal money">{{ item.money }}</p> <p class="normal money">{{ item.finance_amount }}</p>
<img src="@/assets/distributorSign/goDetails.png" alt="" @click="goDetails(index)"> <img src="@/assets/distributorSign/goDetails.png" alt="" @click="goDetails(item)">
</div> </div>
<div class="option"> <div class="option">
<p class="name">申请时间</p> <p class="name">申请时间</p>
<p class="normal">{{ item.date }}</p> <p class="normal">{{ item.confirm_start_date }}</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -56,18 +56,22 @@ export default { ...@@ -56,18 +56,22 @@ export default {
data () { data () {
return { return {
tabNum: 0, tabNum: 0,
contractMsg: [ lists: [],
{name: '张三', money: 9000000, date: '2019-03-1', code: '201903022001'},
{name: '李四', money: 9000000, date: '2019-03-1', code: '201903022002'},
{name: '王五', money: 9000000, date: '2019-03-1', code: '201903022003'},
{name: '赵六', money: 9000000, date: '2019-03-1', code: '201903022004'},
{name: '张三', money: 9000000, date: '2019-03-1', code: '201903022001'},
{name: '李四', money: 9000000, date: '2019-03-1', code: '201903022002'},
{name: '王五', money: 9000000, date: '2019-03-1', code: '201903022003'},
{name: '赵六', money: 9000000, date: '2019-03-1', code: '201903022004'},
],
} }
}, },
created () {
let vm = this
let url = $config.basePath + 'prj_confirm_list_query'
let param = {
user_phone: '18507155349',
}
vm.hlsHttp.post(url, param).then(function (res) {
console.log(res.result)
if (res.result === 'S') {
vm.lists = res.lists
}
})
},
methods: { methods: {
getTabNum (i) { getTabNum (i) {
this.tabNum = i this.tabNum = i
......
...@@ -64,6 +64,11 @@ export default { ...@@ -64,6 +64,11 @@ export default {
functionName: '经销商签约', functionName: '经销商签约',
functionState: 'ContractList', functionState: 'ContractList',
}, },
{
functionIcon: require('@/assets/intoApproval/introduce.png'),
functionName: '合同签约',
functionState: 'ContractSigning',
},
], // 全部应用 ], // 全部应用
messageList: [ messageList: [
{ {
......
...@@ -7,8 +7,54 @@ ...@@ -7,8 +7,54 @@
<span>还款计划</span> <span>还款计划</span>
</div> </div>
</h-header> </h-header>
<div>1</div> <div class="top-content">
<span class="top-tittle">融资额(元)</span>
<span class="num">190,000.00</span>
<div class="top-detail">
<div class="left">
<span class="line">保证金</span>
<span>¥5,000.00</span>
</div> </div>
<div class="right">
<span class="line">首付款</span>
<span>¥20,000.00</span>
</div>
</div>
<div class="clear" />
<div class="top-detail">
<div class="left">
<span class="line">手续费</span>
<span>¥5,000.00</span>
</div>
<div class="right">
<span class="line">合同期数</span>
<span>¥20,000.00</span>
</div>
</div>
</div>
</div>
<h-content>
<table>
<tr>
<th />
<th>日期</th>
<th>现金流项目</th>
<th>应还金额</th>
</tr>
<tr>
<td>1</td>
<td>2019-01-01</td>
<td>租金</td>
<td>9,000.00</td>
</tr>
<tr>
<td>1</td>
<td>2019-01-01</td>
<td>租金</td>
<td>9,000.00</td>
</tr>
</table>
</h-content>
</h-view> </h-view>
</template> </template>
<script> <script>
...@@ -16,6 +62,9 @@ export default {} ...@@ -16,6 +62,9 @@ export default {}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#refund { #refund {
.clear {
clear: both;
}
.header { .header {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
.h-header-btn { .h-header-btn {
...@@ -24,7 +73,7 @@ export default {} ...@@ -24,7 +73,7 @@ export default {}
height: 16px; height: 16px;
} }
span { span {
margin-left:16px; margin-left: 16px;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 17px; font-size: 17px;
color: #ffffff; color: #ffffff;
...@@ -34,9 +83,107 @@ export default {} ...@@ -34,9 +83,107 @@ export default {}
} }
.top { .top {
width: 100%; width: 100%;
height: 500px; height: 265px;
background: url("../../../assets/intoApproval/backtop.png") no-repeat; background: url("../../../assets/intoApproval/backtop.png") no-repeat;
background-size: 375px 285px; background-size: 375px 285px;
.top-detail {
margin-top: 12px;
width: 260px;
.line {
font-family: PingFangSC-Regular;
font-size: 12px;
height: 12px;
color: rgba(255, 255, 255, 0.6);
padding-left: 10px;
}
.line::before {
content: "|";
color: #ffffff;
position: relative;
left: -10px;
}
.left {
float: left;
span:last-child {
display: block;
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #ffffff;
letter-spacing: 0;
margin-top: 8px;
}
}
.right {
float: right;
span:last-child {
display: block;
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #ffffff;
letter-spacing: 0;
margin-top: 8px;
}
}
}
.top-content {
width: 300px;
margin: 0 auto;
.top-tittle {
font-family: PingFangSC-Regular;
font-size: 12px;
color: rgba(255, 255, 255, 0.6);
letter-spacing: 0;
}
.num {
display: block;
font-family: PingFangSC-Semibold;
font-size: 32px;
color: #ffffff;
line-height: 44px;
height: 44px;
margin-bottom: 24px;
margin-top: 8px;
}
}
}
table {
width: 100%;
text-align: center;
th {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #d9dbdf;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #383f45;
letter-spacing: 0;
}
th:first-child {
width: 15%;
}
td:first-child {
font-family: PingFangSC-Semibold;
font-size: 20px;
color: #326aaf;
}
td:not(:first-child) {
border-bottom: 1px solid #d9dbdf;
}
td:last-child {
font-family: PingFangSC-Semibold;
font-size: 18px;
color: #336bb0;
letter-spacing: 0;
}
td {
height: 40px;
line-height: 40px;
text-align: center;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383f45;
letter-spacing: 0;
}
} }
} }
</style> </style>
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
<input slot="content" v-model="rentInfo.int_rate_n" readonly > <input slot="content" v-model="rentInfo.int_rate_n" readonly >
</item> </item>
</list-item> </list-item>
<div class="top-userInfo" @click="changeRefund">查看还款计划</div> <div class="top-userInfo"><span @click="changeRefund">查看还款计划</span></div>
<div class="userInfo">设备清单</div> <div class="userInfo">设备清单</div>
<list-item> <list-item>
<item> <item>
......
...@@ -18,21 +18,21 @@ ...@@ -18,21 +18,21 @@
<div class="item"> <div class="item">
<img src="@/assets/distributorSign/icon-进件合同.png" alt=""> <img src="@/assets/distributorSign/icon-进件合同.png" alt="">
<p class="incoming-num">进件号</p> <p class="incoming-num">进件号</p>
<p class="code">{{ item.code }}</p> <p class="code">{{ item.finance_amount }}</p>
</div> </div>
<div class="details" @click="goDetails(index)"> <div class="details" @click="goDetails(index)">
<div class="option"> <div class="option">
<p class="name">承租人</p> <p class="name">承租人</p>
<p class="full-name normal">{{ item.name }}</p> <p class="full-name normal">{{ item.bp_name }}</p>
</div> </div>
<div class="option"> <div class="option">
<p class="name">合同租金</p> <p class="name">合同租金</p>
<p class="normal money">{{ item.money }}</p> <p class="normal money">{{ item.finance_amount }}</p>
<img src="@/assets/distributorSign/goDetails.png" alt="" @click="goDetails(index)"> <img src="@/assets/distributorSign/goDetails.png" alt="" @click="goDetails(index)">
</div> </div>
<div class="option"> <div class="option">
<p class="name">申请时间</p> <p class="name">申请时间</p>
<p class="normal">{{ item.date }}</p> <p class="normal">{{ item.confirm_start_date }}</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -50,19 +50,26 @@ export default { ...@@ -50,19 +50,26 @@ export default {
data () { data () {
return { return {
tabNum: 0, tabNum: 0,
contractMsg: [ contractMsg: [],
{name: '张三', money: 9000000, date: '2019-03-1', code: '201903022001'},
{name: '李四', money: 9000000, date: '2019-03-1', code: '201903022002'},
{name: '王五', money: 9000000, date: '2019-03-1', code: '201903022003'},
{name: '赵六', money: 9000000, date: '2019-03-1', code: '201903022004'},
{name: '张三', money: 9000000, date: '2019-03-1', code: '201903022001'},
{name: '李四', money: 9000000, date: '2019-03-1', code: '201903022002'},
{name: '王五', money: 9000000, date: '2019-03-1', code: '201903022003'},
{name: '赵六', money: 9000000, date: '2019-03-1', code: '201903022004'},
],
} }
}, },
created () {
this.getList()
},
methods: { methods: {
getList () {
let vm = this
let url = process.env.basePath + 'prj_confirm_list_query'
let param = {
user_phone: '18507155349',
}
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.contractMsg = res.lists
}
})
},
getTabNum (i) { getTabNum (i) {
this.tabNum = i this.tabNum = i
}, },
......
...@@ -500,7 +500,7 @@ export default { ...@@ -500,7 +500,7 @@ export default {
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.showNotifyAtTopSuccess() vm.successCall()
this.hlsPopup.showLongCenter('保存成功') this.hlsPopup.showLongCenter('保存成功')
setTimeout(vm.successCall, 2000) setTimeout(vm.successCall, 2000)
} }
...@@ -562,6 +562,8 @@ export default { ...@@ -562,6 +562,8 @@ export default {
if (res.result === 'S') { if (res.result === 'S') {
vm.getBankList = res.lists vm.getBankList = res.lists
} }
}).catch(() => {
this.hlsPopup.showLongCenter('传入参数异常')
}) })
}, },
getinvoiceList (i) { getinvoiceList (i) {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-09-19 09:31:19 * @Date: 2019-09-19 09:31:19
* @LastEditTime: 2019-09-27 19:25:20 * @LastEditTime: 2019-09-29 11:38:23
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -202,7 +202,7 @@ ...@@ -202,7 +202,7 @@
</div> </div>
<!-- <BankInfo v-show="tabNum==1" :bp_id="bp_id" @getInfo="getInfo" /> --> <!-- <BankInfo v-show="tabNum==1" :bp_id="bp_id" @getInfo="getInfo" /> -->
<BankInfo v-show="tabNum==1" :getBankList="getBankList" @getInfo="getInfo"/> <BankInfo v-show="tabNum==1" :getBankList="getBankList" @getInfo="getInfo"/>
<InvoiceInfo v-show="tabNum==2" @getinvoiceList="getinvoiceList"/> <InvoiceInfo v-show="tabNum==2" :orgCode="baseInfo.organization_code" @getinvoiceList="getinvoiceList"/>
</h-content> </h-content>
<bottom-tab class="footer-button"> <bottom-tab class="footer-button">
<tab-button class="put" @click.native="handSubmit">提交</tab-button> <tab-button class="put" @click.native="handSubmit">提交</tab-button>
...@@ -494,9 +494,9 @@ export default { ...@@ -494,9 +494,9 @@ export default {
// } // }
// 校验基本信息 // 校验基本信息
if (this.bpClass_flag) { if (this.bpClass_flag) {
delete this.lastInfo.business_license_num delete this.baseInfo.business_license_num
for (var key in vm.lastInfo) { for (var key in vm.baseInfo) {
if (!vm.lastInfo[key]) { if (!vm.baseInfo[key]) {
console.log('key', key, vm.bpClass) console.log('key', key, vm.bpClass)
switch (key) { switch (key) {
case 'bp_type': case 'bp_type':
...@@ -558,11 +558,11 @@ export default { ...@@ -558,11 +558,11 @@ export default {
vm.msg_flag = true vm.msg_flag = true
} }
} }
this.lastInfo.business_license_num = '' this.baseInfo.business_license_num = ''
} else { } else {
delete this.lastInfo.agent_username delete this.baseInfo.agent_username
for (var key1 in vm.lastInfo) { for (var key1 in vm.baseInfo) {
if (!vm.lastInfo[key1]) { if (!vm.baseInfo[key1]) {
console.log('key', key1) console.log('key', key1)
switch (key1) { switch (key1) {
case 'bp_type': case 'bp_type':
...@@ -624,7 +624,7 @@ export default { ...@@ -624,7 +624,7 @@ export default {
vm.msg_flag = true vm.msg_flag = true
} }
} }
this.lastInfo.agent_username = '' this.baseInfo.agent_username = ''
} }
// if (!vm.bp_type_flag) { // if (!vm.bp_type_flag) {
...@@ -677,6 +677,7 @@ export default { ...@@ -677,6 +677,7 @@ export default {
getinvoiceList (val) { getinvoiceList (val) {
console.log(val) console.log(val)
this.invoiceInfo = val this.invoiceInfo = val
this.baseInfo.organization_code = val.organization_code
}, },
authorizeChange () { authorizeChange () {
this.flag = !this.flag this.flag = !this.flag
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-09-20 09:35:11 * @Date: 2019-09-20 09:35:11
* @LastEditTime: 2019-09-20 10:41:24 * @LastEditTime: 2019-09-29 11:25:28
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -50,14 +50,21 @@ ...@@ -50,14 +50,21 @@
<div slot="name" class="font-color">纳税人识别号</div> <div slot="name" class="font-color">纳税人识别号</div>
<input <input
slot="content" slot="content"
v-model="invoiceInfo.organization_code" type="text" placeholder="请输入纳税人识别号" v-model="invoiceInfo.organization_code" :placeholder="orgCode" type="text" readonly
> >
</item> </item>
<!-- <p>{{ organization_code }}</p> -->
</list-item> </list-item>
</template> </template>
<script> <script>
export default { export default {
name: 'InvoiceInfo', name: 'InvoiceInfo',
props: {
'orgCode': {
type: String,
default: '',
},
},
data () { data () {
return { return {
invoicList: [], invoicList: [],
...@@ -68,13 +75,19 @@ export default { ...@@ -68,13 +75,19 @@ export default {
invoice_kind: '', invoice_kind: '',
taxpayer_type: '', taxpayer_type: '',
invoice_title: '', invoice_title: '',
organization_code: '', organization_code: this.orgCode,
invoice_bp_bank_account: '', invoice_bp_bank_account: '',
invoice_bp_address_phone_num: '', invoice_bp_address_phone_num: '',
}, },
} }
}, },
watch: {
orgCode () {
this.invoiceInfo.organization_code = this.orgCode
},
},
created () { created () {
console.log('orgCode', this.orgCode)
this.getInvoiceType() this.getInvoiceType()
this.getTaxpayer() this.getTaxpayer()
}, },
......
...@@ -36,6 +36,13 @@ import ContractList from '@/pages/distributorSign/contract-list' ...@@ -36,6 +36,13 @@ import ContractList from '@/pages/distributorSign/contract-list'
import ContractDetails from '@/pages/distributorSign/contract-details' import ContractDetails from '@/pages/distributorSign/contract-details'
import FinancDetails from '@/pages/distributorSign/financ-details' import FinancDetails from '@/pages/distributorSign/financ-details'
// 合同签约
import ContractSigning from '../pages/contractSigning/contract-signing'
import ContractDetail from '@/pages/ContractSigning/contract-detail'
import ContractContent from '@/pages/ContractSigning/contract-content'
import EntryInfo from '@/pages/ContractSigning/entry-info'
Vue.use(Router) Vue.use(Router)
export default new Router({ export default new Router({
...@@ -108,6 +115,11 @@ export default new Router({ ...@@ -108,6 +115,11 @@ export default new Router({
{path: '/contract-list', component: ContractList, name: 'ContractList', meta: {keepAlive: false}}, {path: '/contract-list', component: ContractList, name: 'ContractList', meta: {keepAlive: false}},
{path: '/contract-details', component: ContractDetails, name: 'ContractDetails', meta: {keepAlive: true}}, {path: '/contract-details', component: ContractDetails, name: 'ContractDetails', meta: {keepAlive: true}},
{path: '/financ-details', component: FinancDetails, name: 'FinancDetails', meta: {keepAlive: true}}, {path: '/financ-details', component: FinancDetails, name: 'FinancDetails', meta: {keepAlive: true}},
// 合同签约
{path: '/contract-signing', component: ContractSigning, name: 'ContractSigning', meta: {keepAlive: true}},
{path: '/contract-detail', component: ContractDetail, name: 'ContractDetail', meta: {keepAlive: true}},
{path: '/contract-content', component: ContractContent, name: 'ContractContent', meta: {keepAlive: true}},
{path: '/entry-info', component: EntryInfo, name: 'EntryInfo', meta: {keepAlive: true}},
], ],
scrollBehavior (to, from, savedPosition) { scrollBehavior (to, from, savedPosition) {
if (to.hash) { if (to.hash) {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment