<template> 
 | 
  <GlobalWindow 
 | 
    :title="title" 
 | 
    :visible.sync="visible" 
 | 
    :confirm-working="isWorking" 
 | 
    @confirm="confirm" 
 | 
    :width="width" 
 | 
  > 
 | 
  <div class="warp"> 
 | 
    <el-form :model="searchForm" ref="searchForm" inline :rules="rules" label-width="110px"> 
 | 
      <el-form-item label="物料信息:" prop="abstracts"> 
 | 
        <el-input v-model="searchForm.user" placeholder="请输入"></el-input> 
 | 
      </el-form-item> 
 | 
      <el-form-item label="工序:" prop="abstracts"> 
 | 
        <el-select v-model="searchForm.procedureId" clearable filterable placeholder="请选择"> 
 | 
          <el-option 
 | 
            v-for="item in options" 
 | 
            :key="item.value" 
 | 
            :label="item.name" 
 | 
            :value="item.id"> 
 | 
          </el-option> 
 | 
        </el-select> 
 | 
      </el-form-item> 
 | 
      <el-form-item label="状态:"  prop="status"> 
 | 
        <el-select v-model="searchForm.status" clearable filterable placeholder="请选择"> 
 | 
          <el-option 
 | 
            v-for="item in options" 
 | 
            :key="item.value" 
 | 
            :label="item.name" 
 | 
            :value="item.id" 
 | 
          > 
 | 
          </el-option> 
 | 
        </el-select> 
 | 
      </el-form-item> 
 | 
      <div class="btn"> 
 | 
        <el-button type="primary" @click="search">查找</el-button> 
 | 
        <el-button @click="reset">清空</el-button> 
 | 
      </div> 
 | 
    </el-form> 
 | 
  </div> 
 | 
    <el-table 
 | 
        :data="tableData.list" 
 | 
        stripe 
 | 
        @selection-change="handleSelectionChange" 
 | 
      > 
 | 
        <el-table-column type="selection" width="55"></el-table-column> 
 | 
        <el-table-column prop="name" label="物料名称" min-width="100px"></el-table-column> 
 | 
        <el-table-column prop="code" label="物料编码" min-width="160px"></el-table-column> 
 | 
        <el-table-column prop="inPlandate" label="计划日期" min-width="100px"></el-table-column> 
 | 
        <el-table-column prop="abstracts" label="工序" min-width="100px"></el-table-column> 
 | 
        <el-table-column prop="num" label="计划数量" min-width="100px"></el-table-column> 
 | 
        <el-table-column prop="orgId" label="生产批次号" min-width="100px"></el-table-column> 
 | 
        <el-table-column prop="origin" label="优先级" min-width="100px"></el-table-column> 
 | 
        <el-table-column prop="status" label="状态" min-width="100px"></el-table-column> 
 | 
        <!-- <el-table-column 
 | 
          v-if="containPermissions(['ext:barcodesgext:update', 'ext:barcodesgext:delete'])" 
 | 
          label="操作" 
 | 
          min-width="120" 
 | 
          fixed="right" 
 | 
        > --> 
 | 
        <el-table-column 
 | 
          label="操作" 
 | 
          min-width="120" 
 | 
          fixed="right" 
 | 
        > 
 | 
          <template slot-scope="{row}"> 
 | 
            <el-button type="text" @click="$refs.operaBarcodeSgExtWindow.open('编辑固定扫码枪信息', row)" v-permissions="['ext:barcodesgext:update']">编辑</el-button> 
 | 
            <span style="margin-left:8px"> 
 | 
              <el-button type="text" @click="deleteById(row)" v-permissions="['ext:barcodesgext:delete']">删除</el-button> 
 | 
            </span> 
 | 
          </template> 
 | 
        </el-table-column> 
 | 
      </el-table> 
 | 
  </GlobalWindow> 
 | 
</template> 
 | 
  
 | 
<script> 
 | 
import BaseOpera from '@/components/base/BaseOpera' 
 | 
import GlobalWindow from '@/components/common/GlobalWindow' 
 | 
export default { 
 | 
  name: 'OperaWTransferExtWindow', 
 | 
  extends: BaseOpera, 
 | 
  components: { GlobalWindow }, 
 | 
  data () { 
 | 
    return { 
 | 
      tableData: [{ 
 | 
        date: '2016-05-02', 
 | 
        name: '王小虎', 
 | 
        address: '上海市普陀区金沙江路 1518 弄' 
 | 
      }, { 
 | 
        date: '2016-05-04', 
 | 
        name: '王小虎', 
 | 
        address: '上海市普陀区金沙江路 1517 弄' 
 | 
      }, { 
 | 
        date: '2016-05-01', 
 | 
        name: '王小虎', 
 | 
        address: '上海市普陀区金沙江路 1519 弄' 
 | 
      }, { 
 | 
        date: '2016-05-03', 
 | 
        name: '王小虎', 
 | 
        address: '上海市普陀区金沙江路 1516 弄' 
 | 
      }], 
 | 
      options: [ 
 | 
        { name: '11', id: '1' }, 
 | 
        { name: '22', id: '2' } 
 | 
      ], 
 | 
      formInline: { 
 | 
        user: '', 
 | 
        region: '' 
 | 
      }, 
 | 
      // options: [ 
 | 
      //   { name: '莲花路成品仓', id: '1' }, 
 | 
      //   { name: '莲花路原材料厂', id: '2' } 
 | 
      // ], 
 | 
      width: '80%', 
 | 
      // 表单数据 
 | 
      searchForm: { 
 | 
        outWarehouseId: '' 
 | 
      }, 
 | 
      // 验证规则 
 | 
      rules: { 
 | 
      } 
 | 
    } 
 | 
  }, 
 | 
  created () { 
 | 
    this.config({ 
 | 
      api: '/ext/wTransferExt', 
 | 
      'field.id': 'id' 
 | 
    }) 
 | 
  }, 
 | 
  methods: { 
 | 
    handleSelectionChange (v) { 
 | 
      // console.log(v) 
 | 
    }, 
 | 
    search () {}, 
 | 
    reset () {} 
 | 
  } 
 | 
} 
 | 
</script> 
 | 
<style lang="scss" scoped> 
 | 
.warp{ 
 | 
display: flex; 
 | 
flex-wrap: wrap; 
 | 
.btn{ 
 | 
  margin-left: 110px; 
 | 
} 
 | 
} 
 | 
</style> 
 |