wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of http://git.njrzwl.cn:3000/wangmingchuan/yanzong_qianduan

Browse Source
h5
wangdong 4 months ago
parent 4d77e53fc1 61b0471d8b
commit 9272b3cd22
1 changed files with 94 additions and 194 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 288
      pages/gamll/index.vue

288
pages/gamll/index.vue
Unescape View File

@ -2,7 +2,7 @@
<view class="park">
<view class="park-top">
<view class="park-navbar">
<u-navbar title="开通商场" :border-bottom="false" :background="background"></u-navbar>
<u-navbar title="开通商城" :border-bottom="false" :background="background"></u-navbar>
<view class="box_1">
<image :src="$picUrl+'/static/default-logo.png'" class="image_2"
@click="goJump('/pages/news1/setting')"></image>
@ -18,14 +18,14 @@
</view>
</view>
</view>
<view class="tab_pos">
<view class="tab_bg" :style="{ 'border-radius': radius}">
<view :class="[tabIndex==index ? 'tab_active' : 'tab_a']" v-for="(item,index) in tabbar"
@click="onChage(index)" :key="index">
{{item}}
<view class="tab_pos">
<view class="tab_bg" :style="{ 'border-radius': radius}">
<view :class="[tabIndex==index ? 'tab_active' : 'tab_a']" v-for="(item,index) in tabbar"
@click="onChage(index)" :key="index">
{{item}}
</view>
</view>
</view>
</view>
<view class="tab-type">
<view class="tab-pro" v-for="(item,index) in tabType" :class="index==banIndex?'tab-pro-active':''"
@click="onChageBan(index)" :key="index">
@ -38,6 +38,10 @@
<view class="tab-line">
¥{{Number(item.retail_original_price)}}
</view>
<view class="tab-jian" v-if='item.jian>0'
:class="index==banIndex?'tab-jian-active':''">
立减 ¥{{Number(item.jian)}}元
</view>
<view class="tab-quan">
</view>
@ -63,6 +67,7 @@
<text style="font-size: 32rpx;">¥</text>{{item.price}}
</view>
</view>
<view class="tab-quan"></view>
</view>
</view>
<view class="tab-title">
@ -73,9 +78,8 @@
</view>
</view>
<view class="advantage">
<view class="advantage-tips">
1、持有本卡用户可享受先洗衣，后付费服务<br />2、享受全国服务商家门店9折洗衣服务<br />3、本卡仅限绑定手机号本人使用<br />4、本卡一经出售，恕不退换！。<br />5、本套餐不自动续订，过期用户请再次购买会员
</view>
<view class="advantage-tips" v-if="tabIndex==0" v-html="retail"></view>
<view class="advantage-tips" v-if="tabIndex==1" v-html="wholesale"></view>
</view>
<view class="tab-title">
<view class="name">
@ -87,7 +91,7 @@
<view class="equity" style="margin-top: 8px;">
<view class="table_box">
<u-table>
<u-tr v-for="(a,index) in equityList">
<u-tr v-for="(a,ind) in equityList">
<u-td class="box_name">{{a.name}}</u-td>
<u-td class='box_content'>
<u-tr v-for="(item,index) in a.list">
@ -101,8 +105,8 @@
</u-td>
<u-td class="box_cus flex-2">
<view class="box_view">
<u-icon v-if="equityList[0].airIndex==1&&item.air=='10'"
name="checkbox-mark" color="#594b40" size="28"></u-icon>
<u-icon v-if="item.air=='10'" name="checkbox-mark" color="#594b40"
size="28"></u-icon>
<view v-else>
<u-icon v-if="item.air=='20'" name="close" color="#959595" size="28">
</u-icon>
@ -113,8 +117,8 @@
</u-td>
<u-td class="box_cus flex-3">
<view class="box_view">
<u-icon v-if="equityList[0].proIndex==1&&item.pro=='10'"
name="checkbox-mark" color="#b24341" size="28"></u-icon>
<u-icon v-if="item.pro=='10'" name="checkbox-mark" color="#b24341"
size="28"></u-icon>
<view v-else>
<u-icon v-if="item.pro=='20'" name="close" color="#959595" size="28">
</u-icon>
@ -125,8 +129,8 @@
</u-td>
<u-td class="box_cus flex-4">
<view class="box_view">
<u-icon v-if="equityList[0].H5Index==1&&item.H5=='10'" name="checkbox-mark"
color="#5362d9" size="28"></u-icon>
<u-icon v-if="item.H5=='10'" name="checkbox-mark" color="#5362d9" size="28">
</u-icon>
<view v-else>
<u-icon v-if="item.H5=='20'" name="close" color="#959595" size="28">
</u-icon>
@ -240,7 +244,9 @@
retail: null,
show: false,
content_description: '',
feature_name: ''
feature_name: '',
retail:'',
wholesale:''
}
},
onLoad() {
@ -477,172 +483,27 @@
status,
message,
data
} = await api.describe();
} = await api.describe({type:this.tabIndex==0?10:20});
if (status == 200) {
let all = {
feature: '功能',
air: 'air',
airIndex: 1,
pro: 'pro',
proIndex: 1,
H5: 'H5',
H5Index: 1,
function_description: '说明',
plate_id: 1
}
let list = [{
name: '商品',
let list = Object.values(data.group)
let all = [{
name: '板块',
list: [{
H5: "1998元/年",
air: "2998元/年",
create_time: "2024-07-30 20:54:45",
description_status: 10,
feature: "指导价格",
function_description: "",
id: 1,
plate_id: 1,
pro: "3998元/年",
sort: 0,
type: 10,
update_time: "2024-07-30 20:54:45",
}, {
H5: "H5网页",
air: "小程序",
create_time: "2024-07-30 20:54:45",
description_status: 10,
feature: "呈现载体",
function_description: "",
id: 2,
plate_id: 1,
pro: "小程序",
sort: 0,
type: 10,
update_time: "2024-07-30 20:54:45",
}, {
H5: "20",
air: "20",
create_time: "2024-07-30 20:54:45",
description_status: 10,
feature: "商品上架2",
function_description: "支持批量多电商平台多数量的商品一键上架，需先进行API接口配置444",
id: 4,
plate_id: 1,
pro: "10",
sort: 0,
type: 10,
update_time: "2024-07-30 20:54:45",
}, {
H5: "10",
air: "10",
create_time: "2024-07-30 20:54:45",
description_status: 10,
feature: "批量上架",
function_description: "通过PC端EXCEL表一键导入商品到系统，实现自动上架，高效快捷",
id: 5,
plate_id: 1,
pro: "10",
sort: 0,
type: 10,
update_time: "2024-07-30 20:54:45",
}]
}, {
name: '订单',
list: [{
H5: "10",
air: "10",
create_time: "2024-07-30 20:54:45",
description_status: 10,
feature: "全部订单",
function_description: "展示全部商品订单",
id: 26,
plate_id: 3,
pro: "10",
sort: 0,
type: 10,
update_time: "2024-07-30 20:54:45",
}, {
H5: "10",
air: "10",
create_time: "2024-07-30 20:54:45",
description_status: 10,
feature: "订单详情",
function_description: "展示订单的商品型号、价格、数量、运费、支付方式、配送方式、付款状态、发货状态、收货状态、订单状态、订单留言、商家备注",
id: 27,
plate_id: 3,
pro: "10",
sort: 0,
type: 10,
update_time: "2024-07-30 20:54:45",
}, {
H5: "10",
air: "10",
create_time: "2024-07-30 20:54:45",
description_status: 10,
feature: "复制订单",
function_description: "可以一键复制订单号、商品名称、商品编码、单价、数量、总价、收件人、电话、地址，方便复制粘贴调货下单代发使用",
id: 28,
plate_id: 3,
pro: "10",
sort: 0,
type: 10,
update_time: "2024-07-30 20:54:45",
}, {
H5: "10",
air: "10",
create_time: "2024-07-30 20:54:45",
description_status: 10,
feature: "订单备注",
function_description: "订单状态以及处理订单的每一个环节或者步骤，都可以自由备注文字和图片，系统会自动记录备注人和备注日期，方便更好的服务",
id: 29,
plate_id: 3,
pro: "10",
sort: 0,
type: 10,
update_time: "2024-07-30 20:54:45",
}]
}, {
name: '其他',
list: [{
H5: "20",
air: "10",
create_time: "2024-07-30 20:54:45",
description_status: 10,
feature: "回收列表",
function_description: "家电回收、手机回收、平板回收、电脑回收等回收类目，可以自建更多回收商品类型",
id: 51,
plate_id: 5,
pro: "10",
sort: 0,
type: 10,
update_time: "2024-07-30 20:54:45",
}, {
H5: "20",
air: "10",
create_time: "2024-07-30 20:54:45",
description_status: 10,
feature: "回收分类",
function_description: "商家自定义回收分类，比如：电视回收、空调回收、洗衣机回收、手机回收、平板回收、手表回收、电脑回收等",
id: 52,
plate_id: 5,
pro: "10",
sort: 0,
type: 10,
update_time: "2024-07-30 20:54:45",
feature: '功能',
air: 'air',
airIndex: 1,
pro: 'pro',
proIndex: 1,
H5: 'H5',
H5Index: 1,
function_description: '说明',
plate_id: 1
}]
}]
list[0].list.unshift(all)
this.equityList = list
list = all.concat(list)
console.log(list)
// const objectData = data.group.reduce((acc, item, index) => {
// acc[index]=[item]
// return acc;
// }, {});
// console.log(acc)
// // data.group[1].unshift(all)
// // this.equityList = data.group
// // console.log(this.equityList)
this.equityList = list
} else {
that.$toast(message)
@ -662,8 +523,13 @@
} = await api.retailList(pames);
if (status == 200) {
that.userInfo = data.list.personal;
data.list.list.forEach(item => {
item.jian=Number((Number(item.retail_original_price)-Number(item.retail_current_price)).toFixed(2))
})
that.tabType = data.list.list
that.paymentMethods = data.list.paymentMethods
that.paymentMethods = data.list.paymentMethods;
that.retail=data.list.retail.replace(/(\r\n|\n|\r)/gm, '<br />').replace(/\n/g, "")
that.wholesale=data.list.wholesale.replace(/(\r\n|\n|\r)/gm, '<br />').replace(/\n/g, "")
that.getBan()
this.setDefaultPayType();
} else {
@ -845,17 +711,17 @@
margin: 0 17rpx;
.tab-pro-active {
border: 4rpx solid rgba(251, 197, 198, 1) !important;
background: linear-gradient(180deg, rgba(255, 238, 237, 1) 0%, rgba(255, 202, 201, 1) 66.15%, rgba(255, 173, 173, 1) 100%) !important;
border: 4rpx solid rgba(243, 74, 64, 1) !important;
}
.tab-pro {
margin: 20rpx 13rpx 0 13rpx;
width: 214rpx;
height: 248rpx;
border-radius: 48rpx;
background-color: rgba(255, 255, 255, 1);
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 217, 217, 0.01) 100%);
border: 4rpx solid #D6D6D6;
border-radius: 20rpx;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 40%, rgba(255, 217, 217, 0.01) 100%);
border: 4rpx solid rgba(255, 235, 235, 1);
overflow: hidden;
position: relative;
@ -866,7 +732,7 @@
letter-spacing: 0rpx;
line-height: 42rpx;
color: rgba(51, 51, 51, 1);
margin-top: 40rpx;
margin-top: 35rpx;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
@ -880,9 +746,9 @@
width: 100%;
font-size: 48rpx;
font-weight: 700;
line-height: 68rpx;
line-height: 55rpx;
color: rgba(243, 74, 64, 1);
margin: 8rpx 0;
margin: 8rpx 0 0 0;
}
.tab-line {
@ -906,6 +772,27 @@
right: -50rpx;
bottom: -50rpx;
}
.tab-jian-active {
background: rgba(243, 74, 64, 1) !important;
}
.tab-jian {
position: absolute;
bottom: 0;
width: 100%;
height: 48rpx;
opacity: 1;
border-radius: 0rpx 0rpx, 20rpx, 20rpx;
background: rgba(255, 161, 162, 1);
line-height: 48rpx;
text-align: center;
opacity: 1;
font-size: 24rpx;
font-weight: 400;
color: rgba(255, 255, 255, 1);
}
}
}
@ -925,10 +812,21 @@
width: 336rpx;
height: 144rpx;
border-radius: 20rpx;
background: rgba(243, 74, 64, 0.06);
border: 2rpx solid #D6D6D6;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 243, 242, 0.89) 100%);
border: 4rpx solid rgba(255, 235, 235, 1);
position: relative;
// .tab-quan {
// border-radius: 50%;
// width: 132rpx;
// height: 132rpx;
// transform: rotate(-44.85deg);
// border: 40rpx solid rgba(243, 74, 64, 0.06);
// position: absolute;
// right: -50rpx;
// bottom: -50rpx;
// overflow: hidden;
// }
.favour_active {
z-index: 99;
top: -20rpx;
@ -943,7 +841,6 @@
font-weight: 400;
letter-spacing: 0rpx;
color: rgba(255, 255, 255, 1);
}
.favour_infor {
@ -980,8 +877,11 @@
}
}
.favourActive {
border: 2rpx solid rgba(243, 74, 64, 1) !important;
background: linear-gradient(91.32deg, rgba(255, 248, 247, 0.56) 0%, rgba(255, 185, 181, 1) 100%) !important;
border: 4rpx solid rgba(243, 74, 64, 1) !important;
}
}
@ -1011,9 +911,9 @@
.equity {
margin-bottom: 60rpx;
position: relative;
max-height: 1800rpx;
overflow: auto;
// max-height: 1400rpx;
// overflow: auto;
.table_box {
overflow: hidden;
border-radius: 20rpx;

Write Preview
Loading…
Cancel
Save