Skip to content

H
hls-xcmg-vue-app
Commit 65699cfa authored by 李晓兵's avatar 李晓兵
Browse files
Options

''

parent 5e430237
Hide whitespace changes
Inline Side-by-side
Showing with 446 additions and 351 deletions
src/assets/messageCenter/noMsg.png
View replaced file @ 5e430237 View file @ 65699cfa
src/assets/messageCenter/noMsg.png

37.1 KB | W: | H:

src/assets/messageCenter/noMsg.png

99.7 KB | W: | H:

src/assets/messageCenter/noMsg.png
src/assets/messageCenter/noMsg.png
src/assets/messageCenter/noMsg.png
src/assets/messageCenter/noMsg.png
  • 2-up
  • Swipe
  • Onion skin
src/pages/carConfirm/confirm-list.vue
View file @ 65699cfa
...@@ -41,6 +41,11 @@ ...@@ -41,6 +41,11 @@
</div> </div>
</div> </div>
</scroll> </scroll>
<div v-if="showList.length === 0">
<div class="display">
<img src="@/assets/messageCenter/noMsg.png" alt="">
</div>
</div>
</h-view> </h-view>
</template> </template>
<script> <script>
...@@ -193,6 +198,15 @@ export default { ...@@ -193,6 +198,15 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
#confirmList { #confirmList {
.display {
position: fixed;
// top: 0;
img {
width: 100%;
height: 100%;
// margin-top: -70px;
}
}
.search { .search {
background-color: #fff; background-color: #fff;
padding: 8px 12px; padding: 8px 12px;
......
src/pages/contractCreate/creat-rent-info.vue
View file @ 65699cfa
...@@ -286,9 +286,12 @@ export default { ...@@ -286,9 +286,12 @@ export default {
return parseFloat(this.saveInfo.equip_price - this.saveInfo.equip_price * this.saveInfo.down_payment_ratio_n.replace('%', '') / 100).toFixed(2) return parseFloat(this.saveInfo.equip_price - this.saveInfo.equip_price * this.saveInfo.down_payment_ratio_n.replace('%', '') / 100).toFixed(2)
}, },
isReadOnly () { isReadOnly () {
console.log(window.localStorage.contractReadonly + '---------------' + this.fromPage)
if (window.localStorage.contractReadonly === 'true' && this.fromPage === 'list') { if (window.localStorage.contractReadonly === 'true' && this.fromPage === 'list') {
console.log("&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&true")
return true return true
} else { } else {
console.log("%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%false")
return false return false
} }
}, },
......
src/pages/contractCreate/create-base-info.vue
View file @ 65699cfa
...@@ -314,7 +314,7 @@ export default { ...@@ -314,7 +314,7 @@ export default {
checkedApproved: false, // 是否特批 checkedApproved: false, // 是否特批
bp_class: '', bp_class: '',
showModalValue: false, showModalValue: false,
fromPutted: false, // 从已提交进来 fromPutted: false, // 为true为从已提交进来
keyWord: '', keyWord: '',
bp_agent_id: '', bp_agent_id: '',
pageNum: 1, pageNum: 1,
......
src/pages/contractRepayment/contract-repayment.vue
View file @ 65699cfa
<template> <template>
<h-view id="contract-repayment" class="public-style"> <h-view id="contract-repayment" class="public-style">
<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"> <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> <span>合同还款</span>
</div> </div>
</h-header> </h-header>
<scroll <scroll
v-if="data!==null" v-if="data!==null"
ref="scroll" :updateData="[lists]" :pullUp="true" class="pay-content" ref="scroll" :updateData="[lists]" :pullUp="true" class="pay-content"
@pullingUp="getList"> @pullingUp="getList">
<div v-for="(item,index) in lists" :key="index" class="contract-item"> <div v-for="(item,index) in lists" :key="index" class="contract-item">
<div class="header"> <div class="header">
<img src="@/assets/contractRepayment/contract.png" alt=""> <img src="@/assets/contractRepayment/contract.png" alt="">
<h2>{{ item.project_number }}</h2> <h2>{{ item.project_number }}</h2>
<!-- 状态用类名控制 待还款orange,待签约blue,还款中green --> <!-- 状态用类名控制 待还款orange,待签约blue,还款中green -->
<p :class="{'green':item.repayment_status==='首付还款中','blue':item.repayment_status==='待首付','orange':item.repayment_status==='还款中','grey':item.repayment_status==='已结清'}">{{ item.repayment_status }}</p> <p :class="{'green':item.repayment_status==='首付还款中','blue':item.repayment_status==='待首付','orange':item.repayment_status==='还款中','grey':item.repayment_status==='已结清'}">{{ item.repayment_status }}</p>
</div> </div>
<div class="center"> <div class="center">
<div><span>合同金额</span><p>{{ item.total_price|currency }}</p></div> <div><span>合同金额</span><p>{{ item.total_price|currency }}</p></div>
<div><span>已还金额</span><p class="bold">{{ item.recivied_amount|currency }}</p></div> <div><span>已还金额</span><p class="bold">{{ item.recivied_amount|currency }}</p></div>
<span v-if="item.overdue_status==='已逾期'" class="red">已逾期</span> <span v-if="item.overdue_status==='已逾期'" class="red">已逾期</span>
<section @click="toRepayDetails(item)"> <section @click="toRepayDetails(item)">
<img src="@/assets/contractRepayment/view.png" alt=""> <img src="@/assets/contractRepayment/view.png" alt="">
<span>查看合同明细</span> <span>查看合同明细</span>
</section> </section>
</div> </div>
</div> </div>
</scroll> </scroll>
<h-content v-if="data===null" class="null has-header"> <div v-if="data===null">
<div class="noData"> <div class="display">
<img src="@/assets/messageCenter/noMsg.png" alt=""> <img src="@/assets/messageCenter/noMsg.png" alt="">
</div> </div>
</h-content> </div>
</h-view> <!-- <h-content v-if="data===null" class="null has-header">
</template> <div class="noData">
<img src="@/assets/messageCenter/noMsg.png" alt="">
<script> </div>
</h-content>-->
export default { </h-view>
name: 'ContractRepayment', </template>
components: {
}, <script>
data () {
return { export default {
// data: null, 无记录时 name: 'ContractRepayment',
pagenum: 1, components: {
lists: [], },
} data () {
}, return {
computed: { // data: null, 无记录时
data () { pagenum: 1,
if (this.lists.length === 0) { lists: [],
return null }
} else { },
return 1 computed: {
} data () {
}, if (this.lists.length === 0) {
}, return null
watch: {}, } else {
beforeRouteEnter (to, from, next) { return 1
next(vm => { }
if (from.name === 'HomePage') { },
vm.pagenum = 1 },
vm.lists = [] watch: {},
vm.getList() beforeRouteEnter (to, from, next) {
} next(vm => {
}) if (from.name === 'HomePage') {
}, vm.pagenum = 1
methods: { vm.lists = []
getList () { vm.getList()
let vm = this }
let url = process.env.basePath + 'con_repayment_list_query' })
let param = { },
user_phone: window.localStorage.getItem('user_phone'), methods: {
pagesize: 10, getList () {
pagenum: vm.pagenum, let vm = this
} let url = process.env.basePath + 'con_repayment_list_query'
hlsPopup.showLoading('请稍候') let param = {
vm.$post(url, param).then(function (res) { user_phone: window.localStorage.getItem('user_phone'),
vm.hlsPopup.hideLoading() pagesize: 10,
if (res.result === 'S') { pagenum: vm.pagenum,
let returnData = [] }
returnData = res.lists hlsPopup.showLoading('请稍候')
if (returnData.length === 0) { vm.$post(url, param).then(function (res) {
vm.$refs.scroll.update(true) vm.hlsPopup.hideLoading()
} else if (returnData.length > 0 && returnData.length < 10) { if (res.result === 'S') {
vum.forEach(returnData, function (data, index, array) { let returnData = []
vm.lists.push(array[index]) returnData = res.lists
}) if (returnData.length === 0) {
vm.pagenum++ vm.$refs.scroll.update(true)
vm.$refs.scroll.update(true) } else if (returnData.length > 0 && returnData.length < 10) {
} else if (returnData.length === 10) { vum.forEach(returnData, function (data, index, array) {
vum.forEach(returnData, function (data, index, array) { vm.lists.push(array[index])
vm.lists.push(array[index]) })
}) vm.pagenum++
vm.pagenum++ vm.$refs.scroll.update(true)
vm.$refs.scroll.update(false) } else if (returnData.length === 10) {
} vum.forEach(returnData, function (data, index, array) {
} else { vm.lists.push(array[index])
hlsPopup.showLongCenter(res.message) })
} vm.pagenum++
}) vm.$refs.scroll.update(false)
}, }
toRepayDetails (e) { } else {
this.$router.push({ hlsPopup.showLongCenter(res.message)
name: 'RepayDetails', }
params: { })
project_id: e.project_id, },
overdue_status: e.overdue_status, toRepayDetails (e) {
}, this.$router.push({
}) name: 'RepayDetails',
}, params: {
}, project_id: e.project_id,
} overdue_status: e.overdue_status,
</script> },
<style lang='less' > })
#contract-repayment { },
.null{ },
margin-top:46px; }
} </script>
.noData{ <style lang='less' >
width:100%; #contract-repayment {
height:100%; .display {
img{ position: fixed;
height:100%; // top: 0;
width:100%; img {
} width: 100%;
} height: 100%;
.h-header { // margin-top: -70px;
background-color: @headerColor; }
.h-header-btn { }
img { .null{
width: 16px; margin-top:46px;
height: 16px; }
margin-left: 4px; .noData{
} width:100%;
height:100%;
span { img{
font-family: PingFangSC-Semibold; height:100%;
margin-left: 16px; width:100%;
font-size: 17px; }
letter-spacing: 0.61px; }
line-height: 24px; .h-header {
} background-color: @headerColor;
} .h-header-btn {
} img {
width: 16px;
.pay-content { height: 16px;
padding: 0 8px; margin-left: 4px;
}
.contract-item {
height: 150px; span {
background-color: #fff; font-family: PingFangSC-Semibold;
margin-top: 8px; margin-left: 16px;
font-size: 17px;
.header { letter-spacing: 0.61px;
position: relative; line-height: 24px;
height: 44px; }
}
img { }
position: absolute;
width: 30px; .pay-content {
height: 30px; padding: 0 8px;
left: 10px;
top: 8px; .contract-item {
} height: 150px;
background-color: #fff;
h2 { margin-top: 8px;
position: absolute;
top: 13px; .header {
left: 50px; position: relative;
font-family: PingFangSC-Semibold; height: 44px;
font-size: 15px;
color: #4B4A4B; img {
letter-spacing: 0; position: absolute;
margin: 0px; width: 30px;
font-weight: 700; height: 30px;
} left: 10px;
top: 8px;
p { }
position: absolute;
right: 20px; h2 {
top: 13px; position: absolute;
width: 57px; top: 13px;
height: 21px; left: 50px;
line-height: 19px; font-family: PingFangSC-Semibold;
text-align: center; font-size: 15px;
border-radius: 2px; color: #4B4A4B;
font-family: PingFangSC-Regular; letter-spacing: 0;
font-size: 14px; margin: 0px;
} font-weight: 700;
}
p.orange {
border: 1px solid #FDB62F; p {
color: #FDB62F; position: absolute;
} right: 20px;
p.grey{ top: 13px;
border: 1px solid grey; width: 57px;
color: grey; height: 21px;
} line-height: 19px;
p.blue { text-align: center;
color: @headerColor; border-radius: 2px;
border: 1px solid @headerColor; font-family: PingFangSC-Regular;
} font-size: 14px;
}
p.green {
color: #1BA261; p.orange {
border: 1px solid #1BA261; border: 1px solid #FDB62F;
} color: #FDB62F;
} }
p.grey{
.center { border: 1px solid grey;
padding-left: 50px; color: grey;
height: 106px; }
padding-right: 24px; p.blue {
position: relative; color: @headerColor;
border: 1px solid @headerColor;
div { }
display: flex;
padding: 8px 0; p.green {
color: #1BA261;
span { border: 1px solid #1BA261;
flex:1; }
font-family: PingFangSC-Regular; }
font-size: 14px;
color: #4B4A4B; .center {
} padding-left: 50px;
height: 106px;
p { padding-right: 24px;
flex:2; position: relative;
text-align: right;
font-family: Verdana; div {
font-size: 14px; display: flex;
color: #4B4A4B; padding: 8px 0;
}
span {
p.bold { flex:1;
font-weight: 700; font-family: PingFangSC-Regular;
font-family: Verdana-Bold; font-size: 14px;
} color: #4B4A4B;
} }
div:first-child { p {
border-top: 1px solid #F3F3F7; flex:2;
} text-align: right;
span.red{ font-family: Verdana;
margin-top: 10px; font-size: 14px;
position: relative; color: #4B4A4B;
top: 10px; }
color: #F04747;
font-family: PingFangSC-Regular; p.bold {
font-size: 14px; font-weight: 700;
} font-family: Verdana-Bold;
}
span.red::before { }
position: absolute;
bottom: -1px; div:first-child {
content: ""; border-top: 1px solid #F3F3F7;
width: 100%; }
height: 4px; span.red{
background-color: rgb(255, 169, 169); margin-top: 10px;
} position: relative;
top: 10px;
section { color: #F04747;
position: absolute; font-family: PingFangSC-Regular;
width: 123px; font-size: 14px;
height: 30px; }
right: 24px;
bottom: 13px; span.red::before {
line-height: 30px; position: absolute;
background: rgba(33, 37, 76,.1); bottom: -1px;
border-radius: 4px; content: "";
width: 100%;
img { height: 4px;
width:16px; background-color: rgb(255, 169, 169);
position: absolute; }
top: 8px;
left: 8px; section {
} position: absolute;
width: 123px;
span { height: 30px;
position: absolute; right: 24px;
left: 32px; bottom: 13px;
font-family: PingFangSC-Regular; line-height: 30px;
font-size: 14px; background: rgba(33, 37, 76,.1);
color: #21254C; border-radius: 4px;
}
} img {
} width:16px;
} position: absolute;
} top: 8px;
.content { left: 8px;
position: absolute; }
top: 0;
} span {
.scrollContent { position: absolute;
padding-top: 0.8rem; left: 32px;
padding-bottom: 20px; font-family: PingFangSC-Regular;
} font-size: 14px;
} color: #21254C;
}
.platform-ios { }
#contract-repayment { }
.scrollContent { }
padding-top: 1.2rem; }
} .content {
.null{ position: absolute;
margin-top:1.32em; top: 0;
} }
} .scrollContent {
} padding-top: 0.8rem;
padding-bottom: 20px;
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) { }
.platform-ios { }
#contract-repayment {
.scrollContent { .platform-ios {
padding-top: 1.6rem; #contract-repayment {
} .scrollContent {
.null{ padding-top: 1.2rem;
margin-top:1.72em; }
} .null{
} margin-top:1.32em;
} }
} }
// iPhoneXR适配 }
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios { @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
#contract-repayment { .platform-ios {
.scrollContent { #contract-repayment {
padding-top: 1.6rem; .scrollContent {
} padding-top: 1.6rem;
.null{ }
margin-top:1.72em; .null{
} margin-top:1.72em;
} }
} }
} }
</style> }
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#contract-repayment {
.scrollContent {
padding-top: 1.6rem;
}
.null{
margin-top:1.72em;
}
}
}
}
</style>
src/pages/contractSigning/contract-signing.vue
View file @ 65699cfa
...@@ -48,6 +48,11 @@ ...@@ -48,6 +48,11 @@
</div> </div>
</div> </div>
</scroll> </scroll>
<div v-if="showLists.length === 0">
<div class="display">
<img src="@/assets/messageCenter/noMsg.png" alt="">
</div>
</div>
</h-view> </h-view>
</template> </template>
...@@ -346,6 +351,15 @@ export default { ...@@ -346,6 +351,15 @@ export default {
<style lang="less" type="text/less"> <style lang="less" type="text/less">
#contract-signing{ #contract-signing{
.display {
position: fixed;
// top: 0;
img {
width: 100%;
height: 100%;
// margin-top: -70px;
}
}
.tab-style{ .tab-style{
display:flex; display:flex;
width: 100%; width: 100%;
......
src/pages/distributorSign/contract-list.vue
View file @ 65699cfa
...@@ -46,6 +46,11 @@ ...@@ -46,6 +46,11 @@
</div> </div>
</div> </div>
</scroll> </scroll>
<div v-if="showLists.length === 0">
<div class="display">
<img src="@/assets/messageCenter/noMsg.png" alt="">
</div>
</div>
</h-view> </h-view>
</template> </template>
...@@ -327,6 +332,15 @@ export default { ...@@ -327,6 +332,15 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
#distribute-sign { #distribute-sign {
.display {
position: fixed;
// top: 0;
img {
width: 100%;
height: 100%;
// margin-top: -70px;
}
}
.tab-style{ .tab-style{
display:flex; display:flex;
width: 100%; width: 100%;
......
src/pages/pay/firstPay/contract-record.vue
View file @ 65699cfa
...@@ -123,13 +123,13 @@ export default { ...@@ -123,13 +123,13 @@ export default {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.prj_lists = res.prj_lists vm.prj_lists = res.prj_lists
vm.prj_lists.forEach(i => { /* vm.prj_lists.forEach(i => {
i.cf_lists.forEach(j => { i.cf_lists.forEach(j => {
// let num = parseFloat(j.due_amount) - parseFloat(j.received_amount) // let num = parseFloat(j.due_amount) - parseFloat(j.received_amount)
let num = '' let num = ''
vm.$set(j, 'amount', num) vm.$set(j, 'amount', num)
}) })
}) }) */
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
...@@ -140,7 +140,11 @@ export default { ...@@ -140,7 +140,11 @@ export default {
this.prj_lists.forEach(i => { this.prj_lists.forEach(i => {
i.cf_lists.forEach(j => { i.cf_lists.forEach(j => {
j.project_id = i.project_id j.project_id = i.project_id
data.push(j) if (!j.amount || j.amount === 0) {
} else {
data.push(j)
}
}) })
}) })
data.forEach(i => { data.forEach(i => {
......
src/pages/pay/payment/contract-record.vue
View file @ 65699cfa
...@@ -217,13 +217,13 @@ export default { ...@@ -217,13 +217,13 @@ export default {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.info = res.prj_lists vm.info = res.prj_lists
vm.info.forEach(i => { /* vm.info.forEach(i => {
i.con_lists.forEach(j => { i.con_lists.forEach(j => {
// let num = (parseFloat(j.due_amount) - parseFloat(j.received_amount)) // let num = (parseFloat(j.due_amount) - parseFloat(j.received_amount))
let num = '' let num = ''
vm.$set(j, 'amount', num) vm.$set(j, 'amount', num)
}) })
}) })*/
vm.showList = vm.info vm.showList = vm.info
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
...@@ -234,11 +234,15 @@ export default { ...@@ -234,11 +234,15 @@ export default {
let pushList = [] let pushList = []
this.info.forEach(i => { this.info.forEach(i => {
i.con_lists.forEach(j => { i.con_lists.forEach(j => {
let obj = {} if (!j.amount || j.amount === 0) {
obj.bp_id = window.localStorage.getItem('bp_id')
obj.amount = j.amount }else{
obj.contract_id = j.contract_id let obj = {}
pushList.push(obj) obj.bp_id = window.localStorage.getItem('bp_id')
obj.amount = j.amount
obj.contract_id = j.contract_id
pushList.push(obj)
}
}) })
}) })
return pushList return pushList
......
src/pages/reimburseMyself/reimburse-myself-list.Vue
View file @ 65699cfa
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
</list-item> </list-item>
</section> </section>
</scroll> </scroll>
<div v-if="showList.length === 0">
<div class="display">
<img src="@/assets/messageCenter/noMsg.png" alt="">
</div>
</div>
</h-view> </h-view>
</template> </template>
...@@ -177,6 +182,15 @@ export default { ...@@ -177,6 +182,15 @@ export default {
<style lang="less" rel="stylesheet"> <style lang="less" rel="stylesheet">
#reimburse { #reimburse {
.display {
position: fixed;
// top: 0;
img {
width: 100%;
height: 100%;
// margin-top: -70px;
}
}
.h-header-btn { .h-header-btn {
img { img {
width: 16px; width: 16px;
......
src/pages/videoSign/video-list.vue
View file @ 65699cfa
...@@ -48,6 +48,11 @@ ...@@ -48,6 +48,11 @@
</div> </div>
</div> </div>
</scroll> </scroll>
<div v-if="showLists.length === 0">
<div class="display">
<img src="@/assets/messageCenter/noMsg.png" alt="">
</div>
</div>
</h-view> </h-view>
</template> </template>
<script> <script>
...@@ -380,6 +385,15 @@ export default { ...@@ -380,6 +385,15 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
#videoList { #videoList {
.display {
position: fixed;
// top: 0;
img {
width: 100%;
height: 100%;
// margin-top: -70px;
}
}
.search { .search {
background-color: #fff; background-color: #fff;
padding: 8px 12px; padding: 8px 12px;
......
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