Skip to content

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

Merge branch 'develop' of https://hel.hand-china.com/xugong/hls-xcmg-vue-app into develop

parents d56111cd 1878562e
Hide whitespace changes
Inline Side-by-side
Showing with 436 additions and 306 deletions
src/pages/contractSigning/contract-detail.vue
View file @ fff47c92
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-09-29 10:02:11 * @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-10-21 18:03:21 * @LastEditTime: 2019-10-22 09:43:48
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
...@@ -23,10 +23,10 @@ ...@@ -23,10 +23,10 @@
</div> </div>
</h-header> </h-header>
<div class="tab-style"> <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 === 0,'undone':num !== 0}" @click="num = 0;"><img :src="num === 0?check1:uncheck1">商务条件</div>
<div :class="{'done':num === 2,'undone':num !== 2}" @click="num = 2;"><img :src="num === 2?check2:uncheck2" >合同文本</div> <div :class="{'done':num === 1,'undone':num !== 1}" @click="num = 1;"><img :src="num === 1?check2:uncheck2" >合同文本</div>
</div> </div>
<h-content v-show="num === 1" class="business-condition"> <h-content v-if="num === 0" class="business-condition">
<list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
<item> <item>
<div slot="name" >商务政策</div> <div slot="name" >商务政策</div>
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
</div> </div>
</h-content> </h-content>
<h-content v-show="num === 2"> <h-content v-if="num === 1">
<list-item :item-height="56" class="contract-text" style="background-color:rgb(250,250,250);"> <list-item :item-height="56" class="contract-text" style="background-color:rgb(250,250,250);">
<item :proportion="[4,1]"> <item :proportion="[4,1]">
<div slot="name" class="aguremrnt-list"> <div slot="name" class="aguremrnt-list">
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
</item> </item>
</list-item> </list-item>
</h-content> </h-content>
<bottom-tab v-show="num === 2"> <bottom-tab v-show="num === 1">
<tab-button class="footer" @click.native="inSure"> <tab-button class="footer" @click.native="inSure">
确认签约 确认签约
</tab-button> </tab-button>
...@@ -158,212 +158,212 @@ ...@@ -158,212 +158,212 @@
</template> </template>
<script> <script>
import Check1 from '@/assets/constractSigning/business.png' import Check1 from '@/assets/constractSigning/business.png'
import Check2 from '@/assets/constractSigning/constract.png' import Check2 from '@/assets/constractSigning/constract.png'
import unCheck1 from '@/assets/constractSigning/unbusiness.png' import unCheck1 from '@/assets/constractSigning/unbusiness.png'
import unCheck2 from '@/assets/constractSigning/unconstract.png' import unCheck2 from '@/assets/constractSigning/unconstract.png'
export default { export default {
name: 'ContractDetail', name: 'ContractDetail',
components: { components: {
}, },
data () { data () {
return { return {
isshow: false, // 提示框的显示与隐藏 isshow: false, // 提示框的显示与隐藏
num: 1, num: 0,
conditionInfo: {}, conditionInfo: {},
check1: Check1, check1: Check1,
check2: Check2, check2: Check2,
uncheck1: unCheck1, uncheck1: unCheck1,
uncheck2: unCheck2, uncheck2: unCheck2,
}
},
computed: {},
watch: {},
beforeRouteEnter (to, from, next) {
if (from.name === 'ContractSigning') {
next(vm => {
vm.conditionQuery()
})
}
next()
},
methods: {
// 合同商务条件查询
conditionQuery () {
let vm = this
let url = $config.basePath + 'con_business_query'
let param = {
project_id: this.$route.params.project_id,
} }
vm.hlsHttp.post(url, param).then(function (res) {
console.log('商务条件', res)
if (res.result === 'S') {
vm.conditionInfo = res.info
} else {
hlsPopup.showLongCenter(res.message)
}
})
}, },
computed: {}, // 跳转合同详情
watch: {}, goContractContent (name) {
beforeRouteEnter (to, from, next) { this.$router.push({
if (from.name === 'ContractSigning') { name: 'ContractContent',
next(vm => { params: {
vm.conditionQuery() name,
}) },
} })
next()
}, },
methods: { // 跳转银行信息录入
// 合同商务条件查询 entryInfo () {
conditionQuery () { this.$router.push({
let vm = this name: 'EntryInfo',
let url = $config.basePath + 'con_business_query' })
let param = {
project_id: this.$route.params.project_id,
}
vm.hlsHttp.post(url, param).then(function (res) {
console.log('商务条件', res)
if (res.result === 'S') {
vm.conditionInfo = res.info
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
// 跳转合同详情
goContractContent (name) {
this.$router.push({
name: 'ContractContent',
params: {
name,
},
})
},
// 跳转银行信息录入
entryInfo () {
this.$router.push({
name: 'EntryInfo',
})
},
inSure () {
this.isshow = true
},
}, },
} inSure () {
this.isshow = true
},
},
}
</script> </script>
<style lang='less' type="text/less"> <style lang='less' type="text/less">
#contract-details { #contract-details {
.all{ .all{
position: absolute;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index:2;
.prompt{
position: absolute; position: absolute;
background-color: transparent; top: 50%;
width: 100%; left:50%;
height: 100%; margin-top:-75px;
top: 0; margin-left: -121px;
left: 0; background-color: #fff;
z-index:2; box-shadow: 0 1px 2px 1px rgba(128,128,128,0.10);
border-radius: 4px;
.prompt{ width: 242px;
position: absolute; height: 150px;
top: 50%;
left:50%; .top{
margin-top:-75px; height: 105px;
margin-left: -121px; border-bottom:1px solid #F1F0F5;
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){ div:first-child{
margin-top:22px; font-family: PingFangSC-Semibold;
font-family: PingFangSC-Regular; font-size: 14px;
font-size: 13px; color: #E50020;
color: #383F45; letter-spacing: 0.5px;
letter-spacing: 0.4px; font-weight: 700;
padding: 0 22px; margin-top:13px;
line-height: 20px;
img{
width: 18px;
line-height: 12px;
display: block;
margin: -3px 5px 0 40%;
float: left;
} }
} }
.bottom{ div:nth-child(2){
text-align: center; margin-top:22px;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 13px;
color: #00469C; color: #383F45;
line-height: 32px; letter-spacing: 0.4px;
padding: 0 22px;
line-height: 20px;
} }
} }
}
.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{ .bottom{
display:flex; text-align: center;
justify-content: center; font-family: PingFangSC-Regular;
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; 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; color: #00469C;
line-height: 32px;
} }
}
}
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
img{ span {
width: 20px; font-family: PingFangSC-Semibold;
display: block; margin-left: 16px;
float: left; font-size: 17px;
margin: 6px 5px 0 43px; letter-spacing: 0.61px;
} line-height: 24px;
}
}
span:nth-of-type(2){ .tab-style{
margin-left: 7px; 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;
} }
.content{ img{
height: 87%; width: 20px;
display: block;
float: left;
margin: 6px 5px 0 43px;
}
span:nth-of-type(2){
margin-left: 7px;
}
}
.content{
height: 87%;
.contract-text{ .contract-text{
.border-red{ .border-red{
border: 2px solid rgba(255,0,0,0.40); border: 2px solid rgba(255,0,0,0.40);
} }
.hls-item{ .hls-item{
margin-top:8px; margin-top:8px;
background-color: #fff; background-color: #fff;
} }
.contents{ .contents{
padding: 0; padding: 0;
} }
.in-detail{ .in-detail{
background-color: rgba(0,70,156,0.08); background-color: rgba(0,70,156,0.08);
...@@ -373,96 +373,96 @@ ...@@ -373,96 +373,96 @@
line-height: 65px; line-height: 65px;
img{ img{
width: 16px; width: 16px;
} }
} }
.in-all{ .in-all{
width: 96px; width: 96px;
display: flex; display: flex;
img{ img{
width: 16px; width: 16px;
} }
div{ div{
width: 48px; width: 48px;
height: 56px; height: 56px;
text-align: center; text-align: center;
line-height: 65px; line-height: 65px;
} }
div:first-child{ div:first-child{
background-color: rgba(252,200,0,0.10); background-color: rgba(252,200,0,0.10);
} }
div:nth-child(2){ div:nth-child(2){
background-color: rgba(0,70,156,0.08); background-color: rgba(0,70,156,0.08);
}
} }
} }
} }
}
.business-condition{ .business-condition{
.equipment-list { .equipment-list {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
background-color: #fafafa; background-color: #fafafa;
color: #00469c; color: #00469c;
font-size: 15px; font-size: 15px;
margin-left: 16px; margin-left: 16px;
position: relative; position: relative;
} }
.equipment-list::before { .equipment-list::before {
content: ""; content: "";
display: block; display: block;
width: 4px; width: 4px;
height: 20px; height: 20px;
background-color: #00469c; background-color: #00469c;
position: absolute; position: absolute;
left: -15px; left: -15px;
top: 10px; top: 10px;
} }
div{ div{
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
color: #656464; color: #656464;
letter-spacing: 0; letter-spacing: 0;
} }
section{ section{
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
color: rgba(56,63,69,0.60); color: rgba(56,63,69,0.60);
letter-spacing: 0; letter-spacing: 0;
}
} }
}
.repay-plan { .repay-plan {
height: 44px; height: 44px;
width: 100%; width: 100%;
background: rgba(0,70,156,0.03); background: rgba(0,70,156,0.03);
p { p {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 14px; font-size: 14px;
color: #00469C; color: #00469C;
letter-spacing: 0; letter-spacing: 0;
height: 44px; height: 44px;
width: 84px; width: 84px;
line-height: 44px; line-height: 44px;
font-weight: bold; font-weight: bold;
text-decoration: underline; text-decoration: underline;
margin-left: 16px; margin-left: 16px;
}
} }
}
.bottom-call { .bottom-call {
width: 100%; width: 100%;
height: 60px; height: 60px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 30px; margin-bottom: 30px;
.left { .left {
width: 16%; width: 16%;
...@@ -498,48 +498,48 @@ ...@@ -498,48 +498,48 @@
justify-content: center; justify-content: center;
align-items: center align-items: center
} }
} }
.aguremrnt-list {
display: flex;
flex-direction: row;
.pic { .aguremrnt-list {
margin-left: -3px; display: flex;
} flex-direction: row;
.pics { .pic {
// width: 21px; margin-left: -3px;
height: 30px; }
}
.read { .pics {
height: 16px; // width: 21px;
margin-top: 8px; height: 30px;
margin-left: 12.5px; }
}
.second { .read {
height: 32px; height: 16px;
line-height: 32px; margin-top: 8px;
font-family: PingFangSC-Regular; margin-left: 12.5px;
font-size: 14px; }
margin-left: 21px;
color: #383F45;
letter-spacing: 0.43px;
}
.first { .second {
margin-left: 13px; height: 32px;
} line-height: 32px;
font-family: PingFangSC-Regular;
font-size: 14px;
margin-left: 21px;
color: #383F45;
letter-spacing: 0.43px;
} }
.bottom-tab-button{ .first {
background: #00469C; margin-left: 13px;
border-radius: 4px;
color:white;
height: 40px;
margin: 4px 2% 0 2%;
} }
} }
.bottom-tab-button{
background: #00469C;
border-radius: 4px;
color:white;
height: 40px;
margin: 4px 2% 0 2%;
}
}
</style> </style>
src/pages/distributorSign/contract-details.vue
View file @ fff47c92
...@@ -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-10-10 10:52:55 * @LastEditTime: 2019-10-21 18:48:53
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">保证金比例</div> <div slot="name" class="font-color">保证金比例</div>
<span slot="content">{{ info.deposit_ratio|NumFormat }}</span> <span slot="content">{{ info.deposit_ratio_n }}</span>
</item> </item>
<item> <item>
<div slot="name" class="font-color">保证金</div> <div slot="name" class="font-color">保证金</div>
...@@ -122,7 +122,7 @@ ...@@ -122,7 +122,7 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">年利率</div> <div slot="name" class="font-color">年利率</div>
<input slot="content" v-model="info.int_rate" readonly> <input slot="content" v-model="info.int_rate_n" readonly>
</item> </item>
</list-item> </list-item>
<div class="repay-plan"> <div class="repay-plan">
......
src/pages/financingTrial/financing-details.vue
View file @ fff47c92
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip""/>User Settings Edit * @Descrip""/>User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-09-29 20:31:00 * @Date: 2019-09-29 20:31:00
* @LastEditTime: 2019-10-21 15:17:55 * @LastEditTime: 2019-10-22 10:40:02
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -122,7 +122,7 @@ export default { ...@@ -122,7 +122,7 @@ export default {
showTime (format) { showTime (format) {
let vm = this let vm = this
hlsPopup.showTime({ hlsPopup.showTime({
nowDate: new Date().toLocaleDateString(), nowDate: (new Date()).format('yyyy-MM-dd'),
format: format, format: format,
callback: (date) => { callback: (date) => {
// alert(date) // alert(date)
......
src/pages/help/helpList.vue
View file @ fff47c92
...@@ -15,7 +15,27 @@ ...@@ -15,7 +15,27 @@
<p>每日8:00-18:00</p> <p>每日8:00-18:00</p>
</div> </div>
<p class="matter">常见问题</p> <p class="matter">常见问题</p>
<list-item :proportion="[5,1]" :item-height="44"> <div class="question">
<div class="question-top" @click="show(0)">
<span>客户绑定相关问题</span>
<img class="img0" src="@/assets/help/down.png" >
</div>
<ul class="list0">
<li>如何进行客户绑定？</li>
<li>如何通过扫描录入进件？</li>
</ul>
</div>
<div class="question">
<div class="question-top" @click="show(1)">
<span>客户绑定相关问题</span>
<img class="img1" src="@/assets/help/down.png" >
</div>
<ul class="list1">
<li>如何进行客户绑定？</li>
<li>如何通过扫描录入进件？</li>
</ul>
</div>
<!-- <list-item :proportion="[5,1]" :item-height="44">
<item> <item>
<div slot="name">客户绑定相关问题</div> <div slot="name">客户绑定相关问题</div>
</item> </item>
...@@ -25,12 +45,33 @@ ...@@ -25,12 +45,33 @@
<item> <item>
<div slot="name">如何通过扫描录入进件？</div> <div slot="name">如何通过扫描录入进件？</div>
</item> </item>
</list-item> </list-item>-->
</h-content> </h-content>
</h-view> </h-view>
</template> </template>
<script> <script>
export default {} export default {
data () {
return {
isShow: true,
}
},
methods: {
show (e) {
let ul = document.querySelector(`.list${e}`)
let li = ul.querySelectorAll('li')
let img = document.querySelector(`.list${e}`)
if (this.isShow) {
ul.style.height = li.length * 35 + 'px'
img.style.transform =
this.isShow = false
} else {
ul.style.height = 0
this.isShow = true
}
},
},
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#help-list { #help-list {
...@@ -95,6 +136,60 @@ export default {} ...@@ -95,6 +136,60 @@ export default {}
margin-left: 16px; margin-left: 16px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.question {
background-color: #ffffff;
.question-top {
height: 44px;
line-height: 44px;
background-color: #ffffff;
padding-left: 24px;
display: flex;
align-items: center;
span {
display:inline-block;
position: relative;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #00469c;
letter-spacing: 0;
line-height: 20px;
text-indent: 8px;
flex:12;
}
span::before{
content:'';
display: block;
position: absolute;
top:4px;
left: 0px;
width:4px;
height:12px;
background-color:#00469C;
}
img{
width: 20px;
height: 20px;
margin-right: 20px;
flex:1;
}
}
.list0,.list1 {
overflow: hidden;
transition: 0.2s linear;
height:0px;
li {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #656464;
height: 35px;
width:343px;
margin:0 auto;
line-height: 35px;
border-bottom: 1px solid #F1F0F5;
text-indent: 15px;
}
}
}
} }
} }
</style> </style>
src/pages/intoApproval/intoApproval/refund.vue
View file @ fff47c92
...@@ -136,6 +136,7 @@ export default { ...@@ -136,6 +136,7 @@ export default {
params: { params: {
isConfirm: true, isConfirm: true,
hasButtom: confirmStatus, hasButtom: confirmStatus,
confirm_status: this.$route.params.confirm_status,
}, },
}) })
this.$router.go(-1) this.$router.go(-1)
......
src/pages/pay/payment/first-pay.vue
View file @ fff47c92
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<div class="pay-icon"><img src="@/assets/payment/first-pay.png" alt="">违约金支付</div> <div class="pay-icon"><img src="@/assets/payment/first-pay.png" alt="">违约金支付</div>
<div class="pay-input"> <div class="pay-input">
<span>应还违约金</span> <span>应还违约金</span>
<input v-model="liquidated_damages" type="text" placeholder="请输入支付金额"> <input v-model="liquidated_damages" readonly type="text" placeholder="请输入支付金额">
</div> </div>
</div> </div>
</h-content> </h-content>
......
src/pages/productQuery/product-detailed.vue
View file @ fff47c92
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip: 产品明细 * @Descrip: 产品明细
* @Author: your name * @Author: your name
* @Date: 2019-10-15 14:30:00 * @Date: 2019-10-15 14:30:00
* @LastEditTime: 2019-10-21 18:30:14 * @LastEditTime: 2019-10-22 10:28:25
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -94,11 +94,11 @@ ...@@ -94,11 +94,11 @@
</h-content> </h-content>
<bottom-tab class="footer-button"> <bottom-tab class="footer-button">
<tab-button :class="{bgcolor: bgc_flag}" class="butt" @click.native="goTrial(baseInfo.plan_price,baseInfo.price_date_to)"><img src="@/assets/productQuery/trial.png" alt=""> 试算</tab-button> <tab-button :class="{bgcolor: bgc_flag}" class="butt" @click.native="goTrial(baseInfo.plan_price,baseInfo.price_date_to)"><img src="@/assets/productQuery/trial.png" alt=""> 试算</tab-button>
<tab-button class="collect butt" @click.native="collect"><img :src="src" alt="">收藏</tab-button> <tab-button class="collect butt" @click.native="collect"><img :src="src" alt="">{{ text }}</tab-button>
</bottom-tab> </bottom-tab>
<div v-if="collect_flag" class="show-collect"> <div v-if="collect_flag" class="show-collect">
<img src="@/assets/productQuery/success.png" alt=""> <img src="@/assets/productQuery/success.png" alt="">
<p>收藏成功</p> <p>{{ show_text }}</p>
</div> </div>
</h-view> </h-view>
</template> </template>
...@@ -112,10 +112,12 @@ export default { ...@@ -112,10 +112,12 @@ export default {
}, },
data () { data () {
return { return {
text: '',
tabNum: 0, tabNum: 0,
baseInfo: {}, baseInfo: {},
detailInfo: {}, show_text: '',
confgInfo: {}, confgInfo: {},
detailInfo: {},
bgc_flag: true, bgc_flag: true,
collect_flag: false, collect_flag: false,
} }
...@@ -141,8 +143,10 @@ export default { ...@@ -141,8 +143,10 @@ export default {
console.log('collect........', window.sessionStorage.getItem('collect_status')) console.log('collect........', window.sessionStorage.getItem('collect_status'))
if (window.sessionStorage.getItem('collect_status') === 'Y') { if (window.sessionStorage.getItem('collect_status') === 'Y') {
this.src = require('@/assets/productQuery/coll-success.png') this.src = require('@/assets/productQuery/coll-success.png')
this.text = '取消收藏'
} else { } else {
this.src = require('@/assets/productQuery/collect.png') this.src = require('@/assets/productQuery/collect.png')
this.text = '收藏'
} }
}, },
methods: methods:
...@@ -155,8 +159,37 @@ export default { ...@@ -155,8 +159,37 @@ export default {
collect () { collect () {
console.log('collect', window.sessionStorage.getItem('collect_status')) console.log('collect', window.sessionStorage.getItem('collect_status'))
if (window.sessionStorage.getItem('collect_status') === 'Y') { if (window.sessionStorage.getItem('collect_status') === 'Y') {
hlsPopup.showLongCenter('该产品已收藏过，请勿重复收藏') let vm = this
this.hlsPopup.showConfirm({
title: '提示',
content: '您确认取消收藏吗？',
onConfirm: data => {
console.log(data)
if (data) {
let url = $config.basePath + 'delete_collection'
let param = {
master: {
product_id: vm.product_id,
user_phone: window.localStorage.user_phone,
},
}
vm.$post(url, param).then(function (res) {
console.log('取消收藏。。。。。。。。', res)
if (res.result === 'S') {
vm.show_text = '取消成功'
vm.collect_flag = true
vm.src = require('@/assets/productQuery/collect.png')
setTimeout(() => {
vm.text = '收藏'
vm.collect_flag = false
}, 1500)
}
})
}
},
})
} else { } else {
this.show_text = '收藏成功'
this.collect_flag = true this.collect_flag = true
console.log(this.collect_flag) console.log(this.collect_flag)
let vm = this let vm = this
...@@ -172,6 +205,7 @@ export default { ...@@ -172,6 +205,7 @@ export default {
if (res.result === 'S') { if (res.result === 'S') {
vm.src = require('@/assets/productQuery/coll-success.png') vm.src = require('@/assets/productQuery/coll-success.png')
setTimeout(() => { setTimeout(() => {
vm.text = '取消收藏'
vm.collect_flag = false vm.collect_flag = false
}, 1500) }, 1500)
} else { } else {
...@@ -302,7 +336,7 @@ export default { ...@@ -302,7 +336,7 @@ export default {
img { img {
height: 19px; height: 19px;
width: 19px; width: 19px;
margin-top: 2px; //margin-top: 2px;
margin-right: 3px; margin-right: 3px;
} }
.collect { .collect {
......
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