阶段性上传

src/views/modules/shop/shopproduct.vue

@@ -66,11 +66,13 @@
       layout="total, sizes, prev, pager, next, jumper">
     </el-pagination>
     <!-- 弹窗, 新增 / 修改 -->
-    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" @showchooseBookf = "showchooseBookf"></add-or-update>
+    <choose-book v-if="chooseBookVisible" :bookIds = bookIds ref="chooseBook" :chooseBookVisible = chooseBookVisible @closeBookf = "closeBookf"></choose-book>  
   </div>
 </template>
 
 <script>
+  import chooseBook from './chooseBook.vue'
   import AddOrUpdate from './shopproduct-add-or-update'
   export default {
     data () {
@@ -85,16 +87,32 @@
         totalPage: 0,
         dataListLoading: false,
         dataListSelections: [],
-        addOrUpdateVisible: false
+        addOrUpdateVisible: false,
+        chooseBookVisible: false,
+        bookIds:[]
       }
     },
     components: {
-      AddOrUpdate
+      AddOrUpdate,
+      chooseBook
     },
     activated () {
       this.getDataList()
     },
-    methods: {
+  methods: {
+    closeBookf() {
+      this.chooseBookVisible = false      
+     },
+    showchooseBookf(e) { 
+     // 显示图书列表
+      this.chooseBookVisible = true      
+      console.log(this.bookIds,'this.bookIds')
+      // this.$nextTick(() => {
+      //   this.$refs.chooseBook.getBookList()
+      //   this.bookIds = e.bookIds
+      //   })
+      
+    },
       // 获取数据列表
       getDataList () {
         this.dataListLoading = true