Skip to content

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

'电子签'

parents 730e7787 5b40b0fb
Hide whitespace changes
Inline Side-by-side
Showing with 695 additions and 94 deletions
src/pages/contractRepayment/refund.vue
View file @ ea47e26d
...@@ -44,14 +44,10 @@ ...@@ -44,14 +44,10 @@
<span>{{ item.pay_method }}</span> <span>{{ item.pay_method }}</span>
</p> </p>
<div class="name"> <div class="name">
<p>应还金额</p> <p>应还金额<span>已还金额</span></p>
<p>已还金额</p> <p>{{ item.due_amount|currency }}<span
</div>
<div class="number">
<span>{{ item.due_amount|currency }}</span>
<span
:class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}" :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}"
>{{ item.received_amount|currency }}</span> >{{ item.received_amount|currency }}</span></p>
</div> </div>
</div> </div>
...@@ -70,32 +66,7 @@ export default { ...@@ -70,32 +66,7 @@ export default {
// 已结清 black , 逾期 orange , 还款中 blue , 未还款 green // 已结清 black , 逾期 orange , 还款中 blue , 未还款 green
statu: 'orange', statu: 'orange',
info: {}, info: {},
lists: [ lists: [],
{
due_amount: '48800',
cf_item: '2',
cf_item_name: '首付款',
received_amount: '0',
pay_method: '自主还款',
repayment_date: '2019/10/17',
},
{
due_amount: '4000',
cf_item: '3',
cf_item_name: '手续费',
received_amount: '400',
pay_method: '代扣',
repayment_date: '2020/10/12',
},
{
due_amount: '400',
cf_item: '14',
cf_item_name: 'gps费用',
received_amount: '200',
pay_method: '自主还款',
repayment_date: '2021/10/19',
},
],
} }
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
...@@ -105,8 +76,7 @@ export default { ...@@ -105,8 +76,7 @@ export default {
}, },
methods: { methods: {
selectMonth (e) { selectMonth (e) {
let arr = e.split('/') return e.substring(5, 10)
return `${arr[1]}-${arr[2]}`
}, },
selectYear (e) { selectYear (e) {
return e.substring(0, 4) return e.substring(0, 4)
...@@ -253,8 +223,10 @@ export default { ...@@ -253,8 +223,10 @@ export default {
font-size: 13px; font-size: 13px;
color: rgba(56, 63, 69, 0.6); color: rgba(56, 63, 69, 0.6);
letter-spacing: 0; letter-spacing: 0;
display: flex;
justify-content: space-between;
span { span {
margin-left: 20px; // margin-left: 20px;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #4b4a4b; color: #4b4a4b;
...@@ -285,22 +257,11 @@ export default { ...@@ -285,22 +257,11 @@ export default {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #4b4a4b; color: #4b4a4b;
float: left; display: flex;
justify-content: space-between;
p { p {
margin-top: 17px; margin-top: 17px;
} span {
}
.number {
text-align: right;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #4b4a4b;
float: right;
p {
margin-bottom: 17px;
}
span {
display: block; display: block;
margin-top: 18px; margin-top: 18px;
} }
...@@ -317,6 +278,7 @@ export default { ...@@ -317,6 +278,7 @@ export default {
span.gree { span.gree {
color: #1ba261; color: #1ba261;
} }
}
} }
} }
......
src/pages/contractRepayment/repay-details.vue
View file @ ea47e26d
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
</item> </item>
<item> <item>
<div slot="name">租赁物数量</div> <div slot="name">租赁物数量</div>
<div slot="content">{{ detailInfo.product_num }}</div> <div slot="content">{{ detailInfo.lease_num }}</div>
</item> </item>
</list-item> </list-item>
...@@ -88,7 +88,7 @@ export default { ...@@ -88,7 +88,7 @@ export default {
division_n: '', division_n: '',
total_price: '', total_price: '',
product_plan_id_n: '', product_plan_id_n: '',
product_num: '', lease_num: '',
}, },
lists: [{ lists: [{
'lease_item_car_num': 'GH', 'lease_item_car_num': 'GH',
......
src/pages/contractStart/add-car.vue
View file @ ea47e26d
...@@ -44,7 +44,9 @@ ...@@ -44,7 +44,9 @@
</item> </item>
<item> <item>
<div slot="name">发车日期</div> <div slot="name">发车日期</div>
<input slot="content" v-model="info.departure_date" placeholder="请输入发车日期" @click="showTime('YYYY-MM-DD')"> <input
slot="content" v-model="info.departure_date" readonly placeholder="请输入发车日期"
@click="showTime('YYYY-MM-DD')">
</item> </item>
<!-- <item :showArrow="true" @click.native="showModalValue=true"> <!-- <item :showArrow="true" @click.native="showModalValue=true">
<div slot="name">产品参数</div> <div slot="name">产品参数</div>
...@@ -137,7 +139,7 @@ ...@@ -137,7 +139,7 @@
</item> </item>
<item> <item>
<div slot="name">租赁物数量</div> <div slot="name">租赁物数量</div>
<input slot="content" v-model="detail.product_num" readonly="read" placeholder="请输入租赁物数量" > <input slot="content" v-model="detail.lease_num" readonly="read" placeholder="请输入租赁物数量" >
</item> </item>
</list-item> </list-item>
<div class="userInfo">设备清单</div> <div class="userInfo">设备清单</div>
...@@ -154,7 +156,7 @@ ...@@ -154,7 +156,7 @@
</div> </div>
<div class="center"> <div class="center">
<span>租赁物信息</span> <span>租赁物信息</span>
<span class="status">已维护</span> <span :class="['status',item.lease_status === 'Y'?'unMantain':'mantain']">{{ item.lease_status === 'Y'?'已维护':'待维护' }}</span>
<p> <p>
参数项 参数项
<span>{{ item.product_code }}</span> <span>{{ item.product_code }}</span>
...@@ -290,7 +292,7 @@ export default { ...@@ -290,7 +292,7 @@ export default {
departure_date: '', departure_date: '',
}, },
detail: { detail: {
product_num: '', lease_num: '',
first_pay: '', first_pay: '',
gps_fee: '', gps_fee: '',
bp_name: '', bp_name: '',
...@@ -356,14 +358,13 @@ export default { ...@@ -356,14 +358,13 @@ export default {
nowDate: `${this.carDate}`, nowDate: `${this.carDate}`,
format: format, format: format,
callback: (date) => { callback: (date) => {
this.showDate = date this.info.departure_date = date
}, },
}) })
}, },
save () { save () {
let vm = this let vm = this
let url = process.env.basePath + 'leases_info_save' let url = process.env.basePath + 'leases_info_save'
this.info.date = this.showDate
let param = { let param = {
master: this.info, master: this.info,
} }
...@@ -401,6 +402,9 @@ export default { ...@@ -401,6 +402,9 @@ export default {
}, },
getRent (e) { getRent (e) {
let vm = this let vm = this
for (let i in vm.info) {
vm.info[i] = ''
}
vm.info.contract_id = e vm.info.contract_id = e
let url = process.env.basePath + 'leases_info_query' let url = process.env.basePath + 'leases_info_query'
let param = { let param = {
...@@ -782,10 +786,17 @@ export default { ...@@ -782,10 +786,17 @@ export default {
font-size: 12px; font-size: 12px;
color: #ffffff; color: #ffffff;
letter-spacing: 0; letter-spacing: 0;
background-color: #1d3fff;
margin-left: 21px; margin-left: 21px;
margin-top: 12px; margin-top: 12px;
} }
.unMantain{
background-color: #1d3fff;
}
.mantain{
background-color: #FFF;
border:1px solid #1d3fff;
color: #1d3fff;
}
p { p {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
......
src/pages/help/feedback.vue
View file @ ea47e26d
...@@ -18,19 +18,21 @@ ...@@ -18,19 +18,21 @@
<div class="upLoad-box"> <div class="upLoad-box">
<span>添加图片说明</span> <span>添加图片说明</span>
<div class="file-content"> <div class="file-content">
<div class="file"> <div
<img src="@/assets/help/1.jpg" > v-for="(item, index) in upload_list"
</div> v-if="item.check_id==list.check_id"
<div class="file"> :key="index"
<img src="@/assets/help/1.jpg" > class="file"
</div> >
<div class="file"> <img :src="item.picture" @click="showBigPicture(item.picture)" >
<img src="@/assets/help/1.jpg" > <div class="close" @click="remove_pic(item.attachment_id,index)">
<img src="@/assets/userBind/deleteIcon.png" >
</div>
</div> </div>
<div class="file"> <!-- <div class="file">
<img src="@/assets/help/1.jpg" > <img src="@/assets/help/1.jpg" >
</div> </div> -->
<div class="file"> <div class="file" @click="imgUploadShow(check_id)">
<img class="photo" src="@/assets/help/photo.png" > <img class="photo" src="@/assets/help/photo.png" >
</div> </div>
</div> </div>
...@@ -44,10 +46,209 @@ ...@@ -44,10 +46,209 @@
</h-view> </h-view>
</template> </template>
<script> <script>
export default {} export default {
data () {
return {
chck_id: '',
upload_list: [], // 上传图片列表
}
},
methods: {
// 图片上传入口
imgUploadShow (check_id) {
let vm = this
// vm.upload_list = []
hlsPopup.showActionSheet({
titleText: '请选择照片',
buttonArray: ['拍照', '从相册取'],
callback: index => {
if (index === 0) {
vm.imgUploadOpenCamera(check_id)
} else {
vm.imgUploadTakePicture(check_id)
}
},
})
},
imgUploadOpenCamera (check_id) {
let vm = this
let obj = {
'pkvalue': check_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': check_id,
'filePath': '',
'attachment_id': '',
'user_id': 1,
'fileName': '',
}
let cameraoptions = {
quality: 100,
}
let success = function (imgdata) {
obj.picture = imgdata
obj.filePath = imgdata
let list = []
list.push(obj)
// vm.upload_list.push(obj)
// 拍完一张立马执行保存图片逻辑
vm.save_picture(list)
}
let error = function () {
hlsPopup.showLongCenter('请拍照')
}
hlsUtil.openCamera(cameraoptions, success, error)
},
imgUploadTakePicture (check_id) {
let vm = this
let cameraoptions = {
quality: 100,
}
let success = function (imgUrl) {
var list = []
for (let i = 0; i < imgUrl.length; i++) {
let obj = {
'pkvalue': check_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': check_id,
'filePath': '',
'attachment_id': '',
'user_id': 1,
'fileName': '',
}
obj.picture = imgUrl[i]
obj.filePath = imgUrl[i]
list.push(obj)
}
// 拍完一张立马执行保存图片逻辑
vm.save_picture(list)
}
let error = function () {
}
vm.hlsUtil.takePicture(cameraoptions, success, error)
},
openCamera (ocrType, type) {
let vm = this
let cameraoptions = {
quality: 60,
width: 1843,
height: 1382,
}
let success = function (imgdata) {
if (!imgdata) {
hlsPopup.showLongCenter('请拍照')
}
}
let error = function () {
hlsPopup.showLongCenter('请拍照')
}
hlsUtil.openCamera(cameraoptions, success, error)
},
takePicture (ocrType, type) {
let vm = this
var cameraoptions = {
quality: 70,
width: 1843,
height: 1382,
maxCount: 1,
}
let success = function (imgUrl) {
if (imgUrl.length === 0) {
hlsPopup.showLongCenter('请选择一张图片')
}
}
let error = function () {
hlsPopup.showLongCenter(error)
}
vm.hlsUtil.takePicture(cameraoptions, success, error)
},
save_picture (list) {
let vm = this
if (list.length) {
// hlsPopup.showLoading('图片上传请稍候')
var alreadyUploadNum = 0
var attLength = 0
var recordUploadInterval = setInterval(function () {
if (alreadyUploadNum === attLength) {
clearInterval(recordUploadInterval)
/* hlsPopup.hideLoading()
hlsPopup.showLongCenter('图片上传成功') */
}
}, 500)
for (var i = 0; i < list.length; i++) {
let uploadSuccess = function (res) {
if (res.result === 'S') {
alreadyUploadNum++
for (var j = 0; j < list.length; j++) {
if (list[j].filePath === res.response.filePath) {
list[j].attachment_id = res.response.attachment_id
vm.upload_list.push(list[j])
break
}
}
} else {
hlsPopup.hideLoading()
}
}
if (!list[i].attachment_id) {
attLength++
hlsUtil.fileUploadSvc(list[i], uploadSuccess)
}
}
} else {
hlsPopup.hideLoading()
}
},
// 查看大图
showBigPicture (pic) {
let vm = this
vm.hlsPopup.showBigPicture({
imgUrl: pic,
width: '100% !important',
})
},
// 移除图片
remove_pic (attachment_id, index) {
let vm = this
var delete_list = []
let obj = {'attachment_id': attachment_id}
delete_list.push(obj)
let url = process.env.basePath + 'app_delete_attment' // 附件删除
let param = {
'picturelist': delete_list,
}
hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
hlsPopup.hideLoading()
if (res.result === 'S') {
hlsPopup.showLongCenter('删除成功!')
vm.remove_upload_list(attachment_id, index)
} else if (res.result === 'E') {
hlsPopup.showShortCenter(res.message)
}
})
},
remove_upload_list (attachment_id, index) {
let vm = this
vm.upload_list.remove(index)
vm.upload_list.sort()
},
},
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#help-detail { #help-detail {
.close {
position: relative;
color: #f96f68;
margin-top: -100%;
margin-left: -10%;
img {
width: 14px;
height: 14px;
}
}
textarea::placeholder { textarea::placeholder {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
......
src/pages/help/help-list.vue
View file @ ea47e26d
...@@ -154,6 +154,10 @@ export default { ...@@ -154,6 +154,10 @@ export default {
} }
.question { .question {
background-color: #ffffff; background-color: #ffffff;
border-radius: 2px;
width:359px;
margin:0 auto;
margin-top:8px;
.question-top { .question-top {
height: 44px; height: 44px;
line-height: 44px; line-height: 44px;
......
src/pages/myInfo/my-info.vue
View file @ ea47e26d
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<img src="@/assets/myInfo/unConfirm.png" > <img src="@/assets/myInfo/unConfirm.png" >
<p>待确认</p> <p>待确认</p>
</div> --> </div> -->
<div class="content-wrap"> <div class="content-wrap" @click="goVideoSign">
<span <span
:class="{'content-wrap-class-width':vedioCount>99, 'content-wrap-class':vedioCount<99}" :class="{'content-wrap-class-width':vedioCount>99, 'content-wrap-class':vedioCount<99}"
>{{ vedioCount > 99 ? '99+' : vedioCount }}</span> >{{ vedioCount > 99 ? '99+' : vedioCount }}</span>
...@@ -135,22 +135,13 @@ export default { ...@@ -135,22 +135,13 @@ export default {
bp_identity (newVal, oldVal) { bp_identity (newVal, oldVal) {
if (newVal === 'NP_NO' || newVal === 'ORG_NO' || newVal === 'ORG_L_NO' || newVal === 'ORG_AUTH_NO ' || !newVal) { if (newVal === 'NP_NO' || newVal === 'ORG_NO' || newVal === 'ORG_L_NO' || newVal === 'ORG_AUTH_NO ' || !newVal) {
this.elecStatus = false this.elecStatus = false
} else { } else if (newVal === 'NP_OK' || newVal === 'ORG_YES' || newVal === 'ORG_L_YES' || newVal === 'ORG_AUTH_YES') {
this.elecStatus = true this.elecStatus = true
} }
}, },
}, },
created () { created () {
/* if (this.user_bp_status === 'APPROVED') {
this.flag = false
} else {
this.flag = true
}
if (this.user_bp_type === 'AGENT') {
this.isAGENT = true
} else {
this.isAGENT = false
} */
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
...@@ -229,6 +220,11 @@ export default { ...@@ -229,6 +220,11 @@ export default {
name: 'ConfirmList', name: 'ConfirmList',
}) })
}, },
goVideoSign () {
this.$router.push({
name: 'VideoSign',
})
},
changeHelp () { changeHelp () {
this.$router.push({ this.$router.push({
name: 'HelpList', name: 'HelpList',
...@@ -240,14 +236,22 @@ export default { ...@@ -240,14 +236,22 @@ export default {
}) })
}, },
changePay () { changePay () {
this.$router.push({ if (window.sessionStorage.getItem('bp_id') !== 'undefined') {
name: 'FirstPay', this.$router.push({
}) name: 'FirstPay',
})
} else {
hlsPopup.showLongCenter('请先进行用户绑定')
}
}, },
changeRent () { changeRent () {
this.$router.push({ if (window.sessionStorage.getItem('bp_id') !== 'undefined') {
name: 'NewList', this.$router.push({
}) name: 'NewList',
})
} else {
hlsPopup.showLongCenter('请先进行用户绑定')
}
}, },
updateVersion () { updateVersion () {
if (vum.Platform.isAndroid()) { if (vum.Platform.isAndroid()) {
...@@ -568,6 +572,7 @@ export default { ...@@ -568,6 +572,7 @@ export default {
height: 206px; height: 206px;
background: url("../../assets/myInfo/back.png") no-repeat; background: url("../../assets/myInfo/back.png") no-repeat;
background-size: 100% 206px; background-size: 100% 206px;
background-color: #efefef;
.header { .header {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
.top-word { .top-word {
...@@ -618,9 +623,9 @@ export default { ...@@ -618,9 +623,9 @@ export default {
width: 359px; width: 359px;
height: 121px; height: 121px;
margin: 0 auto; margin: 0 auto;
margin-top: 82px;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
margin-top:22%;
} }
.userInfo { .userInfo {
height: 45px; height: 45px;
......
src/pages/userBind/np/naturePerson.vue
View file @ ea47e26d
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
</item> </item>
<item> <item>
<div slot="name" class="required">手机号码</div> <div slot="name" class="required">手机号码</div>
<input slot="content" readonly v-model="baseInfo.cell_phone" placeholder="请输入手机号码" > <input slot="content" v-model="baseInfo.cell_phone" readonly placeholder="请输入手机号码" >
</item> </item>
<item :showArrow="true"> <item :showArrow="true">
<div slot="name" class="required">省份</div> <div slot="name" class="required">省份</div>
...@@ -889,8 +889,8 @@ export default { ...@@ -889,8 +889,8 @@ export default {
var recordUploadInterval = setInterval(function () { var recordUploadInterval = setInterval(function () {
if (alreadyUploadNum === attLength) { if (alreadyUploadNum === attLength) {
clearInterval(recordUploadInterval) clearInterval(recordUploadInterval)
/*hlsPopup.hideLoading() /* hlsPopup.hideLoading()
hlsPopup.showLongCenter('图片上传成功')*/ hlsPopup.showLongCenter('图片上传成功') */
} }
}, 500) }, 500)
for (var i = 0; i < list.length; i++) { for (var i = 0; i < list.length; i++) {
......
src/pages/videoSign/tab.vue 0 → 100644
View file @ ea47e26d
<!--
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-25 11:10:34
* @LastEditTime: 2019-09-25 21:05:24
* @LastEditors: Please set LastEditors
-->
<template>
<div class="tab-style">
<div :class="{'tab-content-bg':tabNum == 0}" class="tab-content" @click="tabNum = 0;sendTabNum()"><img :src="tabNum == 0?signed:sign"><span
:class="{'colored':tabNum == 0}">待面签</span></div>
<div :class="{'tab-content-bg':tabNum == 1}" class="tab-content" @click="tabNum = 1;sendTabNum()"><img :src="tabNum == 1?finished:finish"><span
:class="{'colored':tabNum == 1}">已面签</span></div>
</div>
</template>
<script>
import signed from '@/assets/distributorSign/icon-signed.png'
import finished from '@/assets/distributorSign/icon-finished.png'
import sign from '@/assets/distributorSign/icon-sign.png'
import finish from '@/assets/distributorSign/icon-finish.png'
export default {
props: {
'fatherTabNum': {
type: Number,
},
},
data () {
return {
tabNum: 0,
signed: signed,
finished: finished,
sign: sign,
finish: finish,
}
},
watch: {
'fatherTabNum': {
handler (newVal, oldVal) {
this.tabNum = newVal
},
},
},
methods: {
sendTabNum () {
this.$emit('getTabNum', this.tabNum)
},
},
}
</script>
<style lang="less" scoped>
.tab-style {
position: relative;
z-index: 50;
background-color: #fff;
display: flex;
justify-content: center;
padding-top: 12px;
padding-bottom: 8px;
align-items: center;
box-shadow: 0 2px 3px 0 rgba(220, 220, 221, 0.50);
.tab-content {
display: block;
width: 45.9%;
height: 32px;
background: rgba(220, 220, 221, 0.26);
border-radius: 16px;
display: flex;
justify-content: center;
align-items: center;
span {
margin-left: 2%;
font-size: 14px;
color: #383F45;
font-weight: 600;
font-family: PingFangSC-Semibold;
}
.colored {
color: #1D3FFF
}
}
.tab-content-bg{
background: rgba(0,70,156,0.10);
}
img {
width:16px;
height: 16px;
// margin-right:5.7px;
}
.tab-content:nth-of-type(2) {
margin-left: 7px;
}
}
</style>
src/pages/videoSign/video-list.vue 0 → 100644
View file @ ea47e26d
<template>
<h-view id="startList">
<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>
<Tab :fatherTabNum="tabNum" @getTabNum="getTabNum" />
<div class="search">
<input placeholder="请输入进件号/承租人名称" >
</div>
<h-content class="my-content">
<scroll ref="scroll" :updateData="[contructs]" :pullUp="true" class="scroll">
<div v-for="(item,index) in showList" :key="index" class="item">
<div class="left">
<span>
<img src="@/assets/contractStart/icon.png" >
</span>
</div>
<div class="right">
<div class="right-top">
<span>进件号</span>
<span>{{ item.project_number }}</span>
</div>
<div class="right-bottom">
<ul>
<li>
承租人
<span>{{ item.bp_name }}</span>
</li>
<li>
已还租金
<span>{{ item.division_n }}</span>
</li>
<li>
预约面试时间
<span class="number">{{ item.total_price }}</span>
</li>
<li>
<p v-if="item.leases_status ==='N'" class="to-unSign" @click="toSign">
<img src="@/assets/videoSign/unSign.png" >&nbsp;视屏面签
</p>
<p v-if="item.leases_status ==='Y'" class="to-sign" @click="toWatch">
<img src="@/assets/videoSign/sign.png" >&nbsp;视屏回放
</p>
</li>
</ul>
</div>
</div>
</div>
</scroll>
</h-content>
</h-view>
</template>
<script>
import Tab from '@/pages/videoSign/tab'
export default {
components: {
Tab,
},
data () {
return {
tabNum: 0,
isSign: false,
contructs: [],
lists: [],
showList: [],
undo: [],
done: [],
}
},
beforeRouteEnter (to, from, next) {
next(vm => {
if (from.name === 'MyInfo') {
vm.getList()
}
})
},
watch: {
tabNum: {
handler (newVal, oldVal) {
if (newVal === 0) {
this.showList = this.undo
} else if (newVal === 1) {
this.showList = this.done
}
},
immediate: true,
},
},
created () {},
methods: {
selectShowList () {
let vm = this
vm.undo = []
vm.done = []
vm.tabNum = 0
vm.undo = vm.lists.filter(i => {
return i.leases_status === 'N'
})
vm.done = vm.lists.filter(i => {
return i.leases_status === 'Y'
})
this.showList = this.undo
},
getTabNum (i) {
this.tabNum = i
},
toSign () {
hlsPopup.showLongCenter('敬请期待')
},
toWatch () {
hlsPopup.showLongCenter('敬请期待')
},
getList () {
this.lists = [
{
bp_name: '刘淼',
total_price: '2019-01-01',
project_number: 'PRJ2019174',
project_id: '49737',
division_n: '平地机',
leases_status: 'Y',
},
{
bp_name: '陈泽华',
total_price: '2019-01-01',
project_number: 'PRJ2019168',
project_id: '49680',
division_n: '平地机',
leases_status: 'N',
},
{
bp_name: '陈泽华',
total_price: '2019-01-01',
project_number: 'PRJ2019160',
project_id: '49494',
division_n: '平地机',
leases_status: 'N',
},
{
bp_name: '郭云龙',
total_price: '2019-01-01',
project_number: 'PRJ2019170',
project_id: '49711',
division_n: '平地机',
leases_status: 'N',
},
]
this.selectShowList()
// let vm = this
// let url = process.env.basePath + 'car_apply_list_query'
// let param = {
// user_phone: window.localStorage.getItem('user_phone'),
// }
// hlsPopup.showLoading('请稍候')
// vm.$post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
// if (res.result === 'S') {
// vm.lists = res.lists
// vm.selectShowList()
// } else {
// hlsPopup.showLongCenter(res.message)
// }
// })
},
},
}
</script>
<style lang="less" scoped>
#startList {
.search {
height: 52px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
input {
width: 351px;
height: 36px;
line-height: 36px;
text-indent: 16px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #21254c;
letter-spacing: 0;
border-radius: 4px;
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
}
input::placeholder {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
letter-spacing: 0;
}
input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
border: 2px solid #bcc6ff;
}
}
.my-content {
background-color: #efefef;
.scroll {
background-color: #efefef;
margin-top: 10px;
}
.item {
width: 359px;
height: 189px;
background-color: #fff;
border-radius: 2px;
margin: 0 auto;
margin-top: 9px;
.left {
width: 15%;
height: 100%;
float: left;
span {
display: block;
width: 30px;
height: 30px;
background-color: #e8e9ed;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
margin-top: 8px;
img {
width: 11px;
height: 14px;
}
}
}
.right {
height: 100%;
width: 85%;
float: right;
.right-top {
width: 285px;
height: 45px;
font-family: PingFangSC-Semibold;
font-size: 15px;
color: #4b4a4b;
letter-spacing: 0;
line-height: 45px;
border-bottom: 1px solid #f3f3f7;
span:last-child {
float: right;
}
}
.right-bottom {
width: 285px;
margin-top: 10px;
.to-unSign {
float: right;
width: 96px;
height: 30px;
background: rgba(29, 63, 255, 0.1);
border-radius: 4px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #1d3fff;
letter-spacing: 0;
display: flex;
justify-content: center;
align-items: center;
img {
width: 17.6px;
}
}
.to-sign {
float: right;
width: 96px;
height: 30px;
background: rgba(33, 37, 76, 0.1);
border-radius: 4px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #21254c;
letter-spacing: 0;
display: flex;
justify-content: center;
align-items: center;
img {
width: 17.6px;
}
}
.number {
font-family: Verdana-Bold;
font-size: 14px;
color: #4b4a4b;
letter-spacing: 0;
font-weight: bold;
}
li {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #4b4a4b;
letter-spacing: 0;
height: 30px;
width: 100%;
span {
float: right;
}
}
}
}
}
}
}
</style>
src/router/index.js
View file @ ea47e26d
...@@ -100,6 +100,9 @@ import RepayPlans from '@/pages/contractInquire/repay-plans' ...@@ -100,6 +100,9 @@ import RepayPlans from '@/pages/contractInquire/repay-plans'
import DrawbackList from '@/pages/drawback/drawback-list' import DrawbackList from '@/pages/drawback/drawback-list'
import DrawbackDetail from '@/pages/drawback/drawback-detail' import DrawbackDetail from '@/pages/drawback/drawback-detail'
// 视屏面签
import VideoSign from '@/pages/videoSign/video-list'
Vue.use(Router) Vue.use(Router)
export default new Router({ export default new Router({
...@@ -246,7 +249,8 @@ export default new Router({ ...@@ -246,7 +249,8 @@ export default new Router({
// 业务退款 // 业务退款
{path: '/drawback-list', component: DrawbackList, name: 'DrawbackList', meta: {keepAlive: false}}, {path: '/drawback-list', component: DrawbackList, name: 'DrawbackList', meta: {keepAlive: false}},
{path: '/drawback-detail', component: DrawbackDetail, name: 'DrawbackDetail', meta: {keepAlive: false}}, {path: '/drawback-detail', component: DrawbackDetail, name: 'DrawbackDetail', meta: {keepAlive: false}},
// 视屏面签
{path: '/video-sign', component: VideoSign, name: 'VideoSign', meta: {keepAlive: true}},
], ],
scrollBehavior (to, from, savedPosition) { scrollBehavior (to, from, savedPosition) {
......
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