ysy пре 1 година
родитељ
комит
9220b12d7c

+ 442 - 400
src/views/pick/pickApply/components/addPick.vue

@@ -1,434 +1,476 @@
 <template>
-    <el-dialog
-      title="新建领料单"
-      :visible.sync="visible"
-      :before-close="handleClose"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      append-to-body
-      width="80%"
-    >
-      <el-form>
-        <el-row :gutter="24">
-          <el-col :span="6">
-            <el-form-item label="领料单编号" prop="pickCode" label-width="90px">
-              <el-input v-model="pickCode" disabled=""></el-input>
-            </el-form-item>
-          </el-col>
-  
-          <el-col :span="6">
-            <el-form-item label="领料单名称" prop="pickName" label-width="90px">
-              <el-input v-model="pickName"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div v-for="(item, idx) in workList" :key="idx">
-        <el-form
-          :ref="`formRef${idx}`"
-          :model="{ pickList: item }"
-          :rules="tableRules"
-          size="mini"
-          label-position="left"
-        >
-          <div class="tableZ_box">
-            <div class="row">
-              <div class="col">
-                <div class="name">生产工单号</div>
-                <div class="content">{{ item.code }}</div>
-              </div>
-              <div class="col">
-                <div class="name">产品编码</div>
-                <div class="content">{{ item.productCode }}</div>
-              </div>
-              <div class="col">
-                <div class="name">产品名称</div>
-                <div class="content">{{ item.productName }}</div>
-              </div>
-              <div class="col">
-                <div class="name">批次号</div>
-                <div class="content">{{ item.batchNo }}</div>
-              </div>
-              <div class="col pd6">
-                <el-button
-                  type="primary"
-                  size="mini"
-                  @click="openPicking(item.id, item)"
-                  >新增</el-button
-                >
-              </div>
+  <el-dialog
+    title="新建领料单"
+    :visible.sync="visible"
+    :before-close="handleClose"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    append-to-body
+    width="80%"
+  >
+    <el-form>
+      <el-row :gutter="24">
+        <el-col :span="6">
+          <el-form-item label="领料单编号" prop="pickCode" label-width="90px">
+            <el-input v-model="pickCode" disabled=""></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="6">
+          <el-form-item label="领料单名称" prop="pickName" label-width="90px">
+            <el-input v-model="pickName"></el-input>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="6">
+          <el-form-item label="工序名称:">
+            <el-select v-model="taskId" clearable filterable>
+              <el-option
+                v-for="(item, index) in produceTaskList"
+                :key="index"
+                :label="item.name"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="6">
+          <el-button type="primary" @click="selectOrder">选择工单</el-button>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div v-for="(item, idx) in workList" :key="idx">
+      <el-form
+        :ref="`formRef${idx}`"
+        :model="{ pickList: item }"
+        :rules="tableRules"
+        size="mini"
+        label-position="left"
+      >
+        <div class="tableZ_box">
+          <div class="row">
+            <div class="col">
+              <div class="name">生产工单号</div>
+              <div class="content">{{ item.code }}</div>
+            </div>
+            <div class="col">
+              <div class="name">产品编码</div>
+              <div class="content">{{ item.productCode }}</div>
+            </div>
+            <div class="col">
+              <div class="name">产品名称</div>
+              <div class="content">{{ item.productName }}</div>
+            </div>
+            <div class="col">
+              <div class="name">批次号</div>
+              <div class="content">{{ item.batchNo }}</div>
+            </div>
+            <div class="col pd6">
+              <el-button
+                type="primary"
+                size="mini"
+                @click="openPicking(item.id, item)"
+                >新增</el-button
+              >
             </div>
           </div>
