二手市场

second/pages/form/introduce.vue

@@ -1,22 +1,160 @@
-<template>
-	<view class="container">
-		<view class="top">
-			<img src="/static/second/intro.png"/>
-		</view>
-		<!-- <view id="second-hand-btn" >
-				<button>去发布</button>
-				<button>逛二手市场</button>
-				<button>去维修</button>
-				<button >去首页</button>
-				<view class="foot_font">
-					<span style="color: #ADADAD"> 业务咨询/合作请联系：</span><span style="color: #666666"> 0755 22907771  </span><span style="color: #ADADAD;">手机：</span><span style="color: #666666">15817465281</span>
-				</view>
-		</view>	 -->		
+<template name="fleaMarket">
+	<view class="fleaMarket">
+	      <view class="second-hand-wrapper">
+	            <view class="top_title">
+	                <view ><image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/%E9%87%87%E7%BE%8Elogo.png" mode=""></image></view>
+	                <view class="right-title">
+	                    <text>二手市场</text>
+	                    <span>SECOND-HANDMARKET</span>
+	                </view>
+	            </view>
+	            <view class="top_text">
+	                质量好一点，效率高一点
+	            </view>
+	            <view class="mian_text">
+	                <h1>采美二手市场介绍<view class="yellow_icon"></view></h1>
+	                <span>
+	                    现实生活中，二手商品越来越经济实惠，二手商品也在多个经济生活领域出现。
+	                    面对潜力巨大的二手市场，采美365网于2019年开办美容行业二手交易版块，搭建二手交易平台，
+	                    将拥有闲置商品卖家与求购方（买家）信息集中起来，让交易双方的买卖信息传播得更广泛，交易更有保障。
+	                </span>
+	            </view>
+	            <view class="mian_content top">
+	                <text>二手平台运营特色</text><view class="yellow_icon"></view>
+	                <view class="font_content">
+	                    <view class="content_list">
+	                        <p>1.自运营</p>
+	                        <span>用户自主上传二手商品信息，自主销售，平台提供商品展示位以及商品信息介绍页面，类似“闲鱼”。</span>
+	                    </view>
+	                    <view class="content_list">
+	                        <p>2.代运营</p>
+	                        <span>由平台协助销售二手商品，为用户提供贴心且必要的推广辅助，促成交易。</span>
+	                    </view>
+	                    <view class="content_list">
+	                        <p>3.第三方服务</p>
+	                        <span>平台提供第三方服务，如申请第三方评测、延保、维修等，一方面更客观全面展示仪器细节，另一方面，便于仪器机能维护，方便维修等。</span>
+	                    </view>
+	                    <view class="content_list">
+	                        <p>4.套餐服务</p>
+	                        <span>多项组合套餐式服务，满足卖家个性化推广需求。</span>
+	                    </view>
+	                    <view class="tishiyu">转让方/出售方（以下统称为“卖家”）需上传个人真实信息，平台留存备案后，卖家通过平台专属页面上传需要出售的商品信息，（按后台系统要求填写）。</view>
+	            </view>
+	           </view>
+	
+	            <view class="mian_content">
+	                <text>合作模式</text><view class="yellow_icon y m" ></view>
+	            <view class="font_content">
+	                <p class="twobuy">成为自由卖家：二手出售方</p>
+	                  <view class="content_list">
+	                    <p>1.自主发布</p>
+	                    <span>平台已拥有独立上传信息页面，卖家可进入页面或者通过链接自主上传商品信息，获得在平台二手版块展示机会。平台收取展示位费用，详见第2条</span>
+	                  </view>
+	                  <view class="content_list">
+	                    <p>2.自主发布</p>
+	                    <span> 卖家每上传一款商品，占据一个展示位,<span class="bluefont">平台收取每款商品100元的展示费用 ，有效期为<span style="font-size: 48px">6</span>个月</span>
+	                           平台提供与该商品匹配的详情信息以及文章信息，降低买家决策成本，以促进销售。特殊政策除外（如特定免费时段）。</span>
+	                  </view>
+	                   <view class="content_list">
+	                    <p>3.平台推广服务(代运营)</p>
+	                    <span> 卖家如需采美平台提供个性化推广服务，以帮助达成交易 ，平台收取一定服务费或佣金。</span>
+	                  </view>
+	                  <view class="content_list">
+	                    <p>4.第三方检测、维修、延保服务</p>
+	                    <span> 平台收取服务佣金。 </span>
+	                  </view>
+	                  <view class="content_list">
+	                      <p>5.套餐服务</p>
+	                      <span>多项组合服务。</span>
+	                  </view>
+	            </view>
+	            </view >
+	
+	            <view class="mian_content">
+	                <text>交易流程</text><view class="yellow_icon y m" ></view>
+	                <view class="font_content">
+	                 <view class="content_list">
+	                    <span>随着越来越多机构青睐性价比高的二手设备，采美二手市场也越来越火热，为了保障买卖双方利益和资金交易安全，
+	                    采美现将二手仪器交易的流程更加规范化，以促进二手市场的健康发展。</span>
+	                 </view>
+	                    <p class="threebuy">此流程适用于10万以下的设备，10万以上二手设备交易请联系高先生。</p>
+	                    <span class="jioayi">具体的流程如下：</span>
+					    <image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/jiaoyi.png" mode="" class="jiaoyi_pimg"></image>
+						<image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/jiaoyi3x.png" mode="" class="jiaoyi_img"></image>
+	                </view>
+	            </view>
+	            <view class="second-hand-btn" >
+	                <button @click.stop="gotoform">去发布</button>
+	                <button @click.stop="gotolist">逛二手市场</button>
+	                <button @click.stop="gotorepair">去维修</button>
+	                <button @click.stop="gotohome">去首页</button>
+	            <view class="foot_font">
+	                <span style="color: #ADADAD"> 业务咨询/合作请联系：</span><span style="color: #666666;margin-right: 10rpx"> 0755-22907771  </span><span style="color: #ADADAD;">手机：</span><span style="color: #666666">15817465281</span>
+	            </view>
+	        </view>
+	    </view>
 	</view>
 </template>
 
 <script>
