新建调拨弹窗样式调整（5288）

yangfeng

2023-10-18 a11d38dff8d7beca6d33251557b7e370c155faf1

 src/views/productManage/product/index.vue

@@ -14,16 +14,16 @@
        <div class="icon-view">
          <span
            class="icon-label"
            @click="selIconSwitchClick('1')"
            :class="{ blueBackgroud: isIconIndex === '1', whiteBackgroud: isIconIndex === '2' }"
            ><i class="el-icon-menu"></i
          ></span>
          <span
            class="icon-label"
            @click="selIconSwitchClick('2')"
            :class="{ whiteBackgroud: isIconIndex === '1', blueBackgroud: isIconIndex === '2' }"
            style="margin-left: 5px"
            ><i class="el-icon-s-unfold"></i
          ></span>
          <span
            class="icon-label"
            @click="selIconSwitchClick('1')"
            :class="{ blueBackgroud: isIconIndex === '1', whiteBackgroud: isIconIndex === '2' }"
            ><i class="el-icon-menu"></i
          ></span>
        </div>
      </div>
@@ -31,7 +31,10 @@
      <div v-if="isIconIndex === '1'" class="product-view">
        <div class="product-box" v-for="item in tableList.tableInfomation" :key="item.id" @click="tableRowClick(item)">
          <div class="left">
            <el-image style="width: 60px; height: 80px" :src="url"></el-image>
            <!-- <el-image style="width: 60px; height: 80px" :src="url"></el-image> -->
            <div class="img-view">
              <i class="el-icon-picture-outline"></i>
            </div>
          </div>
          <div class="right">
            <div class="label">
@@ -86,7 +89,7 @@
  data() {
    return {
      tableList: {},
      showcol: ["内部参考", "负责人", "产品标签", "销售价格", "成本", "在库数量", "预测数量", "计量单位"],
      showcol: ["内部编码", "负责人", "产品标签", "销售价格", "成本", "在库数量", "预测数量", "计量单位"],
      searchOptions: [],
      commonDetail: {
        visible: false,
@@ -98,13 +101,20 @@
        title: "新建",
        infomation: {}
      },
      isIconIndex: "1", // 1 图标 2 列表
      isIconIndex: "2", // 1 图标 2 列表
      url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
      pageSizes: [15, 30]
      pageSizes: [15, 30],
      keyWord: "",
      categoryId: null
    }
  },
  created() {
    this.setTable()
    let query = this.$route.query
    if (query) {
      this.categoryId = query.id ? Number(query.id) : null
      this.pagerOptions.currPage = 1
    }
    this.getData()
  },
  methods: {
@@ -115,7 +125,8 @@
      }
      this.tableList = {
        tableInfomation: [],
        selectBox: true,
        selectBox: false,
        selectIndex: true,
        showcol: this.showcol,
        allcol: [],
        tableColumn: this.setTableColumn(this.showcol)
@@ -138,9 +149,9 @@
          default: true
        },
        {
          label: "内部参考",
          label: "内部编码",
          prop: "internalReference",
          isShowColumn: showcol.includes("内部参考"),
          isShowColumn: showcol.includes("内部编码"),
          default: false
        },
        {
@@ -181,7 +192,7 @@
        },
        {
          label: "产品类型",
          prop: "productType",
          prop: "model",
          isShowColumn: showcol.includes("产品类型"),
          default: false
        },
@@ -212,9 +223,10 @@
      this.tableList.tableColumn = this.setTableColumn(val)
    },
    // 请求数据
    async getData(val) {
    async getData() {
      await getProductList({
        keyWord: val,
        keyWord: this.keyWord,
        categoryId: this.categoryId ? this.categoryId : null,
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize
      }).then((res) => {
@@ -232,8 +244,9 @@
    // 搜索
    searchClick(val) {
      console.log(val)
      this.keyWord = val
      this.pagerOptions.currPage = 1
      this.getData(val)
      this.getData()
    },
    // 新建
    addBtnClick() {
@@ -318,6 +331,14 @@
    .left {
      width: 60px;
      text-align: center;
      .img-view {
        width: 60px;
        height: 80px;
        line-height: 80px;
        border: 1px solid #dee2e6;
        font-size: 22px;
        color: #b8babb;
      }
    }
    .right {
      flex: 1;
@@ -345,7 +366,7 @@
  }
}
.product-list {
  height: calc(100% - 65px);
  height: calc(100% - 70px);
}
::v-deep {
  .el-table {