From ae45ed8889c63beab10ac848899bd6800bdf64fe Mon Sep 17 00:00:00 2001
From: "DESKTOP-J7ED0MB\\yinjinlu" <411641505@qq.com>
Date: Thu, 6 Oct 2022 14:09:19 +0800
Subject: [PATCH] =?UTF-8?q?=E9=94=80=E5=94=AE=E5=87=BA=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/stockSelect/single.vue   | 142 ++++-----
 src/views/mes/wm/productsalse/index.vue |  43 ++-
 src/views/mes/wm/productsalse/line.vue  | 382 +++++++++---------------
 3 files changed, 251 insertions(+), 316 deletions(-)

diff --git a/src/components/stockSelect/single.vue b/src/components/stockSelect/single.vue
index e625639..964cdb6 100644
--- a/src/components/stockSelect/single.vue
+++ b/src/components/stockSelect/single.vue
@@ -32,63 +32,71 @@
       </el-col>
       <el-col :span="20" :xs="24">
 
-      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
-        <el-form-item label="产品物料编码" prop="itemCode">
-          <el-input
-            v-model="queryParams.itemCode"
-            placeholder="请输入产品物料编码"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="产品物料名称" prop="itemName">
-          <el-input
-            v-model="queryParams.itemName"
-            placeholder="请输入产品物料名称"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="入库批次号" prop="batchCode">
-          <el-input
-            v-model="queryParams.batchCode"
-            placeholder="请输入入库批次号"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="仓库名称" prop="warehouseName">
-          <el-input
-            v-model="queryParams.warehouseName"
-            placeholder="请输入仓库名称"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="供应商编号" prop="vendorCode">
-          <el-input
-            v-model="queryParams.vendorCode"
-            placeholder="请输入供应商编号"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="供应商名称" prop="vendorName">
-          <el-input
-            v-model="queryParams.vendorName"
-            placeholder="请输入供应商名称"
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="库存有效期" prop="expireDate">
-          <el-date-picker clearable
-            v-model="queryParams.expireDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择库存有效期">
-          </el-date-picker>
-        </el-form-item>
+      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="物资编码" prop="itemCode">
+              <el-input
+                v-model="queryParams.itemCode"
+                placeholder="请输入产品物料编码"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="物资名称" prop="itemName">
+              <el-input
+                v-model="queryParams.itemName"
+                placeholder="请输入产品物料名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="批次号" prop="batchCode">
+              <el-input
+                v-model="queryParams.batchCode"
+                placeholder="请输入批次号"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="仓库名称" prop="warehouseName">
+              <el-input
+                v-model="queryParams.warehouseName"
+                placeholder="请输入仓库名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="供应商编号" prop="vendorCode">
+              <el-input
+                v-model="queryParams.vendorCode"
+                placeholder="请输入供应商编号"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="供应商名称" prop="vendorName">
+              <el-input
+                v-model="queryParams.vendorName"
+                placeholder="请输入供应商名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item> 
+          </el-col>
+        </el-row>
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
           <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -96,16 +104,6 @@
       </el-form>
 
       <el-row :gutter="10" class="mb8">    
-        <el-col :span="1.5">
-          <el-button
-            type="warning"
-            plain
-            icon="el-icon-download"
-            size="mini"
-            @click="handleExport"
-            v-hasPermi="['wm:wmstock:export']"
-          >导出</el-button>
-        </el-col>
         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
       </el-row>
 
@@ -126,6 +124,7 @@
         <el-table-column label="供应商编号" width="100px" align="center" prop="vendorCode" />
         <el-table-column label="供应商名称" width="120px" align="center" prop="vendorName" :show-overflow-tooltip="true"/>
         <el-table-column label="供应商简称" width="100px" align="center" prop="vendorNick" />
+        <el-table-column label="生产工单号" width="150px" align="center" prop="workorderCode" />
         <el-table-column label="在库数量" align="center" prop="quantityOnhand" />
         <el-table-column label="库存有效期" align="center" prop="expireDate" width="180">
           <template slot-scope="scope">
