产品出入库明细页面及公共组件优化

yangfeng

2023-09-15 36fb84a1ec003eb97502d8cc6f56bca67e1502a0

 src/views/productManage/product/AddProductDialog.vue

@@ -32,9 +32,9 @@
        style="height: 60vh; overflow-x: hidden"
      >
        <div class="content-btn">
          <el-button plain size="mini">标签打印</el-button>
          <el-button plain size="mini">更新数量</el-button>
          <el-button plain size="mini">执行补货</el-button>
          <el-button plain size="mini" disabled>标签打印</el-button>
          <el-button plain size="mini" disabled>更新数量</el-button>
          <el-button plain size="mini" disabled>执行补货</el-button>
        </div>

        <div class="basic-info">
@@ -60,7 +60,7 @@
                <div class="right-label">预测</div>
              </div>
            </div>
            <div class="sub-number">
            <div class="sub-number" @click="inOutBoundClick" style="cursor: pointer">
              <div class="left icon-view"><i class="el-icon-sort"></i></div>
              <div class="right">
                <div class="right-label">{{ "进: " + 0 }}</div>
@@ -100,7 +100,11 @@
              <el-col :span="20">
                <div style="margin-left: 20px">产品名称</div>
                <el-form-item label="" prop="client_name" label-width="20px">
                  <el-input v-model="editConfig.infomation.client_name" placeholder=""></el-input>
                  <el-input
                    v-model="editConfig.infomation.client_name"
                    placeholder=""
                    :disabled="!showFooter"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
@@ -111,8 +115,8 @@
              </el-col>
              <el-col :span="24">
                <div style="margin-left: 20px; margin-top: -30px">
                  <el-checkbox v-model="marketable">可销售</el-checkbox>
                  <el-checkbox v-model="procurable">可采购</el-checkbox>
                  <el-checkbox v-model="marketable" :disabled="!showFooter">可销售</el-checkbox>
                  <el-checkbox v-model="procurable" :disabled="!showFooter">可采购</el-checkbox>
                </div>
              </el-col>
            </el-row>
@@ -320,12 +324,11 @@
              <div class="purchase-view">
                <div class="left">
                  <div class="second-label">作业</div>
                  <el-form-item label="路线" prop="client_name" style="margin-left: 20px">
                    <el-checkbox-group v-model="editConfig.infomation.type">
                      <el-checkbox label="贝思科供应产品来自北京仓" name="type"></el-checkbox>
                      <el-checkbox label="贝思科-warehouse#6:供应产品来自贝思科123" name="type"></el-checkbox>
                      <el-checkbox label="贝思科-warehouse#4:供应产品来自北京仓" name="type"></el-checkbox>
                      <el-checkbox label="贝思科-warehouse#4:供应产品来自贝思科123" name="type"></el-checkbox>
                  <el-form-item label="路线" prop="checkedCities" style="margin-left: 20px">
                    <el-checkbox-group v-model="checkedCities" :min="1" :max="2">
                      <el-checkbox v-for="city in cities" :label="city" :key="city" class="list-item">{{
                        city.length > 20 ? city.substring(0, 20) + "..." : city
                      }}</el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                </div>
@@ -471,7 +474,7 @@
        return {
          visible: false,
          title: "新建",
          infomation: {}
          infomation: { type: [] }
        }
      }
    }
@@ -507,7 +510,9 @@
      showFooter: false, // 是否显示取消保存
      imageSrc: "", // 图片地址
      marketable: true, // 可销售
      procurable: true // 可采购
      procurable: true, // 可采购
      checkedCities: ["上海", "北京"],
      cities: ["上海对对对对对对多多多多多多多北京对对对对对对", "北京对对对对对对多", "广州", "深圳"]
    }
  },
  created() {
@@ -521,32 +526,10 @@
        this.showButton = false
        this.showEdit = false
        this.showFooter = true
      } else {
        this.showEdit = true
        this.showFooter = false
      }
      // } else if (this.editConfig.infomation.status === "完成") {
      //   this.showButton = true
      //   this.showEdit = false
      //   this.isDelClick = true
      //   this.showFooter = false
      // } else if (this.editConfig.infomation.status === "已取消") {
      //   this.showButton = true
      //   this.showEdit = false
      //   this.showFooter = false
      // } else {
      //   this.showButton = true
      //   this.showEdit = true
      //   this.showFooter = false
      // }
      // if (this.editConfig.title === "新建") {
      //   this.list[0].status = "active"
      // } else {
      //   this.list.map((item) => {
      //     if (item.label === this.editConfig.infomation.status) {
      //       item.status = "active"
      //     } else {
      //       item.status = "todo"
      //     }
      //   })
      // }
    },
    // 关闭
    handleClose() {
@@ -621,6 +604,7 @@
    },
    // 上传图片
    toGetImg() {
      if (this.showFooter) {
      if (inputElement === null) {
        // 生成文件上传的控件
        inputElement = document.createElement("input")
@@ -634,6 +618,7 @@
        document.body.appendChild(inputElement)
      }
      inputElement.click()
      }
    },
    uploadFile(el) {
      if (el && el.target && el.target.files && el.target.files.length > 0) {
@@ -662,6 +647,10 @@
          }
        }
      }
    },
    // 进出点击
    inOutBoundClick() {
      this.$router.push({ path: "/reportForm/inOutboundDetail", query: { name: "产品名称/出入库明细" } })
    }
  }
}
@@ -757,6 +746,9 @@
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
  }
  .list-item {
    width: 300px;
  }
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;