lx part out

src/views/Inventory/PartOut/index.vue

@@ -39,6 +39,7 @@
       <el-table
         v-loading="listLoading1"
         :data="tableDataPicking"
+        size="mini"
         border
         style="width: 100%;"
         height="400">
@@ -47,12 +48,12 @@
           align="center"
           type="index"
           width="50"/>
-        <el-table-column label="项目名称" align="center" min-width="130">
+        <el-table-column label="项目名称" align="center" min-width="100">
           <template slot-scope="scope">
             {{ scope.row.项目名称 }}
           </template>
         </el-table-column>
-        <el-table-column label="机床图号" align="center" min-width="130">
+        <el-table-column label="机床图号" align="center" min-width="100">
           <template slot-scope="scope">
             {{ scope.row.机床图号 }}
           </template>
@@ -62,17 +63,17 @@
             {{ scope.row.组号 }}
           </template>
         </el-table-column>
-        <el-table-column label="领用数量" align="center" min-width="130">
+        <el-table-column label="领用数量" align="center" width="50">
           <template slot-scope="scope">
             {{ scope.row.出库数量 }}
           </template>
         </el-table-column>
-        <el-table-column label="仓库" align="center" min-width="130">
+        <el-table-column label="仓库" align="center" min-width="100">
           <template slot-scope="scope">
             {{ scope.row.仓库名称 }}
           </template>
         </el-table-column>
-        <el-table-column label="货位" align="center" min-width="130">
+        <el-table-column label="货位" align="center" min-width="100">
           <template slot-scope="scope">
             {{ scope.row.货位名称 }}
           </template>
@@ -87,13 +88,29 @@
             {{ scope.row.类型名称 }}
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center" min-width="80">
+        <el-table-column label="操作" align="center" min-width="200">
           <template slot-scope="scope">
+            <el-button :disabled="scope.row.是否出库" size="small" type="danger" icon="el-icon-back" style="margin: 0 0 0 0px" @click="ErrorpartOut(scope.row)">异常</el-button>
             <el-button :disabled="scope.row.是否出库" size="small" type="primary" icon="el-icon-back" style="margin: 0 0 0 0px" @click="partOut(scope.row)">出库</el-button>
           </template>
         </el-table-column>
       </el-table>
     </el-card>
+    <!--异常出库对话框-->
+    <el-dialog :visible.sync="dialogFormVisible1" title="编辑直达件" center width="380px">
+      <el-form ref="form" :model="form" :rules="rules" label-position="left">
+        <el-form-item label="异常数量" prop="ContractNumberValue" label-width="100px" size="small">
+          <el-input v-model="form.ErrorNumber" size="small" placeholder="到货数量" style="width: 200px"/>
+        </el-form-item>
+        <el-form-item label="异常原因" prop="TotalContractAmount" label-width="100px">
+          <el-input v-model="form.Reason" size="small" placeholder="请输入备注" style="width: 200px"/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="callOff('form')">取消</el-button>
+        <el-button type="primary" @click="editDirectPartm()">确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -131,7 +148,15 @@ export default {
       outNote: '', // 出库备注
       getpicikingPeople: '', // 领料人
       listLoading: '',
-      listLoading1: ''
+      listLoading1: '',
+      rules: { // 表单验证规则
+        ErrorNumber: [{ required: true, message: '请输入直达件数量', trigger: 'blur' }],
+        Reason: [{ required: true, message: '请选择领用人', trigger: 'blur' }]
+      },
+      form: {
+        ErrorNumber: '',
+        Reason: ''
+      }
     }
   },
   computed: {
@@ -209,6 +234,9 @@ export default {
           } else { this.$message.error('增加失败') }
         })
       }
+    },
+    ErrorpartOut() {
+      console.log(21231)
     }
   }
 }