@@ -172,6 +171,7 @@ export default {
       multiple: true,
       // 显示搜索条件
       showSearch: true,
+      itemTypeName: undefined,
       // 总条数
       total: 0,
       //物料产品分类树
@@ -182,11 +182,16 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
+      defaultProps: {
+        children: "children",
+        label: "label"
+      },
       // 查询参数
       queryParams: {
         pageNum: 1,
         pageSize: 10,
         itemTypeId: null,
+        itemTypeName: null,
         itemId: null,
         itemCode: null,
         itemName: null,
@@ -206,6 +211,9 @@ export default {
         vendorCode: null,
         vendorName: null,
         vendorNick: null,
+        clientId: null,
+        clientCode: null,
+        clientName: null,
         workorderId: this.workorderId,
         quantityOnhand: null,
         expireDate: null,
diff --git a/src/views/mes/wm/productsalse/index.vue b/src/views/mes/wm/productsalse/index.vue
index 73f9766..81a6713 100644
--- a/src/views/mes/wm/productsalse/index.vue
+++ b/src/views/mes/wm/productsalse/index.vue
@@ -87,9 +87,17 @@
 
     <el-table v-loading="loading" :data="productsalseList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="出库单编号" width="120px" align="center" prop="salseCode" />
+      <el-table-column label="出库单编号" width="150px" align="center" prop="salseCode" >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            @click="handleView(scope.row)"
+            v-hasPermi="['mes:wm:productsalse:query']"
+          >{{scope.row.salseCode}}</el-button>
+        </template>
+      </el-table-column>
       <el-table-column label="出库单名称" width="150px" align="center" prop="salseName" />
-      <el-table-column label="出货检验单编号" width="150px" align="center" prop="oqcCode" />
+      <el-table-column label="出货检验单" width="150px" align="center" prop="oqcCode" />
       <el-table-column label="销售订单编号" width="120px" align="center" prop="soCode" />
       <el-table-column label="客户编码" align="center" prop="clientCode" />
       <el-table-column label="客户名称" align="center" prop="clientName" />
@@ -220,10 +228,13 @@
           </el-col>      
         </el-row>
       </el-form>
+      <el-divider v-if="form.salseId !=null" content-position="center">物料信息</el-divider> 
+        <el-card shadow="always" v-if="form.salseId !=null" class="box-card">
+          <Productsalseline ref="line" :salseId="form.salseId" :warehouseId="form.warehouseId" :locationId="form.locationId" :areaId="form.areaId" :optType="optType"></Productsalseline>
+        </el-card>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="cancel" v-if="optType =='view' || form.status !='PREPARE' ">返回</el-button>
         <el-button type="primary" @click="submitForm" v-if="form.status =='PREPARE' && optType !='view' ">保 存</el-button>
-        <el-button type="success" @click="doconfirm" v-if="form.status =='PREPARE' && optType !='view' && form.recptId !=null">完成</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -232,13 +243,14 @@
 
 <script>
 import { listProductsalse, getProductsalse, delProductsalse, addProductsalse, updateProductsalse } from "@/api/mes/wm/productsalse";
+import Productsalseline from "./line.vue"
 import OqcSelectSingle from "@/components/oqcSelect/single.vue"
 import {getTreeList} from "@/api/mes/wm/warehouse"
 import {genCode} from "@/api/system/autocode/rule"
 export default {
   name: "Productsalse",
   dicts: ['mes_order_status'],
-  components: {OqcSelectSingle},
+  components: {OqcSelectSingle,Productsalseline},
   data() {
     return {
       //自动生成编码
@@ -339,6 +351,14 @@ export default {
         this.warehouseOptions = JSON.parse(ostr);
       });
     },
+    //选择默认的仓库、库区、库位
+    handleWarehouseChanged(obj){      
+      if(obj !=null){
+        this.form.warehouseId = obj[0];
+        this.form.locationId = obj[1];
+        this.form.areaId = obj[2];
+      }
+    },
     // 取消按钮
     cancel() {
       this.open = false;
@@ -397,6 +417,20 @@ export default {
       this.single = selection.length!==1
       this.multiple = !selection.length
     },
+    // 查询明细按钮操作
+    handleView(row){
+      this.reset();
+      const salseId = row.salseId
+      getProductsalse(salseId).then(response => {
+        this.form = response.data;
+        this.warehouseInfo[0] = response.data.warehouseId;    
+        this.warehouseInfo[1] = response.data.locationId;    
+        this.warehouseInfo[2] = response.data.areaId; 
+        this.open = true;
+        this.title = "查看出库单信息";
+        this.optType = "view";
+      });
+    },
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
@@ -466,6 +500,7 @@ export default {
           this.form.clientNick = obj.clientNick;
         }
     },
+
     //自动生成编码
     handleAutoGenChange(autoGenFlag){
       if(autoGenFlag){
diff --git a/src/views/mes/wm/productsalse/line.vue b/src/views/mes/wm/productsalse/line.vue
index 4b3fded..ab9e43f 100644
--- a/src/views/mes/wm/productsalse/line.vue
+++ b/src/views/mes/wm/productsalse/line.vue
@@ -1,149 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="出库记录ID" prop="salseId">
-        <el-input
-          v-model="queryParams.salseId"
-          placeholder="请输入出库记录ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="库存记录ID" prop="materialStockId">
-        <el-input
-          v-model="queryParams.materialStockId"
-          placeholder="请输入库存记录ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="产品物料ID" prop="itemId">
-        <el-input
-          v-model="queryParams.itemId"
-          placeholder="请输入产品物料ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="产品物料编码" prop="itemCode">
-        <el-input
-          v-model="queryParams.itemCode"
-          placeholder="请输入产品物料编码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="产品物料名称" prop="itemName">
-        <el-input
-          v-model="queryParams.itemName"
-          placeholder="请输入产品物料名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="单位" prop="unitOfMeasure">
-        <el-input
-          v-model="queryParams.unitOfMeasure"
-          placeholder="请输入单位"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="出库数量" prop="quantitySalse">
-        <el-input
-          v-model="queryParams.quantitySalse"
-          placeholder="请输入出库数量"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="批次号" prop="batchCode">
-        <el-input
-          v-model="queryParams.batchCode"
-          placeholder="请输入批次号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="仓库ID" prop="warehouseId">
-        <el-input
-          v-model="queryParams.warehouseId"
-          placeholder="请输入仓库ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="仓库编码" prop="warehouseCode">
-        <el-input
-          v-model="queryParams.warehouseCode"
-          placeholder="请输入仓库编码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="仓库名称" prop="warehouseName">
-        <el-input
-          v-model="queryParams.warehouseName"
-          placeholder="请输入仓库名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="库区ID" prop="locationId">
-        <el-input
-          v-model="queryParams.locationId"
-          placeholder="请输入库区ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="库区编码" prop="locationCode">
-        <el-input
-          v-model="queryParams.locationCode"
-          placeholder="请输入库区编码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="库区名称" prop="locationName">
-        <el-input
-          v-model="queryParams.locationName"
-          placeholder="请输入库区名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="库位ID" prop="areaId">
-        <el-input
-          v-model="queryParams.areaId"
-          placeholder="请输入库位ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="库位编码" prop="areaCode">
-        <el-input
-          v-model="queryParams.areaCode"
-          placeholder="请输入库位编码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="库位名称" prop="areaName">
-        <el-input
-          v-model="queryParams.areaName"
-          placeholder="请输入库位名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
+    <el-row v-if="optType != 'view'" :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
           type="primary"
@@ -151,7 +8,7 @@
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-          v-hasPermi="['wm:productsalseline:add']"
+          v-hasPermi="['mes:wm:productsalseline:add']"
         >新增</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -162,7 +19,7 @@
           size="mini"
           :disabled="single"
           @click="handleUpdate"
-          v-hasPermi="['wm:productsalseline:edit']"
+          v-hasPermi="['mes:wm:productsalseline:edit']"
         >修改</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -173,59 +30,33 @@
           size="mini"
           :disabled="multiple"
           @click="handleDelete"
-          v-hasPermi="['wm:productsalseline:remove']"
+          v-hasPermi="['mes:wm:productsalseline:remove']"
         >删除</el-button>
       </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['wm:productsalseline:export']"
-        >导出</el-button>
-      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="productsalselineList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="行ID" align="center" prop="lineId" />
-      <el-table-column label="出库记录ID" align="center" prop="salseId" />
-      <el-table-column label="库存记录ID" align="center" prop="materialStockId" />
-      <el-table-column label="产品物料ID" align="center" prop="itemId" />
-      <el-table-column label="产品物料编码" align="center" prop="itemCode" />
-      <el-table-column label="产品物料名称" align="center" prop="itemName" />
+      <el-table-column label="产品编码" align="center" prop="itemCode" />
+      <el-table-column label="产品名称" align="center" prop="itemName" />
       <el-table-column label="规格型号" align="center" prop="specification" />
       <el-table-column label="单位" align="center" prop="unitOfMeasure" />
       <el-table-column label="出库数量" align="center" prop="quantitySalse" />
       <el-table-column label="批次号" align="center" prop="batchCode" />
-      <el-table-column label="仓库ID" align="center" prop="warehouseId" />
-      <el-table-column label="仓库编码" align="center" prop="warehouseCode" />
       <el-table-column label="仓库名称" align="center" prop="warehouseName" />
-      <el-table-column label="库区ID" align="center" prop="locationId" />
-      <el-table-column label="库区编码" align="center" prop="locationCode" />
       <el-table-column label="库区名称" align="center" prop="locationName" />
-      <el-table-column label="库位ID" align="center" prop="areaId" />
-      <el-table-column label="库位编码" align="center" prop="areaCode" />
       <el-table-column label="库位名称" align="center" prop="areaName" />
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['wm:productsalseline:edit']"
-          >修改</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
-            v-hasPermi="['wm:productsalseline:remove']"
+            v-if="optType != 'view'"
+            v-hasPermi="['mes:wm:productsalseline:remove']"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -240,65 +71,76 @@
     />
 
     <!-- 添加或修改产品销售出库行对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="出库记录ID" prop="salseId">
-          <el-input v-model="form.salseId" placeholder="请输入出库记录ID" />
-        </el-form-item>
-        <el-form-item label="库存记录ID" prop="materialStockId">
-          <el-input v-model="form.materialStockId" placeholder="请输入库存记录ID" />
-        </el-form-item>
-        <el-form-item label="产品物料ID" prop="itemId">
-          <el-input v-model="form.itemId" placeholder="请输入产品物料ID" />
-        </el-form-item>
-        <el-form-item label="产品物料编码" prop="itemCode">
-          <el-input v-model="form.itemCode" placeholder="请输入产品物料编码" />
-        </el-form-item>
-        <el-form-item label="产品物料名称" prop="itemName">
-          <el-input v-model="form.itemName" placeholder="请输入产品物料名称" />
-        </el-form-item>
-        <el-form-item label="规格型号" prop="specification">
-          <el-input v-model="form.specification" type="textarea" placeholder="请输入内容" />
-        </el-form-item>
-        <el-form-item label="单位" prop="unitOfMeasure">
-          <el-input v-model="form.unitOfMeasure" placeholder="请输入单位" />
-        </el-form-item>
-        <el-form-item label="出库数量" prop="quantitySalse">
-          <el-input v-model="form.quantitySalse" placeholder="请输入出库数量" />
-        </el-form-item>
-        <el-form-item label="批次号" prop="batchCode">
-          <el-input v-model="form.batchCode" placeholder="请输入批次号" />
-        </el-form-item>
-        <el-form-item label="仓库ID" prop="warehouseId">
-          <el-input v-model="form.warehouseId" placeholder="请输入仓库ID" />
-        </el-form-item>
-        <el-form-item label="仓库编码" prop="warehouseCode">
-          <el-input v-model="form.warehouseCode" placeholder="请输入仓库编码" />
-        </el-form-item>
-        <el-form-item label="仓库名称" prop="warehouseName">
-          <el-input v-model="form.warehouseName" placeholder="请输入仓库名称" />
-        </el-form-item>
-        <el-form-item label="库区ID" prop="locationId">
-          <el-input v-model="form.locationId" placeholder="请输入库区ID" />
-        </el-form-item>
-        <el-form-item label="库区编码" prop="locationCode">
-          <el-input v-model="form.locationCode" placeholder="请输入库区编码" />
-        </el-form-item>
-        <el-form-item label="库区名称" prop="locationName">
-          <el-input v-model="form.locationName" placeholder="请输入库区名称" />
-        </el-form-item>
-        <el-form-item label="库位ID" prop="areaId">
-          <el-input v-model="form.areaId" placeholder="请输入库位ID" />
-        </el-form-item>
-        <el-form-item label="库位编码" prop="areaCode">
-          <el-input v-model="form.areaCode" placeholder="请输入库位编码" />
-        </el-form-item>
-        <el-form-item label="库位名称" prop="areaName">
-          <el-input v-model="form.areaName" placeholder="请输入库位名称" />
-        </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
-        </el-form-item>
+    <el-dialog :title="title" :visible.sync="open" width="960px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="产品编码" prop="itemCode">
+              <el-input v-model="form.itemCode" placeholder="请选择库存物资" >
+                <el-button slot="append" @click="handleSelectStock" icon="el-icon-search"></el-button>
+              </el-input>
+            </el-form-item>
+            <StockSelect ref="stockSelect"  @onSelected="onStockSelected"></StockSelect>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="产品名称" prop="itemName">
+              <el-input v-model="form.itemName" placeholder="请输入产品物料名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="单位" prop="unitOfMeasure">
+              <el-input v-model="form.unitOfMeasure" placeholder="请输入单位" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="规格型号" prop="specification">
+              <el-input v-model="form.specification" type="textarea" placeholder="请输入内容" />
+            </el-form-item>
+          </el-col>          
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="仓库" prop="warehouseName">
+              <el-input v-model="form.warehouseName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="库区" prop="locationName">
+              <el-input v-model="form.locationName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="库位" prop="areaName">
+              <el-input v-model="form.areaName" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="批次号" prop="batchCode">
+              <el-input v-model="form.batchCode"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="生产工单" prop="workorderCode">
+              <el-input v-model="form.workorderCode"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="出库数量" prop="quantitySalse">
+              <el-input :max="form.quantityMax" :min="0" v-model="form.quantitySalse" placeholder="请输入出库数量" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -310,13 +152,28 @@
 
 <script>
 import { listProductsalseline, getProductsalseline, delProductsalseline, addProductsalseline, updateProductsalseline } from "@/api/mes/wm/productsalseline";
-
+import StockSelect from "@/components/stockSelect/single.vue"
 export default {
   name: "Productsalseline",
+  components: {StockSelect},
+  props: {
+    salseId: null,
+    optType: null,
+    warehouseId: null,
+    locationId: null,
+    areaId: null
+  },
   data() {
     return {
       // 遮罩层
       loading: true,
+      warehouseInfo:[],
+      warehouseOptions:[],
+      warehouseProps:{
+        multiple: false,
+        value: 'pId',
+        label: 'pName',
+      },
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -337,7 +194,7 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        salseId: null,
+        salseId: this.salseId,
         materialStockId: null,
         itemId: null,
         itemCode: null,
@@ -360,8 +217,11 @@ export default {
       form: {},
       // 表单校验
       rules: {
-        itemId: [
-          { required: true, message: "产品物料ID不能为空", trigger: "blur" }
+        itemCode: [
+          { required: true, message: "出库物资不能为空", trigger: "blur" }
+        ],
+        warehouseInfo: [
+          { required: true, message: "仓库不能为空", trigger: "blur" }
         ],
         quantitySalse: [
           { required: true, message: "出库数量不能为空", trigger: "blur" }
@@ -391,7 +251,7 @@ export default {
     reset() {
       this.form = {
         lineId: null,
-        salseId: null,
+        salseId: this.salseId,
         materialStockId: null,
         itemId: null,
         itemCode: null,
@@ -400,13 +260,15 @@ export default {
         unitOfMeasure: null,
         quantitySalse: null,
         batchCode: null,
-        warehouseId: null,
+        workorderId: null,
+        workorderCode: null,
+        warehouseId: this.warehouseId,
         warehouseCode: null,
         warehouseName: null,
-        locationId: null,
+        locationId: this.locationId,
         locationCode: null,
         locationName: null,
-        areaId: null,
+        areaId: this.areaId,
         areaCode: null,
         areaName: null,
         remark: null,
@@ -488,7 +350,37 @@ export default {
       this.download('wm/productsalseline/export', {
         ...this.queryParams
       }, `productsalseline_${new Date().getTime()}.xlsx`)
-    }
+    },
+    handleSelectStock(){
+      this.$refs.stockSelect.showFlag = true;
+      this.$refs.stockSelect.getList();
+    },
+    //物料选择弹出框
+    onStockSelected(obj){
+        if(obj != undefined && obj != null){
+          debugger;
+          this.form.materialStockId = obj.materialStockId;
+          this.form.itemId = obj.itemId;
+          this.form.itemCode = obj.itemCode;
+          this.form.itemName = obj.itemName;
+          this.form.specification = obj.specification;
+          this.form.unitOfMeasure = obj.unitOfMeasure;  
+          this.form.batchCode = obj.batchCode;
+          this.form.workorderId = obj.workorderId;
+          this.form.workorderCode = obj.workorderCode;
+          this.form.warehouseId = obj.warehouseId;
+          this.form.warehouseCode = obj.warehouseCode;
+          this.form.warehouseName = obj.warehouseName;
+          this.form.locationId = obj.locationId;
+          this.form.locationCode = obj.locationCode;
+          this.form.locationName = obj.locationName;
+          this.form.areaId = obj.areaId;
+          this.form.areaCode = obj.areaCode;
+          this.form.areaName = obj.areaName;
+          this.form.quantitySalse = obj.quantityOnhand;
+          this.form.quantityMax = obj.quantityOnhand;
+        }
+    },
   }
 };
 </script>