暂存

src/apis/service/serviceParam/storeGoods/index.js

@@ -1,21 +0,0 @@
-// 物业管理员
-import http from "@/apis/axios";
-const api = "admin/";
-export default {
-  // 添加
-  add: (data, params) => http(api + "add", data, "post", params),
-  // 删除
-  delete: (data, params) => http(api + "delete", data, "post", params),
-  // 商品列表查询
-  list: (data, params) => http(api + "goodlist", data, "post", params),
-  // 详情
-  detail: (data, params) => http(api + "detail", data, "post", params),
-  // 更新
-  update: (data, params) => http(api + "update", data, "post", params),
-  // 修改商品上下架状态
-  status: (data, params) => http(api + "goodstatus", data, "post", params),
-  // 供应商列表
-  supplierlist: (data, params) => http(api + "supplierlist", data, "post", params),
-
-};
-   

src/components/globalComponents/shy-tree/main.vue

@@ -203,6 +203,7 @@ export default {
     text-align: center;
     line-height: 50px;
     color: #666;
+    margin:20px 0 0 0;
     border: 1px solid #ccc;
     border-radius: 6px;
   }

src/views/goodStore/dealGoodsPool/detail.vue

@@ -0,0 +1,759 @@
+<template>
+  <div class="goodsCost pagePadding">
+    <div
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+    >
+      <el-row style="margin-bottom: 10px">
+        <el-col :span="6" style="width: 316px">
+          <period-date-picker
+            :start="parmValue.start"
+            :end="parmValue.end"
+            :type="1"
+            :width="'147px'"
+            :size="searchSize"
+            @timeReturned="timeReturned($event)"
+          ></period-date-picker>
+        </el-col>
+        <el-col :span="18" id="el-cor-full-style">
+          <el-row :gutter="10">
+            <el-col :span="6">
+              <el-cascader
+                v-model="parmValue.catid"
+                style="width: 100%"
+                filterable
+                :size="searchSize"
+                clearable
+                placeholder="商品分类"
+                :options="catOptions"
+                :props="{ expandTrigger: 'hover', checkStrictly: true }"
+                @change="handleChange"
+              ></el-cascader>
+            </el-col>
+            <el-col :span="6">
+              <el-select
+                v-model="parmValue.status"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="请选择状态"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="item in statusList"
+                  :key="'status' + item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-col>
+
+            <el-col :span="6">
+              <el-input
+                :size="searchSize"
+                style="100%"
+                v-model="parmValue.supplier_name"
+                :maxlength="40"
+                placeholder="供货商名称"
+              ></el-input>
+            </el-col>
+            <el-col :span="6">
+              <el-input
+                :size="searchSize"
+                style="100%"
+                v-model="parmValue.good_code"
+                :maxlength="40"
+                placeholder="商品编码"
+              ></el-input>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+      <el-row style="margin-bottom: 18px">
+        <el-col :span="6" style="width: 316px">
+          <el-input
+            :size="searchSize"
+            :maxlength="10"
+            placeholder="最低售价"
+            v-model="parmValue.sale_price_start"
+            style="width: 150px"
+          ></el-input>
+          <samp>至</samp>
+          <el-input
+            :size="searchSize"
+            :maxlength="10"
+            placeholder="最高售价"
+            v-model="parmValue.sale_price_end"
+            style="width: 150px"
+          ></el-input>
+        </el-col>
+
+        <el-col :span="18" id="el-cor-full-style">
+          <el-row :gutter="10">
+            <el-col :span="12">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.goods_name"
+                :maxlength="40"
+                placeholder="商品名称"
+              >
+                <el-button
+                  slot="append"
+                  icon="el-icon-search"
+                  @click="searchList"
+                ></el-button>
+              </el-input>
+            </el-col>
+            <el-col :span="12">
+              <el-button
+               v-if="powers.some((item) => item == '024')"
+                type="warning"
+                class="fl"
+                :size="searchSize"
+                @click="restSearch"
+              >
+                重置
+              </el-button>
+              <el-button
+               v-if="powers.some((item) => item == '002')"
+                type="primary"
+                :size="searchSize"
+                class="fr"
+                style="margin-left: 5px"
+                @click="searchList"
+              >
+                刷新
+              </el-button>
+              <el-button
+               v-if="powers.some((item) => item == '003')"
+                type="success"
+                :size="searchSize"
+                style="float: right"
+                @click="openModal('add', false)"
+              >
+                添加
+              </el-button>
+            </el-col>
+          </el-row></el-col
+        >
+      </el-row>
+      <el-table
+        :data="tableData"
+        stripe
+        v-loading="loading"
+        border
+        :size="size"
+        style="width: 100%"
+      >
+        <el-table-column label="商品信息" align="left" min-width="165">
+          <template slot-scope="item">
+            <div class="good_name_title">
+              {{ item.row.good_name }}
+            </div>
+            <div
+              class="good_name_img"
+              v-if="item.row.galleyList && item.row.galleyList.length > 0"
+            >
+              <img
+                v-for="(img, i) in item.row.galleyList"
+                :key="item.row.id + 'goodimg' + i"
+                :src="img"
+                @click="showGalley(item.row.galleyList, i)"
+                alt=""
+              />
+            </div> </template
+        ></el-table-column>
+        <el-table-column label="供应商信息" show-overflow-tooltip align="left">
+          <template slot-scope="item">
+            <div v-if="item.row.supplier_info">
+              <div class="good_name_title">
+                企业：{{ item.row.supplier_info.company }}
+              </div>
+              <div class="good_name_title">
+                联系人：{{ item.row.supplier_info.name }}
+              </div>
+            </div>
+          </template></el-table-column
+        >
+        <el-table-column
+          prop="good_code"
+          label="商品编码"
+          show-overflow-tooltip
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="catName"
+          label="商品分类"
+          show-overflow-tooltip
+          align="center"
+        ></el-table-column>
+
+        <el-table-column label="状态" show-overflow-tooltip align="center">
+          <template slot-scope="scope">
+            <el-tag
+              v-if="scope.row.status === '1'"
+              type="success"
+              :class="{ 'hover-tag': powers.some((item) => item == '004') }"
+              :size="tablebtnSize"
+              @click="
+                statusConfirm(
+                  scope.row.id,
+                  scope.row.status,
+                  powers.some((item) => item == '026')
+                )
+              "
+            >
+              <i
+                class="el-icon-thumb"
+                v-if="powers.some((item) => item == '026')"
+                style="margin-right: 1px"
+              ></i>
+              销售中</el-tag
+            >
+            <el-tag
+              v-else
+              :class="{ 'hover-tag': powers.some((item) => item == '026') }"
+              :size="tablebtnSize"
+              type="warning"
+              @click="
+                statusConfirm(
+                  scope.row.id,
+                  scope.row.status,
+                  powers.some((item) => item == '026')
+                )
+              "
+            >
+              <i
+                class="el-icon-thumb"
+                v-if="powers.some((item) => item == '026')"
+                style="margin-right: 1px"
+              ></i>
+              已下架</el-tag
+            >
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="addtime"
+          label="创建时间"
+          show-overflow-tooltip
+          align="center"
+        ></el-table-column>
+        <el-table-column fixed="right" label="操作" align="center">
+          <template slot-scope="scope">
+            <el-link
+              v-if="powers.some((item) => item == '011')"
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="
+                showPrice(
+                  scope.row.LimitPrice,
+                  scope.row.left,
+                  scope.row.right,
+                  scope.row.lang
+                )
+              "
+            >
+              价格
+            </el-link>
+            <el-link
+              v-if="powers.some((item) => item == '012')"
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="copy(scope.row.id)"
+            >
+              复制
+            </el-link>
+            <el-link
+              v-if="
+                scope.row.status === '0' && powers.some((item) => item == '005')
+              "
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="openModal(scope.row.id, false)"
+            >
+              修改
+            </el-link>
+            <el-link
+              v-if="powers.some((item) => item == '006')"
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="deleteById(scope.row.id, scope.row.status)"
+            >
+              删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div
+        class="Pagination"
+        style="text-align: right; margin-top: 10px"
+        v-show="count > 0"
+      >
+        <el-pagination
+          :size="searchSize"
+          @size-change="handleSizeChange"
+          @current-change="handlePageChange"
+          :current-page="parmValue.page"
+          :page-sizes="[10, 15, 20, 30, 40]"
+          :page-size="parmValue.size"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="count"
+        ></el-pagination>
+      </div>
+      <ladder-price
+        :showModel="showLadderPrice"
+        :left="left"
+        :right="right"
+        :lang="lang"
+        @cancel="showLadderPrice = false"
+      ></ladder-price>
+    
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+   <script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import asyncRequest from "@/apis/service/goodStore/goodsCost";
+import ladderPrice from "./ladderPrice";
+// import PeriodDatePicker from "@/components/PeriodDatePicker";
+import statusList from "@/assets/js/statusList";
+import { timestampToTime } from "@/utils/validate";
+import { mapGetters } from "vuex";
+export default {
+  name: "goodsCost",
+  components: {
+    // PeriodDatePicker,
+    ladderPrice,
+  },
+  data() {
+    return {
+      imgList: [],
+      index: 0,
+      showImgModel: false,
+      statusList: statusList,
+      catOptions: [],
+      showLadderPrice: false,
+      loading: false,
+      showModel: false,
+      isDetail: false,
+      modelId: 0,
+      left: {},
+      right: {},
+      lang: "0px",
+      parmValue: {
+        catid: "", //种类id
+        start: "", //起始时间,
+        end: "", //结束时间
+        sale_price_start: "", //最低售价
+        sale_price_end: "", //最高售价
+        status: "",
+        goods_name: "", //商品名称
+        good_code: "", //商品code
+        supplier_name: "", //供货商
+        page: 1, // 页码
+        size: 10, // 每页显示条数
+      },
+      count: 0, // 总条数
+      tableData: [],
+      headLadder: {
+        num: "起订量≥",
+        price: "成本价",
+      },
+    };
+  },
+  mixins: [mixinPage],
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "goodsCost"
+        ) || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  mounted() {
+    // this.searchList();
+    // this.getAllCat();
+  },
+
+  methods: {
+    restSearch() {
+      this.parmValue = {
+        catid: "", //种类id
+        start: "", //起始时间,
+        end: "", //结束时间
+        sale_price_start: "", //最低售价
+        sale_price_end: "", //最高售价
+        status: "",
+        goods_name: "", //商品名称
+        good_code: "", //商品code
+        supplier_name: "", //供货商
+        page: 1, // 页码
+        size: 10, // 每页显示条数
+      };
+      this.searchList();
+    },
+    async handleChange() {
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    async timeReturned(e) {
+      if (e.startTime !== "") {
+        this.parmValue.start = timestampToTime(e.startTime);
+      } else {
+        this.parmValue.start = "";
+      }
+
+      if (e.endTime !== "") {
+        this.parmValue.end = timestampToTime(e.endTime);
+      } else {
+        this.parmValue.end = "";
+      }
+      if (this.parmValue.start !== "" && this.parmValue.end !== "") {
+        this.parmValue.page = 1;
+        await this.searchList();
+      }
+    },
+    openModal(id, isDetail) {
+      if (id !== "add") {
+        this.$message.warning("正在开发中！");
+      } else {
+        this.showModel = true;
+        this.modelId = id;
+        this.isDetail = isDetail;
+      }
+    },
+    showGalley(list, i) {
+      this.imgList = list;
+      this.index = i;
+      this.showImgModel = true;
+    },
+    async copy(id) {
+      let res = await asyncRequest.copy({ id: id });
+      if (res.code === 0) {
+        this.$notify.success({
+          title: "商品复制成功！",
+          message: "",
+        });
+        this.searchList();
+      }
+    },
+    async deleteById(id, status) {
+      if (status === "0") {
+        await this.$confirm("确定要删除该商品？", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(async () => {
+            let res = await asyncRequest.delete({ goodids: id });
+            if (res.code === 0) {
+              this.$notify.success({
+                title: "删除成功",
+                message: "",
+              });
+              this.searchList();
+            }
+          })
+          .catch(() => {
+            console.log("取消");
+          });
+      } else {
+        this.$message.warning("只有已下架的商品才能被删除！");
+      }
+    },
+    showPrice(attr, left, right, lang) {
+      if (attr && attr.length > 0) {
+        this.left = left;
+        this.right = right;
+        this.lang = lang;
+        this.showLadderPrice = true;
+      } else {
+        this.$message.warning("该商品暂无阶梯价格信息！");
+      }
+    },
+    async searchList() {
+      let obj = JSON.parse(JSON.stringify(this.parmValue));
+
+      if (obj.catid === "") {
+        obj.catid = "0";
+      }
+      this.loading = true;
+      let res = await asyncRequest.list(obj);
+      if (res.code === 0 && res.data) {
+        let list = res.data.list;
+
+        list = list.map((v1) => {
+          v1.catName = "";
+          v1.galleyList = v1.galley.split(",");
+          v1.addtime = v1.addtime.replaceAll(".000", "");
+          if (v1 && v1.cat && v1.cat.length > 0) {
+            v1.cat.forEach((v2, index) => {
+              v1.catName += index !== 0 ? "/" + v2.cat_name : v2.cat_name;
+            });
+          } else {
+            v1.catName = "";
+          }
+          if (v1 && v1.LimitPrice && v1.LimitPrice.length > 0) {
+            v1.left = {
+              header: [],
+              spec: [],
+            };
+            v1.right = {
+              header: [],
+              spec: [],
+            };
+            v1.left.header = v1.LimitPrice[0].spec;
+            v1.lang = v1.left.header.length * 100 + "px";
+            let ladderNum = 0;
+            v1.LimitPrice.forEach((a) => {
+              if (a.limit && a.limit.length > ladderNum) {
+                ladderNum = a.limit.length;
+              }
+              if (a.spec && a.spec.length > 0) {
+                v1.left.spec.push(a.spec);
+              }
+            });
+            for (let i = 0; i < ladderNum; i++) {
+              v1.right.header.push(this.headLadder);
+            }
+
+            v1.right.spec = v1.LimitPrice;
+            v1.right.spec.map((v1) => {
+              if (v1.limit && v1.limit.length > 0) {
+                for (let j = 0; j < ladderNum; j++) {
+                  if (!v1.limit[j]) {
+                    v1.limit.push({
+                      begin_num: "",
+                      shop_price: "",
+                    });
+                  }
+                }
+              }
+            });
+          }
+          return v1;
+        });
+        this.tableData = list;
+        this.count = Number(res.data.count);
+      } else {
+        this.tableData = [];
+        this.count = 0;
+      }
+      this.loading = false;
+    },
+    async getAllCat() {
+      const res = await asyncRequest.catAll({});
+      if (res.code === 0 && res.data) {
+        let list = res.data;
+        list.map((v1) => {
+          v1.value = v1.id;
+          v1.label = v1.cat_name;
+          if (v1.child && v1.child.length > 0) {
+            v1.child.map((v2) => {
+              v2.value = v2.id;
+              v2.label = v2.cat_name;
+              if (v2.child && v2.child.length > 0) {
+                v2.child.map((v3) => {
+                  v3.value = v3.id;
+                  v3.label = v3.cat_name;
+                  return v3;
+                });
+                v2.children = v2.child;
+              }
+              return v2;
+            });
+            v1.children = v1.child;
+          }
+          return v1;
+        });
+        this.catOptions = list;
+      }
+    },
+    async statusConfirm(id, status, type) {
+      if (!type) {
+        return;
+      }
+      await this.$confirm(
+        `确定要改为${status === "1" ? "已下架" : "销售中"}？`,
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            goodids: id,
+            status: status === "1" ? "0" : "1",
+          };
+          const res = await asyncRequest.status(model);
+          if (res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: "",
+            });
+            await this.searchList();
+          } else {
+            this.loading = false;
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+  },
+};
+</script>
+   <style lang="scss" scoped>
+.goodsCost {
+  $gBC: #dfe6ec;
+  .list-table {
+    position: relative;
+    width: 100%;
+    border-top: 1px solid $gBC;
+    border-left: 1px solid $gBC;
+    .left {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 2;
+      background: #fff;
+      .header {
+        width: 100%;
+        display: flex;
+        .header-item {
+          width: 100px;
+          flex: 1;
+          padding: 0 10px;
+          height: 50px;
+          line-height: 50px;
+          border-right: 1px solid $gBC;
+          border-bottom: 1px solid $gBC;
+        }
+      }
+      .header-body {
+        width: 100%;
+        position: relative;
+        .header-body-row {
+          width: 100%;
+          display: flex;
+          .heder-body-col {
+            flex: 1;
+            padding: 0 10px;
+            height: 30px;
+            border-right: 1px solid $gBC;
+            border-bottom: 1px solid $gBC;
+            line-height: 30px;
+          }
+        }
+      }
+    }
+    .right {
+      position: relative;
+      width: 100%;
+      display: block;
+      overflow-x: scroll;
+      .header {
+        width: 100%;
+        display: flex;
+        .header-col {
+          min-width: 240px;
+          flex: 1;
+          height: 50px;
+          line-height: 50px;
+
+          // position: relative;
+          .header-col-jieti {
+            height: 50px;
+            line-height: 50px;
+            // position: relative;
+            width: 100%;
+            .header-col-jieti-title {
+              // position: relative;
+              width: 100%;
+              line-height: 25px;
+              border-right: 1px solid $gBC;
+              border-bottom: 1px solid $gBC;
+              height: 25px;
+            }
+            .header-col-jieti-main {
+              // position: relative;
+              width: 100%;
+              .header-col-item {
+                // position: relative;
+                height: 25px;
+                line-height: 25px;
+                width: 50%;
+                border-right: 1px solid $gBC;
+                border-bottom: 1px solid $gBC;
+              }
+            }
+          }
+        }
+      }
+      .right-body {
+        position: relative;
+        .right-body-col {
+          position: relative;
+          width: 100%;
+          display: flex;
+          .right-body-col-item {
+            min-width: 240px;
+            flex: 1;
+
+            position: relative;
+            overflow: hidden;
+            .right-body-col-item-div {
+              position: relative;
+              height: 30px;
+              line-height: 30px;
+              width: 50%;
+              padding: 0 10px;
+              border-right: 1px solid $gBC;
+              border-bottom: 1px solid $gBC;
+            }
+          }
+        }
+      }
+    }
+  }
+  .good_name_img {
+    position: relative;
+    width: 156px;
+    img {
+      position: relative;
+      width: 30px;
+      height: 30px;
+      display: inline-block;
+      border-top: 1px solid #dfe6ec;
+      border-right: 1px solid #dfe6ec;
+      border-bottom: 1px solid #dfe6ec;
+      &:hover {
+        cursor: pointer;
+      }
+      &:first-child {
+        border-left: 1px solid #dfe6ec;
+      }
+    }
+  }
+}
+</style>
+   

src/views/goodStore/goodsCost/index.vue

@@ -144,54 +144,6 @@
             @click="openModal(scope.row, '007')"
           ></i>
         </el-tooltip>
-        <el-tooltip
-          v-if="powers.some((item) => item == '005')"
-          effect="dark"
-          content="修改"
-          placement="top"
-        >
-          <i
-            class="el-icon-edit tb-icon"
-            @click="openModal(scope.row, '005')"
-          ></i>
-        </el-tooltip>
-        <el-tooltip
-          v-if="
-            powers.some((item) => item == '004') && scope.row.status === '0'
-          "
-          effect="dark"
-          content="禁用"
-          placement="top"
-        >
-          <i
-            class="el-icon-video-pause tb-icon"
-            @click="changeStatus(scope.row.id, scope.row.status)"
-          ></i>
-        </el-tooltip>
-        <el-tooltip
-          v-if="
-            powers.some((item) => item == '004') && scope.row.status === '1'
-          "
-          effect="dark"
-          content="启用"
-          placement="top"
-        >
-          <i
-            class="el-icon-video-play tb-icon"
-            @click="changeStatus(scope.row.id, scope.row.status)"
-          ></i>
-        </el-tooltip>
-        <el-tooltip
-          v-if="powers.some((item) => item == '006')"
-          effect="dark"
-          content="删除"
-          placement="top"
-        >
-          <i
-            class="el-icon-delete tb-icon"
-            @click="deleteItem(scope.row.id)"
-          ></i>
-        </el-tooltip>
       </template>
     </ex-table>
     <no-auth v-else></no-auth>

src/views/goodStore/goodsOnline/detail.vue

@@ -0,0 +1,759 @@
+<template>
+  <div class="goodsCost pagePadding">
+    <div
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+    >
+      <el-row style="margin-bottom: 10px">
+        <el-col :span="6" style="width: 316px">
+          <period-date-picker
+            :start="parmValue.start"
+            :end="parmValue.end"
+            :type="1"
+            :width="'147px'"
+            :size="searchSize"
+            @timeReturned="timeReturned($event)"
+          ></period-date-picker>
+        </el-col>
+        <el-col :span="18" id="el-cor-full-style">
+          <el-row :gutter="10">
+            <el-col :span="6">
+              <el-cascader
+                v-model="parmValue.catid"
+                style="width: 100%"
+                filterable
+                :size="searchSize"
+                clearable
+                placeholder="商品分类"
+                :options="catOptions"
+                :props="{ expandTrigger: 'hover', checkStrictly: true }"
+                @change="handleChange"
+              ></el-cascader>
+            </el-col>
+            <el-col :span="6">
+              <el-select
+                v-model="parmValue.status"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="请选择状态"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="item in statusList"
+                  :key="'status' + item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-col>
+
+            <el-col :span="6">
+              <el-input
+                :size="searchSize"
+                style="100%"
+                v-model="parmValue.supplier_name"
+                :maxlength="40"
+                placeholder="供货商名称"
+              ></el-input>
+            </el-col>
+            <el-col :span="6">
+              <el-input
+                :size="searchSize"
+                style="100%"
+                v-model="parmValue.good_code"
+                :maxlength="40"
+                placeholder="商品编码"
+              ></el-input>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+      <el-row style="margin-bottom: 18px">
+        <el-col :span="6" style="width: 316px">
+          <el-input
+            :size="searchSize"
+            :maxlength="10"
+            placeholder="最低售价"
+            v-model="parmValue.sale_price_start"
+            style="width: 150px"
+          ></el-input>
+          <samp>至</samp>
+          <el-input
+            :size="searchSize"
+            :maxlength="10"
+            placeholder="最高售价"
+            v-model="parmValue.sale_price_end"
+            style="width: 150px"
+          ></el-input>
+        </el-col>
+
+        <el-col :span="18" id="el-cor-full-style">
+          <el-row :gutter="10">
+            <el-col :span="12">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.goods_name"
+                :maxlength="40"
+                placeholder="商品名称"
+              >
+                <el-button
+                  slot="append"
+                  icon="el-icon-search"
+                  @click="searchList"
+                ></el-button>
+              </el-input>
+            </el-col>
+            <el-col :span="12">
+              <el-button
+               v-if="powers.some((item) => item == '024')"
+                type="warning"
+                class="fl"
+                :size="searchSize"
+                @click="restSearch"
+              >
+                重置
+              </el-button>
+              <el-button
+               v-if="powers.some((item) => item == '002')"
+                type="primary"
+                :size="searchSize"
+                class="fr"
+                style="margin-left: 5px"
+                @click="searchList"
+              >
+                刷新
+              </el-button>
+              <el-button
+               v-if="powers.some((item) => item == '003')"
+                type="success"
+                :size="searchSize"
+                style="float: right"
+                @click="openModal('add', false)"
+              >
+                添加
+              </el-button>
+            </el-col>
+          </el-row></el-col
+        >
+      </el-row>
+      <el-table
+        :data="tableData"
+        stripe
+        v-loading="loading"
+        border
+        :size="size"
+        style="width: 100%"
+      >
+        <el-table-column label="商品信息" align="left" min-width="165">
+          <template slot-scope="item">
+            <div class="good_name_title">
+              {{ item.row.good_name }}
+            </div>
+            <div
+              class="good_name_img"
+              v-if="item.row.galleyList && item.row.galleyList.length > 0"
+            >
+              <img
+                v-for="(img, i) in item.row.galleyList"
+                :key="item.row.id + 'goodimg' + i"
+                :src="img"
+                @click="showGalley(item.row.galleyList, i)"
+                alt=""
+              />
+            </div> </template
+        ></el-table-column>
+        <el-table-column label="供应商信息" show-overflow-tooltip align="left">
+          <template slot-scope="item">
+            <div v-if="item.row.supplier_info">
+              <div class="good_name_title">
+                企业：{{ item.row.supplier_info.company }}
+              </div>
+              <div class="good_name_title">
+                联系人：{{ item.row.supplier_info.name }}
+              </div>
+            </div>
+          </template></el-table-column
+        >
+        <el-table-column
+          prop="good_code"
+          label="商品编码"
+          show-overflow-tooltip
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="catName"
+          label="商品分类"
+          show-overflow-tooltip
+          align="center"
+        ></el-table-column>
+
+        <el-table-column label="状态" show-overflow-tooltip align="center">
+          <template slot-scope="scope">
+            <el-tag
+              v-if="scope.row.status === '1'"
+              type="success"
+              :class="{ 'hover-tag': powers.some((item) => item == '004') }"
+              :size="tablebtnSize"
+              @click="
+                statusConfirm(
+                  scope.row.id,
+                  scope.row.status,
+                  powers.some((item) => item == '026')
+                )
+              "
+            >
+              <i
+                class="el-icon-thumb"
+                v-if="powers.some((item) => item == '026')"
+                style="margin-right: 1px"
+              ></i>
+              销售中</el-tag
+            >
+            <el-tag
+              v-else
+              :class="{ 'hover-tag': powers.some((item) => item == '026') }"
+              :size="tablebtnSize"
+              type="warning"
+              @click="
+                statusConfirm(
+                  scope.row.id,
+                  scope.row.status,
+                  powers.some((item) => item == '026')
+                )
+              "
+            >
+              <i
+                class="el-icon-thumb"
+                v-if="powers.some((item) => item == '026')"
+                style="margin-right: 1px"
+              ></i>
+              已下架</el-tag
+            >
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="addtime"
+          label="创建时间"
+          show-overflow-tooltip
+          align="center"
+        ></el-table-column>
+        <el-table-column fixed="right" label="操作" align="center">
+          <template slot-scope="scope">
+            <el-link
+              v-if="powers.some((item) => item == '011')"
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="
+                showPrice(
+                  scope.row.LimitPrice,
+                  scope.row.left,
+                  scope.row.right,
+                  scope.row.lang
+                )
+              "
+            >
+              价格
+            </el-link>
+            <el-link
+              v-if="powers.some((item) => item == '012')"
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="copy(scope.row.id)"
+            >
+              复制
+            </el-link>
+            <el-link
+              v-if="
+                scope.row.status === '0' && powers.some((item) => item == '005')
+              "
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="openModal(scope.row.id, false)"
+            >
+              修改
+            </el-link>
+            <el-link
+              v-if="powers.some((item) => item == '006')"
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="deleteById(scope.row.id, scope.row.status)"
+            >
+              删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div
+        class="Pagination"
+        style="text-align: right; margin-top: 10px"
+        v-show="count > 0"
+      >
+        <el-pagination
+          :size="searchSize"
+          @size-change="handleSizeChange"
+          @current-change="handlePageChange"
+          :current-page="parmValue.page"
+          :page-sizes="[10, 15, 20, 30, 40]"
+          :page-size="parmValue.size"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="count"
+        ></el-pagination>
+      </div>
+      <ladder-price
+        :showModel="showLadderPrice"
+        :left="left"
+        :right="right"
+        :lang="lang"
+        @cancel="showLadderPrice = false"
+      ></ladder-price>
+    
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+   <script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import asyncRequest from "@/apis/service/goodStore/goodsCost";
+import ladderPrice from "./ladderPrice";
+// import PeriodDatePicker from "@/components/PeriodDatePicker";
+import statusList from "@/assets/js/statusList";
+import { timestampToTime } from "@/utils/validate";
+import { mapGetters } from "vuex";
+export default {
+  name: "goodsCost",
+  components: {
+    // PeriodDatePicker,
+    ladderPrice,
+  },
+  data() {
+    return {
+      imgList: [],
+      index: 0,
+      showImgModel: false,
+      statusList: statusList,
+      catOptions: [],
+      showLadderPrice: false,
+      loading: false,
+      showModel: false,
+      isDetail: false,
+      modelId: 0,
+      left: {},
+      right: {},
+      lang: "0px",
+      parmValue: {
+        catid: "", //种类id
+        start: "", //起始时间,
+        end: "", //结束时间
+        sale_price_start: "", //最低售价
+        sale_price_end: "", //最高售价
+        status: "",
+        goods_name: "", //商品名称
+        good_code: "", //商品code
+        supplier_name: "", //供货商
+        page: 1, // 页码
+        size: 10, // 每页显示条数
+      },
+      count: 0, // 总条数
+      tableData: [],
+      headLadder: {
+        num: "起订量≥",
+        price: "成本价",
+      },
+    };
+  },
+  mixins: [mixinPage],
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "goodsCost"
+        ) || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  mounted() {
+    // this.searchList();
+    // this.getAllCat();
+  },
+
+  methods: {
+    restSearch() {
+      this.parmValue = {
+        catid: "", //种类id
+        start: "", //起始时间,
+        end: "", //结束时间
+        sale_price_start: "", //最低售价
+        sale_price_end: "", //最高售价
+        status: "",
+        goods_name: "", //商品名称
+        good_code: "", //商品code
+        supplier_name: "", //供货商
+        page: 1, // 页码
+        size: 10, // 每页显示条数
+      };
+      this.searchList();
+    },
+    async handleChange() {
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    async timeReturned(e) {
+      if (e.startTime !== "") {
+        this.parmValue.start = timestampToTime(e.startTime);
+      } else {
+        this.parmValue.start = "";
+      }
+
+      if (e.endTime !== "") {
+        this.parmValue.end = timestampToTime(e.endTime);
+      } else {
+        this.parmValue.end = "";
+      }
+      if (this.parmValue.start !== "" && this.parmValue.end !== "") {
+        this.parmValue.page = 1;
+        await this.searchList();
+      }
+    },
+    openModal(id, isDetail) {
+      if (id !== "add") {
+        this.$message.warning("正在开发中！");
+      } else {
+        this.showModel = true;
+        this.modelId = id;
+        this.isDetail = isDetail;
+      }
+    },
+    showGalley(list, i) {
+      this.imgList = list;
+      this.index = i;
+      this.showImgModel = true;
+    },
+    async copy(id) {
+      let res = await asyncRequest.copy({ id: id });
+      if (res.code === 0) {
+        this.$notify.success({
+          title: "商品复制成功！",
+          message: "",
+        });
+        this.searchList();
+      }
+    },
+    async deleteById(id, status) {
+      if (status === "0") {
+        await this.$confirm("确定要删除该商品？", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(async () => {
+            let res = await asyncRequest.delete({ goodids: id });
+            if (res.code === 0) {
+              this.$notify.success({
+                title: "删除成功",
+                message: "",
+              });
+              this.searchList();
+            }
+          })
+          .catch(() => {
+            console.log("取消");
+          });
+      } else {
+        this.$message.warning("只有已下架的商品才能被删除！");
+      }
+    },
+    showPrice(attr, left, right, lang) {
+      if (attr && attr.length > 0) {
+        this.left = left;
+        this.right = right;
+        this.lang = lang;
+        this.showLadderPrice = true;
+      } else {
+        this.$message.warning("该商品暂无阶梯价格信息！");
+      }
+    },
+    async searchList() {
+      let obj = JSON.parse(JSON.stringify(this.parmValue));
+
+      if (obj.catid === "") {
+        obj.catid = "0";
+      }
+      this.loading = true;
+      let res = await asyncRequest.list(obj);
+      if (res.code === 0 && res.data) {
+        let list = res.data.list;
+
+        list = list.map((v1) => {
+          v1.catName = "";
+          v1.galleyList = v1.galley.split(",");
+          v1.addtime = v1.addtime.replaceAll(".000", "");
+          if (v1 && v1.cat && v1.cat.length > 0) {
+            v1.cat.forEach((v2, index) => {
+              v1.catName += index !== 0 ? "/" + v2.cat_name : v2.cat_name;
+            });
+          } else {
+            v1.catName = "";
+          }
+          if (v1 && v1.LimitPrice && v1.LimitPrice.length > 0) {
+            v1.left = {
+              header: [],
+              spec: [],
+            };
+            v1.right = {
+              header: [],
+              spec: [],
+            };
+            v1.left.header = v1.LimitPrice[0].spec;
+            v1.lang = v1.left.header.length * 100 + "px";
+            let ladderNum = 0;
+            v1.LimitPrice.forEach((a) => {
+              if (a.limit && a.limit.length > ladderNum) {
+                ladderNum = a.limit.length;
+              }
+              if (a.spec && a.spec.length > 0) {
+                v1.left.spec.push(a.spec);
+              }
+            });
+            for (let i = 0; i < ladderNum; i++) {
+              v1.right.header.push(this.headLadder);
+            }
+
+            v1.right.spec = v1.LimitPrice;
+            v1.right.spec.map((v1) => {
+              if (v1.limit && v1.limit.length > 0) {
+                for (let j = 0; j < ladderNum; j++) {
+                  if (!v1.limit[j]) {
+                    v1.limit.push({
+                      begin_num: "",
+                      shop_price: "",
+                    });
+                  }
+                }
+              }
+            });
+          }
+          return v1;
+        });
+        this.tableData = list;
+        this.count = Number(res.data.count);
+      } else {
+        this.tableData = [];
+        this.count = 0;
+      }
+      this.loading = false;
+    },
+    async getAllCat() {
+      const res = await asyncRequest.catAll({});
+      if (res.code === 0 && res.data) {
+        let list = res.data;
+        list.map((v1) => {
+          v1.value = v1.id;
+          v1.label = v1.cat_name;
+          if (v1.child && v1.child.length > 0) {
+            v1.child.map((v2) => {
+              v2.value = v2.id;
+              v2.label = v2.cat_name;
+              if (v2.child && v2.child.length > 0) {
+                v2.child.map((v3) => {
+                  v3.value = v3.id;
+                  v3.label = v3.cat_name;
+                  return v3;
+                });
+                v2.children = v2.child;
+              }
+              return v2;
+            });
+            v1.children = v1.child;
+          }
+          return v1;
+        });
+        this.catOptions = list;
+      }
+    },
+    async statusConfirm(id, status, type) {
+      if (!type) {
+        return;
+      }
+      await this.$confirm(
+        `确定要改为${status === "1" ? "已下架" : "销售中"}？`,
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            goodids: id,
+            status: status === "1" ? "0" : "1",
+          };
+          const res = await asyncRequest.status(model);
+          if (res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: "",
+            });
+            await this.searchList();
+          } else {
+            this.loading = false;
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+  },
+};
+</script>
+   <style lang="scss" scoped>
+.goodsCost {
+  $gBC: #dfe6ec;
+  .list-table {
+    position: relative;
+    width: 100%;
+    border-top: 1px solid $gBC;
+    border-left: 1px solid $gBC;
+    .left {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 2;
+      background: #fff;
+      .header {
+        width: 100%;
+        display: flex;
+        .header-item {
+          width: 100px;
+          flex: 1;
+          padding: 0 10px;
+          height: 50px;
+          line-height: 50px;
+          border-right: 1px solid $gBC;
+          border-bottom: 1px solid $gBC;
+        }
+      }
+      .header-body {
+        width: 100%;
+        position: relative;
+        .header-body-row {
+          width: 100%;
+          display: flex;
+          .heder-body-col {
+            flex: 1;
+            padding: 0 10px;
+            height: 30px;
+            border-right: 1px solid $gBC;
+            border-bottom: 1px solid $gBC;
+            line-height: 30px;
+          }
+        }
+      }
+    }
+    .right {
+      position: relative;
+      width: 100%;
+      display: block;
+      overflow-x: scroll;
+      .header {
+        width: 100%;
+        display: flex;
+        .header-col {
+          min-width: 240px;
+          flex: 1;
+          height: 50px;
+          line-height: 50px;
+
+          // position: relative;
+          .header-col-jieti {
+            height: 50px;
+            line-height: 50px;
+            // position: relative;
+            width: 100%;
+            .header-col-jieti-title {
+              // position: relative;
+              width: 100%;
+              line-height: 25px;
+              border-right: 1px solid $gBC;
+              border-bottom: 1px solid $gBC;
+              height: 25px;
+            }
+            .header-col-jieti-main {
+              // position: relative;
+              width: 100%;
+              .header-col-item {
+                // position: relative;
+                height: 25px;
+                line-height: 25px;
+                width: 50%;
+                border-right: 1px solid $gBC;
+                border-bottom: 1px solid $gBC;
+              }
+            }
+          }
+        }
+      }
+      .right-body {
+        position: relative;
+        .right-body-col {
+          position: relative;
+          width: 100%;
+          display: flex;
+          .right-body-col-item {
+            min-width: 240px;
+            flex: 1;
+
+            position: relative;
+            overflow: hidden;
+            .right-body-col-item-div {
+              position: relative;
+              height: 30px;
+              line-height: 30px;
+              width: 50%;
+              padding: 0 10px;
+              border-right: 1px solid $gBC;
+              border-bottom: 1px solid $gBC;
+            }
+          }
+        }
+      }
+    }
+  }
+  .good_name_img {
+    position: relative;
+    width: 156px;
+    img {
+      position: relative;
+      width: 30px;
+      height: 30px;
+      display: inline-block;
+      border-top: 1px solid #dfe6ec;
+      border-right: 1px solid #dfe6ec;
+      border-bottom: 1px solid #dfe6ec;
+      &:hover {
+        cursor: pointer;
+      }
+      &:first-child {
+        border-left: 1px solid #dfe6ec;
+      }
+    }
+  }
+}
+</style>
+   

src/views/serviceParam/storeGoods/index.vue

@@ -1,370 +0,0 @@
-<template>
-  <div class="storeGoods pagePadding">
-    <div
-      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
-    >
-      <ex-table
-        v-loading="false"
-        :table="table"
-        :data="tableData"
-        :columns="columns"
-        :page="pageInfo"
-        :size="size"
-        @page-curr-change="handlePageChange"
-        @page-size-change="handleSizeChange"
-        @screen-reset="
-          pageInfo.curr = 1;
-          parmValue.page = 1;
-          searchList();
-        "
-        @screen-submit="
-          pageInfo.curr = 1;
-          parmValue.page = 1;
-          searchList();
-        "
-      >
-        <template #table-header="{}">
-          <div style="width: 100%">
-            <el-row style="padding: 0 0 0 80px">
-              <el-col :span="24">
-                <el-col :span="8" style="width: 280px">
-                  <search-supplier
-                    :placeholder="'供应商名称'"
-                    :size="searchSize"
-                    :value="parmValue.supplierNo"
-                    :names="''"
-                    @searchChange="handleValue"
-                  />
-                </el-col>
-
-                <el-col :span="4" style="width: 200px; padding-left: 10px">
-                  <el-input
-                    :size="searchSize"
-                    placeholder="商品名称"
-                    v-model="parmValue.good_name"
-                    clearable
-                    maxlength="100"
-                  >
-                  </el-input>
-                </el-col>
-
-                <el-col :span="4" style="width: 200px; padding-left: 10px">
-                  <el-input
-                    :size="searchSize"
-                    placeholder="商品编码"
-                    v-model="parmValue.good_code"
-                    clearable
-                    maxlength="100"
-                  >
-                  </el-input>
-                </el-col>
-
-                <el-col :span="4" style="width: 54px">
-                  <el-button
-                    :size="searchSize"
-                    type="primary"
-                    class="fr"
-                    icon="el-icon-search"
-                    @click="
-                      pageInfo.curr = 1;
-                      parmValue.page = 1;
-                      searchList();
-                    "
-                /></el-col>
-                <el-col :span="4" style="width: 66px">
-                  <el-button
-                    type="warning"
-                    class="fr"
-                    :size="searchSize"
-                    @click="restSearch()"
-                  >
-                    重置
-                  </el-button>
-                </el-col>
-                <el-col :span="3" style="width: 66px; float: right">
-                  <el-button
-                    :size="searchSize"
-                    type="primary"
-                    style="float: right; margin-left: 5px"
-                    @click="searchList"
-                  >
-                    刷新
-                  </el-button>
-                </el-col>
-              </el-col>
-            </el-row>
-          </div>
-        </template>
-        <template #status="{ scope }">
-          <el-tag
-            :size="tablebtnSize"
-            :type="scope.row.bstatus == '0' ? '' : 'warning'"
-            v-text="
-              (statusOptions.find((item) => item.id == scope.row.bstatus) || {})
-                .label || '--'
-            "
-          ></el-tag>
-        </template>
-        <template #operation="{ scope }">
-          <el-tooltip
-            v-if="
-              powers.some((item) => item == '004') && scope.row.bstatus === '1'
-            "
-            effect="dark"
-            content="上架"
-            placement="top"
-          >
-            <i
-              class="el-icon-upload2 tb-icon"
-              @click="statusConfirm(scope.row.id, scope.row.bstatus)"
-            ></i>
-          </el-tooltip>
-          <el-tooltip
-            v-if="
-              powers.some((item) => item == '004') && scope.row.bstatus === '0'
-            "
-            effect="dark"
-            content="下架"
-            placement="top"
-          >
-            <i
-              class="el-icon-download tb-icon"
-              @click="statusConfirm(scope.row.id, scope.row.bstatus)"
-            ></i>
-          </el-tooltip>
-        </template>
-      </ex-table>
-    </div>
-    <div v-else>
-      <no-auth></no-auth>
-    </div>
-  </div>
-</template>
-   <script>
-import mixinPage from "@/mixins/elPaginationHandle";
-import resToken from "@/mixins/resToken";
-import statusList from "@/assets/js/statusList";
-import asyncRequest from "@/apis/service/serviceParam/storeGoods";
-import { mapGetters } from "vuex";
-
-export default {
-  name: "storeGoods",
-  mixins: [mixinPage, resToken],
-
-  computed: {
-    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
-    powers() {
-      let tran =
-        this.$store.getters.btnList.find(
-          (item) => item.menu_route == "storeGoods"
-        ) || {};
-      if (tran && tran.action && tran.action.length > 0) {
-        return tran.action;
-      } else {
-        return [];
-      }
-    },
-  },
-  data() {
-    return {
-      // 渲染当前状态
-      statusOptions: [
-        { id: "0", label: "使用中" },
-        { id: "1", label: "已下架" },
-      ],
-      statusList: statusList,
-      loading: true,
-      parmValue: {
-        wsmcode: "", //仓库编码
-        type_code: "", //仓库属性code
-        good_code: "", //商品编码
-        good_name: "", //商品名称
-        supplierNo: [], //供应商编码
-        page: 1, // 页码
-        size: 15, // 每页显示条数
-      },
-      // 表格 - 数据
-      tableData: [],
-      // 表格 - 参数
-      table: {
-        stripe: true,
-        border: true,
-        _defaultHeader_: ["setcol"],
-      },
-      // 表格 - 分页
-      pageInfo: {
-        size: 15,
-        curr: 1,
-        total: 0,
-      },
-      columns: [
-        {
-          prop: "good_code",
-          label: "商品编码",
-          width: "150",
-        },
-        {
-          prop: "good_name",
-          label: "商品名称",
-          "min-width": "120",
-        },
-
-        {
-          prop: "gys_code",
-          label: "供应商编码",
-          width: "150",
-        },
-        {
-          prop: "supplier_name",
-          label: "供货商",
-          "min-width": "160",
-        },
-        {
-          prop: "cg_saler",
-          label: "采购员",
-          width: "60",
-        },
-        {
-          prop: "usable_stock",
-          label: "库存",
-          width: "50",
-        },
-        {
-          prop: "unit",
-          label: "单位",
-          width: "50",
-        },
-        {
-          prop: "bstatus",
-          label: "当前状态",
-          _slot_: "status",
-          width: "80px",
-        },
-        {
-          prop: "brand",
-          label: "品牌",
-          "min-width": "80",
-        },
-        {
-          prop: "classArr",
-          label: "类别",
-        },
-        {
-          prop: "color",
-          label: "颜色",
-        },
-        {
-          prop: "material",
-          label: "材质",
-        },
-        // {后端有接口但是没有值。
-        //   prop: "specs",
-        //   label: "商品规格",
-        // },
-
-        {
-          prop: "",
-          label: "操作",
-          width: "50px",
-          fixed: "right",
-          _noset_: true,
-          _slot_: "operation",
-        },
-      ],
-    };
-  },
-  mounted() {
-    this.restSearch();
-  },
-
-  methods: {
-    restSearch() {
-      this.parmValue = {
-        wsmcode: "", //仓库编码
-        good_code: "", //商品编码
-        good_name: "", //商品名称
-        supplierNo: [], //供应商编码
-        page: 1, // 页码
-        size: 15, // 每页显示条数
-      };
-      this.pageInfo = {
-        curr: 1,
-        total: 0,
-        size: 15,
-      };
-      this.searchList();
-    },
-    // 获取商品列表功能函数
-    async searchList() {
-      this.loading = true;
-      let model = JSON.parse(JSON.stringify(this.parmValue));
-      model.supplierNo = model.supplierNo.toString();
-      const res = await asyncRequest.list(model);
-      if (res && res.code === 0 && res.data) {
-        res.data.list.forEach((element) => {
-          element.classArr = `${element.sort_f}/${element.sort_s}${element.sort_t}`;
-        });
-        this.tableData = res.data.list;
-        this.pageInfo.total = Number(res.data.count);
-      } else if (res && res.code >= 100 && res.code <= 104) {
-        await this.logout();
-      } else {
-        this.tableData = [];
-        this.pageInfo.total = 0;
-      }
-      this.loading = false;
-    },
-    // 上下架功能的切换
-    async statusConfirm(id, status) {
-      let str = status === "1" ? "下架" : "上架";
-      await this.$confirm("确定要改为" + str + "?", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(async () => {
-          this.loading = true;
-          const model = {
-            id: id,
-            status: status === "1" ? "0" : "1",
-          };
-          const res = await asyncRequest.status(model);
-          if (res && res.code === 0) {
-            this.loading = false;
-            this.$notify.success({
-              title: "状态修改成功！",
-              message: "",
-            });
-            await this.searchList();
-          } else if (res && res.code >= 100 && res.code <= 104) {
-            await this.logout();
-          } else {
-            this.$message.warning(res.message);
-          }
-        })
-        .catch(() => {
-          console.log("取消");
-        });
-    },
-    // 供应商选择
-    handleValue(e) {
-      console.log(e);
-      if (e && e.id) {
-        this.parmValue.supplierNo = [e.code];
-        this.parmValue.gys_names = e.label;
-      } else {
-        this.parmValue.supplierNo = [];
-        this.parmValue.gys_names = "";
-      }
-      this.parmValue.page = 1;
-      this.pageInfo = {
-        size: 15,
-        curr: 1,
-        total: 0,
-      };
-      this.searchList();
-    },
-  },
-};
-</script>
-   

src/views/system/menuOperator/index.vue

@@ -1,9 +1,10 @@
 <template>
-  <div class="box pagePadding">
+  <div class="box pagePadding MenuOperator">
     <div
+      class="MenuOperator-main"
       v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
     >
-      <el-row :gutter="10">
+      <el-row class="MenuOperator-search">
         <el-col :span="24" style="padding: 5px">
           <el-col :span="3" style="width: 195px; float: right">
             <el-button
@@ -27,7 +28,7 @@
         </el-col>
       </el-row>
 
-      <el-row :gutter="10">
+      <el-row  class="MenuOperator-show">
         <el-col :span="24" v-loading="loading">
           <shy-tree
             :value="tableData"
@@ -301,3 +302,33 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+.MenuOperator {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+ 
+  .MenuOperator-main {
+    position: relative;
+    height: 100%;
+    width: 100%;
+    box-sizing: border-box;
+    .MenuOperator-search{
+      position: absolute;
+      top:0;
+      left:0;
+      width: 100%;
+      z-index: 2;
+      background: #fff;
+    }
+      
+    .MenuOperator-show{
+      position: relative;
+      height: 100%;
+      padding: 40px 0 0 0;
+      overflow-y: scroll;
+    }
+  }
+}
+</style>