diff --git a/pages/gamll/index.vue b/pages/gamll/index.vue
index 264c38b..fa865c0 100644
--- a/pages/gamll/index.vue
+++ b/pages/gamll/index.vue
@@ -87,78 +87,60 @@
-
-
-
- {{item.feature}}
-
-
-
-
-
-
-
-
- {{item.air}}
-
-
-
-
-
-
-
-
- {{item.pro}}
-
-
-
-
-
-
-
-
- {{item.H5}}
-
-
+
+ {{a.name}}
+
+
+
+
+ {{item.feature}}
+
+
+
+
+
+
+
+
+
+ {{item.air}}
+
+
+
+
+
+
+
+
+
+ {{item.pro}}
+
+
+
+
+
+
+
+
+
+ {{item.H5}}
+
+
+
+
-
+
选择支付方式
@@ -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 {