From d6dffd5f39c1c00056b7a23dbd9a57ec13fbc686 Mon Sep 17 00:00:00 2001
From: gxwebsoft <Websoft5386339>
Date: Mon, 4 Dec 2023 19:04:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=97=A7=E8=B4=A7=E4=BA=A4?=
 =?UTF-8?q?=E6=98=93=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/category-bar/category-bar.vue |   3 +-
 pages.json                               |   8 +
 pages/index/old/old.vue                  | 602 +++++++++++++++++++++++
 3 files changed, 612 insertions(+), 1 deletion(-)
 create mode 100644 pages/index/old/old.vue

diff --git a/components/category-bar/category-bar.vue b/components/category-bar/category-bar.vue
index 670107c..d6f954d 100644
--- a/components/category-bar/category-bar.vue
+++ b/components/category-bar/category-bar.vue
@@ -78,7 +78,8 @@
                                     :class="[currentPage.includes('process')  ? 'active' : '']">
                                     <a href="javascript:;">找加工</a>
                                 </li>
-                                <li class="nav ">
+                                <li class="nav " @click="navTo('/pages/index/old/old')"
+                                    :class="[currentPage.includes('old')  ? 'active' : '']">
                                     <a href="javascript:;">旧货交易</a>
                                 </li>
                                 <li @click="navTo('/pages/yellowPage/list')" class="nav "
diff --git a/pages.json b/pages.json
index 51cd7fd..1fe303f 100644
--- a/pages.json
+++ b/pages.json
@@ -248,6 +248,14 @@
                 "navigationBarTitleText" : "",
                 "enablePullDownRefresh" : false
             }
