jiangping
2023-08-25 282e032b5771da13d224214d3b0b71f3efde9a42
web_standard/src/components/ext/OperaWInboundExtWindow.vue
@@ -1,11 +1,5 @@
<template>
  <GlobalWindow
    :title="title"
    width="80%"
    :visible.sync="visible"
    :confirm-working="isWorking"
    @confirm="confirm"
  >
  <GlobalWindow :title="title" width="80%" :visible.sync="visible" :confirm-working="isWorking" @confirm="confirm">
    <div style="margin-bottom: 10px">
      <span class="title-add-style" style="vertical-align:middle">入库信息</span>
      <!-- <el-button type="primary" style="margin-left: 10px;vertical-align:middle">选择来源单据</el-button> -->
@@ -19,30 +13,18 @@
          <el-input v-model="form.originCode" disabled placeholder="选择来源单据后默认带出" v-trim/>
        </el-form-item> -->
        <el-form-item label="计划入库日期" prop="planDate">
          <el-date-picker
            v-model="form.planDate"
            value-format="yyyy-MM-dd"
            placeholder="选择日期"
            :picker-options="pickerOptions"
          ></el-date-picker>
          <el-date-picker v-model="form.planDate" value-format="yyyy-MM-dd" placeholder="选择日期"
            :picker-options="pickerOptions"></el-date-picker>
        </el-form-item>
        <el-form-item label="入库类型" prop="type">
          <el-select v-model="form.type" :disabled="disabled" placeholder="请选择入库类型">
            <el-option
              v-for="(item, index) in type"
              :key="index"
              :label="item.name"
              :value="item.id">
            <el-option v-for="(item, index) in type" :key="index" :label="item.name" :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="入库仓库" prop="warehouseId">
          <el-select v-model="form.warehouseId" filterable clearable placeholder="请选择入库仓库" @change="selectWare">
            <el-option
              v-for="(item, index) in tempWarehouses"
              :key="index"
              :label="item.name"
              :value="item.id">
            <el-option v-for="(item, index) in tempWarehouses" :key="index" :label="item.name" :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
@@ -61,11 +43,7 @@
      <li><el-button type="primary" @click="addMaterial">选择物料</el-button></li>
    </ul>
    <el-table
      :data="form.woutboundInBodyBeanList"
      border
      stripe
    >
    <el-table :data="form.woutboundInBodyBeanList" border stripe>
      <el-table-column align="center" label="序号" type="index" />
      <el-table-column prop="code" label="物料编码" show-overflow-tooltip min-width="160px">
        <template slot-scope="{row}">
@@ -80,35 +58,24 @@
      <el-table-column v-if="whLocation.length" label="货位" min-width="100px">
        <template slot-scope="{row}">
          <el-select v-model="row.locationId" filterable placeholder="请选择" @select="selectLocation">
            <el-option
              v-for="(item, index) in whLocation"
              :key="index"
              :label="item.unionName"
              :value="item.id">
            <el-option v-for="(item, index) in whLocation" :key="index" :label="item.unionName" :value="item.id">
            </el-option>
          </el-select>
        </template>
      </el-table-column>
      <el-table-column label="质量属性" min-width="100px">
        <template slot-scope="scope">
          <el-select v-model="scope.row.qualityType" :disabled='canSelect(scope.$index)' filterable clearable placeholder="请选择">
            <el-option
              v-for="(item, index) in properties"
              :key="index"
              :label="item.name"
              :value="item.id">
          <el-select v-model="scope.row.qualityType" :disabled='canSelect(scope.$index)' filterable clearable
            placeholder="请选择">
            <el-option v-for="(item, index) in properties" :key="index" :label="item.name" :value="item.id">
            </el-option>
          </el-select>
        </template>
      </el-table-column>
       <el-table-column  v-if="winType==2" label="工序" min-width="100px">
              <template slot-scope="{row}">
                <el-select v-model="row.procedureId" filterable placeholder="请选择" @select="selectProcedure">
                  <el-option
                    v-for="(item, index) in row.procedureList"
                    :key="index"
                    :label="item.name"
                    :value="item.id">
          <el-select v-model="row.procedureId" :disabled="!row.procedureList" filterable placeholder="请选择">
            <el-option v-for="(item, index) in row.procedureList" :key="index" :label="item.name" :value="item.id">
                  </el-option>
                </el-select>
              </template>
@@ -124,21 +91,13 @@
          <el-input v-model="row.num" type="number" placeholder="入库数量" v-trim/>
        </template>
      </el-table-column>
      <el-table-column
        label="操作"
        min-width="60px"
        align="center"
        fixed="right"
      >
      <el-table-column label="操作" min-width="60px" align="center" fixed="right">
        <template slot-scope="{row}">
          <span class="delete-button-style" @click="deleteMaterail(row)">删除</span>
        </template>
      </el-table-column>
    </el-table>
    <SelectMaterail
      ref="selectMaterail"
      @selectData="selectData"
    ></SelectMaterail>
    <SelectMaterail ref="selectMaterail" @selectData="selectData"></SelectMaterail>
  </GlobalWindow>
</template>
@@ -242,6 +201,7 @@
        if (title === '其它入库') {
          this.form.planDate = new Date()
          this.form.type = null
          // this.form.woutboundInBodyBeanList = []
          this.disabled = false
          this.type = [
            { name:'客退检验入库', id: 26 },
@@ -398,7 +358,7 @@
          name: item.mmodelUnionName,
          umodelName: item.umodelName,
          procedureList:item.procedureList,
          procedureId:null,
          procedureId: item.procedureList ? item.procedureList[0].id : null,
          locationId: this.whLocation.length ? this.whLocation[0].id : null,
          qualityType: this.whLocation.length ? 0 : this.houseProperty,
          materialId: item.id,
@@ -449,26 +409,31 @@
.toolbar {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  li {
    display: inline-block;
    margin-right: 6px;
  }
}
.form-data {
  ::v-deep .el-form-item{
    width: 40%;
    margin-right: 1%;
  }
  .mark {
    .el-form-item {
      width: 81%;
      // margin-right: 1%;
    }
  }
  ::v-deep .el-form-item__content {
    width: calc(100% - 134px);
  }
}
.delete-button-style {
    color: red;
    cursor: pointer;