Skip to content

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

'filter'

parent c67a2025
Hide whitespace changes
Inline Side-by-side
Showing with 122 additions and 4 deletions
src/pages/myInfo/my-info.vue
View file @ 56d58a65
......@@ -56,7 +56,7 @@
<img slot="left-icon" src="@/assets/myInfo/repay.png" class="left-icon" >
<div slot="name">业务退款</div>
</item>
<item>
<item @click.native="goMyProduct">
<img slot="left-icon" src="@/assets/myInfo/collect.png" class="left-icon" >
<div slot="name">我的收藏</div>
</item>
......@@ -156,6 +156,12 @@ export default {
name: 'ReimburseMyselfList',
})
},
// 进入我的收藏
goMyProduct () {
this.$router.push({
name: 'MyProductList',
})
},
changeHelp () {
this.$router.push({
name: 'HelpList',
......
src/pages/myProductCollection/my-product-list.Vue 0 → 100644
View file @ 56d58a65
/**
* @Author Sean
* @Date 2019/10/22
*/
<template>
<h-view class="public-style" style="height: 100%">
<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>
<h-content>
<div class="hinput">
<div class="search-box">
<input type="text" placeholder="请输入经销商/产品名称/参数项">
<img src="@/assets/distributorSign/search.png" alt="">
</div>
</div>
</h-content>
</h-view>
</template>
<script>
export default {
data() {
return {}
},
created: function () {
},
mounted: function () {
},
updated: function () {
},
destroyed: function () {
},
methods: {}
}
</script>
<style scoped lang="less" rel="stylesheet">
.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;
}
}
.hinput {
position: relative;
z-index: 50;
width: 100%;
height: 50px;
border-bottom: 1px solid #cccccc70;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
.search-box {
width: 93.6%;
height: 36px;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
font-family: PingFangSC-Regular;
border: 1px solid rgba(56, 63, 69, 0.60);
border-radius: 4px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
input {
width: 90%;
height: 100%;
opacity: 0.4;
border: none;
line-height: 34px;
}
}
}
</style>
src/pages/myProductCollection/test.html 0 → 100644
View file @ 56d58a65
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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>
</body>
</html>
src/pages/productQuery/product-detailed.vue
View file @ 56d58a65
......@@ -61,7 +61,7 @@
</item>
<item>
<div slot="name" class="font-color">价格有效期</div>
<span slot="content"> {{ baseInfo.price_date_to }} </span>
<span slot="content"> {{ baseInfo.price_date_to | dateFormat }} </span>
</item>
</list-item>
</h-content>
......
src/pages/productQuery/product-list.vue
View file @ 56d58a65
......@@ -19,7 +19,7 @@
</div>
</div>
<list-item v-for="item in lists" :key="item.product_id">
<item :proportion="[1,4]">
<item :proportion="[1,4]" @click.native="goDetailed(item.product_id,item.collect_status)">
<div slot="name" class="item-pic">
<img src="@/assets/homePage/WechatIMG2 Copy@2x.png" alt="">
</div>
......@@ -38,7 +38,7 @@
</div>
</div>
<div slot="right-icon">
<img class="arrow" src="@/assets/productQuery/getIn.png" alt="" @click="goDetailed(item.product_id,item.collect_status)">
<img class="arrow" src="@/assets/productQuery/getIn.png" alt="" >
</div>
</item>
</list-item>
......
src/router/index.js
View file @ 56d58a65
......@@ -21,6 +21,8 @@ import Location from '@/pages/home/location'
// 我的
import MyInfo from '@/pages/myInfo/my-info'
// 我的收藏
import MyProductList from '@/pages/myProductCollection/my-product-list'
// test工具类
import HlsPopup from '@/pages/hlsPopup'
......@@ -181,6 +183,8 @@ export default new Router({
// 我的还款
{path: '/reimburse-myself-list', component: ReimburseMyselfList, name: 'ReimburseMyselfList', meta: {keepAlive: true}},
{path: '/reimburse-detail', component: ReimburseDetail, name: 'ReimburseDetail', meta: {keepAlive: false}},
// 我的收藏
{path: '/my-product-list', component: MyProductList, name: 'MyProductList', meta: {keepAlive: true}},
],
scrollBehavior (to, from, savedPosition) {
......
src/scripts/filter.js
View file @ 56d58a65
......@@ -35,4 +35,12 @@ export default (Vue) => {
const ss = date.getSeconds()
return `${YYYY}-${format(MM)}-${format(DD)} ${format(hh)}:${format(mm)}:${format(ss)}`
})
Vue.filter('dateFormat', timestamp => {
if (timestamp) {
var newDate = /\d{4}-\d{1,2}-\d{1,2}/g.exec(timestamp)
return newDate[0]
} else {
return ''
}
})
}
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