+        },
+        {
+        	"path" : "pages/index/old/old",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "",
+        		"enablePullDownRefresh" : false
+        	}
         }
     ],
 	"globalStyle": {
diff --git a/pages/index/old/old.vue b/pages/index/old/old.vue
new file mode 100644
index 0000000..543d6c3
--- /dev/null
+++ b/pages/index/old/old.vue
@@ -0,0 +1,602 @@
+<template>
+	<view>
+		<top-bar></top-bar>
+		<common-header></common-header>
+		<category-bar></category-bar>
+		<view class="carousel">
+			<el-carousel height="170px">
+				<el-carousel-item v-for="item in 4" :key="item">
+					<image class="carousel-img" src="/static/images/600fc93e6b85324b3ea1373ee264290d.jpg"
+						mode="aspectFill"></image>
+				</el-carousel-item>
+			</el-carousel>
+			<view class="goods-options">
+				<el-row class="">
+					<el-button @click="toRelease" type="primary" round>发布旧货交易</el-button>
+					<el-button @click="toMy" type="primary" round plain class="empty-bg-plain-btn">我发布的信息
+					</el-button>
+				</el-row>
+			</view>
+		</view>
+
+		<view class="nav-tool">
+			<view class="btn">
+				<image src="https://oss.wsdns.cn/20231204/bbd54039c69e4d0292c6889bce0ac088.png" mode="widthFix" />
+				<text>拍卖信息</text>
+			</view>
+			<view class="btn">
+				<image src="https://oss.wsdns.cn/20231204/bbd54039c69e4d0292c6889bce0ac088.png" mode="widthFix" />
+				<text>采购信息</text>
+			</view>
+			<view class="btn">
+				<image src="https://oss.wsdns.cn/20231204/bbd54039c69e4d0292c6889bce0ac088.png" mode="widthFix" />
+				<text>租赁信息</text>
+			</view>
+			<view class="btn">
+				<image src="https://oss.wsdns.cn/20231204/bbd54039c69e4d0292c6889bce0ac088.png" mode="widthFix" />
+				<text>物资回收信息</text>
+			</view>
+		</view>
+
+
+		<view class="carousel news-list-1">
+			<view class="title">
+				成交动态
+			</view>
+			<view class="news-list">
+				<el-row class="wrap" type="flex" :gutter="10" justify="space-between">
+					<el-col :span="7" v-for="(item, index) in list" :key="index">
+						<view class="item">
+							<view class="text">[南宁]{{ item.title }}</view>
+							<view class="date-time">11-15</view>
+						</view>
+					</el-col>
+				</el-row>
+			</view>
+		</view>
+
+		<view class="carousel ad">
+			<el-row class="wrap" type="flex" :gutter="10" justify="space-between">
+				<el-col :span="12">
+					<div class="ad-img">
+						<el-image
+							src="http://jyx.gxwebsoft.com/uploads/20210817/57f8333bed0d3a4e2aac3fd251e19007.jpg" />
+					</div>
+				</el-col>
+				<el-col :span="12">
+					<div class="ad-img">
+						<el-image
+							src="http://jyx.gxwebsoft.com/uploads/20210506/f3afbd29ce99dc6e2fdf4c8f3ec16221.jpg" />
+					</div>
+				</el-col>
+			</el-row>
+		</view>
+
+
+		<view class="carousel news-list-1">
+			<view class="title">
+				加急公告
+			</view>
+			<view class="news-gg">
+				<el-row class="wrap" type="flex" :gutter="0" justify="space-between">
+					<el-col :span="12">
+						<view class="item">
+							<view class="new-avatar">
+								<el-image class="image"
+									src="http://jyx.gxwebsoft.com/public/index/images/%E5%90%8E%E5%8F%B0%E4%B8%8A%E4%BC%A08.jpg" />
+							</view>
+							<view class="list3">
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+							</view>
+						</view>
+					</el-col>
+					<el-col :span="12">
+						<view class="item">
+							<view class="new-avatar">
+								<el-image class="image"
+									src="http://jyx.gxwebsoft.com/public/index/images/%E5%90%8E%E5%8F%B0%E4%B8%8A%E4%BC%A08.jpg" />
+							</view>
+							<view class="list3">
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+							</view>
+						</view>
+					</el-col>
+					<el-col :span="12">
+						<view class="item">
+							<view class="new-avatar">
+								<el-image class="image"
+									src="http://jyx.gxwebsoft.com/public/index/images/%E5%90%8E%E5%8F%B0%E4%B8%8A%E4%BC%A08.jpg" />
+							</view>
+							<view class="list3">
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+							</view>
+						</view>
+					</el-col>
+					<el-col :span="12">
+						<view class="item">
+							<view class="new-avatar">
+								<el-image class="image"
+									src="http://jyx.gxwebsoft.com/public/index/images/%E5%90%8E%E5%8F%B0%E4%B8%8A%E4%BC%A08.jpg" />
+							</view>
+							<view class="list3">
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+								<view class="text"><span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...</view>
+							</view>
+						</view>
+					</el-col>
+				</el-row>
+			</view>
+		</view>
+
+		<view class="carousel">
+			<el-row class="wrap" type="flex" :gutter="20" justify="space-between">
+				<el-col :span="12">
+					<el-card class="new-box">
+						<div slot="header" class="clearfix">
+							<span class="title">最新拍卖信息</span>
+							<el-button style="float: right; padding: 3px 0" type="text">查看更多</el-button>
+						</div>
+            <view class="list8">
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+            </view>
+					</el-card>
+				</el-col>
+				<el-col :span="12">
+					<el-card class="new-box">
+						<div slot="header" class="clearfix">
+							<span class="title">最新采购信息</span>
+							<el-button style="float: right; padding: 3px 0" type="text">查看更多</el-button>
+						</div>
+            <view class="list8">
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+            </view>
+					</el-card>
+				</el-col>
+				<el-col :span="12">
+					<el-card class="new-box">
+						<div slot="header" class="clearfix">
+							<span class="title">最新租赁信息</span>
+							<el-button style="float: right; padding: 3px 0" type="text">查看更多</el-button>
+						</div>
+            <view class="list8">
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+            </view>
+					</el-card>
+				</el-col>
+				<el-col :span="12">
+					<el-card class="new-box">
+						<div slot="header" class="clearfix">
+							<span class="title">最新物资回收信息</span>
+							<el-button style="float: right; padding: 3px 0" type="text">查看更多</el-button>
+						</div>
+						<view class="list8">
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+              <view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+							<view class="article">
+                <view class="title2">
+                  <span>[南宁]</span> 标题标题标题标题标题标题标题标题标题标题...
+                </view>
+                <view class="date-time">11-15</view>
+              </view>
+						</view>
+					</el-card>
+				</el-col>
+			</el-row>
+		</view>
+
+    <!-- 合作单位/联营单位-->
+    <view class="cooperate">
+      <view class="title">
+        <el-image src="https://oss.wsdns.cn/20231204/860581fbcb9741658de15470f053e42e.png" style="width: 180px" />
+      </view>
+      <u-gap height="1" bg-color="#f3f3f3"/>
+      <view class="flex justify-start items-start flex-wrap">
+        <view class="w-25p pointer" v-for="(item, index) in companyList" :key="index">
+          <view class="border bg-white flex flex-col justify-center items-center p-20">
+            <image :src="item.businessCard.logo" class="logo"/>
+            <span class="mt-20 line-1 w-100p text-center">
+                                主营: {{ item.businessCard.mainBusiness }}
+                            </span>
+          </view>
+        </view>
+      </view>
+      <u-gap height="5" bg-color="#f3f3f3"/>
+    </view>
+
+		<!-- 现货市场 end -->
+		<gap height="50" />
+		<common-footer></common-footer>
+	</view>
+</template>
+
+<script>
+	import UGap from "@/uni_modules/vk-uview-ui/components/u-gap/u-gap.vue";
+
+	export default {
+		components: {
+			UGap
+		},
+		data() {
+			return {
+				info: {
+					name: ''
+				},
+        companyList: [],
+				list: [{
+						id: 1,
+						image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
+						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
+					},
+					{
+						id: 2,
+						image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
+						title: '身无彩凤双飞翼，心有灵犀一点通'
+					},
+					{
+						id: 3,
+						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
+						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
+					},
+					{
+						id: 4,
+						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
+						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
+					},
+					{
+						id: 5,
+						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
+						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
+					},
+					{
+						id: 6,
+						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
+						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
+					}
+				],
+			};
+		},
+		onLoad(options) {
+			if (options && options.id) {
+				this.getInfo(options.id)
+			}
+      this.getCompanyList()
+		},
+		methods: {
+			navTo(url) {
+				vk.navigateTo(url);
+			},
+			async getInfo(id) {
+				this.info = await vk.callFunction({
+					url: 'client/goods/list/pub/getDetail',
+					data: {
+						id
+					}
+				})
+			},
+      async getCompanyList() {
+        const {rows} = await vk.callFunction({
+          url: 'client/user/pub/getCompany',
+          data: {isCoop: 1}
+        })
+        this.companyList = rows
+      }
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.carousel {
+		width: 1200px;
+		margin: 20px auto;
+    .wrap {
+      flex-wrap: wrap;
+    }
+	}
+
+	.carousel-img {
+		width: 100%;
+		height: 100%;
+	}
+
+	.goods-options {
+		background-color: #FFFFFF;
+		padding: 20px;
+	}
+
+	.filter-outer {
+		width: 1200px;
+		margin: 20px auto;
+		background-color: #FFFFFF;
+		padding: 20px;
+	}
+
+	.nav-tool {
+		background-color: #FFFFFF;
+		width: 1200px;
+		margin: 20px auto;
+		display: flex;
+		justify-content: space-around;
+
+		.btn {
+			margin: 20px auto;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			image {
+				width: 80px;
+			}
+
+			text {
+				font-size: 18px;
+				font-weight: 500;
+			}
+		}
+	}
+
+	.news-list-1 {
+		padding: 20px;
+		background-color: #FFFFFF;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		.title {
+			color: #bf2b28;
+			font-weight: bold;
+			font-size: 20px;
+			width: 56px;
+			border-right: 1px solid #ccc;
+			margin-right: 10px;
+		}
+
+		.news-list {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			justify-content: space-around;
+
+			.wrap {
+				flex-wrap: wrap;
+			}
+
+			.item {
+				line-height: 2em;
+				display: flex;
+				justify-content: space-between;
+
+				.text {
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+
+				.date-time {
+					white-space: nowrap;
+				}
+			}
+		}
+
+		.news-gg {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.wrap {
+				width: 100%;
+				flex-wrap: wrap;
+			}
+
+			.item {
+				display: flex;
+				align-items: center;
+
+				.new-avatar {
+					padding: 10px;
+
+					.image {
+						width: 70px;
+						height: 70px;
+					}
+				}
+
+				.list3 {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+
+					span {
+						padding-right: 10px;
+						color: #999;
+					}
+
+					.text {
+						line-height: 1.8em;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+				}
+
+				.date-time {
+					white-space: nowrap;
+				}
+			}
+		}
+	}
+
+	.new-box {
+    margin-bottom: 20px;
+		.title {
+			color: #bf2b28;
+			font-size: 20px;
+			font-weight: 500;
+		}
+    .list8 {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+
+      span {
+        padding-right: 10px;
+        color: #999;
+      }
+      .article{
+        display: flex;
+        justify-content: space-between;
+        line-height: 2em;
+        .date-time{
+          color: #999999;
+        }
+      }
+      .text {
+        line-height: 1.8em;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+	}
+
+  .cooperate{
+    width: 1200px;
+    margin: 20px auto;
+    background-color: #ffffff;
+    .title{
+      text-align: center;
+    }
+    .wrap{
+      flex-wrap: wrap;
+    }
+    .grid-content{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 10px;
+      flex-direction: column;
+      .comments{
+        line-height: 2em;
+      }
+    }
+    .bg-purple{
+      border-top: 1px solid #f3f3f3;
+      border-right: 1px solid #f3f3f3;
+      .image{
+        width: 140px;
+      }
+    }
+
+    .logo {
+      width: 80px;
+      height: 80px;
+    }
+  }
+
+	.tags {
+		display: flex;
+		flex-wrap: wrap;
+
+		.el-tag {
+			margin-right: 10px;
+		}
+	}
+
+	//
+	.album {
+		width: 500px;
+
+		.album-item {
+			width: 500px;
+			height: 400px;
+		}
+	}
+
+	.desc {
+		background-color: #F5E2E3;
+	}
+
+	.add-to-cart-btn {
+		background-color: #FF7300;
+	}
+
+	.intro-title {
+		background-color: #EF0021;
+		padding: 10px 20px;
+		color: white;
+		width: 120px;
+		text-align: center;
+	}
+
+	.intro {
+		border-top: 1px solid #F95F6E;
+	}
+</style>