Skip to content

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

'表格边框'

parent 8078359a
Show whitespace changes
Inline Side-by-side
Showing with 303 additions and 263 deletions
src/pages/myInfo/my-info.vue
View file @ e9b97610
...@@ -48,23 +48,24 @@ ...@@ -48,23 +48,24 @@
</div> </div>
</div> </div>
<list-item :item-height="44" class="list"> <list-item :item-height="44" class="list">
<item @click.native="goReimburse"> <item @click.native="goReimburse" :show-arrow="true">
<img slot="left-icon" src="@/assets/myInfo/myRefund.png" class="left-icon" > <img slot="left-icon" src="@/assets/myInfo/myRefund.png" class="left-icon" >
<div slot="name">我的还款</div> <div slot="name">我的还款</div>
</item> </item>
<item> <item :show-arrow="true">
<img slot="left-icon" src="@/assets/myInfo/repay.png" class="left-icon" > <img slot="left-icon" src="@/assets/myInfo/repay.png" class="left-icon" >
<div slot="name">业务退款</div> <div slot="name">业务退款</div>
</item> </item>
<item @click.native="goMyProduct"> <item @click.native="goMyProduct" :show-arrow="true">
<img slot="left-icon" src="@/assets/myInfo/collect.png" class="left-icon" > <img slot="left-icon" src="@/assets/myInfo/collect.png" class="left-icon" >
<div slot="name">我的收藏</div> <div slot="name">我的收藏</div>
<div slot="right-icon" class="right-icon">15</div>
</item> </item>
<item @click.native="changeHelp"> <item @click.native="changeHelp" :show-arrow="true">
<img slot="left-icon" src="@/assets/myInfo/help.png" class="left-icon" > <img slot="left-icon" src="@/assets/myInfo/help.png" class="left-icon" >
<div slot="name">帮助与反馈</div> <div slot="name">帮助与反馈</div>
</item> </item>
<item> <item :show-arrow="true">
<img slot="left-icon" src="@/assets/myInfo/about.png" class="left-icon" > <img slot="left-icon" src="@/assets/myInfo/about.png" class="left-icon" >
<div slot="name">关于徐工</div> <div slot="name">关于徐工</div>
</item> </item>
......
src/pages/myProductCollection/test.html
View file @ e9b97610
...@@ -5,6 +5,15 @@ ...@@ -5,6 +5,15 @@
<title>Title</title> <title>Title</title>
</head> </head>
<body> <body>
<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" height=\"126\" class=\"\" bordercolor=\"#000000\">\n\t<colgroup><col width=\"130\" style=\"width:97.5pt;\" /><col width=\"143\" style=\"width:107.25pt;\" /><col width=\"105\" style=\"width:78.75pt;\" /></colgroup>\n\t<tbody>\n\t\t<tr height=\"21\" style=\"height:15.75pt;\">\n\t\t\t<td class=\"et3\" height=\"21\" x:str=\"\" style=\"height:15.75pt;\">\n\t\t\t\t产品型号\n\t\t\t</td>\n\t\t\t<td class=\"et3\" x:str=\"\">\n\t\t\t\t<br />\n\t\t\t</td>\n\t\t\t<td class=\"et4\" x:num=\"2000\">\n\t\t\t\tZZJ装载机\n\t\t\t</td>\n\t\t</tr>\n\t\t<tr height=\"21\" style=\"height:15.75pt;\">\n\t\t\t<td class=\"et3\" height=\"21\" x:str=\"\" style=\"height:15.75pt;\">\n\t\t\t\t产品参数项\n\t\t\t</td>\n\t\t\t<td class=\"et3\" x:str=\"\">\n\t\t\t\t<br />\n\t\t\t</td>\n\t\t\t<td class=\"et4\" x:num=\"100\">\n\t\t\t\tZZJ336\n\t\t\t</td>\n\t\t</tr>\n\t\t<tr height=\"21\" style=\"height:15.75pt;\">\n\t\t\t<td class=\"et3\" height=\"21\" x:str=\"\" style=\"height:15.75pt;\">\n\t\t\t\t主机厂\n\t\t\t</td>\n\t\t\t<td class=\"et3\" x:str=\"\">\n\t\t\t\t<br />\n\t\t\t</td>\n\t\t\t<td class=\"et4\" x:num=\"100\">\n\t\t\t\t主机厂法人\n\t\t\t</td>\n\t\t</tr>\n\t\t<tr height=\"21\" style=\"height:15.75pt;\">\n\t\t\t<td class=\"et3\" height=\"21\" x:str=\"\" style=\"height:15.75pt;\">\n\t\t\t\t<span style=\"white-space:normal;\">厂商指导价</span><br />\n\t\t\t</td>\n\t\t\t<td class=\"et3\" x:str=\"\">\n\t\t\t\t<br />\n\t\t\t</td>\n\t\t\t<td class=\"et4\" x:num=\"100\">\n\t\t\t\t500000\n\t\t\t</td>\n\t\t</tr>\n\t\t<tr height=\"21\" style=\"height:15.75pt;\">\n\t\t\t<td class=\"et3\" height=\"21\" x:str=\"\" style=\"height:15.75pt;\">\n\t\t\t\t价格有效期至\n\t\t\t</td>\n\t\t\t<td class=\"et3\" x:str=\"\">\n\t\t\t</td>\n\t\t\t<td class=\"et4\" x:num=\"100\">\n\t\t\t\t2019/10/24\n\t\t\t</td>\n\t\t</tr>\n\t</tbody>\n</table> <table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
</body> </body>
</html> </html>
src/pages/productQuery/product-detailed.vue
View file @ e9b97610
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<span>产品明细</span> <span>产品明细</span>
</div> </div>
</h-header> </h-header>
<Tab :tabNums="tabNum" @getTabNum="getTabNum" /> <Tab :tabNums="tabNum" @getTabNum="getTabNum"/>
<!-- 基本信息 --> <!-- 基本信息 -->
<h-content v-if="tabNum === 0"> <h-content v-if="tabNum === 0">
<list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
...@@ -93,11 +93,14 @@ ...@@ -93,11 +93,14 @@
<div slot="name" class="font-color">主机厂</div> <div slot="name" class="font-color">主机厂</div>
<span slot="content"> {{ confgInfo.factory_bp_name }} </span> <span slot="content"> {{ confgInfo.factory_bp_name }} </span>
</item> </item>
<div v-html="confgInfo.product_properties"/> <div class="table-wrap" v-html="confgInfo.product_properties"/>
</list-item> </list-item>
</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="">{{ text }}</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">
...@@ -108,13 +111,14 @@ ...@@ -108,13 +111,14 @@
</template> </template>
<script> <script>
import Tab from './tab' import Tab from './tab'
export default {
export default {
name: 'ProDetailed', name: 'ProDetailed',
components: { components: {
Tab, Tab,
}, },
data () { data() {
return { return {
text: '', text: '',
tabNum: 0, tabNum: 0,
...@@ -128,10 +132,9 @@ export default { ...@@ -128,10 +132,9 @@ export default {
} }
}, },
computed: {}, computed: {},
watch: { watch: {},
}, beforeRouteEnter(to, from, next) {
beforeRouteEnter (to, from, next) { if (from.name === 'ProductList' || from.name === 'MyProductList') {
if (from.name === 'ProductList') {
next(vm => { next(vm => {
vm.tabNum = 0 vm.tabNum = 0
vm.product_id = vm.$route.params.product_id vm.product_id = vm.$route.params.product_id
...@@ -142,10 +145,10 @@ export default { ...@@ -142,10 +145,10 @@ export default {
} }
next() next()
}, },
created () { created() {
}, },
activated () { activated() {
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')
...@@ -157,12 +160,12 @@ export default { ...@@ -157,12 +160,12 @@ export default {
}, },
methods: methods:
{ {
getTabNum (i) { getTabNum(i) {
console.log(i) console.log(i)
this.tabNum = i this.tabNum = i
}, },
// 收藏 // 收藏
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') {
let vm = this let vm = this
...@@ -223,7 +226,7 @@ export default { ...@@ -223,7 +226,7 @@ export default {
} }
}, },
// 基本信息查询 // 基本信息查询
baseMsg () { baseMsg() {
let vm = this let vm = this
let url = $config.basePath + 'prd_product_info' let url = $config.basePath + 'prd_product_info'
let param = { let param = {
...@@ -239,7 +242,7 @@ export default { ...@@ -239,7 +242,7 @@ export default {
}) })
}, },
// 详情查询 // 详情查询
detailMsg () { detailMsg() {
let vm = this let vm = this
let url = $config.basePath + 'prd_product_detial' let url = $config.basePath + 'prd_product_detial'
let param = { let param = {
...@@ -261,7 +264,7 @@ export default { ...@@ -261,7 +264,7 @@ export default {
}) })
}, },
// 配置查询 // 配置查询
confgMsg () { confgMsg() {
let vm = this let vm = this
let url = $config.basePath + 'prd_product_conf' let url = $config.basePath + 'prd_product_conf'
let param = { let param = {
...@@ -277,7 +280,7 @@ export default { ...@@ -277,7 +280,7 @@ export default {
}) })
}, },
// 试算price:产品参考价，date:有效日期 // 试算price:产品参考价，date:有效日期
goTrial (price, date) { goTrial(price, date) {
this.$router.push({ this.$router.push({
name: 'FinancingTrial', name: 'FinancingTrial',
params: { params: {
...@@ -287,10 +290,10 @@ export default { ...@@ -287,10 +290,10 @@ export default {
}) })
}, },
}, },
} }
</script> </script>
<style lang='less' scoped> <style lang='less'>
#detailed { #detailed {
.h-header-btn { .h-header-btn {
img { img {
width: 16px; width: 16px;
...@@ -306,6 +309,7 @@ export default { ...@@ -306,6 +309,7 @@ export default {
line-height: 24px; line-height: 24px;
} }
} }
.second-part { .second-part {
.font-color { .font-color {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
...@@ -313,14 +317,16 @@ export default { ...@@ -313,14 +317,16 @@ export default {
color: #656464; color: #656464;
letter-spacing: 0; letter-spacing: 0;
} }
span { span {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: rgba(56,63,69,0.60); color: rgba(56, 63, 69, 0.60);
letter-spacing: 0; letter-spacing: 0;
} }
} }
.equipment-list {
.equipment-list {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
background-color: #fafafa; background-color: #fafafa;
...@@ -329,8 +335,9 @@ export default { ...@@ -329,8 +335,9 @@ export default {
margin-left: 16px; margin-left: 16px;
position: relative; position: relative;
margin-top: -10px; margin-top: -10px;
} }
.equipment-list::before {
.equipment-list::before {
content: ""; content: "";
display: block; display: block;
width: 4px; width: 4px;
...@@ -339,32 +346,37 @@ export default { ...@@ -339,32 +346,37 @@ export default {
position: absolute; position: absolute;
left: -15px; left: -15px;
top: 10px; top: 10px;
} }
.footer-button {
.footer-button {
.butt { .butt {
width: 48%; width: 48%;
margin-left: 3px; margin-left: 3px;
border: 1px solid #00469C; border: 1px solid #00469C;
border-radius: 4px; border-radius: 4px;
} }
img { img {
height: 19px; height: 19px;
width: 19px; width: 19px;
//margin-top: 2px; //margin-top: 2px;
margin-right: 3px; margin-right: 3px;
} }
.collect { .collect {
color: #00469C; color: #00469C;
} }
} }
.bgcolor {
.bgcolor {
background: #00469C; background: #00469C;
border: 1px solid #00469C; border: 1px solid #00469C;
border-radius: 4px; border-radius: 4px;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
color: #FFFFFF; color: #FFFFFF;
} }
.show-collect {
.show-collect {
width: 240px; width: 240px;
height: 100px; height: 100px;
opacity: 0.7; opacity: 0.7;
...@@ -380,24 +392,42 @@ export default { ...@@ -380,24 +392,42 @@ export default {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
p { p {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 16px; font-size: 16px;
color: #FFFFFF; color: #FFFFFF;
margin-left: 8px; margin-left: 8px;
} }
img { img {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-left: -4px; margin-left: -4px;
} }
} }
.proPic {
.proPic {
width: 100%; width: 100%;
img { img {
width: 94%; width: 94%;
margin-left: 10px margin-left: 10px
} }
} }
} .table-wrap{
table {
margin: 10px;
background-color: #fff !important;
td{
border:1px solid #ccc;
text-align: center;
vertical-align: middle;
span{
color:#000 !important;
}
}
}
}
}
</style> </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