3.13(优化
This commit is contained in:
@@ -7,6 +7,35 @@ export function getDetailAPI(noteId) {
|
|||||||
method: 'get'
|
method: 'get'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
//热门搜索记录
|
||||||
|
export function getHistoryListAll(noteId) {
|
||||||
|
return request({
|
||||||
|
url: `/api/front/hot/history/list/all`,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//添加搜索历史 /api/front/personal/search/history/search/{searchKey}
|
||||||
|
export function getHistoryListSearch(searchKey) {
|
||||||
|
return request({
|
||||||
|
url: `/api/front/personal/search/history/search/${searchKey}`,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//搜索历史 /api/front/personal/search/history/list/page
|
||||||
|
export function getHistoryListPage(searchKey) {
|
||||||
|
return request({
|
||||||
|
url: `/api/front/personal/search/history/list/page`,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//删除历史记 /api/front/personal/search/history/del
|
||||||
|
export function getHistoryListDel(data) {
|
||||||
|
return request({
|
||||||
|
url: `/api/front/personal/search/history/del`,
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
//分享社区笔记 api/front/community/note/share/{noteId}
|
//分享社区笔记 api/front/community/note/share/{noteId}
|
||||||
export function getNoteShare(noteId) {
|
export function getNoteShare(noteId) {
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@@ -13,15 +13,17 @@ export const carShopUserMenuList = [{
|
|||||||
}, {
|
}, {
|
||||||
text: '我的收藏',
|
text: '我的收藏',
|
||||||
path: '/pages/carShop/mine/my_favorite/my_favorite'
|
path: '/pages/carShop/mine/my_favorite/my_favorite'
|
||||||
}, {
|
},
|
||||||
text: '我的足迹',
|
// {
|
||||||
path: '/pages/carShop/community/community'
|
// text: '我的足迹',
|
||||||
}, {
|
// path: '/pages/carShop/community/community'
|
||||||
|
// },
|
||||||
|
{
|
||||||
text: '我的钱包',
|
text: '我的钱包',
|
||||||
path: '/pages/carShop/mine/wallet/wallet'
|
path: '/pages/carShop/mine/wallet/wallet'
|
||||||
}, {
|
}, {
|
||||||
text: '我的推广',
|
text: '我的推广',
|
||||||
path: '/pages/carShop/community/community'
|
path: '/pages/driver/welfare/invite/invite'
|
||||||
}, {
|
}, {
|
||||||
text: '联系客服',
|
text: '联系客服',
|
||||||
path: '/pages/carShop/community/community'
|
path: '/pages/carShop/community/community'
|
||||||
|
|||||||
@@ -2,8 +2,8 @@
|
|||||||
"name" : "滴友之家test",
|
"name" : "滴友之家test",
|
||||||
"appid" : "__UNI__F2BE74F",
|
"appid" : "__UNI__F2BE74F",
|
||||||
"description" : "",
|
"description" : "",
|
||||||
"versionName" : "1.0.6",
|
"versionName" : "1.0.7",
|
||||||
"versionCode" : 106,
|
"versionCode" : 107,
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
"usingComponents" : true,
|
"usingComponents" : true,
|
||||||
|
|||||||
@@ -1384,6 +1384,14 @@
|
|||||||
"navigationBarTitleText" : "我的评价",//租车订单
|
"navigationBarTitleText" : "我的评价",//租车订单
|
||||||
"enablePullDownRefresh" : false
|
"enablePullDownRefresh" : false
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path" : "pages/search/search",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText" : "搜索",
|
||||||
|
"enablePullDownRefresh" : false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"tabBar": {
|
"tabBar": {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<z-paging ref="paging" v-model="dataList" @query="queryList"
|
<z-paging ref="paging" v-model="dataList" @query="queryList" @scroll="scrollFn"
|
||||||
:hide-empty-view="userInfo.concernedNum==0 && actTabType == 5">
|
:hide-empty-view="userInfo.concernedNum==0 && actTabType == 5">
|
||||||
<view slot="top">
|
<view slot="top">
|
||||||
<view class="navbar-box fixed-top bg-white">
|
<view class="navbar-box fixed-top bg-white">
|
||||||
@@ -13,7 +13,7 @@
|
|||||||
{{unreadNum}}
|
{{unreadNum}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="search-box ">
|
<view class="search-box" @click="$tab.navigateTo('/pages/search/search')">
|
||||||
<view class="search-box-c flex align-center">
|
<view class="search-box-c flex align-center">
|
||||||
<image class="search-box-image" src="@/static/images/app/icon/search.png" mode="">
|
<image class="search-box-image" src="@/static/images/app/icon/search.png" mode="">
|
||||||
</image>
|
</image>
|
||||||
@@ -35,7 +35,7 @@
|
|||||||
<view class="">
|
<view class="">
|
||||||
<view :style="`height: ${$u.sys().statusBarHeight}px;`" />
|
<view :style="`height: ${$u.sys().statusBarHeight}px;`" />
|
||||||
</view>
|
</view>
|
||||||
<view style="height: 200rpx;" />
|
<view v-if="showElement" style="height: 200rpx;" />
|
||||||
</view>
|
</view>
|
||||||
<view class="swiper-box" v-if="actTabType != 5">
|
<view class="swiper-box" v-if="actTabType != 5">
|
||||||
<u-swiper keyName="image" :list="brannerList" height="560rpx" @change="brannerChange"
|
<u-swiper keyName="image" :list="brannerList" height="560rpx" @change="brannerChange"
|
||||||
@@ -249,7 +249,7 @@
|
|||||||
//未关注列表
|
//未关注列表
|
||||||
noAttentionList: [],
|
noAttentionList: [],
|
||||||
showElement: true, // 初始化为显示状态
|
showElement: true, // 初始化为显示状态
|
||||||
prevScrollTop: 0, // 记录上一次滚动的位置
|
prevScrollTop: 80, // 记录上一次滚动的位置
|
||||||
current: 0,
|
current: 0,
|
||||||
userInfo: uni.getStorageSync('userInfo'),
|
userInfo: uni.getStorageSync('userInfo'),
|
||||||
config: getApp().globalData.config,
|
config: getApp().globalData.config,
|
||||||
@@ -269,20 +269,6 @@
|
|||||||
unreadNum: 0
|
unreadNum: 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onPageScroll(e) {
|
|
||||||
// 获取当前滚动的位置
|
|
||||||
const scrollTop = e.scrollTop;
|
|
||||||
// 判断滚动方向
|
|
||||||
if (scrollTop > this.prevScrollTop) {
|
|
||||||
// 向下滚动,隐藏元素
|
|
||||||
this.showElement = false;
|
|
||||||
} else {
|
|
||||||
// 向上滚动,显示元素
|
|
||||||
this.showElement = true;
|
|
||||||
}
|
|
||||||
// 更新上一次滚动的位置
|
|
||||||
this.prevScrollTop = scrollTop;
|
|
||||||
},
|
|
||||||
onShow() {
|
onShow() {
|
||||||
this.init()
|
this.init()
|
||||||
this.userInfo = uni.getStorageSync('userInfo')
|
this.userInfo = uni.getStorageSync('userInfo')
|
||||||
@@ -295,6 +281,18 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//监听滚动
|
||||||
|
scrollFn(e) {
|
||||||
|
const scrollTop = e.target.scrollTop;
|
||||||
|
// 判断滚动方向
|
||||||
|
if (scrollTop > this.prevScrollTop) {
|
||||||
|
// 向下滚动,隐藏元素
|
||||||
|
this.showElement = false;
|
||||||
|
} else {
|
||||||
|
// 向上滚动,显示元素
|
||||||
|
this.showElement = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
//发布
|
//发布
|
||||||
issueFn() {
|
issueFn() {
|
||||||
uni.showActionSheet({
|
uni.showActionSheet({
|
||||||
@@ -539,14 +537,13 @@
|
|||||||
|
|
||||||
.navbar-box {
|
.navbar-box {
|
||||||
width: calc(750rpx);
|
width: calc(750rpx);
|
||||||
|
|
||||||
.navbar-top {
|
.navbar-top {
|
||||||
padding: 0 24rpx;
|
padding: 0 24rpx;
|
||||||
// #ifdef MP-WEIXIN
|
// #ifdef MP-WEIXIN
|
||||||
width: 550rpx;
|
width: 550rpx;
|
||||||
// #endif
|
// #endif
|
||||||
// #ifdef APP
|
// #ifdef APP
|
||||||
width: 702rpx;
|
width: 750rpx;
|
||||||
// #endif
|
// #endif
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
|
|
||||||
@@ -606,11 +603,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tab-box {
|
.tab-box {
|
||||||
padding: 0 32rpx;
|
padding:0 0 24rpx 0rpx;
|
||||||
width: calc(750rpx - 64rpx);
|
width: calc(750rpx - 64rpx);
|
||||||
|
margin-left: 32rpx;
|
||||||
.tab-item {
|
.tab-item {
|
||||||
|
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
line-height: 110rpx;
|
line-height: 110rpx;
|
||||||
color: #666;
|
color: #666;
|
||||||
|
|||||||
@@ -910,7 +910,9 @@
|
|||||||
if (this.replyAddData.content !== '') {
|
if (this.replyAddData.content !== '') {
|
||||||
replyAddAPI(this.replyAddData).then(res => {
|
replyAddAPI(this.replyAddData).then(res => {
|
||||||
this.replyAddData.content = ''
|
this.replyAddData.content = ''
|
||||||
this.$refs.paging.reload()
|
res.data.replyList=[]
|
||||||
|
this.replyListAll.push(res.data)
|
||||||
|
this.getDetail(this.noteId)
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
this.$toast('不能为空')
|
this.$toast('不能为空')
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<z-paging ref="paging" v-model="dataList" @query="queryList"
|
<z-paging ref="paging" v-model="dataList" @query="queryList" @scroll="scrollFn"
|
||||||
:hide-empty-view="userInfo.concernedNum==0 && actTabType == 5">
|
:hide-empty-view="userInfo.concernedNum==0 && actTabType == 5">
|
||||||
<view slot="top">
|
<view slot="top">
|
||||||
<view class="navbar-box fixed-top bg-white">
|
<view class="navbar-box fixed-top bg-white">
|
||||||
@@ -13,7 +13,7 @@
|
|||||||
{{unreadNum}}
|
{{unreadNum}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="search-box ">
|
<view class="search-box " @click="$tab.navigateTo('/pages/search/search')">
|
||||||
<view class="search-box-c flex align-center">
|
<view class="search-box-c flex align-center">
|
||||||
<image class="search-box-image" src="@/static/images/app/icon/search.png" mode="">
|
<image class="search-box-image" src="@/static/images/app/icon/search.png" mode="">
|
||||||
</image>
|
</image>
|
||||||
@@ -35,7 +35,7 @@
|
|||||||
<view class="">
|
<view class="">
|
||||||
<view :style="`height: ${$u.sys().statusBarHeight}px;`" />
|
<view :style="`height: ${$u.sys().statusBarHeight}px;`" />
|
||||||
</view>
|
</view>
|
||||||
<view style="height: 200rpx;" />
|
<view v-if="showElement" style="height: 200rpx;" />
|
||||||
</view>
|
</view>
|
||||||
<view class="swiper-box" v-if="actTabType != 5">
|
<view class="swiper-box" v-if="actTabType != 5">
|
||||||
<u-swiper keyName="image" :list="brannerList" height="560rpx" @change="brannerChange"
|
<u-swiper keyName="image" :list="brannerList" height="560rpx" @change="brannerChange"
|
||||||
@@ -248,7 +248,7 @@
|
|||||||
//未关注列表
|
//未关注列表
|
||||||
noAttentionList: [],
|
noAttentionList: [],
|
||||||
showElement: true, // 初始化为显示状态
|
showElement: true, // 初始化为显示状态
|
||||||
prevScrollTop: 0, // 记录上一次滚动的位置
|
prevScrollTop: 80, // 记录上一次滚动的位置
|
||||||
current: 0,
|
current: 0,
|
||||||
userInfo: {},
|
userInfo: {},
|
||||||
config: getApp().globalData.config,
|
config: getApp().globalData.config,
|
||||||
@@ -273,20 +273,6 @@
|
|||||||
maskingShow: false,
|
maskingShow: false,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// onPageScroll(e) {
|
|
||||||
// // 获取当前滚动的位置
|
|
||||||
// const scrollTop = e.scrollTop;
|
|
||||||
// // 判断滚动方向
|
|
||||||
// if (scrollTop > this.prevScrollTop) {
|
|
||||||
// // 向下滚动,隐藏元素
|
|
||||||
// this.showElement = false;
|
|
||||||
// } else {
|
|
||||||
// // 向上滚动,显示元素
|
|
||||||
// this.showElement = true;
|
|
||||||
// }
|
|
||||||
// // 更新上一次滚动的位置
|
|
||||||
// this.prevScrollTop = scrollTop;
|
|
||||||
// },
|
|
||||||
onShow() {
|
onShow() {
|
||||||
this.init()
|
this.init()
|
||||||
this.userInfo = uni.getStorageSync('userInfo')
|
this.userInfo = uni.getStorageSync('userInfo')
|
||||||
@@ -304,6 +290,21 @@
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//监听滚动
|
||||||
|
scrollFn(e) {
|
||||||
|
// console.log('number', e);
|
||||||
|
const scrollTop = e.target.scrollTop;
|
||||||
|
// console.log("number", scrollTop, this.prevScrollTop);
|
||||||
|
// 判断滚动方向
|
||||||
|
if (scrollTop > this.prevScrollTop) {
|
||||||
|
// console.log("number", scrollTop, this.prevScrollTop);
|
||||||
|
// 向下滚动,隐藏元素
|
||||||
|
this.showElement = false;
|
||||||
|
} else {
|
||||||
|
// 向上滚动,显示元素
|
||||||
|
this.showElement = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
//视频监听播放
|
//视频监听播放
|
||||||
handleVideoClick(index) {
|
handleVideoClick(index) {
|
||||||
this.dataList.forEach((item, i) => {
|
this.dataList.forEach((item, i) => {
|
||||||
@@ -358,7 +359,6 @@
|
|||||||
this.noAttentionList[index].isConcerned = !this.noAttentionList[index].isConcerned
|
this.noAttentionList[index].isConcerned = !this.noAttentionList[index].isConcerned
|
||||||
concernedAuthor(item.id).then(res => {
|
concernedAuthor(item.id).then(res => {
|
||||||
this.$refs.paging.refresh();
|
this.$refs.paging.refresh();
|
||||||
console.log(this.dataList.length, this.actTabType == 5);
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
//删除
|
//删除
|
||||||
@@ -396,11 +396,10 @@
|
|||||||
url: `/pages/driver/index/consult_detail?id=${item.id}`
|
url: `/pages/driver/index/consult_detail?id=${item.id}`
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages/driver/index/detail?id=${item.id}`
|
url: `/pages/driver/index/detail?id=${item.id}`
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
//查看
|
//查看
|
||||||
examineFn(urlList, index) {
|
examineFn(urlList, index) {
|
||||||
@@ -554,14 +553,13 @@
|
|||||||
|
|
||||||
.navbar-box {
|
.navbar-box {
|
||||||
width: calc(750rpx);
|
width: calc(750rpx);
|
||||||
|
|
||||||
.navbar-top {
|
.navbar-top {
|
||||||
padding: 0 24rpx;
|
padding: 0 24rpx;
|
||||||
// #ifdef MP-WEIXIN
|
// #ifdef MP-WEIXIN
|
||||||
width: 550rpx;
|
width: 550rpx;
|
||||||
// #endif
|
// #endif
|
||||||
// #ifdef APP
|
// #ifdef APP
|
||||||
width: 702rpx;
|
width: 750rpx;
|
||||||
// #endif
|
// #endif
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
|
|
||||||
@@ -624,11 +622,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tab-box {
|
.tab-box {
|
||||||
padding: 0 32rpx;
|
padding:0 0 24rpx 0rpx;
|
||||||
width: calc(750rpx - 64rpx);
|
width: calc(750rpx - 64rpx);
|
||||||
|
margin-left: 32rpx;
|
||||||
.tab-item {
|
.tab-item {
|
||||||
|
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
line-height: 110rpx;
|
line-height: 110rpx;
|
||||||
color: #666;
|
color: #666;
|
||||||
|
|||||||
@@ -177,7 +177,7 @@
|
|||||||
projectList: this.materialRequisition
|
projectList: this.materialRequisition
|
||||||
}
|
}
|
||||||
receiveUpdate(obj).then(res => {
|
receiveUpdate(obj).then(res => {
|
||||||
uni.navigateTo({
|
uni.redirectTo({
|
||||||
url: '/pages/repair/accessory/sub_warehowse/particulars'
|
url: '/pages/repair/accessory/sub_warehowse/particulars'
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -770,6 +770,19 @@
|
|||||||
} else if (e == 2) {
|
} else if (e == 2) {
|
||||||
this.dataItem = e
|
this.dataItem = e
|
||||||
this.auditShow = true
|
this.auditShow = true
|
||||||
|
} else if (e == 3) {
|
||||||
|
// 预约接待-到店
|
||||||
|
this.$refs.prompt.tipContent = {
|
||||||
|
title: '确认到店',
|
||||||
|
content: `是否确认车牌号为【${this.detail.carNo}】的用户已到店?`,
|
||||||
|
confirmText: '确认',
|
||||||
|
cancelText: '取消',
|
||||||
|
}
|
||||||
|
this.dataItem = e
|
||||||
|
this.$refs.prompt.show = true
|
||||||
|
}else if (e == 4) {
|
||||||
|
// 维修接待-开单
|
||||||
|
this.$tab.navigateTo(`./reservation/createOrder?id=${this.detail.id}`)
|
||||||
} else if (e == 5) {
|
} else if (e == 5) {
|
||||||
this.dataItem = e
|
this.dataItem = e
|
||||||
this.$refs.repairCompleted.show = true
|
this.$refs.repairCompleted.show = true
|
||||||
|
|||||||
384
pages/search/search.vue
Normal file
384
pages/search/search.vue
Normal file
@@ -0,0 +1,384 @@
|
|||||||
|
<template>
|
||||||
|
<z-paging ref="paging" v-model="dataList" @query="queryList" :auto="false">
|
||||||
|
<view slot="top" class="search">
|
||||||
|
<u-search :showAction="true" placeholder="亲输入搜索内容" v-model="searchWord" actionText="搜索" :animation="true"
|
||||||
|
@custom="customFn"></u-search>
|
||||||
|
</view>
|
||||||
|
<view class="search" v-if="!dataList.length">
|
||||||
|
<view class="search-title f-36 c222">热门搜索</view>
|
||||||
|
<view class="search-label f-24 c111 flex align-center flex-wrap">
|
||||||
|
<view class="search-label-list" v-for="(item,index) in labelList" :key="index" @click="searchFn(item.searchTerm)">
|
||||||
|
{{item.searchTerm}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="search-title f-36 c222 flex justify-between align-center">
|
||||||
|
<view>近期搜索</view>
|
||||||
|
<image @click="delSearchFn(false)" src="@/static/images/icon/del.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="search-history">
|
||||||
|
<view class="search-history-list f-28 c111 flex justify-between align-center"
|
||||||
|
v-for="(item,index) in historyList" :key="index" @click="searchFn(item.searchQuery)">
|
||||||
|
<view>{{item.searchQuery}}</view>
|
||||||
|
<image @click.stop="delSearchFn(item.id)" src="@/static/images/icon/x_2.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-box">
|
||||||
|
<view v-for="(item,index) in dataList" :key="index">
|
||||||
|
<view class="user-item border-bottom border-eee">
|
||||||
|
<view class="user-info flex align-center justify-between">
|
||||||
|
<view class="left flex align-center" @click.stop="linkPersonalCenter(item.authorId)">
|
||||||
|
<image :src="item.authorAvatar" mode=""></image>
|
||||||
|
<view class="">
|
||||||
|
<view class="f-28 c666">
|
||||||
|
{{item.authorName}}
|
||||||
|
</view>
|
||||||
|
<view class="f-24 c666">
|
||||||
|
IP {{item.city || "未知"}} {{item.diffDays}}天前
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="image-box" @click.stop="reportFn(item)">
|
||||||
|
<image src="@/static/images/app/icon/more.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="content-title line-two" @click="toDetailPages(item,index)">
|
||||||
|
{{item.content?item.content:'分享图片'}}
|
||||||
|
</view>
|
||||||
|
<!-- <video :id="'refVideo'+item.id" v-if="item.video" :src="item.video" initial-time="1s"
|
||||||
|
:poster="item.cover" class="video-box" @play="handleVideoClick(index)"
|
||||||
|
@pause="currentVideoIndex = -1">
|
||||||
|
</video> -->
|
||||||
|
<view class="video-box" v-if="item.video" @click="toDetailPages(item,index)">
|
||||||
|
<image class="video-box-bo" src="@/static/images/app/mine/bo_fang.png" mode=""></image>
|
||||||
|
<image class="video-box-bg" :src="item.cover" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.image" class="image-list-box ">
|
||||||
|
<view v-if="item.image.length==1">
|
||||||
|
<view v-for="(itemImage,imageIndex) in item.image" :key="imageIndex">
|
||||||
|
<image class="image-one" :src="itemImage" mode="cover"
|
||||||
|
@click.stop="examineFn(item.image,imageIndex)"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.image.length==2" style="width: 100%;" class="flex justify-between">
|
||||||
|
<view v-for="(itemImage,imageIndex) in item.image" :key="imageIndex">
|
||||||
|
<image class="image-two" :src="itemImage" mode="cover"
|
||||||
|
@click.stop="examineFn(item.image,imageIndex)"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.image.length==4" style="width: 100%;" class="flex justify-between flex-wrap">
|
||||||
|
<view v-for="(itemImage,imageIndex) in item.image" :key="imageIndex">
|
||||||
|
<image class="image-two" :src="itemImage" mode="cover"
|
||||||
|
@click.stop="examineFn(item.image,imageIndex)"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.image.length>2&&item.image.length!=4" class="flex-wrap flex justify-between">
|
||||||
|
<view v-for="(itemImage,imageIndex) in item.image" :key="imageIndex">
|
||||||
|
<image class="image-three" :src="itemImage" mode="cover"
|
||||||
|
@click.stop="examineFn(item.image,imageIndex)"></image>
|
||||||
|
</view>
|
||||||
|
<view v-for="(a,b) in (item.image.length%3-1)<0?0:(item.image.length%3-1)">
|
||||||
|
<view class="image-three"></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="faceback-box flex align-center justify-between">
|
||||||
|
<view class="" @click.stop="delCommFn(item, index)">
|
||||||
|
<!-- <text class="red" v-if="userInfo.id == item.authorId">删除</text> -->
|
||||||
|
</view>
|
||||||
|
<view class="flex align-center justify-end">
|
||||||
|
<view class="faceback-box-item flex align-center" @click.stop="shareFn(item)">
|
||||||
|
<image src="@/static/images/app/mine/share.png"></image>
|
||||||
|
{{item.shareNum}}
|
||||||
|
</view>
|
||||||
|
<view class="faceback-box-item flex align-center" @click="toDetailPages(item,index)">
|
||||||
|
<image src="@/static/images/app/mine/information.png"></image>
|
||||||
|
{{item.replyNum}}
|
||||||
|
</view>
|
||||||
|
<view class="faceback-box-item flex align-center" @click="Like(item)">
|
||||||
|
<image v-if="!item.userIsLike" src="@/static/images/app/mine/like.png">
|
||||||
|
</image>
|
||||||
|
<image v-if="item.userIsLike" src="@/static/images/app/icon/like.png"></image>
|
||||||
|
{{item.likeNum}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</z-paging>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getPlazaList,
|
||||||
|
getHistoryListAll,
|
||||||
|
getHistoryListSearch,
|
||||||
|
getHistoryListDel,
|
||||||
|
getHistoryListPage
|
||||||
|
} from "@/api/discover/discover.js"
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
//搜索框
|
||||||
|
searchWord: '',
|
||||||
|
labelList: [{
|
||||||
|
name: '新能源'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'BYD'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '轮胎常年不修会有什么隐患?应该如何避免?'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
historyList: [{
|
||||||
|
name: '轮胎保质期',
|
||||||
|
id:1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '左转灯不亮',
|
||||||
|
id:2
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '轮胎常年不修会有什么隐患?应该如何避免?',
|
||||||
|
id:3
|
||||||
|
}
|
||||||
|
],
|
||||||
|
dataList: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
//获取热门搜索
|
||||||
|
getHistoryListAll().then(res => {
|
||||||
|
console.log(res);
|
||||||
|
this.labelList=res.data
|
||||||
|
})
|
||||||
|
//搜索历史记录
|
||||||
|
this.getHistoryListPageFn()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//删除
|
||||||
|
delSearchFn(id) {
|
||||||
|
let ids = []
|
||||||
|
if (id) {
|
||||||
|
ids = [id]
|
||||||
|
} else {
|
||||||
|
this.historyList.forEach(item => {
|
||||||
|
ids.push(item.id)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
getHistoryListDel({
|
||||||
|
ids: ids
|
||||||
|
}).then(res => {
|
||||||
|
this.getHistoryListPageFn()
|
||||||
|
console.log('删除成功', res.data);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//搜索历史
|
||||||
|
getHistoryListPageFn() {
|
||||||
|
getHistoryListPage().then(res => {
|
||||||
|
console.log(res);
|
||||||
|
this.historyList=res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//点击热门,近期
|
||||||
|
searchFn(item) {
|
||||||
|
this.searchWord = item
|
||||||
|
this.$refs.paging.reload()
|
||||||
|
},
|
||||||
|
//搜索
|
||||||
|
customFn() {
|
||||||
|
if (this.searchWord) {
|
||||||
|
getHistoryListSearch(this.searchWord).then(res => {
|
||||||
|
console.log('添加成功');
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.$refs.paging.reload()
|
||||||
|
},
|
||||||
|
toDetailPages(item, index) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/driver/index/detail?id=${item.id}`
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//查看
|
||||||
|
examineFn(urlList, index) {
|
||||||
|
uni.previewImage({
|
||||||
|
urls: urlList,
|
||||||
|
current: index,
|
||||||
|
loop: true
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//列表
|
||||||
|
queryList(page, limit) {
|
||||||
|
getPlazaList({
|
||||||
|
searchWord: this.searchWord,
|
||||||
|
categoryId: 1,
|
||||||
|
page,
|
||||||
|
limit
|
||||||
|
}).then(res => {
|
||||||
|
console.log(res.data.list);
|
||||||
|
res.data.list.forEach(item => {
|
||||||
|
if (item.image != '') {
|
||||||
|
item.image = item.image.split(",")
|
||||||
|
} else {
|
||||||
|
item.image = []
|
||||||
|
}
|
||||||
|
const date1 = new Date();
|
||||||
|
const date2 = new Date(item.createTime);
|
||||||
|
// 计算相差的毫秒数
|
||||||
|
const diffTime = Math.abs(date2 - date1);
|
||||||
|
// 将毫秒数转换为天数
|
||||||
|
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
|
||||||
|
item.diffDays = diffDays
|
||||||
|
})
|
||||||
|
this.$refs.paging.complete(res.data.list);
|
||||||
|
}).catch(err => {
|
||||||
|
this.$refs.paging.complete(false)
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.search {
|
||||||
|
padding: 0 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-title {
|
||||||
|
margin: 48rpx 0 24rpx 0;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-history {
|
||||||
|
.search-history-list {
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 36rpx;
|
||||||
|
height: 36rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-label {
|
||||||
|
|
||||||
|
.search-label-list {
|
||||||
|
padding: 10rpx 20rpx;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
background: #F3F3F3;
|
||||||
|
margin-right: 32rpx;
|
||||||
|
margin-bottom: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-box {
|
||||||
|
padding: 0 32rpx;
|
||||||
|
|
||||||
|
.user-item {
|
||||||
|
padding-top: 48rpx;
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
.left {
|
||||||
|
image {
|
||||||
|
margin-right: 16rpx;
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-box {
|
||||||
|
image {
|
||||||
|
width: 32rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-title {
|
||||||
|
margin-top: 16rpx;
|
||||||
|
max-height: 86rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #111111;
|
||||||
|
line-height: 43rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.video-box {
|
||||||
|
width: 686rpx;
|
||||||
|
height: 686rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.video-box-bg {
|
||||||
|
width: 686rpx;
|
||||||
|
height: 686rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-box-bo {
|
||||||
|
position: absolute;
|
||||||
|
top: calc(50% - 60rpx);
|
||||||
|
left: calc(50% - 60rpx);
|
||||||
|
width: 120rpx;
|
||||||
|
height: 120rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.image-list-box {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
|
||||||
|
.image-one {
|
||||||
|
width: 686rpx;
|
||||||
|
height: 686rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-two {
|
||||||
|
width: 330rpx;
|
||||||
|
height: 330rpx;
|
||||||
|
box-shadow: 0rpx 0rpx 4rpx 0rpx rgba(0, 0, 0, 0.09);
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-three {
|
||||||
|
width: 218rpx;
|
||||||
|
height: 218rpx;
|
||||||
|
box-shadow: 0rpx 0rpx 4rpx 0rpx rgba(0, 0, 0, 0.09);
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.faceback-box {
|
||||||
|
padding: 34rpx 0;
|
||||||
|
|
||||||
|
.faceback-box-item {
|
||||||
|
margin-left: 48rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
margin: 0 16rpx;
|
||||||
|
width: 36rpx;
|
||||||
|
height: 36rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user