Skip to content

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

'map'

parents cddb2351 c62f7048
Hide whitespace changes
Inline Side-by-side
Showing with 291 additions and 294 deletions
src/pages/contractSigning/contract-detail.vue
View file @ e1cca68a
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-09-29 10:02:11 * @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-10-21 14:00:54 * @LastEditTime: 2019-10-21 18:03:21
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
...@@ -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 () {
return {
isshow: false, // 提示框的显示与隐藏
num: 1,
conditionInfo: {},
check1: Check1,
check2: Check2,
uncheck1: unCheck1,
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)
}
})
}, },
// 跳转合同详情 data () {
goContractContent (name) { return {
this.$router.push({ isshow: false, // 提示框的显示与隐藏
name: 'ContractContent', num: 1,
params: { conditionInfo: {},
name, check1: Check1,
}, check2: Check2,
}) uncheck1: unCheck1,
uncheck2: unCheck2,
}
}, },
// 跳转银行信息录入 computed: {},
entryInfo () { watch: {},
this.$router.push({ beforeRouteEnter (to, from, next) {
name: 'EntryInfo', if (from.name === 'ContractSigning') {
}) next(vm => {
vm.conditionQuery()
})
}
next()
}, },
inSure () { methods: {
this.isshow = true // 合同商务条件查询
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)
}
})
},
// 跳转合同详情
goContractContent (name) {
this.$router.push({
name: 'ContractContent',
params: {
name,
},
})
},
// 跳转银行信息录入
entryInfo () {
this.$router.push({
name: 'EntryInfo',
})
},
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;
top: 50%; background-color: transparent;
left:50%; width: 100%;
margin-top:-75px; height: 100%;
margin-left: -121px; top: 0;
background-color: #fff; left: 0;
box-shadow: 0 1px 2px 1px rgba(128,128,128,0.10); z-index:2;
border-radius: 4px;
width: 242px; .prompt{
height: 150px; position: absolute;
top: 50%;
.top{ left:50%;
height: 105px; margin-top:-75px;
border-bottom:1px solid #F1F0F5; margin-left: -121px;
background-color: #fff;
div:first-child{ box-shadow: 0 1px 2px 1px rgba(128,128,128,0.10);
font-family: PingFangSC-Semibold; border-radius: 4px;
font-size: 14px; width: 242px;
color: #E50020; height: 150px;
letter-spacing: 0.5px;
font-weight: 700; .top{
margin-top:13px; 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;
}
}
img{ div:nth-child(2){
width: 18px; margin-top:22px;
line-height: 12px; font-family: PingFangSC-Regular;
display: block; font-size: 13px;
margin: -3px 5px 0 40%; color: #383F45;
float: left; letter-spacing: 0.4px;
padding: 0 22px;
line-height: 20px;
} }
} }
div:nth-child(2){ .bottom{
margin-top:22px; text-align: center;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 14px;
color: #383F45; color: #00469C;
letter-spacing: 0.4px; line-height: 32px;
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;
} }
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span { span {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
margin-left: 16px; margin-left: 16px;
font-size: 17px; font-size: 17px;
letter-spacing: 0.61px; letter-spacing: 0.61px;
line-height: 24px; line-height: 24px;
}
} }
}
.tab-style{ .tab-style{
display:flex; display:flex;
justify-content: center; justify-content: center;
padding-top:12px; padding-top:12px;
padding-bottom: 8px; padding-bottom: 8px;
align-items: center; align-items: center;
background-color: #fff; background-color: #fff;
box-shadow:0 2px 3px 0 rgba(220,220,221,0.50); box-shadow:0 2px 3px 0 rgba(220,220,221,0.50);
div{ div{
display: block; display: block;
height: 32px; height: 32px;
width: 172px; width: 172px;
border-radius:16px; border-radius:16px;
border-radius: 16px; border-radius: 16px;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 14px; font-size: 14px;
letter-spacing: 0.43px; letter-spacing: 0.43px;
margin: 0 4px; margin: 0 4px;
line-height: 32px; line-height: 32px;
} }
.undone{ .undone{
background: rgba(220,220,221,0.26); background: rgba(220,220,221,0.26);
color: #383F45; color: #383F45;
} }
.done{ .done{
background: rgba(0,70,156,0.10); background: rgba(0,70,156,0.10);
color: #00469C; color: #00469C;
} }
img{ img{
width: 20px; width: 20px;
display: block; display: block;
float: left; float: left;
margin: 6px 5px 0 43px; margin: 6px 5px 0 43px;
} }
span:nth-of-type(2){ span:nth-of-type(2){
margin-left: 7px; margin-left: 7px;
}
} }
}
.content{ .content{
height: 87%; 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 @@ export default { ...@@ -373,96 +373,96 @@ export default {
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 {
height: 44px;
width: 100%;
background: rgba(0,70,156,0.03);
p { .repay-plan {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #00469C;
letter-spacing: 0;
height: 44px; height: 44px;
width: 84px; width: 100%;
line-height: 44px; background: rgba(0,70,156,0.03);
font-weight: bold;
text-decoration: underline; p {
margin-left: 16px; 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 { .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 @@ export default { ...@@ -498,48 +498,48 @@ export default {
justify-content: center; justify-content: center;
align-items: center align-items: center
} }
} }
.aguremrnt-list { .aguremrnt-list {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
.pic { .pic {
margin-left: -3px; margin-left: -3px;
} }
.pics {
// width: 21px;
height: 30px;
}
.pics { .read {
// width: 21px; height: 16px;
height: 30px; margin-top: 8px;
} margin-left: 12.5px;
}
.read { .second {
height: 16px; height: 32px;
margin-top: 8px; line-height: 32px;
margin-left: 12.5px; font-family: PingFangSC-Regular;
} font-size: 14px;
margin-left: 21px;
color: #383F45;
letter-spacing: 0.43px;
}
.second { .first {
height: 32px; margin-left: 13px;
line-height: 32px; }
font-family: PingFangSC-Regular;
font-size: 14px;
margin-left: 21px;
color: #383F45;
letter-spacing: 0.43px;
} }
.first { .bottom-tab-button{
margin-left: 13px; background: #00469C;
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/productQuery/product-detailed.vue
View file @ e1cca68a
...@@ -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 16:46:55 * @LastEditTime: 2019-10-21 18:30:14
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -118,8 +118,6 @@ export default { ...@@ -118,8 +118,6 @@ export default {
confgInfo: {}, confgInfo: {},
bgc_flag: true, bgc_flag: true,
collect_flag: false, collect_flag: false,
src: require('@/assets/productQuery/collect.png'),
// collect_status: window.sessionStorage.getItem('collect_status'),
} }
}, },
computed: {}, computed: {},
...@@ -129,16 +127,15 @@ export default { ...@@ -129,16 +127,15 @@ export default {
if (from.name === 'ProductList') { if (from.name === 'ProductList') {
next(vm => { next(vm => {
vm.product_id = vm.$route.params.product_id vm.product_id = vm.$route.params.product_id
// vm.collect_status = vm.$route.params.collect_status
// if (vm.$route.params.collect_status === 'Y') {
// vm.src = require('@/assets/productQuery/coll-success.png')
// }
vm.baseMsg() vm.baseMsg()
vm.detailMsg() vm.detailMsg()
vm.confgMsg() vm.confgMsg()
}) })
} }
next() next()
},
created () {
}, },
activated () { activated () {
console.log('collect........', window.sessionStorage.getItem('collect_status')) console.log('collect........', window.sessionStorage.getItem('collect_status'))
......
src/pages/productQuery/product-list.vue
View file @ e1cca68a
...@@ -81,7 +81,7 @@ export default { ...@@ -81,7 +81,7 @@ export default {
} }
}) })
}, },
// val：产品id // val：产品id, status: 收藏状态
goDetailed (val, status) { goDetailed (val, status) {
window.sessionStorage.setItem('collect_status', status) window.sessionStorage.setItem('collect_status', status)
this.$router.push({ this.$router.push({
......
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