超级单词选择修改

pages/chanpinXuanze/cp4/banben.vue

@@ -5,7 +5,12 @@
       <view class="nav-bar-title">选择版本-L6</view>
     </view>
 
-    <view class="ezy-page-body">
+    <view>
+      <view @click="data.isShangce = true">上册</view>
+      <view @click="data.isShangce = false">下册</view>
+    </view>
+
+    <view v-if="data.isShangce" class="ezy-page-body">
       <template v-if="data.banbenList.length">
 		  <view class="xbb-list-box">
 			 <ezyActiveVue class="ezy-list-item-active xbb-item-box" v-for="item in data.banbenList" :key="item.id"
@@ -25,6 +30,27 @@
         </view>
       </template>
     </view>
+
+    <view v-else class="ezy-page-body">
+      <template v-if="data.banbenList2.length">
+        <view class="xbb-list-box">
+          <ezyActiveVue class="ezy-list-item-active xbb-item-box" v-for="item in data.banbenList" :key="item.id"
+                        @aclick="handleSelect(item)">
+            <text class="book-text">{{item.name}}</text>
+            <icon class="arrow-icon"></icon>
+          </ezyActiveVue>
+        </view>
+        <view class="ezy-no-more">没有更多</view>
+      </template>
+      <template v-else>
+        <view class="shiti-frame-box">
+          <view class="ezy-no-sj">
+            <icon></icon>
+            <text>暂无数据</text>
+          </view>
+        </view>
+      </template>
+    </view>
   </view>
 </template>
 
@@ -37,12 +63,15 @@ import ezyActiveVue from "@/components/ezyActive/ezyActive.vue";
 
 const data = reactive({
   dengjiId: null,
-  banbenList: []
+  banbenList: [],
+  banbenList2: [],
+  isShangce: true,
 })
 
 function getBanbenList() {
   danciHttp.getDanciChanpinBanbenList({dengjiId: data.dengjiId}).then(res => {
-    data.banbenList = res.data;
+    data.banbenList = res.data.banbenList1;
+    data.banbenList2 = res.data.banbenList2;
   })
 }