商品绑定标签

src/views/components/commonBookTags/shopproduct.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 100%; height: 100%; margin-top: -50px">
+  <div class="commonShopproduct" :style="`width: 100%; height: 100%; margin-top: -50px`">
    
     <!-- <el-form
       :inline="true"
@@ -29,9 +29,9 @@
     <div class="search_form">
       <div class="addFormBox shopFormBox">
         <el-form ref="addForm" label-width="80px" :model="dataForm">
-          <slot name="searchFormItem" :dataForm="dataForm"></slot>
+          <slot name="searchFormItem" :dataForm="dataForm" v-if="!isNoSearch"></slot>
 
-          <el-form-item
+          <el-form-item v-if="!isNoSearch"
             label=""
             class="form_item"
             label-width="20px"
@@ -158,7 +158,8 @@ export default {
     "urlList",
     "isEdit",
     "currentId",
-    "currentType"
+    "currentType",
+    "isNoSearch",
   ],
   data() {
     return {

src/views/components/commonBookTags/shopproductTable.vue

@@ -7,6 +7,9 @@
       :visible.sync="drawer"
       destroy-on-close
       direction="rtl"
+      :append-to-body="true"
+      :modal-append-to-body="false"
+      :modal="!isNoModal"
       size="70%"
     >
       <div class="shop_drawer_box demo-drawer__content">
@@ -38,7 +41,7 @@
         </div>
         <el-table
           ref="table"
-          height="80%"
+          height="calc(100% - 120px)"
           :data="dataList"
           :row-key="getRowKeys"
           border
@@ -64,6 +67,7 @@
           <!--  -->
         </el-table>
         <el-pagination
+        style="float: right;margin-top: 20px;"
           @size-change="sizeChangeHandle"
           @current-change="currentChangeHandle"
           :current-page="pageIndex"
@@ -93,7 +97,15 @@
 // import chooseBook from './chooseBook.vue'
 // import AddOrUpdate from './shopproduct-add-or-update'
 export default {
-  props: ["defaultForm","marketIdKey", "currentType", "currentId", "title", "urlList"],
+  props: [
+    "defaultForm",
+    "marketIdKey",
+    "currentType",
+    "currentId",
+    "title",
+    "isNoModal",
+    "urlList"
+  ],
   data() {
     return {
       timer: null,
@@ -103,9 +115,7 @@ export default {
       multipleSelectionAll: [], // 所有选中的数据包含跨页数据
       multipleSelection: [], // 当前页选中的数据
       idKey: "productId", // 标识列表数据中每一行的唯一键的名称(需要按自己的数据改一下)
-      dataForm: {
-       
-      },
+      dataForm: {},
       bookMarketId: null,
       dataList: [],
       publishStatus: false,
@@ -338,6 +348,7 @@ export default {
 <style lang="less" scoped>
 .shop_drawer_box {
   padding: 20px !important;
+  padding-top: 0px !important;
   box-sizing: border-box;
   width: 100%;
   height: 100%;