商品绑定标签

src/views/modules/shop/shopproduct.vue

@@ -88,7 +88,7 @@
         fixed="right"
         header-align="center"
         align="center"
-        width="180"
+        width="240"
         label="操作"
       >
         <template slot-scope="scope">
@@ -101,21 +101,51 @@
           <el-button
             type="text"
             size="small"
-            @click="handleEditCurriculum(scope.row.productId)"
-            >修改课程</el-button
-          >
-          <el-button
-            type="text"
-            size="small"
-            @click="handleEditTags(scope.row.productId)"
-            >修改标签</el-button
-          >
+           @click.native="handleEditCurriculum(scope.row.productId)"
+            >新版修改</el-button
+          > 
           <el-button
+            style="color:red"
             type="text"
             size="small"
             @click="deleteHandle(scope.row.productId)"
             >删除</el-button
           >
+          <el-dropdown>
+            <el-button
+            type="text"
+            size="small"
+           
+            >更多操作<i class="el-icon-arrow-down el-icon--right"></i></el-button
+          >
+            <!-- <span type="primary" size="mini" class="el-dropdown-link">
+              更多操作<i class="el-icon-arrow-down el-icon--right"></i>
+            </span> -->
+            <el-dropdown-menu slot="dropdown">
+              <!-- <el-dropdown-item
+                @click.native="addOrUpdateHandle(scope.row.productId)"
+                >修改</el-dropdown-item
+              >
+              <el-dropdown-item
+                @click.native="handleEditCurriculum(scope.row.productId)"
+                >新版修改</el-dropdown-item
+              > -->
+              
+              <el-dropdown-item
+                @click.native="handleEditCorrelation(scope.row.productId)"
+                >关联绑定</el-dropdown-item
+              >
+              <el-dropdown-item
+                @click.native="handleEditTags(scope.row.productId)"
+                >修改标签</el-dropdown-item
+              >
+              <!-- <el-dropdown-item  style="color:red"
+                @click.native="deleteHandle(scope.row.productId)"
+                >删除</el-dropdown-item
+              > -->
+            </el-dropdown-menu>
+          </el-dropdown>
+         
         </template>
       </el-table-column>
     </el-table>
@@ -137,7 +167,6 @@
       @showchooseBookf="showchooseBookf"
     ></add-or-update>
 
-
     <curriculum
       v-if="curriculumVisible"
       ref="curriculum"
@@ -145,16 +174,17 @@
       @showchooseBookf="showchooseBookf"
     ></curriculum>
 
-
-
     <add-or-update
       v-if="addOrUpdateVisible"
       ref="addOrUpdate"
       @refreshDataList="getDataList"
       @showchooseBookf="showchooseBookf"
     ></add-or-update>
-    
+
     <commonTags ref="commonTags"></commonTags>
+    <correlation ref="correlation"></correlation>
+    <choose-book v-if="chooseBookVisible" :bookIds = bookIds ref="chooseBook" :chooseBookVisible = chooseBookVisible @closeBookf = "closeBookf"></choose-book>   -->
+     
   </div>
 </template>
 
@@ -163,7 +193,9 @@ import chooseBook from "./chooseBook.vue";
 import curriculum from "./curriculum.vue";
 import AddOrUpdate from "./shopproduct-add-or-update";
 // import AddOrUpdate from "./shopproduct-add-or-update";
-import commonTags from "./commonBookTags/commonTags.vue";
+import commonTree from "@/views/components/commonBookTags/tags.vue";
+import commonTags from "./commonBookTags/commonTags1.vue";
+import correlation from "./commonBookTags/correlation.vue";
 export default {
   data() {
     return {
@@ -187,7 +219,8 @@ export default {
     curriculum,
     AddOrUpdate,
     chooseBook,
-    commonTags
+    commonTags,
+    correlation
   },
   activated() {
     this.getDataList();
@@ -198,6 +231,11 @@ export default {
         this.$refs.commonTags.open(id);
       });
     },
+    handleEditCorrelation(id) {
+      this.$nextTick(() => {
+        this.$refs.correlation.open(id);
+      });
+    },
     closeBookf() {
       this.chooseBookVisible = false;
     },
@@ -249,6 +287,7 @@ export default {
     },
     // 新增 / 修改
     addOrUpdateHandle(id) {
+      console.log(11111111111111111);
       this.addOrUpdateVisible = true;
       this.$nextTick(() => {
         this.$refs.addOrUpdate.init(id);