From 34be2c6feb1f8e3ac35ddeb96fcb809b9e185573 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期三, 19 七月 2023 09:43:19 +0800
Subject: [PATCH] no message
---
public/html/compareprice.html | 194 +++++++++++++++++++++++++++++++++++++++++------
1 files changed, 167 insertions(+), 27 deletions(-)
diff --git a/public/html/compareprice.html b/public/html/compareprice.html
index 4b0fd76..1edbc7b 100644
--- a/public/html/compareprice.html
+++ b/public/html/compareprice.html
@@ -119,15 +119,15 @@
}
.detail___3ZQFW {
background-color: #fff;
- height: 2.2rem;
+ height: 2.6rem;
border-radius: .16rem;
padding: .1rem;
position: relative;
box-sizing: border-box;
}
.picture___r4a1j {
- height: 2rem;
- width: 2rem;
+ height: 2.4rem;
+ width: 2.4rem;
border-radius: .1rem;
position: absolute;
left: .1rem;
@@ -137,8 +137,8 @@
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
- padding-left: 2.2rem;
- height: 2rem;
+ padding-left: 2.5rem;
+
width: 100%;
overflow: hidden;
-webkit-align-items: flex-start;
@@ -161,7 +161,7 @@
justify-content: flex-start;
padding: 0;
margin: 0;
- height: .4rem;
+ height: .85rem;
font-size: .28rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
@@ -203,7 +203,7 @@
}
.coupon___2SVZi {
- margin-top: 6px;
+ margin-top: 3px;
height: .28rem;
background: linear-gradient(
90deg, #ff8873, #ff4f4f);
@@ -268,19 +268,18 @@
line-height: .32rem;
}
.detail___3ZQFW .choiceInfo___3ZuEa .price___dfbCD {
- margin-bottom: .16rem;
+
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
- height: .24rem;
font-size: .24rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #fe3738;
- line-height: .24rem;
+ line-height: .54rem;
}
.detail___3ZQFW .choiceInfo___3ZuEa .operation___3KazI {
@@ -309,6 +308,62 @@
font-size: .35rem;
color: #fff;
}
+ .showshop
+ {
+ font-size: .26rem;
+ color: #787070;
+ }
+ .goodtitle
+ {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+ .price_font
+ {
+ font-size: .26rem;
+ color: #787070;
+ }
+ .plat-div
+ {
+ font-size: 0.28rem;
+ padding: 0.2rem;
+ background: #fff;
+ margin-bottom: 0.2rem;
+ display: flex;
+ border-radius: .16rem;
+ align-items: center;
+ }
+ .plat-ite
+ {
+ width: 20%;
+ text-align: center;
+ margin-right: 0.1rem;
+ border-radius: 0.1rem;
+ color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background: #F79633;
+ padding: 0.1rem;
+ }
+ .plat-unite
+ {
+ background: #fff;
+ border:1px solid #F79633;
+ color:#F79633;
+
+ width: 20%;
+ text-align: center;
+ margin-right: 0.1rem;
+ border-radius: 0.1rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 0.1rem;
+ }
</style>
</head>
@@ -323,7 +378,7 @@
娓呯┖
</div>
<div class="content-txtarea">
- <textarea class="txtarea" v-model="txtareatxt" :placeholder='txtplaceholder'></textarea>
+ <textarea enterkeyhint="search" onkeydown="onTextareaKeyDown()" class="txtarea" v-model="txtareatxt" :placeholder='txtplaceholder'></textarea>
<span class="copytxt" v-on:click="fromcopy()">绮樿创</span>
</div>
<div class="mid-button-content">
@@ -339,6 +394,18 @@
鏆傛棤鏁版嵁~
</div>
<div v-else class="ulist">
+ <div class="plat-div" v-if="issearch">
+ <span>骞冲彴锛�</span>
+ <div v-on:click="changeplat(item)" :class="item.choose?'plat-ite':'plat-unite'" v-for="item in plat">
+ <span class="plat-span" v-if="item.choose">
+ 鈭歿{item.platname}}
+ </span>
+ <span class="plat-span" v-else>
+ {{item.platname}}
+ </span>
+ </div>
+
+ </div>
<a v-for="g in goodsItem" :key="g.id" v-on:click="handleCdetailFavorite(g)">
<div class="detail___3ZQFW">
<img :src="g.mainPic"
@@ -346,17 +413,22 @@
<div class="choiceInfo___3ZuEa">
<div class="other___2Mv8Q">
<h2>
- <div class="shoplabel___1_Nv0"><img
+ <!-- <div class="shoplabel___1_Nv0"><img
:src="g.labelImg">
- </div>
- <span>{{g.title}}</span></h2>
+ </div> -->
+ <div class="goodtitle">
+ <img class="shoplabel___1_Nv0" :src="g.labelImg">
+ {{g.title}}</div></h2>
<div v-if="g.couponPrice" class="coupon___2SVZi" style="float: left; margin-right:10px"><span>鍒�</span>{{g.couponPrice}}鍏�</div>
<div class="coupon___2SVZi" style="background: #A429F3;"><span style="color: #A429F3;">杩�</span>{{g.fanli}}鍏�</div>
+
</div>
- <div class="price___dfbCD">楼<span>{{g.actualPrice}}</span><u style="text-decoration:line-through">楼{{g.originalPrice}}</u></div>
- <div class="operation___3KazI">
+ <div class="price___dfbCD"><span class="price_font" style="font-size: .26rem; font-weight: 500;">鍒版墜浠�</span><span style="padding: 0;">楼</span><span style="padding: 0 .08rem 0 0;">{{(g.actualPrice-g.fanli).toFixed(2)}}</span><u v-if="g.sourceType=='tb'||g.sourceType=='tm'" style="text-decoration:line-through">楼{{g.originalPrice}}</u></div>
+ <!-- <div class="operation___3KazI">
<button>绔嬪嵆璐拱</button>
- </div>
+ </div> -->
+ <div class="showshop">鏈堥攢{{g.monthSales}}</div>
+ <div class="showshop">{{g.shopName}}</div>
</div>
</div>
</a>
@@ -369,7 +441,7 @@
</body>
</html>
-<script type="text/javascript" src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script>
+<script type="text/javascript" src="./js/vue.js"></script>
<script>
(function () {
@@ -387,6 +459,16 @@
{
app.likeDataGet(data);
}
+
+ function onTextareaKeyDown()
+ {
+ if (event.keyCode == 13)
+ {
+ app.search();
+ document.activeElement.blur();
+ }
+
+ }
Vue.use(VueLazyload, {
preLoad: 1.3,//
error: 'https://sr.ffquan.cn/cms_pic/20200622/bro7s7f6vrkd3jat4ujg0.png',
@@ -397,15 +479,45 @@
el: '#comprice',
data:{
//posturl:'http://dfg.shop.com',
- posturl:'http://appapitest.ushopvip.com',
+ posturl:'https://appapitest.ushopvip.com',
//posturl:'http://dfgapp.ushopvip.com',
goodsItem:[],
loading:false,
+ plat:[
+ {
+ 'platname':'娣樺疂',
+ 'plat':'tb',
+ 'choose':true
+ },
+ {
+ 'platname':'浜笢',
+ 'plat':'jd',
+ 'choose':true
+ },
+ {
+ 'platname':'鎶栭煶',
+ 'plat':'dy',
+ 'choose':true
+ },
+ {
+ 'platname':'鎷煎澶�',
+ 'plat':'pdd',
+ 'choose':true
+ },
+ ],
txtareatxt:'',
+ issearch:false,
showTxt:'鐚滀綘鍠滄',
- txtplaceholder:'1銆佹敮鎸佹窐瀹濄�佸ぉ鐚�佷含涓溿�佹姈闊炽�佹嫾澶氬绛夊瀹剁數鍟� \r\n 2銆佽绮樿创鎮ㄩ渶瑕佽浆鎹㈢殑鍒嗕韩鏂囨/閾炬帴鍜屽彛浠�/鍟嗗搧閾炬帴;涓嶆敮鎸佸埜閾炬帴'
+ txtplaceholder:'1銆佹敮鎸佹窐瀹濄�佸ぉ鐚�佷含涓溿�佹姈闊炽�佹嫾澶氬绛夊钩鍙癨r\n2銆佽绮樿创鎮ㄩ渶瑕佽浆鎹㈢殑鍒嗕韩鏂囨/閾炬帴鍜屽彛浠�/鍟嗗搧閾炬帴;涓嶆敮鎸佸埜閾炬帴'
},
methods:{
+ changeplat:function(item)
+ {
+ var index=this.plat.findIndex(i=>i.plat==item.plat);
+ item.choose=!item.choose;
+ this.plat[index]=item;
+ this.search();
+ },
//鏌ヨ
search:function()
{
@@ -413,10 +525,36 @@
{
return;
}
- this.showTxt="鏌ヨ鎺掕";
+ this.showTxt="鏌ヨ缁撴灉";
this.goodsItem=[];
var that = this;
this.loading = true
+ var postData={
+ content:that.txtareatxt
+ };
+ //鏌ョ湅涓嶇湅鐨勫钩鍙�
+ var cancelPlat=this.plat.filter(i=>!i.choose);
+ if(cancelPlat&&cancelPlat.length>0)
+ {
+ for(var i=0;i<cancelPlat.length;i++)
+ {
+ switch(cancelPlat[i].plat)
+ {
+ case "tb":
+ postData.exclude_tb=1;
+ break;
+ case "jd":
+ postData.exclude_jd=1;
+ break;
+ case "pdd":
+ postData.exclude_pdd=1;
+ break;
+ case "dy":
+ postData.exclude_dy=1;
+ break;
+ }
+ }
+ }
$.ajax({
headers:{
"token":this.getUrlPar("token")
@@ -424,11 +562,10 @@
url:this.posturl+'/api/taoke/compare_good',
type:"post",
dataType:"json",
- data:{
- content:that.txtareatxt
- }
+ data:postData
}).done(function(res){
that.loading = false;
+ that.issearch=true;
if(res.code == 0){
that.goodsItem=res.data.list;
}
@@ -447,8 +584,9 @@
switch(item.sourceType)
{
case "tb":
+ case "tm":
uni.navigateTo({
- url: '/pages/goods/goodsDetail?id=' + item.goodsId+'&frompage=freebuy'
+ url: '/pages/goods/goodsDetail?id=' + item.goodsId+'&frompage=compareprice'
});
break;
default:
@@ -518,11 +656,13 @@
},
},
mounted:function(){
- /* var postData={
+ var postData={
postData:'OAID',
deviceValue:''
};
- this.likeDataGet(postData); */
+ this.likeDataGet(postData);
+
+
var that=this;
document.addEventListener('UniAppJSBridgeReady', function() {
that.getLikeGoods();
--
Gitblit v1.9.3