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 @@
</div>
</div>
<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" >
<div slot="name">我的还款</div>
</item>
<item>
<item :show-arrow="true">
<img slot="left-icon" src="@/assets/myInfo/repay.png" class="left-icon" >
<div slot="name">业务退款</div>
</item>
<item @click.native="goMyProduct">
<item @click.native="goMyProduct" :show-arrow="true">
<img slot="left-icon" src="@/assets/myInfo/collect.png" class="left-icon" >
<div slot="name">我的收藏</div>
<div slot="right-icon" class="right-icon">15</div>
</item>
<item @click.native="changeHelp">
<item @click.native="changeHelp" :show-arrow="true">
<img slot="left-icon" src="@/assets/myInfo/help.png" class="left-icon" >
<div slot="name">帮助与反馈</div>
</item>
<item>
<item :show-arrow="true">
<img slot="left-icon" src="@/assets/myInfo/about.png" class="left-icon" >
<div slot="name">关于徐工</div>
</item>
......
src/pages/myProductCollection/test.html
View file @ e9b97610
......@@ -5,6 +5,15 @@
<title>Title</title>
</head>
<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>
</html>
src/pages/productQuery/product-detailed.vue
View file @ e9b97610
......@@ -13,7 +13,7 @@
<span>产品明细</span>
</div>
</h-header>
<Tab :tabNums="tabNum" @getTabNum="getTabNum" />
<Tab :tabNums="tabNum" @getTabNum="getTabNum"/>
<!-- 基本信息 -->
<h-content v-if="tabNum === 0">
<list-item :item-height="44" class="second-part">
......@@ -93,11 +93,14 @@
<div slot="name" class="font-color">主机厂</div>
<span slot="content"> {{ confgInfo.factory_bp_name }} </span>
</item>
<div v-html="confgInfo.product_properties"/>
<div class="table-wrap" v-html="confgInfo.product_properties"/>
</list-item>
</h-content>
<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>
</bottom-tab>
<div v-if="collect_flag" class="show-collect">
......@@ -108,13 +111,14 @@
</template>
<script>
import Tab from './tab'
export default {
import Tab from './tab'
export default {
name: 'ProDetailed',
components: {
Tab,
},
data () {
data() {
return {
text: '',
tabNum: 0,
......@@ -128,10 +132,9 @@ export default {
}
},
computed: {},
watch: {
},
beforeRouteEnter (to, from, next) {
if (from.name === 'ProductList') {
watch: {},
beforeRouteEnter(to, from, next) {
if (from.name === 'ProductList' || from.name === 'MyProductList') {
next(vm => {
vm.tabNum = 0
vm.product_id = vm.$route.params.product_id
......@@ -142,10 +145,10 @@ export default {
}
next()
},
created () {
created() {
},
activated () {
activated() {
console.log('collect........', window.sessionStorage.getItem('collect_status'))
if (window.sessionStorage.getItem('collect_status') === 'Y') {
this.src = require('@/assets/productQuery/coll-success.png')
......@@ -157,12 +160,12 @@ export default {
},
methods:
{
getTabNum (i) {
getTabNum(i) {
console.log(i)
this.tabNum = i
},
// 收藏
collect () {
collect() {
console.log('collect', window.sessionStorage.getItem('collect_status'))
if (window.sessionStorage.getItem('collect_status') === 'Y') {
let vm = this
......@@ -223,7 +226,7 @@ export default {
}
},
// 基本信息查询
baseMsg () {
baseMsg() {
let vm = this
let url = $config.basePath + 'prd_product_info'
let param = {
......@@ -239,7 +242,7 @@ export default {
})
},
// 详情查询
detailMsg () {
detailMsg() {
let vm = this
let url = $config.basePath + 'prd_product_detial'
let param = {
......@@ -261,7 +264,7 @@ export default {
})
},
// 配置查询
confgMsg () {
confgMsg() {
let vm = this
let url = $config.basePath + 'prd_product_conf'
let param = {
......@@ -277,7 +280,7 @@ export default {
})
},
// 试算price:产品参考价，date:有效日期
goTrial (price, date) {
goTrial(price, date) {
this.$router.push({
name: 'FinancingTrial',
params: {
......@@ -287,10 +290,10 @@ export default {
})
},
},
}
}
</script>
<style lang='less' scoped>
#detailed {
<style lang='less'>
#detailed {
.h-header-btn {
img {
width: 16px;
......@@ -306,6 +309,7 @@ export default {
line-height: 24px;
}
}
.second-part {
.font-color {
font-family: PingFangSC-Regular;
......@@ -313,14 +317,16 @@ export default {
color: #656464;
letter-spacing: 0;
}
span {
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(56,63,69,0.60);
color: rgba(56, 63, 69, 0.60);
letter-spacing: 0;
}
}
.equipment-list {
.equipment-list {
height: 40px;
line-height: 40px;
background-color: #fafafa;
......@@ -329,8 +335,9 @@ export default {
margin-left: 16px;
position: relative;
margin-top: -10px;
}
.equipment-list::before {
}
.equipment-list::before {
content: "";
display: block;
width: 4px;
......@@ -339,32 +346,37 @@ export default {
position: absolute;
left: -15px;
top: 10px;
}
.footer-button {
}
.footer-button {
.butt {
width: 48%;
margin-left: 3px;
border: 1px solid #00469C;
border-radius: 4px;
}
img {
height: 19px;
width: 19px;
//margin-top: 2px;
margin-right: 3px;
}
.collect {
color: #00469C;
}
}
.bgcolor {
}
.bgcolor {
background: #00469C;
border: 1px solid #00469C;
border-radius: 4px;
font-family: PingFangSC-Semibold;
color: #FFFFFF;
}
.show-collect {
}
.show-collect {
width: 240px;
height: 100px;
opacity: 0.7;
......@@ -380,24 +392,42 @@ export default {
flex-direction: row;
align-items: center;
justify-content: center;
p {
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #FFFFFF;
margin-left: 8px;
}
img {
width: 16px;
height: 16px;
margin-left: -4px;
}
}
.proPic {
}
.proPic {
width: 100%;
img {
width: 94%;
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>
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