1

pages/kotra/brand/detail.vue

@@ -11,8 +11,22 @@
       <view class="bg-red">
         <view class="detail-box">
           <view class="header flex" style="popsition: relative">
-            <view class="title">
+            <view class="title" style="display: flex; align-items: flex-end">
               {{ details.BrandName }}
+
+              <view
+                v-for="(item, index) in details.PrizeList"
+                :key="index"
+                class="screenBoxItem"
+                @click="chooseYear(item)"
+              >
+                <view class="screenBoxItemYear activeYear">{{
+                  item.YearInfo
+                }}</view
+                ><view class="screenBoxItemName activeName">{{
+                  item.Name
+                }}</view>
+              </view>
             </view>
             <view
               class="tag-box"
@@ -1106,6 +1120,7 @@ export default {
     display: flex;
     align-items: center;
     justify-content: space-between;
+
     overflow: hidden;
 
     .img {
@@ -1198,4 +1213,55 @@ export default {
   text-align: center;
   font-size: 12px;
 }
+.screenBoxItem {
+  /* width: 130rpx; */
+  height: 30rpx;
+  background-color: #e2e2e2;
+  border-radius: 23rpx;
+  margin-right: 30rpx;
+  display: flex;
+  color: #999999;
+  overflow: hidden;
+  margin: 0 10rpx;
+  overflow: hidden;
+  border-radius: 6rpx;
+}
+.screenBoxItemYear {
+  /* width: 50%; */
+  height: 30rpx;
+  background: #e2e2e2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20rpx;
+  font-family: PingFang SC;
+  font-weight: 500;
+  white-space: nowrap;
+  border-radius: 6rpx 0px 0px 6rpx;
+  box-sizing: border-box;
+  padding: 0 10rpx;
+}
+.activeYear {
+  background: #1f1f1f;
+  color: #ffffff;
+}
+.screenBoxItemName {
+  /* width: 50%; */
+  height: 30rpx;
+  background: #eaeaea;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20rpx;
+  font-family: PingFang SC;
+  font-weight: 500;
+  box-sizing: border-box;
+  padding: 0 10rpx;
+  white-space: nowrap;
+  border-radius: 0px 6rpx 6rpx 0px;
+}
+.activeName {
+  background: #d0aa7b;
+  color: #111111;
+}
 </style>

pages/kotra/firstShop/firstShop.vue

@@ -706,8 +706,9 @@ export default {
     },
     clickItem5(index) {
       //品牌
-      this.brandName = this.brandList[index].Name;
+      this.brandName = this.brandList[index].BrandName;
       this.model.ExistBrandId = this.brandList[index].ID;
+      console.log(this.model.ExistBrandId);
     },
     uploadSuccessHandler(data, index, lists) {
       let r = JSON.parse(data);