scrq-hd/.svn/pristine/e1/e1ba05709cfceb8bda0d61a5b49e8a2e2a0b006d.svn-base

<template>
  <div class="app-container">
    <el-form label-width="80px">
      <el-button size="mini" type="primary" @click="filAll">全部筛选
      </el-button>
      <el-button size="mini" type="primary" @click="unfilAll">全部不筛选
      </el-button>
      <el-table
        v-loading="loading"
        :data="serialList"
        border
        @current-change="handleCurrentChange"
        highlight-current-row
        stripe
        ref="list"
        height="400px"
        style="width: 1400px"
      >
        <el-table-column
          label="序号"
          align="center"
          type="index"
          width="50"
          :show-overflow-tooltip="true"
        />

        <el-table-column
          label="是否筛选"
          prop="isFil"
          width="80">
          <template slot-scope="scope">
            <el-select size="small" style="width: 60px" v-model="scope.row.isFil" placeholder="筛选">
              <el-option
                v-for="item in filOption"
                :key="item.key"
                :label="item.text"
                :value="item.key">
              </el-option>
            </el-select>
          </template>
        </el-table-column>


        <el-table-column label="物料编码" align="left" header-align="center" prop="materialNumber" width="150"
                         :show-overflow-tooltip="true">
        </el-table-column>
        <el-table-column label="物料名称" align="left" header-align="center" prop="materialName"
                         :show-overflow-tooltip="true">
        </el-table-column>
<!--        <el-table-column-->
<!--          label="物料规格"-->
<!--          align="left"-->
<!--          header-align="center"-->
<!--          prop="materialSpec"-->
<!--          width="220"-->


<!--          :show-overflow-tooltip="true"-->
<!--        />-->
        <el-table-column label="需求数量" align="center" prop="planQty" width="100" :show-overflow-tooltip="true">
        </el-table-column>
        <el-table-column
          label="实发数量"
          align="center"
          prop="doneQty"
          width="100"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="单位"
          prop="materialUnit"
          width="50"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="创建人"
          align="center"
          prop="createdBy"
          width="100"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="创建时间"
          align="center"
          prop="createdDt"
          width="180"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="修改人"
          align="center"
          prop="updatedBy"
          width="100"

          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="修改时间"
          align="center"
          prop="updatedDt"
          width="160"

          :show-overflow-tooltip="true"
        />
      </el-table>
      <el-row v-if="disctStatusType==1">
        <el-col :span="24" style="text-align: center;margin-top: 10px">
          <el-button style="margin-right: 20px" type="primary" @click="submit">确认</el-button>
          <el-button @click="cancel">取消</el-button>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
  export default {
    name: 'orderProd',
    props: {
      layerid: {
        type: String,
        default: ''
      },
      selectList: {
        type: Object,
        default: {}
      }
    },
    data() {
      return {
        filOption:[{key:'Y',text:'是'},{key:'N',text:'否'}],
        loading: false,
        total: 0,
        currentRow:null,
        serialList: [],
        pickingBill: {},
        disctStatusType:null,
        // 查询参数
        queryParams: {
          pageNo: 1,
          pageSize: 50,
          code: undefined,
          name: undefined
        }
      }
    },
    watch: {},
    mounted() {
      this.initData()
      console.log(this.selectList, '测试传递')
      this.disctStatusType=window.sessionStorage.getItem("dictStatusType")*1
    },
    methods: {

      cancel() {
        this.$layer.close(this.layerid)
      },

      submit() {

        const params = {
          bill:{id:this.selectList.id},
          dtls:this.serialList,
        }

        this.$pick.filConfirm(params).then(data=>{
          if (data.data.code == 200) {
            this.$message.success('保存成功');


            this.$layer.close(this.layerid)
            this.getList();
            this.$parent.getList();
          }
        })

      },

      handleCurrentChange(val) {
        this.currentRow = val
      },


      //初始化表格
      initData() {
        this.getList()
      },

      filAll() {
        this.serialList.forEach(data=>{
          data.isFil = "Y"
        })
      },
      unfilAll() {
        this.serialList.forEach(data=>{
          data.isFil = "N"
        })
      },
      /** 查询订单列表 */
      getList() {
        this.loading = true
        this.$pick.pickDetails({ pickBillId: this.selectList.id }).then(resp => {
          this.loading = false
          if (resp.data.code == '200') {
            this.serialList = resp.data.data.dtls
            this.serialList.forEach(data=>{
              if(data.isFil===null||data.isFil===''){
                data.isFil = "Y"
              }
            })

          }
        })
      },
      pickDetails() {
      }

    }
  }
</script>
<style lang="scss" scoped>
  > > > .el-table .warning-row {
    background: rgba(0, 255, 0, 0.5);
  }

  > > > .el-table {
    width: 1000px;
    box-sizing: border-box;
  }

  > > > .el-row {
    &:last-child {
      margin-bottom: 10px;
    }
  }

  > > > .cards {
    border: 1px solid black;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: 40px;
    background: #e7f6fa;
  }

  > > > .el-form-item {
    margin-bottom: 0px;
  }


  > > > .el-button--medium {
    padding: 10px 20px;
    font-size: 20px;
    border-radius: 4px;
  }

  > > > .form1 .el-form-item__content {
    margin-left: 0px !important;
  }
   >>> .el-table__body tr.current-row > td {
    background-color: #8AC1FF !important;
    cursor: pointer;
  }

  .el-table >>> tbody tr:hover > td {
    background-color: #8AC1FF !important;
  }
</style>