Skip to content

H
hls-xcmg-vue-app
Commit 059f81a7 authored by 胡's avatar 胡
Browse files
Options

fix

parent ee8afd7e
Hide whitespace changes
Inline Side-by-side
Showing with 94 additions and 69 deletions
src/pages/carConfirm/confirm-list.vue
View file @ 059f81a7
<template>
<h-view id="confirmList">
<h-header :proportion="[5,1,1]" class="bar-custom">
<h-header :proportion="[5, 1, 1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
<img src="@/assets/userBind/arrow.png" @click="$routeGo()" />
<span>合同签订</span>
</div>
</h-header>
<Tab :title="text" @getTabNum="getTabNum" />
<div class="search has-header">
<input v-model="keyWord" placeholder="请输入合同号/产品名称/承租人名称" >
<input v-model="keyWord" placeholder="请输入合同号/产品名称/承租人名称" />
</div>
<scroll ref="scroll" :updateData="[showList]" :pullUp="true" @pullingUp="getList">
<div v-for="(item,index) in showList" :key="index" class="item">
<div class="left">
<span @click="changePage(item)">
<img src="@/assets/contractStart/icon.png" >
<img src="@/assets/contractStart/icon.png" />
</span>
<div class="check-box">
<div></div>
<img v-if="false" src="@/assets/contractCreate/selected.png" alt="已选择">
<div v-show="isRadio" class="check-box" @click.stop="clickRadio(item)">
<div v-show="!item.checked"></div>
<img v-show="item.checked" src="@/assets/contractCreate/selected.png" alt="已选择" />
</div>
</div>
<div class="right" @click="changePage(item)">
......@@ -38,7 +38,7 @@
</li>
<li>
合同金额
<span class="number">{{ item.total_price|currency }}</span>
<span class="number">{{ item.total_price | currency }}</span>
</li>
</ul>
</div>
......@@ -47,23 +47,26 @@
</scroll>
<div class="check-bottom">
<div class="choose" v-show="isRadio">
<div class="radio" @click="chooseAll = !chooseAll">
<img v-show="chooseAll" src="@/assets/login/radio.png" alt="radio">
<div class="no-check" v-show="!chooseAll"></div>
<span :style="{color: chooseAll ? '#1d3fff' : 'rgb(212,214,212)'}">全选</span>
<div class="radio" @click="allChoose(!chooseAll)">
<img v-show="chooseAll" src="@/assets/login/radio.png" alt="radio" />
<div class="no-check" v-show="!chooseAll"></div>
<span :style="{ color: chooseAll ? '#1d3fff' : 'rgb(212,214,212)' }">全选</span>
</div>
<button class="cancel" @click="isRadio = false">× 取消批量</button>
<button class="sign" @click="$router.push({path: '/batchSign',query: {name: 'confirmList'}})">签订电子合同</button>
<button class="cancel" @click="cancelRadio">× 取消批量</button>
<button
class="sign"
@click="$router.push({ path: '/batchSign', query: { name: 'confirmList' } })"
>签订电子合同</button>
</div>
<button v-show="!isRadio" class="go-radio" @click="isRadio =true">
<img src="@/assets/login/write.png" alt="icon">
<span>批量签署</span>
<button v-show="!isRadio" class="go-radio" @click="isRadio = true">
<img src="@/assets/login/write.png" alt="icon" />
<span>批量签署</span>
</button>
</div>
<div v-if="showList.length === 0">
<div class="display">
<img src="@/assets/messageCenter/noMsg.png" alt="">
<img src="@/assets/messageCenter/noMsg.png" alt />
</div>
</div>
</h-view>
......@@ -74,9 +77,9 @@ export default {
components: {
Tab,
},
data () {
data() {
return {
text: {first: '待签订', second: '已签订'},
text: { first: '待签订', second: '已签订' },
tabNum: 0,
keyWord: '',
status: '',
......@@ -93,7 +96,7 @@ export default {
},
watch: {
tabNum: {
handler (newVal, oldVal) {
handler(newVal, oldVal) {
if (newVal === 0) {
this.status = 'SUBMIT'
this.showList = this.undo
......@@ -105,12 +108,11 @@ export default {
},
immediate: true,
},
keyWord (newVal, oldVal) {
keyWord(newVal, oldVal) {
this.search()
},
},
created () {},
beforeRouteEnter (to, from, next) {
beforeRouteEnter(to, from, next) {
next(vm => {
vm.pagenumNew = 1
vm.pagenumApproved = 1
......@@ -118,7 +120,23 @@ export default {
})
},
methods: {
search () {
clickRadio(item) {
item.checked = !item.checked;
this.chooseAll = this.showList.every(item => item.checked);
},
allChoose(status) {
this.chooseAll = status;
this.lists = this.lists.map(item => {
item.checked = status;
return item;
})
},
cancelRadio() {
this.isRadio = false; // 关闭多选菜单
this.allChoose(false); // 关闭全选按钮
},
search() {
let vm = this
let randomString = Math.floor(Math.random() * 21)
let url =
......@@ -128,7 +146,7 @@ export default {
`'${randomString}'`
let param = {
// user_phone: window.localStorage.getItem('user_phone'),
bp_id: JSON.parse(window.localStorage.now_user_bp_bind_id).bp_id,
bp_id: JSON.parse(window.localStorage.now_user_bp_bind_id).bp_id,
confirm_status: vm.status,
searchInput: vm.keyWord,
}
......@@ -141,7 +159,7 @@ export default {
}
})
},
selectShowList () {
selectShowList() {
let vm = this
vm.undo = []
vm.done = []
......@@ -153,17 +171,21 @@ export default {
}
})
if (vm.tabNum === 0) {
this.undo = this.undo.map(item => {
item.checked = false;
return item;
});
this.showList = this.undo
} else {
this.showList = this.done
}
},
getTabNum (i) {
getTabNum(i) {
this.tabNum = i
this.$refs.scroll.update(false)
this.$refs.scroll.scrollToTop()
},
changePage (e) {
changePage(e) {
this.$router.push({
name: 'ConfirmDetail',
query: {
......@@ -175,7 +197,7 @@ export default {
},
})
},
getList () {
getList() {
let vm = this
let randomString = Math.floor(Math.random() * 21)
let url =
......@@ -185,7 +207,7 @@ export default {
`'${randomString}'`
let param = {
// user_phone: window.localStorage.getItem('user_phone'),
bp_id: JSON.parse(window.localStorage.now_user_bp_bind_id).bp_id,
bp_id: JSON.parse(window.localStorage.now_user_bp_bind_id).bp_id,
pagesize: 10,
pagenum: vm.status === 'APPROVED' ? vm.pagenumApproved : vm.pagenumNew,
confirm_status: vm.status,
......@@ -225,35 +247,35 @@ export default {
#confirmList {
.display {
position: fixed;
width: 100%;
height: 100%;
width: 100%;
height: 100%;
// top: 0;
img {
width: 100%;
height: 100%;
// margin-top: -70px;
}
}
}
.check-bottom {
width: 100%;
height: 60px;
height: 60px;
background-color: #fff;
position: absolute;
bottom: 0;
bottom: 0;
display: flex;
align-items: center;
align-items: center;
justify-content: center;
.go-radio {
.go-radio {
width: 90%;
color: #fff;
background-color: #1d3fff;
background-color: #1d3fff;
padding: 7px 10px;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
font-size: .15rem;
font-size: 0.15rem;
img {
width: 16px;
margin-right: 4px;
......@@ -266,14 +288,14 @@ export default {
justify-content: space-evenly;
align-items: center;
height: 100%;
font-size: .25rem;
font-size: 0.25rem;
}
.radio {
display: flex;
align-items: center;
color: #1d3fff;
img {
display: flex;
align-items: center;
color: #1d3fff;
img {
width: 24px;
}
.no-check {
......@@ -294,7 +316,7 @@ export default {
.sign {
color: #fff;
background-color: #1d3fff;
padding: 7px 40px;
padding: 7px 40px;
border-radius: 3px;
}
}
......@@ -313,7 +335,7 @@ export default {
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding-left: 12px;
height:36px;
height: 36px;
line-height: 36px;
border-radius: 4px;
width: 100%;
......@@ -358,10 +380,10 @@ export default {
align-items: center;
div {
width: 0.32rem;
height: 0.32rem;
border: 0.02rem solid #1d3fff;
border-radius: 0.06rem;
width: 0.32rem;
height: 0.32rem;
border: 0.02rem solid #1d3fff;
border-radius: 0.06rem;
}
img {
......@@ -443,7 +465,7 @@ export default {
.platform-ios {
#confirmList {
.scrollContent {
padding-top: 3.32rem;
padding-top: 3.32rem;
}
}
}
......@@ -456,7 +478,7 @@ export default {
padding-bottom: 40px;
}
.check-bottom {
.check-bottom {
bottom: 32px;
}
}
......@@ -485,7 +507,7 @@ export default {
}
}
.check-bottom {
.check-bottom {
bottom: 32px;
}
}
......
src/pages/contractCreate/my-contract.vue
View file @ 059f81a7
......@@ -14,7 +14,7 @@
</div>
</h-header>
<h-content class="my-contractlist">
<div v-if="user_bp_type == 'AGENT' || user_bp_type == 'OFFICE'" class="contract-item" @click="goCreate()">
<div v-if="['AGENT', 'OFFICE'].includes(user_bp_type)" class="contract-item" @click="goCreate()">
<img src="@/assets/myInfo/contractCreate.png" >
<span>融租方案创建</span>
</div>
......@@ -23,7 +23,7 @@
<img src="@/assets/myInfo/unSign.png" >
<span>融租方案确认</span>
</div>
<div v-if="user_bp_type == 'GUTA'|| user_bp_type == 'TENANT' || user_bp_type == 'AGENT'" class="contract-item" @click="goCarConfirm()">
<div v-if="['GUTA', 'TENANT', 'AGENT'].includes(user_bp_type)" class="contract-item" @click="goCarConfirm()">
<p v-if="carCount > 0" :class="{'content-wrap-class-width':carCount > 99, 'content-wrap-class':carCount < 99}">{{ carCount > 99 ? '99+' : carCount }}</p>
<img src="@/assets/myInfo/carConfirm.png" >
<span>合同签订</span>
......@@ -33,7 +33,7 @@
<img src="@/assets/myInfo/under.png" >
<span>我担保的合同</span>
</div>
<div v-if="user_bp_type == 'AGENT' || user_bp_type == 'OFFICE' || user_bp_type == 'MANAGER'" class="contract-item" @click="goContract()">
<div v-if="['AGENT', 'OFFICE', 'MANAGER'].includes(user_bp_type)" class="contract-item" @click="goContract()">
<img src="@/assets/myInfo/agent.png" >
<span>我办理的合同</span>
</div>
......
src/pages/userBind/userBind.vue
View file @ 059f81a7
<template>
<h-view id="user-bind" class="public-style" title="用户绑定">
<h-header :proportion="[5,1,1]" class="bar-custom">
<h-header :proportion="[5, 1, 1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo(-1)">
<img src="@/assets/userBind/arrow.png" @click="$routeGo(-1)" />
<span>用户绑定</span>
</div>
</h-header>
<h-content class="content">
<div class="info">
<div class="info-icon">
<img src="@/assets/userBind/info.png" >
<img src="@/assets/userBind/info.png" />
<span>温馨提示</span>
</div>
<p>绑定成功后，您即可使用APP中合同查询、还款查询等功能。</p>
......@@ -22,21 +22,21 @@
<img src="@/assets/userBind/entr.png" class="o-img" >企业
</h-button>-->
<div class="bind-wrap" @click="flag = 0">
<img :src="flag==0? bindnped:bindnp">
<img :src="flag == 0 ? bindnped : bindnp" />
</div>
<div class="bind-wrap" @click="flag = 1">
<img :src="flag==1? bindorged:bindorg">
<img :src="flag == 1 ? bindorged : bindorg" />
</div>
<h-button class="enter" @click.native="changePage">
进入
<img src="@/assets/userBind/right.png" >
<img src="@/assets/userBind/right.png" />
</h-button>
</h-content>
</h-view>
</template>
<script>
export default {
data () {
data() {
return {
flag: 0,
bindnp: require('@/assets/userBind/bindnp.png'),
......@@ -45,14 +45,18 @@ export default {
bindorged: require('@/assets/userBind/bindorged.png'),
}
},
created () {
created() {
},
methods: {
changePage () {
changePage() {
let name
let bpClass
if (this.flag === 0) {
let userlist = JSON.parse(window.localStorage.getItem('bind-user-list'));
if (userlist.some(item => item.bp_class === 'NP'))
return hlsPopup.showLongCenter("您已存在自然人用户，不可再次绑定！");
name = 'NPBaseInfo'
bpClass = 'NP'
} else if (this.flag === 1) {
......@@ -114,10 +118,10 @@ export default {
margin-left: 16px;
margin-top: 24px;
}
.bind-wrap{
.bind-wrap {
width: 92%;
margin: 10px auto;
img{
img {
width: 100%;
}
}
......@@ -147,5 +151,4 @@ export default {
}
}
}
</style>
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