+	export default{
+		name:'fleaMarket',
+		components:{
+		},
+		methods:{
+			gotoform:function(){
+				this.$api.navigateTo('/second/pages/form/form');
+			},
+			gotolist:function(){
+				this.$api.navigateTo('/second/pages/product/product-list');
+			},
+			gotorepair:function(){
+				this.$api.navigateTo('/second/pages/product/product-list');
+			},
+			gotohome:function(){
+				this.$api.navigateTo('/pages/tabBar/home/home');
+			}
+		},
+		
+		
+	}
 </script>
 
 <style>
+			.fleaMarket{padding:20rpx;background-image: linear-gradient(#FF7676, #E15616);}
+	        .second-hand-wrapper image{width: 100%;display: block;margin: 20rpx auto 0;}
+	        .second-hand-btn button {width: 280rpx;height: 90rpx;background: linear-gradient(225deg,rgba(255,107,107,1) 0%,rgba(247,76,0,1) 100%);border-radius: 30rpx;color: #fff;border: none;
+			font-size: 27rpx;outline: none;margin-bottom:20rpx;margin-right: 20rpx;line-height: 90rpx;display: inline-block}
+	        body{position: relative;margin: 40rpx auto 0;}
+	        .second-hand-wrapper{background-image: url("https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/bg22.png");background-position: 50% 9%;background-repeat: no-repeat;background-size: 100%;}
+	        .second-hand-wrapper text{color: #FFFFFF;letter-spacing: 4rpx;}
+	        .second-hand-btn {position: relative;background: #FFFFFF;border-radius: 30rpx;margin-top: 30rpx;padding:40rpx 22.5rpx 37.5rpx 30rpx;margin-bottom: 15rpx;border-bottom: 9rpx solid #f1ac90;border-right: 9rpx solid #f1ac90;text-align: center;}
+	        .top_title{padding: 40rpx 0 40rpx 0;text-align: center;}
+	        .top_title text{letter-spacing: 12rpx;font-size: 40rpx;font-weight: bold}
+	        .top_title image{width: 104rpx;height: 90rpx}
+	        .top_title span{color: #FFFFFF;font-size: smaller;}
+	        .top_text{font-size: 60rpx;color: #FFFFFF;font-style: oblique;font-weight: bold;margin-top:40rpx;text-align: center;}
+	        .mian_text{margin-top: 75rpx;color: #FFFFFF;font-size: 22rpx;padding: 0 30rpx 0 30rpx;line-height: 40rpx;letter-spacing: 4rpx}
+	        .mian_text h1{font-size:36rpx;font-weight: bold;padding-bottom: 37.5rpx}
+	        .mian_content.top{margin-top: 500rpx;}
+	        .mian_content text{font-size: 36rpx;font-weight: bold;}
+	        .mian_content{margin-top: 80rpx;}
+	        .font_content{background: #FFFFFF;border-radius:37.5rpx;margin-top: 30rpx;padding:18.5rpx;font-weight: 400;line-height: 45rpx;color: rgba(109,114,120,1);opacity: 1;position: relative;border-bottom:9.75rpx solid #f1ac90;border-right: 9.75rpx solid #f1ac90;}
+	        .content_list p{font-size:30rpx;font-family:Source Han Sans CN;}
+	        .content_list span{font-size: 22rpx;}
+	        .content_list{margin-bottom: 37.5rpx;}
+	        .tishiyu{background: #FFF8F8;font-size:24rpx;font-family: Source Han Sans CN;font-weight: 400;line-height: 40rpx;color: #FF7354;opacity: 1;padding: 18rpx;border-radius: 20rpx}
+	        .twobuy{background: #EF5C3C;border-radius: 15rpx;font-size: 3.7vw;font-family: AlibabaPuHuiTiB;opacity: 1;padding: 6rpx;color: #FFFFFF;margin-bottom: 19.5rpx;text-align: center;width: 360rpx}
+	        .threebuy{background: #EF5C3C;border-radius: 9.75rpx;font-size: 27.7rpx;color: #fff;padding: 6rpx;margin-bottom: 37.5rpx}
+	        .bluefont{font-size: 24rpx !important;color: #0091FF}
+	        .foot_font{text-align: center;font-size: 34rpx;line-height: 52rpx}
+	        .yellow_icon{width: 315rpx;height: 22.5rpx;background: rgba(250,185,0,1);opacity: 1;margin-top: -22.5rpx}
+	        .yellow_icon.m{width: 160rpx;}
+	        .top_title view{display: inline-block;}
+	        .jiaoyi{font-size:24rpx;}
+	        .jiaoyi_pimg{display: none !important;}
+	        .top_title view:nth-child(1){margin-right: 20rpx}
+			.right-title{
+				width: 315rpx
+			}
 </style>

second/pages/product/product-list.vue

@@ -16,7 +16,7 @@
 			</view>
 		</view>
 		<view class="ListImg">
-			<image src="/static/second/banner.png" class="banner-img"></image>
+			<image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/banner.png" class="banner-img"></image>
 		</view>
 		<view class="main-content">
 			<ul class="secondTitle">
@@ -41,8 +41,8 @@
 			<scroll-view :style="{'height':scrollHeight+'px'}" @scrolltolower="scrolltolower" scroll-y v-if="tabchildList.length > 0">
 		            <view class="Listitem" v-if="isShow" v-for="(item, index) in tabchildList" :key="index" :class="item.sold==1?'activeImg':''">
 		                <a class="itemImg onhref" >
-		                    <image :src="item.mainImage" class="bigImg"></image>
-							<image src="../../../static/second/yishou.png" class="yishou_bg" v-if="item.sold==1&&item.newAdded==1||item.sold==1&&item.newAdded==0"></image>
+		                    <image :src="item.imageList[0]" class="bigImg"></image>
+							<image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/yishou.png" class="yishou_bg" v-if="item.sold==1&&item.newAdded==1||item.sold==1&&item.newAdded==0"></image>
 		                </a>
 		               <view class="ItemInfo">
 		                        <span class="infotag news" v-if="item.sold==0&&item.newAdded==1">新</span>
@@ -51,9 +51,9 @@
 		                        {{item.name}}
 		                    </a>
 		                    <view class="targetprice" >
-		                        <span v-if="item.detailTalkFlag ==2 && userID==null">价格详聊</span>
-		                        <span v-else-if="userID==null" class="priceparam" @click="toLogin">登录查看价格></span>
-		                        <span v-else-if="userID!=null && item.detailTalkFlag==2">价格详聊</span>
+		                        <span v-if="item.detailTalkFlag ==2 && hasLogin==false">价格详聊</span>
+		                        <span v-else-if="hasLogin==false" class="priceparam">登录查看价格></span>
+		                        <span v-else-if="hasLogin && item.detailTalkFlag==2">价格详聊</span>
 		                        <span v-else>￥{{item.price1Str}}</span>
 		                    </view>
 							<view class="shijian">
@@ -83,8 +83,8 @@
 		            </view>
 		        </view>
 				<view class="fabu">
-					 <a href="second/pages/form/introduce" class="intro">市场介绍</a>
-					 <a href="second/pages/form/form" class="release">我要发布</a>
+					 <span  class="intro"  @click.stop="gotointro">市场介绍</span>
+					 <span  class="release" @click.stop="gotoform">我要发布</span>
 				</view>
 				
 		</view>
@@ -144,7 +144,8 @@
 		created() {
 			 this.setScrollHeight();		
 			 this.gettabList();
-			 this.isFocus = true
+			 this.isFocus = true;
+			 console.log(this.hasLogin)
 		},
 		computed: {
 			...mapState(['hasLogin','userInfo'])
@@ -182,7 +183,12 @@
 			   }
 		       _this.gettabList();
 			  },	
-							
+		    gotointro:function(){
+				this.$api.navigateTo('/second/pages/form/introduce');
+			},
+			gotoform:function(){
+				this.$api.navigateTo('/second/pages/form/form');
+			},
 			gettabList:function (loadMore) {
 			                const _this = this;
 							this.showLoading = true;
@@ -234,7 +240,7 @@
 					this.$util.msg('请输入商品关键词',2000)
 					this.secondHandType = 1
 					this.instrumentType=''
-					this.gettabList();
+					// this.gettabList();
 				}else{
 					this.listQuery.pageNum = 1
 					this.showSkeleton = true;
@@ -443,7 +449,7 @@
 		left: 50%;
 		transform: translate(-50%, -50%)
 	}
-	.fabu a{
+	.fabu span{
 		display: inline-block;
 		width: 280rpx;
 		height: 84rpx;

services/second.service.js

@@ -4,8 +4,21 @@ export default class SecondApi {
 		Object.assign(this, { AjaxService })
 		this.name = 'SecondApi'
 	}
-	/*二手商品列表 */
+	/**
+	 *二手商品列表
+	 *@param 二手商品分类 secondHandType	1二手仪器，2临期产品，3其他  【必传】
+	 *@param 二手仪器分类的类型 instrumentType	1轻光电、2重光电、3耗材配件【不传默认全部】
+	 *@param 搜索关键词 searchKeyword	【选传】 
+	 */
 	SeconHandProductList (data = {}) {
 		return this.AjaxService.get({ url:'/product/getSecondHandProductList', data, isLoading: true })
 	}
+	/*二手发布/品牌列表 */
+	brandList (data = {}) {
+		return this.AjaxService.get({ url:'/product/brandList', data, isLoading: true })
+	}
+	/*二手发布/获取省份信息 */
+	GetProvince (data = {}) {
+		return this.AjaxService.get({ url:'/club/province', data, isLoading: true })
+	}
 }