| <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> |