b2894lxlx/jjx-wap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

20261008

Browse Source
This commit is contained in:
b2894lxlx
2026-10-08 18:34:09 +08:00
commit 2933904f4c
905 changed files with 112129 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/junk/junk.vue
+523
View File
@@ -0,0 +1,523 @@
<template> <!-- 旧货交易 -->
<view class="wrap">
<!-- 吸顶 -->
<u-sticky offset-top="0" customNavHeight="0">
<!-- 顶部 -->
<uiheader title="旧货交易"></uiheader>
<!-- 搜索栏 -->
<cmsearch :k="keyword" @search="afterSearch"></cmsearch>
</u-sticky>
<!-- 轮播图-传值:list="数组" -->
<cmswiper page="old" height="320rpx"></cmswiper>
<!-- 四个入口 -->
<view class="bg-white p-20 flex justify-center items-center">
<view class="flex-1 mx-20">
<u-button type="primary" shape="circle" size="mini" @click="toRelease">发布旧货</u-button>
</view>
<view class="flex-1 mx-20">
<u-button type="primary" shape="circle" size="mini" plain @click="toMyEnquiry">我发布的</u-button>
</view>
<view class="flex-1 mx-20">
<u-button type="primary" shape="circle" size="mini" plain @click="toMyQuote">我的报价</u-button>
</view>
</view>
<cmfourth></cmfourth>
<!-- 加急公告 -->
<view class="layout layout-notice bg-white flex justify-start align-center">
<view class="notice-left">
<view>加急</view>
<view>公告</view>
</view>
<view class="notice-right m-left-30">
<swiper class="swiper-box" vertical="true" :autoplay="true" :interval="3000" :duration="1000"
next-margin="48rpx">
<swiper-item class="swiper-item" v-for="(item, index) in urgentList" :key="index"
@click="$jump(`/pages/junk/detail?id=${item._id}`)">
<view class="swiper-item">
<view class="city" v-if="item.addressRegion && item.addressRegion.city">[{{
item.addressRegion.city.name
}}]
</view>
<template v-else>
<view class="city" v-if="item.deliverAddressRegion && item.deliverAddressRegion.city">[{{
item.deliverAddressRegion.city.name
}}]
</view>
</template>
<view class="text text-single">{{ item.title }}</view>
<view class="date">{{ dayjs(item._add_time_str).format('MM-DD') }}</view>
</view>
</swiper-item>
</swiper>
</view>
</view>
<!-- 最新拍卖消息 -->
<view class="layout layout-list">
<view class="list-h2">
<view class="big">最新拍卖消息</view>
<view class="more" @click="listLink(0)">更多></view>
</view>
<view class="list-box m-top-10">
<view class="li text-single" v-for="(item, index) in dataList[0]" :key="index"
v-if="item.addressRegion && item.addressRegion.city "
@click="$jump(`/pages/junk/detail?id=${item._id}`)">
<text>【{{ item.addressRegion.city.name }}】</text>
<text class="text-main" v-if="item.isUrgent">[加急]</text>
{{ item.title }}
</view>
</view>
</view>
<!-- 最新采购消息 -->
<view class="layout layout-list">
<view class="list-h2">
<view class="big">最新采购消息</view>
<view class="more" @click="listLink(1)">更多></view>
</view>
<view class="list-box m-top-10">
<view class="li text-single" v-for="(item, index) in dataList[1]" :key="index"
v-if="item.deliverAddressRegion && item.deliverAddressRegion.city "
@click="$jump(`/pages/junk/detail?id=${item._id}`)">
<text>【{{ item.deliverAddressRegion.city.name }}】</text>
<text class="text-main" v-if="item.isUrgent">[加急]</text>
{{ item.title }}
</view>
</view>
</view>
<!-- 列表-最新租赁消息 -->
<view class="layout layout-list">
<view class="list-h2">
<view class="big red">最新租赁消息</view>
<view class="more" @click="listLink(2)">更多></view>
</view>
<view class="list-box m-top-10">
<view class="li text-single" v-for="(item, index) in dataList[2]" :key="index"
@click="$jump(`/pages/junk/detail?id=${item._id}`)">
<text v-if="item.addressRegion && item.addressRegion.city">【{{ item.addressRegion.city.name }}】</text>
<template v-else>
<text v-if="item.deliverAddressRegion && item.deliverAddressRegion.city">【{{ item.deliverAddressRegion.city.name }}】</text>
</template>
<text class="text-main" v-if="item.isUrgent">[加急]</text>
{{ item.title }}
</view>
</view>
</view>
<!-- 列表-最新物资回收消息 -->
<view class="layout layout-list">
<view class="list-h2">
<view class="big red">最新物资回收消息</view>
<view class="more" @click="listLink(3)">更多></view>
</view>
<view class="list-box m-top-10">
<view class="li text-single" v-for="(item, index) in dataList[3]" :key="index"
v-if="item.addressRegion && item.addressRegion.city "
@click="$jump(`/pages/junk/detail?id=${item._id}`)">
<text>【{{ item.addressRegion.city.name }}】</text>
<text class="text-main" v-if="item.isUrgent">[加急]</text>
{{ item.title }}
</view>
</view>
</view>
<!-- 品牌推荐 -->
<view class="layout layout-brand bg-white">
<view class="brand-img flex justify-center p-top-20">
<image class="img" src="/static/img/brand.png" mode=""></image>
</view>
<view class="brand-box flex justify-between flex-wrap">
<view class="item" v-for="(item, index) in companyList" :key="index"
@click="$jump(`/pages/yellow/detail?id=${item.uid}`)">
<view class="flex flex-col justify-start items-start ml-10" style="width: 290rpx">
<view class="text text-24 flex-1 u-line-1">{{ item.company.companyName }}</view>
<view class="main m-top-10 u-line-1">
主营：{{
(item.mainSpotCategory && item.mainSpotCategory.length > 0) ? item.mainSpotCategory.join() : (item.company.mainSpotCategorySelf || '')
}}
</view>
</view>
</view>
</view>
</view>
<!-- <view v-if="showMore" class="more-btns">-->
<!-- <view class="item" @click="toMyQuote">-->
<!-- <u-icon name="order" color="#A92924" size="24"></u-icon>-->
<!-- </view>-->
<!-- <view class="item" @click="toMyEnquiry">-->
<!-- <u-icon name="account" color="#A92924" size="24"></u-icon>-->
<!-- </view>-->
<!-- <view class="item" @click="toRelease">-->
<!-- <u-icon name="plus" color="#A92924" size="24"></u-icon>-->
<!-- </view>-->
<!-- </view>-->
<!-- <view class="issue" @click="showMore = !showMore">-->
<!-- <u-icon :name="showMore ? 'close' : 'plus'" color="#fff" size="24"></u-icon>-->
<!-- </view>-->
<collapse></collapse>
</view>
</template>
<script>
import uiheader from '@/components/index/header'
import cmsearch from '@/components/common/search'
import cmempty from '@/components/common/empty'
import cmfourth from '@/components/common/fourth'
import cmswiper from '@/components/common/swiper'
import dayjs from 'dayjs'
import Collapse from "@/components/index/collapse.vue";
import {FactoryBuilding} from "@icon-park/vue";
export default {
components: {
FactoryBuilding,
Collapse,
uiheader,
cmsearch,
cmempty,
cmfourth,
cmswiper,
},
data() {
return {
companyList: [],
dataList: [],
urgentList: [],
allChildCate: [],
keyword: '',
showMore: false
};
},
methods: {
dayjs,
toMyEnquiry() {
vk.navigateTo({
url: '/pages/junk/my'
})
},
toMyQuote() {
vk.navigateTo({
url: '/pages/junk/myQuote'
})
},
listLink(type) {
vk.navigateTo(`/pages/junk/list?type=${type}`);
},
async toRelease() {
const {userInfo, accountNum} = await vk.callFunction({
url: 'user/kh/getMyUserInfo'
})
if (!userInfo.fadadaConfirm || [-1, 2].includes(userInfo.authStatus)) {
uni.showModal({
title: '提示',
content: '您尚未认证, 是否前往认证?',
success: res => {
if (res.confirm) {
uni.setStorageSync('user_tab', 0)
uni.switchTab({url: '/pages/user/user'})
}
}
})
} else if (vk.pubfn.isNull(userInfo.businessCard)) {
uni.showModal({
title: '提示',
content: '请完善名片信息',
success: res => {
if (res.confirm) {
uni.setStorageSync('user_tab', 1)
uni.switchTab({url: '/pages/user/user'})
}
}
})
} else if (accountNum === 0) {
uni.showModal({
title: '提示',
content: '请先到个人中心添加收款账户',
success: res => {
if (res.confirm) {
uni.setStorageSync('user_tab', 7)
uni.switchTab({url: '/pages/user/user'})
}
}
})
} else {
vk.navigateTo({
url: '/pages/junk/publish'
})
}
},
async getInfo(id) {
this.info = await vk.callFunction({
url: 'client/goods/list/pub/getDetail',
data: {
id
}
})
},
getCategoryTreeData() {
vk.callFunction({
url: 'client/spot/category/pub/getTree',
title: '请求中...',
data: {},
success: (data) => {
this.allChildCate = []
data.rows.forEach(item => {
item.children.forEach(child => {
this.allChildCate.push(child)
})
})
this.getCompanyList()
}
});
},
async getCompanyList() {
const {rows} = await vk.callFunction({
url: 'client/user/pub/getCompany',
data: {isCoop: 1}
})
this.companyList = rows.map(item => {
item.name = item.company.companyName
item.mainSpotCategory = []
if (item.company && item.company.mainSpotCategoryIds) {
this.allChildCate.forEach(child => {
if (item.company.mainSpotCategoryIds.includes(child._id)) {
item.mainSpotCategory.push(child.name)
}
})
}
return item
})
},
afterSearch(keyword) {
this.keyword = keyword
this.getDataList()
},
async getDataList() {
for (let i = 0; i < 4; i++) {
const {rows} = await vk.callFunction({
url: 'client/old/pub/getList',
data: {
type: i,
keyword: this.keyword
}
})
this.dataList[i] = rows.map(item => {
item.addDate = dayjs(item._add_time).format('MM-DD')
return item
})
this.$forceUpdate()
}
},
async getUrgentList() {
const {rows} = await vk.callFunction({
url: 'client/old/pub/getList',
data: {
isUrgent: true
}
})
this.urgentList = rows.map(item => {
item.addDate = dayjs(item._add_time).format('MM-DD')
return item
})
console.log(this.urgentList)
}
},
onLoad(option) {
if (option.keyword) this.keyword = option.keyword
this.getCategoryTreeData()
this.getDataList()
this.getUrgentList()
}
}
</script>
<style lang="scss">
page {
background: #F8F8F8;
}
.layout-notice {
margin: 20rpx 30rpx;
padding: 20rpx 20rpx;
.notice-left {
width: 80rpx;
height: 100%;
font-size: 28rpx;
font-weight: 600;
line-height: 32rpx;
color: #A92924;
border-right: 1px solid #f2f2f2;
}
.notice-right {
width: 550rpx;
height: auto;
}
.swiper-box {
width: 100%;
height: 96rpx;
}
.swiper-item {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 48rpx !important;
overflow: hidden;
font-size: 24rpx;
line-height: 48rpx;
color: #999999;
.text {
margin: 0 10rpx;
max-width: 300rpx;
color: #333333;
}
}
}
.layout-banner {
padding: 0rpx 30rpx;
.banner {
margin-top: 20rpx;
width: 100%;
height: 126rpx;
}
}
.layout-brand {
margin: 30rpx 30rpx 10rpx;
.brand-img {
.img {
width: 174rpx;
height: 58rpx;
}
}
}
.brand-box {
padding: 10rpx;
.item {
position: relative;
width: 50%;
height: 136rpx;
//padding: 10rpx;
box-sizing: border-box;
border-bottom: 1px solid #f2f2f2;
display: flex;
align-items: center;
justify-content: center;
.main {
height: 36rpx;
font-size: 24rpx;
line-height: 36rpx;
color: #666666;
}
.company {
width: 64rpx;
//height: 64rpx;
.icon {
width: 64rpx;
height: 64rpx;
}
.text {
font-size: 25rpx;
font-weight: 600;
line-height: 48rpx;
color: #101010;
}
}
}
.item:nth-child(2n+1) {
border-right: 1px solid #f2f2f2;
}
.item:nth-last-child(-n+2) {
border-bottom: none;
}
}
.layout-list {
margin: 20rpx 30rpx 10rpx;
border-radius: 12rpx;
.list-h2 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10rpx 0rpx;
.big {
font-size: 28rpx;
line-height: 48rpx;
color: #000000;
}
.more {
font-size: 26rpx;
line-height: 40rpx;
color: #A92924;
}
.red {
color: #A92924 !important;
}
}
.list-box {
padding: 20rpx 20rpx;
background: #FFFDFD;
border-radius: 20rpx;
.li {
position: relative;
width: 100%;
height: 48rpx;
font-size: 24rpx;
line-height: 48rpx;
color: #6c6c6c;
text-indent: 1em;
&:before {
position: absolute;
left: 0;
top: 50%;
z-index: 9;
content: '';
margin-top: -2px;
width: 4px;
height: 4px;
background: #A92924;
border-radius: 50%;
}
}
}
}
.more-btns {
position: fixed;
right: 30rpx;
bottom: 220rpx;
z-index: 99;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 90rpx;
border-radius: 999rpx;
background: white;
border: 1px solid #A92924;
.item {
margin: 20rpx 0;
}
}
</style>