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 6 months ago
parent dc51c18fbb 4877daf437
commit 2878d01e96
1 changed files with 227 additions and 177 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. 404
      pages/gamll/index.vue

404
pages/gamll/index.vue
Unescape View File

@ -87,78 +87,60 @@
<view class="equity" style="margin-top: 8px;">
<view class="table_box">
<u-table>
<u-tr v-for="(item,index) in equityList">
<u-td class="box_cus flex-1">
<view class="box_tips" :style="{ color: index==0?'#333':'#594b40' }">
{{item.feature}}
<u-icon custom-style='margin-left:10rpx' v-if="index>2"
@click="openPopup(item.function_description,item.feature)"
name="question-circle-fill" color="#999" size="30"></u-icon>
</view>
</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>
<view v-else>
<u-icon v-if="item.air=='20'" name="close" color="#959595" size="28"></u-icon>
<text :style="{ color: index==0?'#fff':'#594b40' }" v-else>{{item.air}}</text>
</view>
</view>
</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>
<view v-else>
<u-icon v-if="item.pro=='20'" name="close" color="#959595" size="28"></u-icon>
<text :style="{ color: index==0?'#fff':'#b24341' }" v-else>{{item.pro}}</text>
</view>
</view>
</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>
<view v-else>
<u-icon v-if="item.H5=='20'" name="close" color="#959595" size="28"></u-icon>
<text :style="{ color: index==0?'#fff':'#5362d9' }" v-else>{{item.H5}}</text>
</view>
</view>
<u-tr v-for="(a,index) 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">
<u-td class="box_cus flex-1">
<view class="box_tips" :style="{ color: index==0?'#333':'#594b40' }">
{{item.feature}}
<u-icon custom-style='margin-left:10rpx' v-if="index>2"
@click="openPopup(item.function_description,item.feature)"
name="question-circle-fill" color="#999" size="30"></u-icon>
</view>
</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>
<view v-else>
<u-icon v-if="item.air=='20'" name="close" color="#959595" size="28">
</u-icon>
<text :style="{ color: (index==0&&item.air=='air')?'#fff':'#594b40' }"
v-else>{{item.air}}</text>
</view>
</view>
</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>
<view v-else>
<u-icon v-if="item.pro=='20'" name="close" color="#959595" size="28">
</u-icon>
<text :style="{ color: (index==0&&item.pro=='pro')?'#fff':'#b24341' }"
v-else>{{item.pro}}</text>
</view>
</view>
</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>
<view v-else>
<u-icon v-if="item.H5=='20'" name="close" color="#959595" size="28">
</u-icon>
<text :style="{ color: (index==0&&item.H5=='H5')?'#fff':'#5362d9' }"
v-else>{{item.H5}}</text>
</view>
</view>
</u-td>
</u-tr>
</u-td>
</u-tr>
</u-table>
</view>
<!-- <view class="equity-active-top"
:style="{ 'left': leftNum + '%','height': ((equityList.length*35)+20) + 'px' }">
<view class="equity-active-th" v-for="(item,index) in equityList"
:class="index==0?'equit-tips-title':''">
<text v-if="index==0">{{index==0?item.p_gmall:item.l_gmall}}</text>
<view v-else class="imaged">
<image :src="$picUrl+'/static/user/dui2.png'" mode="" v-if="(item.retail==10&&tabIndex==0)||(item.wholesale==10&&tabIndex==1)"></image>
<text v-else style="font-size: 32rpx;">-</text>
</view>
</view>
</view>
<view class="equityList" v-for="(item,index) in equityList">
<view class="equit-tips" :class="index==0?'equit-tips-title':''">
{{index==0?item.name:item.function_name}}
</view>
<view class="equit-tips" :class="index==0?'equit-tips-title':''">
<text v-if="index==0">{{item.p_gmall}}</text>
<view v-else>
<image v-if="item.retail==10" :src="$picUrl+'/static/user/dui3.png'" mode="" ></image>
<text v-else>-</text>
</view>
</view>
<view class="equit-tips" :class="index==0?'equit-tips-title':''">
<text v-if="index==0">{{item.l_gmall}}</text>
<view v-else>
<image v-if="item.wholesale==10" :src="$picUrl+'/static/user/dui3.png'" mode="" ></image>
<text v-else>-</text>
</view>
</view>
</view> -->
</view>
<view class="payment-method">
<view class="title">选择支付方式</view>
@ -415,10 +397,163 @@
proIndex: 1,
H5: 'H5',
H5Index: 1,
function_description: '说明'
function_description: '说明',
plate_id: 1
}
data.list.unshift(all)
that.equityList = data.list
let list = [{
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",
}]
}]
list[0].list.unshift(all)
this.equityList = 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)
} else {
that.$toast(message)
}
@ -785,9 +920,9 @@
.equity {
margin-bottom: 60rpx;
position: relative;
max-height: 800rpx;
overflow: auto;
// max-height: 1400rpx;
// overflow: auto;
.table_box {
overflow: hidden;
border-radius: 20rpx;
@ -803,36 +938,36 @@
flex: auto !important
}
::v-deep .u-tr {
::v-deep .box_content .u-tr {
border: 1rpx solid #e4e7ed;
}
::v-deep .u-tr {
::v-deep .box_content .u-tr {
border-left: none;
border-right: none;
border-bottom: none;
}
::v-deep u-tr:nth-child(1) .flex-1 {
::v-deep u-tr:nth-child(1) .box_content u-tr:nth-child(1) .flex-1 {
background-color: #e3e6f5;
color: #333 !important;
font-size: 34rpx;
font-weight: 700;
}
::v-deep u-tr:nth-child(1) .flex-2 {
::v-deep u-tr:nth-child(1) .box_content u-tr:nth-child(1) .flex-2 {
background-color: #f6cdb1;
font-size: 34rpx;
font-weight: 700;
}
::v-deep u-tr:nth-child(1) .flex-3 {
::v-deep u-tr:nth-child(1) .box_content u-tr:nth-child(1) .flex-3 {
background-color: #fe9a9a;
font-size: 34rpx;
font-weight: 700;
}
::v-deep u-tr:nth-child(1) .flex-4 {
::v-deep u-tr:nth-child(1) .box_content u-tr:nth-child(1) .flex-4 {
background-color: #5a74e3;
font-size: 34rpx;
font-weight: 700;
@ -842,6 +977,19 @@
border-top: none;
}
.box_name {
width: 10%;
border-top: 1rpx solid #e4e7ed;
}
::v-deep .box_name {
background: #D6D6D6;
}
.box_content {
width: 80%;
}
.box_cus {
text-align: center;
padding: 10px 3px !important;
@ -901,19 +1049,6 @@
background-color: #eeedfd;
}
// .flex-2:nth-child(1) {
// background-color: #ffc1b3 !important;
// color: #fff !important;
// }
// .box_cus {
// border-top: none !important;
// }
// .box_cus {
// border-left: none !important;
// }
.box_cus:nth-child(1) {
border-left: none;
}
@ -922,91 +1057,6 @@
border: none !important;
padding: 0 !important;
}
// .equityList {
// width: 100%;
// height: 35px;
// line-height: 35px;
// background-color: #fff;
// display: flex;
// // flex-direction: column;
// justify-content: space-between;
// font-size: 26rpx;
// .equit-tips {
// width: 33.33333%;
// text-align: center;
// font-weight: 400;
// color: rgba(51, 51, 51, 1);
// image {
// width: 34rpx;
// height: 34rpx;
// }
// }
// .equit-tips-title {
// font-size: 28rpx;
// font-weight: 700;
// }
// }
// .equity-active-top {
// opacity: 1;
// /* 这里的0.5表示50%透明度 */
// width: 33.33333%;
// position: absolute;
// height: 100%;
// padding: 10px 0;
// top: -10px;
// left: 33.33333%;
// z-index: 1;
// border-radius: 8rpx;
// background: linear-gradient(180deg, rgba(255, 227, 209, 1) 0%, rgba(255, 193, 179, 1) 100%);
// .equit-tips-title {
// font-size: 32rpx !important;
// font-weight: 700 !important;
// }
// .equity-active-th {
// width: 100%;
// text-align: center;
// font-size: 26rpx;
// font-weight: 500;
// line-height: 35px;
// color: rgba(125, 44, 26, 1);
// .imaged {
// overflow: hidden;
// image {
// width: 34rpx;
// height: 34rpx;
// }
// }
// }
// }
// .equityList:nth-child(even) {
// background: rgba(246, 246, 246, 1);
// }
// .equityList:nth-child(1) {
// font-size: 28rpx !important;
// font-weight: 700 !important;
// }
// .equityList:nth-child(2) {
// border-top: 1rpx solid rgba(229, 229, 229, 1);
// }
// .equityList:last-child {
// border-bottom: 1rpx solid rgba(229, 229, 229, 1);
// }
}
.advantage {

Write Preview
Loading…
Cancel
Save