-  
-          <div>
-            <el-table
-              :ref="`tableRef${idx}`"
-              class="table_content"
-              :max-height="300"
-              :data="item.pickList"
-              tooltip-effect="dark"
-              style="width: 100%"
-              stripe
-              border
-            >
-              <el-table-column label="序号" type="index" width="60">
-                <template slot-scope="{ row, $index }">
-                  {{ $index }}
-                </template>
-              </el-table-column>
-  
-              <el-table-column label="类型"  prop="rootCategoryLevelId"  width="80">
-                <template slot-scope="{ row, $index }">
-                  <!-- <el-tag>{{ typeName[Number(row.rootCategoryLevelId)] }}</el-tag> -->
-                </template>
-              </el-table-column>
-  
-  
-         
-  
-              <el-table-column label="编码" prop="assetCode">
-                <template slot-scope="{ row, $index }">
-                  <span
-                    v-if="
-                      Object.prototype.hasOwnProperty.call(row, 'isBom') &&
-                      row.isBom == 1
+        </div>
+
+        <div>
+          <el-table
+            :ref="`tableRef${idx}`"
+            class="table_content"
+            :max-height="300"
+            :data="item.pickList"
+            tooltip-effect="dark"
+            style="width: 100%"
+            stripe
+            border
+          >
+            <el-table-column label="序号" type="index" width="60">
+              <template slot-scope="{ row, $index }">
+                {{ $index }}
+              </template>
+            </el-table-column>
+
+            <el-table-column label="类型" prop="rootCategoryLevelId" width="80">
+              <template slot-scope="{ row, $index }">
+                <!-- <el-tag>{{ typeName[Number(row.rootCategoryLevelId)] }}</el-tag> -->
+              </template>
+            </el-table-column>
+
+            <el-table-column label="编码" prop="assetCode">
+              <template slot-scope="{ row, $index }">
+                <span
+                  v-if="
+                    Object.prototype.hasOwnProperty.call(row, 'isBom') &&
+                    row.isBom == 1
+                  "
+                  style="color: #faad14"
+                >
+                  {{ row.categoryCode }}
+                </span>
+                <span>
+                  {{
+                    row.rootCategoryLevelId == 4 ? row.codeNumber : row.code
+                  }}</span
+                >
+              </template>
+            </el-table-column>
+
+            <el-table-column label="名称" prop="name">
+              <template slot-scope="{ row, $index }">
+                <span
+                  v-if="
+                    Object.prototype.hasOwnProperty.call(row, 'isBom') &&
+                    row.isBom == 1
+                  "
+                >
+                  {{ row.categoryName }}
+                </span>
+                <span> {{ row.name }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="型号" prop="modelType"> </el-table-column>
+            <el-table-column label="规格" prop="specification">
+            </el-table-column>
+            <el-table-column label="批次号" prop="batchNo"> </el-table-column>
+
+            <el-table-column label="数量" prop="demandQuantity">
+              <template slot-scope="{ row, $index }">
+                <el-form-item>
+                  <el-input
+                    v-model="row.demandQuantity"
+                    @input="
+                      row.demandQuantity > row.availableCountBase
+                        ? (row.demandQuantity = row.availableCountBase)
+                        : row.demandQuantity
                     "
-                    style="color: #faad14"
-                  >
-                    {{ row.categoryCode }}
-                  </span>
-                  <span>
-                    {{
-                      row.rootCategoryLevelId == 4 ? row.codeNumber : row.code
-                    }}</span
+                    size="mini"
                   >
-                </template>
-              </el-table-column>
-  
-              <el-table-column label="名称" prop="name">
-                <template slot-scope="{ row, $index }">
-                  <span
-                    v-if="
-                      Object.prototype.hasOwnProperty.call(row, 'isBom') &&
-                      row.isBom == 1
-                    "
+                    <template slot="append">{{ row.unit }}</template>
+                  </el-input>
+                </el-form-item>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="计量库存数量" prop="availableCountBase">
+              <template slot-scope="{ row, $index }">
+                {{ row.availableCountBase }} {{ row.measuringUnit }}
+              </template>
+            </el-table-column>
+
+            <el-table-column label="领料仓库" prop="warehouseId">
+              <template slot-scope="{ row, $index }">
+                <div
+                  v-if="
+                    Object.prototype.hasOwnProperty.call(row, 'isBom') &&
+                    row.isBom == 1
+                  "
+                >
+                  <el-select
+                    v-model="row.warehouseId"
+                    placeholder="请选择"
+                    filterable
                   >
-                    {{ row.categoryName }}
-                  </span>
-                  <span> {{ row.name }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="型号" prop="modelType"> </el-table-column>
-              <el-table-column label="规格" prop="specification">
-              </el-table-column>
-              <el-table-column label="批次号" prop="batchNo"> </el-table-column>
-  
-              <el-table-column label="数量" prop="demandQuantity">
-                <template slot-scope="{ row, $index }">
-                  <el-form-item>
-                    <el-input
-                      v-model="row.demandQuantity"
-                      @input="
-                        row.demandQuantity > row.availableCountBase
-                          ? (row.demandQuantity = row.availableCountBase)
-                          : row.demandQuantity
-                      "
-                      size="mini"
+                    <el-option
+                      v-for="item in row.warehouseList"
+                      :label="item.name"
+                      :value="item.id"
+                      :key="item.id"
                     >
-                      <template slot="append">{{ row.unit }}</template>
-                    </el-input>
-                  </el-form-item>
-                </template>
-              </el-table-column>
-  
-              <el-table-column label="计量库存数量" prop="availableCountBase">
-                <template slot-scope="{ row, $index }">
-                  {{ row.availableCountBase }} {{ row.measuringUnit }}
-                </template>
-              </el-table-column>
-  
-              <el-table-column label="领料仓库" prop="warehouseId">
-                <template slot-scope="{ row, $index }">
-                  <div
-                    v-if="
-                      Object.prototype.hasOwnProperty.call(row, 'isBom') &&
-                      row.isBom == 1
-                    "
-                  >
-                    <el-select v-model="row.warehouseId" placeholder="请选择" filterable>
-                      <el-option
-                        v-for="item in row.warehouseList"
-                        :label="item.name"
-                        :value="item.id"
-                        :key="item.id"
-                      >
-                      </el-option>
-                    </el-select>
-                  </div>
-  
-                  <div v-else>
-                    <el-select v-model="row.warehouseId" placeholder="请选择" filterable>
-                      <el-option
-                        v-for="item in row.warehouseLists"
-                        :label="item.warehouse_name"
-                        :value="item.warehouse_id"
-                        :key="item.warehouse_id"
-                      >
-                      </el-option>
-                    </el-select>
-                  </div>
-                </template>
-              </el-table-column>
-  
-              <el-table-column label="操作" fixed="right" width="100px">
-                <template slot-scope="{ $index, row }">
-                  <el-link type="danger" @click="removeItem(idx, $index)"
-                    >删除</el-link
+                    </el-option>
+                  </el-select>
+                </div>
+
+                <div v-else>
+                  <el-select
+                    v-model="row.warehouseId"
+                    placeholder="请选择"
+                    filterable
                   >
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-        </el-form>
-      </div>
-  
-      <template slot="footer">
-        <el-button size="mini" @click="handleClose">取 消</el-button>
-        <el-button size="mini" type="primary" @click="save()">确 定</el-button>
-      </template>
-  
-      <!-- <pickingList
-        isType="pick"
-        ref="pickingListRef"
-        @allSelection="allSelection"
-      ></pickingList> -->
-    </el-dialog>
-  </template>
-  
-  <script>
-    // import pickingList from './pickingList.vue';
-    import { workorderList, getCode } from '@/api/produce/workOrder';
-    // import { typeName } from '../common.js';
-    import { batchSave } from '@/api/produce/picking';
-  
-    export default {
-      components: {
-        // pickingList
-      },
-      props: {
+                    <el-option
+                      v-for="item in row.warehouseLists"
+                      :label="item.warehouse_name"
+                      :value="item.warehouse_id"
+                      :key="item.warehouse_id"
+                    >
+                    </el-option>
+                  </el-select>
+                </div>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="操作" fixed="right" width="100px">
+              <template slot-scope="{ $index, row }">
+                <el-link type="danger" @click="removeItem(idx, $index)"
+                  >删除</el-link
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </el-form>
+    </div>
+
+    <template slot="footer">
+      <el-button size="mini" @click="handleClose">取 消</el-button>
+      <el-button size="mini" type="primary" @click="save()">确 定</el-button>
+    </template>
+
+    <!-- <pickingList @allSelection="allSelection"></pickingList> -->
+
+    <produceOrder v-if="orderShow" :taskId="taskId"></produceOrder>
+  </el-dialog>
+</template>
+
+<script>
+  //   import pickingList from './pickingList.vue';
+  import { workorderList, getCode } from '@/api/produce/workOrder';
+  import produceOrder from './produceOrder.vue';
+
+  // import { typeName } from '../common.js';
+  import { batchSave } from '@/api/produce/picking';
+
+  import { listTask } from '@/api/produce/index';
+
+  export default {
+    components: {
+      //   pickingList
+      produceOrder
+    },
+    props: {},
+    data() {
+      return {
+        visible: true,
+        workList: [],
+        rules: {},
+
+        pickCode: null,
+        pickName: null,
 
-      },
-      data() {
-        return {
-          visible: true,
-          workList: [],
-          rules: {},
-  
-          pickCode: null,
-          pickName: null,
-  
         //   typeName,
-  
-          tableRules: {},
 
-          workListIds: []
+        tableRules: {},
+
+        workListIds: [],
+
+        taskId: null,
+        produceTaskList: [],
+
+        orderShow: false
+      };
+    },
+    computed: {
+      taskObj() {
+        return this.$store.state.user.taskObj;
+      }
+    },
+
+    watch: {},
+    methods: {
+      getTaskList() {
+        listTask().then((res) => {
+          this.produceTaskList = res;
+        });
+      },
+
+      getList() {
+        let param = {
+          ids: this.workListIds,
+          taskId: this.taskObj.id
         };
+        workorderList(param).then((res) => {
+          let arr = res.map((e) => {
+            e.pickList = [...e.bomDetailDTOS];
+            e.bomDetailDTOS = [];
+            return e;
+          });
+          this.workList = arr;
+
+          this.$forceUpdate();
+        });
       },
-      computed: {
-        taskObj() {
-          return this.$store.state.user.taskObj;
-        }
+
+      async getOrderCode() {
+        this.pickCode = await getCode('pick_order_code');
       },
-  
-      watch: {},
-      methods: {
-        getList() {
-          let param = {
-            ids: this.workListIds,
-            taskId: this.taskObj.id
-          };
-          workorderList(param).then((res) => {
-            let arr = res.map((e) => {
-              e.pickList = [...e.bomDetailDTOS];
-              e.bomDetailDTOS = [];
-              return e;
-            });
-            this.workList = arr;
-            this.getOrderCode();
+
+      removeItem(idx, index) {
+        this.workList[idx].pickList.splice(index, 1);
+      },
+
+      handleClose() {
+        this.$emit('close', false);
+      },
+
+      openPicking(id, item) {
+        this.$refs.pickingListRef.open(id, item);
+      },
+
+      allSelection(id, list) {
+        this.workList.forEach((e) => {
+          if (e.id == id) {
+            e.pickList = list;
             this.$forceUpdate();
+          }
+        });
+      },
+
+      save() {
+        console.log(this.workList);
+        if (this.workList.length > 0) {
+          let bol;
+          let _i;
+          bol = this.workList.every((e, i) => {
+            _i = i;
+            return (
+              Object.prototype.hasOwnProperty.call(e, 'pickList') &&
+              e.pickList.length > 0
+            );
           });
-        },
-  
-        async getOrderCode() {
-          this.pickCode = await getCode('pick_order_code');
-        },
-  
-        removeItem(idx, index) {
-          this.workList[idx].pickList.splice(index, 1);
-        },
-  
-        handleClose() {
-          this.$emit('close', false);
-        },
-  
-        openPicking(id, item) {
-          this.$refs.pickingListRef.open(id, item);
-        },
-  
-        allSelection(id, list) {
-          this.workList.forEach((e) => {
-            if (e.id == id) {
-              e.pickList = list;
-              this.$forceUpdate();
-            }
-          });
-        },
-  
-        save() {
-          console.log(this.workList);
-          if (this.workList.length > 0) {
-            let bol;
-            let _i;
-            bol = this.workList.every((e, i) => {
-              _i = i;
+
+          if (!bol) {
+            this.$message.warning(
+              `生成工单${this.workList[_i].code}领料不能为空`
+            );
+            return false;
+          }
+        }
+
+        if (this.workList.length > 0) {
+          let name;
+          let bol2;
+          let _i;
+
+          this.workList.forEach((e, i) => {
+            _i = i;
+            console.log(e.pickList);
+            bol2 = e.pickList.every((y) => {
+              name = y.name;
               return (
-                Object.prototype.hasOwnProperty.call(e, 'pickList') &&
-                e.pickList.length > 0
+                Object.prototype.hasOwnProperty.call(y, 'demandQuantity') &&
+                Number(y.demandQuantity) > 0
               );
             });
-  
-            if (!bol) {
-              this.$message.warning(
-                `生成工单${this.workList[_i].code}领料不能为空`
-              );
-              return false;
-            }
+          });
+
+          if (!bol2) {
+            this.$message.warning(
+              `${this.workList[_i].code}的${name}数量不能为空`
+            );
+            return false;
           }
-  
-          if (this.workList.length > 0) {
-            let name;
-            let bol2;
-            let _i;
-  
-            this.workList.forEach((e, i) => {
-              _i = i;
-              console.log(e.pickList);
-              bol2 = e.pickList.every((y) => {
-                name = y.name;
-                return (
-                  Object.prototype.hasOwnProperty.call(y, 'demandQuantity') &&
-                  Number(y.demandQuantity) > 0
-                );
-              });
-            });
-  
-            if (!bol2) {
-              this.$message.warning(
-                `${this.workList[_i].code}的${name}数量不能为空`
-              );
-              return false;
+        }
+
+        let _arr = [];
+        _arr = this.workList.map((m) => {
+          m.instanceList = [];
+          m.bomDetailDTOSList = [];
+          m.pickList.forEach((e) => {
+            if (
+              Object.prototype.hasOwnProperty.call(e, 'isBom') &&
+              e.isBom == 1
+            ) {
+              m.bomDetailDTOSList.push(e);
+            } else {
+              m.instanceList.push(e);
             }
-          }
-  
-          let _arr = [];
-          _arr = this.workList.map((m) => {
-            m.instanceList = [];
-            m.bomDetailDTOSList = [];
-            m.pickList.forEach((e) => {
-              if (
-                Object.prototype.hasOwnProperty.call(e, 'isBom') &&
-                e.isBom == 1
-              ) {
-                m.bomDetailDTOSList.push(e);
-              } else {
-                m.instanceList.push(e);
-              }
-            });
-  
-            m.workOrderId = m.id;
-            delete m.id;
-  
-            return {
-              ...m
-            };
           });
-  
-          let param = {
-            allPickList: _arr,
-            pickName: this.pickName,
-            pickCode: this.pickCode
+
+          m.workOrderId = m.id;
+          delete m.id;
+
+          return {
+            ...m
           };
-  
-          batchSave(param).then((res) => {
-            this.$message.success('领料成功');
-            this.$emit('close', true);
-          });
-        }
+        });
+
+        let param = {
+          allPickList: _arr,
+          pickName: this.pickName,
+          pickCode: this.pickCode
+        };
+
+        batchSave(param).then((res) => {
+          this.$message.success('领料成功');
+          this.$emit('close', true);
+        });
       },
-  
-      created() {
-        // this.getList();
+
+      selectOrder() {
+        if (!this.taskId) {
+          this.$message.warning('请选择工序名称');
+          return false;
+        }
+
+        this.orderShow = true;
       }
-    };
-  </script>
-  
-  <style lang="scss" scoped>
-    .table_content {
-      margin-bottom: 10px;
+    },
+
+    created() {
+      this.getTaskList();
+      this.getOrderCode();
+    }
+  };
+</script>
+
+<style lang="scss" scoped>
+  .table_content {
+    margin-bottom: 10px;
+  }
+
+  .tableZ_box {
+    border: 1px solid #e3e5e5;
+    margin: 6px 0;
+
+    &:last-child {
+      border-bottom: none;
     }
-  
-  
-    .tableZ_box {
-      border: 1px solid #e3e5e5;
-      margin: 6px 0;
-  
+
+    .row {
+      width: 100%;
+      display: flex;
+    }
+
+    .col {
+      width: calc(100% / 5);
+      display: flex;
+      align-items: center;
+      min-width: 200px;
+      min-height: 32px;
+      border-bottom: 1px solid #e3e5e5;
+      border-right: 1px solid #e3e5e5;
+
       &:last-child {
-        border-bottom: none;
+        border-right: none;
       }
-  
-      .row {
-        width: 100%;
-        display: flex;
-      }
-  
-      .col {
-        width: calc(100% / 5);
+
+      .name {
         display: flex;
         align-items: center;
-        min-width: 200px;
-        min-height: 32px;
-        border-bottom: 1px solid #e3e5e5;
-        border-right: 1px solid #e3e5e5;
-  
-        &:last-child {
-          border-right: none;
-        }
-  
-        .name {
-          display: flex;
-          align-items: center;
-          padding: 4px;
-          width: 80px;
-          height: 100%;
-          background-color: #d0e4d5;
-          color: #000;
-        }
-  
-        .content {
-          padding: 4px 6px;
-          color: #000;
-        }
+        padding: 4px;
+        width: 80px;
+        height: 100%;
+        background-color: #d0e4d5;
+        color: #000;
       }
-  
-      .pd6 {
-        padding: 0 6px;
+
+      .content {
+        padding: 4px 6px;
+        color: #000;
       }
     }
-  </style>
-  
-  <style>
-    :v-deep .el-form-item__error {
-      bottom: -6px !important;
+
+    .pd6 {
+      padding: 0 6px;
     }
-  </style>
-  
+  }
+</style>
+
+<style>
+  :v-deep .el-form-item__error {
+    bottom: -6px !important;
+  }
+</style>

+ 250 - 0
src/views/pick/pickApply/components/produceOrder.vue

@@ -0,0 +1,250 @@
+<template>
+  <el-dialog
+    title="工单列表"
+    :visible.sync="visible"
+    :before-close="handleClose"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    append-to-body
+    width="70%"
+  >
+    <ele-pro-table
+      ref="table"
+      height="65vh"
+      :columns="columns"
+      width="100%"
+      :datasource="datasource"
+      :selection.sync="selection"
+      @selection-change="handleSelectionChange"
+      cache-key="produceOrderZ"
+      highlight-current-row
+      @row-click="rowClick"
+    >
+      <template v-slot:toolbar>
+        <div class="c_title">工单列表 </div>
+      </template>
+
+      <template v-slot:code="{ row }">
+        <el-link type="primary" :underline="false">{{ row.code }}</el-link>
+      </template>
+
+      <template v-slot:singleReport="{ row }">
+        <el-tag> {{ row.singleReport == 1 ? '单个报工' : '批量报工' }}</el-tag>
+      </template>
+
+      <template v-slot:formingNum="{ row }">
+        <span> {{ row.formingNum }} {{ row.unit }} </span>
+      </template>
+
+      <template v-slot:formingWeight="{ row }">
+        <span> {{ row.formingNum }} {{ row.weightUnit }} </span>
+      </template>
+    </ele-pro-table>
+  </el-dialog>
+</template>
+
+<script>
+  import { workorderPage2 } from '@/api/produce/workOrder.js';
+
+  export default {
+    components: {},
+
+    props: {
+      taskId: {
+        type: String,
+        default: ''
+      }
+    },
+    data() {
+      return {
+        loading: false,
+        selection: [],
+
+        visible: true
+      };
+    },
+
+    watch: {
+      taskId: {
+        handler(val) {
+          this.reload();
+        },
+        immediate: true,
+        deep: true
+      }
+    },
+
+    computed: {
+      columns() {
+        return [
+          {
+            width: 45,
+            type: 'selection',
+            columnKey: 'selection',
+            align: 'center',
+            fixed: true
+          },
+          {
+            columnKey: 'index',
+            label: '序号',
+            type: 'index',
+            width: 55,
+            align: 'center',
+            showOverflowTooltip: true
+          },
+          {
+            prop: 'batchNo',
+            label: '批次号',
+            align: 'center'
+          },
+
+          {
+            prop: 'code',
+            slot: 'code',
+            label: '生产工单号',
+            align: 'center',
+            minWidth: '110'
+          },
+          {
+            prop: '',
+            label: '计划编号',
+            align: 'center'
+          },
+          {
+            prop: '',
+            label: '计划类型',
+            align: 'center'
+          },
+
+          {
+            prop: 'productCode',
+            label: '产品编码',
+            align: 'center'
+          },
+          {
+            prop: 'productName',
+            label: '产品名称',
+            align: 'center'
+          },
+
+          {
+            prop: 'singleReport',
+            slot: 'singleReport',
+            label: '报工类型',
+            align: 'center',
+            width: 100
+          },
+
+          {
+            prop: 'brandNo',
+            label: '牌号',
+            align: 'center'
+          },
+          {
+            prop: 'model',
+            label: '型号',
+            align: 'center'
+          },
+
+          {
+            prop: 'priority',
+            label: '优先级',
+            align: 'center',
+            minWidth: 120
+          },
+
+          {
+            prop: 'formingNum',
+            label: '要求生产数量',
+            align: 'center',
+            slot: 'formingNum',
+            showOverflowTooltip: true,
+            minWidth: 110
+          },
+          {
+            prop: 'formingWeight',
+            label: '要求生产重量',
+            slot: 'formingWeight',
+            align: 'center',
+            showOverflowTooltip: true,
+            minWidth: 110
+          },
+          {
+            prop: 'formedNum',
+            label: '已生产数量',
+            align: 'center',
+            showOverflowTooltip: true,
+            minWidth: 110
+          },
+          {
+            prop: 'formedWeight',
+            label: '已生产重量',
+            align: 'center',
+            showOverflowTooltip: true,
+            minWidth: 110
+          },
+          {
+            prop: 'planStartTime',
+            label: '计划开始时间',
+            align: 'center',
+            showOverflowTooltip: true,
+            minWidth: 110
+          },
+          {
+            prop: 'planCompleteTime',
+            label: '计划结束时间',
+            align: 'center',
+            showOverflowTooltip: true,
+            minWidth: 110
+          },
+          {
+            prop: 'startTime',
+            label: '实际开始时间',
+            align: 'center',
+            showOverflowTooltip: true,
+            minWidth: 110
+          },
+
+          {
+            prop: 'createTime',
+            label: '创建时间',
+            align: 'center',
+            showOverflowTooltip: true,
+            minWidth: 110
+          }
+        ];
+      }
+    },
+
+    methods: {
+      /* 表格数据源 */
+      datasource({ page, limit, where }) {
+        return workorderPage2({
+          pageNum: page,
+          size: limit,
+          taskId: this.taskId,
+          ...where
+        });
+      },
+
+      /* 刷新表格 */
+      reload(where) {
+        this.$nextTick(() => {
+          this.$refs.table.reload({ page: 1, where });
+        });
+      },
+      handleSelectionChange(val) {
+        let ids = [];
+        ids = val.map((item) => {
+          return item.id;
+        });
+
+        this.$emit('workSelect', ids);
+      },
+
+      rowClick(e) {},
+
+      handleClose() {}
+    }
+  };
+</script>