搜索和弹窗按钮公共组件和产品搜索功能优化

yangfeng

2023-11-03 eab06fbfcf4577eac399992b5ab11df3f3ff7456

搜索和弹窗按钮公共组件和产品搜索功能优化

 src/components/makepager/FormBtnsView.vue

@@ -7,9 +7,10 @@
        <div class="right-label">额外的价格</div>
      </div>
    </div> -->
    <div v-if="!showProduct && !showWarehouse && !showPosition && !addProduct"
         class="sub-number left_border cursor_pointer"
         @click="inLibraryClick()"
    <div
      v-if="!showProduct && !showWarehouse && !showPosition && !addProduct"
      class="sub-number left_border cursor_pointer"
      @click="inLibraryClick()"
    >
      <div class="left"><i class="el-icon-present"></i></div>
      <div class="right">
@@ -51,18 +52,18 @@
    <div v-if="!showProduct && !showWarehouse && !showPosition" class="sub-number no-cursor">
      <div class="left"><i class="el-icon-refresh"></i></div>
      <div class="right">
        <div class="right-label">{{ (countObject?.reorderRule ?? 0) }}</div>
        <div class="right-label">{{ countObject?.reorderRule ?? 0 }}</div>
        <div class="right-label">重订货规则</div>
      </div>
    </div>
    <div v-if="showProduct" class="sub-number left_border yes-cursor" @click="productClick">
      <div class="left"><i class="el-icon-s-fold"></i></div>
      <div class="right">
        <div class="right-label">{{ (countObject?.product ?? 0) }}</div>
        <div class="right-label">{{ countObject?.product ?? 0 }}</div>
        <div class="right-label">产品</div>
      </div>
    </div>
    <div v-if="!showWarehouse" class="sub-number left_border no-cursor">
    <div v-if="!showWarehouse" class="sub-number left_border yes-cursor" @click="listingRulesClick">
      <div class="left"><i class="el-icon-refresh"></i></div>
      <div class="right">
        <div class="right-one">上架规则</div>
@@ -151,8 +152,12 @@
      this.$emit("productClick")
    },
    // 在库
    inLibraryClick(){
    inLibraryClick() {
      this.$emit("inLibraryClick")
    },
    // 上架规则
    listingRulesClick() {
      this.$emit("listingRulesClick")
    }
  }
}

 src/components/makepager/SearchCommonView.vue

@@ -54,7 +54,7 @@
            <template v-if="selectArr?.length > 0" slot="prepend">
              <div style="display: flex">
                <div v-for="(val, i) in selectArr" :key="i" class="pre-views">
                  <span style="margin-left: 5px">{{ val }}</span>
                  <span style="margin-left: 5px">{{ val.title }}</span>
                  <i @click="delSelectClick(val)" class="el-icon-close" style="margint: 0 5px"></i>
                </div>
              </div>
@@ -88,9 +88,9 @@
            </div>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item
                v-for="(item, key) in taskStatusMap"
                v-for="(item, key) in screenArray"
                :key="key"
                :command="item.title"
                :command="{ command: item.title, ...item }"
                :class="{ selected: status == item.title }"
              >
                <div class="dropdown-view">
@@ -224,6 +224,14 @@
    showSreen: {
      type: Boolean,
      default: true
    },
    searchTaskMap: {
      type: Array,
      default: () => []
    },
    screenArray: {
      type: Array,
      default: () => []
    }
  },
  watch: {
@@ -243,13 +251,12 @@
      searchInput: "",
      searchSelValue: this.searchSel,
      status: "",
      taskStatusMap: [
        { value: "0", type: "default", title: "完成" },
        { value: "1", type: "default", title: "就緒" }
      ],
      selList: [],
      selectArr: []
    }
  },
  mounted() {
    this.selectArr = this.searchTaskMap
  },
  methods: {
    // 搜索
@@ -302,6 +309,7 @@
        this.selectArr.findIndex((e) => e === item),
        1
      )
      this.$emit("delSelectClick", item)
    }
  }
}
@@ -400,7 +408,7 @@
        }
      }
      .pre-views {
        border: 1px solid #ccc;
        border: 1px solid #c0c0c0;
        font-size: 12px;
        margin-right: 5px;
        border-radius: 3px;

 src/views/productManage/product/index.vue

@@ -5,8 +5,10 @@
        :add-title="'新建'"
        :placeholder="'请输入产品名称'"
        :amount-view="false"
        :search-task-map="searchTaskMap"
        @addCommonClick="addBtnClick"
        @searchClick="searchClick"
        @delSelectClick="delSelectClick"
      />
    </div>
    <div class="list-view">
@@ -54,11 +56,7 @@
      </div>
      <!-- 列表形式 -->
      <div v-if="isIconIndex === '2'" class="product-list">
        <TableCommonView
          ref="tableListRef"
          :table-list="tableList"
          @selTableCol="selTableCol"
        >
        <TableCommonView ref="tableListRef" :table-list="tableList" @selTableCol="selTableCol">
          <template slot="tableButton">
            <el-table-column label="操作" width="90" align="center">
              <template slot-scope="scope">
@@ -114,16 +112,20 @@
      url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
      pageSizes: [15, 30],
      keyWord: "",
      categoryId: null
      categoryId: null,
      searchTaskMap: []
    }
  },
  created() {
    this.setTable()
    let query = this.$route.query
    if (query) {
      console.log("ssssss")
      this.categoryId = query.id ? Number(query.id) : null
      this.pagerOptions.currPage = 1
      this.searchTaskMap = query.id ? [{ categoryId: this.categoryId, title: query.categoryName }] : []
    }

    this.getData()
  },
  methods: {
@@ -272,7 +274,7 @@
      this.editConfig.visible = true
    },
    // 编辑
    editRow(row){
    editRow(row) {
      this.editConfig.autoEdit = true
      this.editConfig.title = "编辑"
      this.editConfig.infomation = { ...row }
@@ -290,6 +292,11 @@
        this.pagerOptions.pageSize = 15
      }
      this.getData()
    },
    // 删除产品类型
    delSelectClick() {
      this.categoryId = 0
      this.getData()
    }
  }
}