From 20d6197c77b92399a7a0539d4e73905f6ab96978 Mon Sep 17 00:00:00 2001
From: liuxy <lxy1605052545@163.com>
Date: Mon, 1 Aug 2022 14:53:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mes/qd/src/views/wms/mps/produce/index.vue | 173 ++++++++++++++++++++-
 1 file changed, 171 insertions(+), 2 deletions(-)

diff --git a/mes/qd/src/views/wms/mps/produce/index.vue b/mes/qd/src/views/wms/mps/produce/index.vue
index cba88d07..1a436dc5 100644
--- a/mes/qd/src/views/wms/mps/produce/index.vue
+++ b/mes/qd/src/views/wms/mps/produce/index.vue
@@ -154,7 +154,7 @@
         :title="crud.status.title"
         width="1200px"
       >
-        <el-form ref="form" :inline="true" :model="form" :rules="rules" size="mini" label-width="160px">
+       <!-- <el-form ref="form" :inline="true" :model="form" :rules="rules" size="mini" label-width="160px">
           <el-form-item label="工单类型" prop="order_type_scode">
             <el-select v-model="form.order_type_scode" style="width: 200px" filterable placeholder="请选择">
               <el-option
@@ -273,10 +273,150 @@
             >{{ item.label }}
             </el-radio>
           </el-form-item>
-        </el-form>
+        </el-form>-->
+
+        <!--表格渲染-->
+        <el-table
+          ref="table"
+          :data="form.tableData"
+          style="width: 100%;"
+          border
+          :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+        >
+          <el-table-column type="index" label="序号" width="50" align="center" />
+          <el-table-column prop="order_type_scode" label="工单类型" align="center" width="110px">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.order_type_scode"
+                class="filter-item"
+                :disabled="scope.row.edit"
+              >
+                <el-option
+                  v-for="item in dict.PDM_BI_ORDERTYPE"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column prop="workprocedure_id" label="所属工序" align="center" width="110px">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.workprocedure_id"
+                class="filter-item"
+                :disabled="scope.row.edit"
+              >
+                <el-option
+                  v-for="item in workprocedureList"
+                  :key="item.workprocedure_id"
+                  :label="item.workprocedure_name"
+                  :value="item.workprocedure_id"
+                />
+              </el-select>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="produce_date" label="生产日期" align="center" width="110px">
+            <template slot-scope="scope">
+              <el-date-picker v-model="scope.row.produce_date" type="date" value-format="yyyy-MM-dd" style="width: 200px;" />
+            </template>
+          </el-table-column>
+          <el-table-column v-if="false" prop="material_id" label="物料标识" align="center"/>
+          <el-table-column prop="material_code" label="物料编码" align="center">
+            <template slot-scope="scope">
+              <el-input v-show="!scope.row.edit" v-model="scope.row.material_code" @focus="materialShow=true" class="input-with-select"/>
+            </template>
+          </el-table-column>
+          <el-table-column prop="material_name" label="物料名称" align="center"/>
+          <el-table-column prop="material_spec" label="物料规格" align="center"/>
+          <el-table-column show-overflow-tooltip prop="material_weight" label="物料单重" align="center">
+            <template scope="scope">
+              <el-input v-show="!scope.row.edit" v-model="scope.row.material_weight" size="mini" />
+              <span v-show="scope.row.edit">{{ scope.row.material_weight }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column show-overflow-tooltip prop="plan_qty" label="计划数量" align="center">
+            <template scope="scope">
+              <el-input v-show="!scope.row.edit" v-model="scope.row.plan_qty" size="mini" />
+              <span v-show="scope.row.edit">{{ scope.row.plan_qty }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="planproducestart_date" label="计划开始时间" align="center" width="110px">
+            <template slot-scope="scope">
+              <el-date-picker
+                v-model="scope.row.planproducestart_date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                type="datetime"
+                style="width: 200px;"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column prop="planproduceend_date" label="计划结束时间" align="center" width="110px">
+            <template slot-scope="scope">
+              <el-date-picker
+                v-model="scope.row.planproduceend_date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                type="datetime"
+                style="width: 200px;"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column show-overflow-tooltip prop="report_qty" label="报工数量" align="center">
+            <template scope="scope">
+              <el-input v-show="!scope.row.edit" v-model="scope.row.report_qty" size="mini" />
+              <span v-show="scope.row.edit">{{ scope.row.report_qty }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="shift_type_scode" label="班次类型" align="center" width="110px">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.shift_type_scode"
+                class="filter-item"
+                :disabled="scope.row.edit"
+              >
+                <el-option
+                  v-for="item in dict.PDM_BI_SHIFTTYPE"
+                  :key="item.id"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column show-overflow-tooltip prop="sale_id" label="销售单标识" align="center">
+            <template scope="scope">
+              <el-input v-show="!scope.row.edit" v-model="scope.row.sale_id" size="mini" />
+              <span v-show="scope.row.edit">{{ scope.row.sale_id }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column show-overflow-tooltip prop="is_needmove" label="是否搬运" align="center">
+            <template scope="scope">
+              <el-radio
+                v-for="item in dict.IS_OR_NOT"
+                :key="item.id"
+                v-model="scope.row.is_needmove"
+                :label="item.value"
+              >{{ item.label }}
+              </el-radio>
+            </template>
+          </el-table-column>
+          <el-table-column show-overflow-tooltip prop="is_canupdate_update" label="允许修改报工数量" align="center">
+            <template scope="scope">
+              <el-radio
+                v-for="item in dict.IS_OR_NOT"
+                :key="item.id"
+                v-model="scope.row.is_canupdate_update"
+                :label="item.value"
+              >{{ item.label }}
+              </el-radio>
+            </template>
+          </el-table-column>
+        </el-table>
         <div slot="footer" class="dialog-footer">
           <el-button type="text" @click="crud.cancelCU">取消</el-button>
           <el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
+          <el-button type="primary" @click="insertDtl">新增一行</el-button>
         </div>
       </el-dialog>
       <!--表格渲染-->
@@ -374,6 +514,7 @@ import ViewDialog from '@/views/wms/mps/produce/ViewDialog'
 import crudClassstandard from '@/api/wms/basedata/master/classstandard'
 
 const defaultForm = {
+  tableData: [],
   produceorder_id: null,
   produceorder_code: null,
   producedeviceorder_code: null,
@@ -591,6 +732,34 @@ export default {
         this.crud.notify('下发成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
         this.crud.toQuery()
       })
+    },
+    insertDtl() {
+      this.form.tableData.push({
+        produceorder_id: '',
+        produceorder_code: '',
+        producedeviceorder_code: '',
+        shift_type_scode: '01',
+        workprocedure_id: '',
+        produce_date: '',
+        plan_qty: '',
+        real_qty: '',
+        report_qty: '',
+        material_id: '',
+        material_code: '',
+        material_weight: '',
+        planproducestart_date: '',
+        planproduceend_date: '',
+        realproducestart_date: '',
+        realproduceend_date: '',
+        order_status: '00',
+        is_needmove: '1',
+        order_type_scode: '01',
+        material_name: '',
+        device_id: '',
+        is_canupdate_update: '1',
+        material_spec: '',
+        sale_id: ''
+      })
     }
   }
 }