From ce081cb573e0f40e7a56375fd4513f3d9a3cf1c7 Mon Sep 17 00:00:00 2001
From: wws <18630710203@163.com>
Date: Tue, 12 Sep 2023 14:53:57 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A1=E5=88=92=E7=AE=A1=E7=90=86=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/plan/workorder/index.vue | 1210 ++++++++++++++--------------
 1 file changed, 605 insertions(+), 605 deletions(-)

diff --git a/src/views/plan/workorder/index.vue b/src/views/plan/workorder/index.vue
index 976c33fd..9272bb0f 100644
--- a/src/views/plan/workorder/index.vue
+++ b/src/views/plan/workorder/index.vue
@@ -1,72 +1,71 @@
 <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="工单编码" prop="workorderCode">
-				<el-input
-					v-model="queryParams.workorderCode"
-					placeholder="请输入工单编码"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="工单状态" prop="status">
-				<el-select
-					v-model="queryParams.status"
-					placeholder="工单状态"
-					clearable
-					style="width: 240px"
-					>
-					<el-option
-						v-for="dict in dict.type.workorder_type"
-						:key="dict.value"
-						:label="dict.label"
-						:value="dict.value"
-				    />
-				</el-select>
-          </el-form-item>
-
-			<el-form-item label="订单编码" prop="orderCode">
-				<el-input
-					v-model="queryParams.orderCode"
-					placeholder="请输入订单编码"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="产品名称" prop="productName">
-				<el-input
-					v-model="queryParams.productName"
-					placeholder="请输入产品名称"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="工艺编码" prop="routeCode">
-				<el-input
-					v-model="queryParams.routeCode"
-					placeholder="请输入工艺编码"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="产线编码" prop="prodLineCode">
-				<el-input
-					v-model="queryParams.prodLineCode"
-					placeholder="请输入产线编码"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="生产日期" prop="productDateArray">
-				<el-date-picker
-					v-model="queryParams.productDateArray"
-					value-format="yyyy-MM-dd"
-					type="daterange"
-					range-separator="至"
-					start-placeholder="开始日期"
-					end-placeholder="结束日期">
-				</el-date-picker>
-			</el-form-item>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="工单编码" prop="workorderCode">
+        <el-input
+          v-model="queryParams.workorderCode"
+          placeholder="请输入工单编码"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="工单状态" prop="status">
+        <el-select
+          v-model="queryParams.status"
+          placeholder="工单状态"
+          clearable
+          style="width: 240px"
+        >
+          <el-option
+            v-for="dict in dict.type.workorder_type"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="订单编码" prop="orderCode">
+        <el-input
+          v-model="queryParams.orderCode"
+          placeholder="请输入订单编码"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="产品名称" prop="productName">
+        <el-input
+          v-model="queryParams.productName"
+          placeholder="请输入产品名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="工艺编码" prop="routeCode">
+        <el-input
+          v-model="queryParams.routeCode"
+          placeholder="请输入工艺编码"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="产线编码" prop="prodLineCode">
+        <el-input
+          v-model="queryParams.prodLineCode"
+          placeholder="请输入产线编码"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="生产日期" prop="productDateArray">
+        <el-date-picker
+          v-model="queryParams.productDateArray"
+          value-format="yyyy-MM-dd"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
       <el-form-item label="班次" prop="shiftId">
         <el-select v-model="queryParams.shiftId" placeholder="请选择班次" clearable>
           <el-option
@@ -77,67 +76,71 @@
           />
         </el-select>
       </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-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-col :span="1.5">
-				<el-button
-					type="primary"
-					plain
-					icon="el-icon-plus"
-					size="mini"
-					@click="handleAdd"
-					v-hasPermi="['mes:pro:workorder:add']"
-				>上传SAP生产</el-button>
-			</el-col>-->
-			<el-col :span="1.5">
-				<el-button
-					type="success"
-					plain
-					icon="el-icon-info"
-					size="mini"
-					:disabled="multiple"
-					@click="handleUpdateDown"
-					v-hasPermi="['mes:pro:workorder:edit']"
-				>派发工单</el-button>
-			</el-col>
+    <el-row :gutter="10" class="mb8">
+      <!--<el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['mes:pro:workorder:add']"
+        >上传SAP生产</el-button>
+      </el-col>-->
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-info"
+          size="mini"
+          :disabled="multiple"
+          @click="handleUpdateDown"
+          v-hasPermi="['mes:pro:workorder:edit']"
+        >派发工单
+        </el-button>
+      </el-col>
 
-			<el-col :span="1.5">
-				<el-button
-					type="warning"
-					plain
-					icon="el-icon-edit"
-					size="mini"
-					:disabled="single"
-					@click="handleUpdate"
-					v-hasPermi="['mes:pro:workorder:edit']"
-				>工单变更</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="danger"
-					plain
-					icon="el-icon-delete"
-					size="mini"
-					:disabled="multiple"
-					@click="handleDelete"
-					v-hasPermi="['mes:pro:workorder: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="['mes:pro:workorder:export']"
-				>导出</el-button>
-			</el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['mes:pro:workorder:edit']"
+        >工单变更
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['mes:pro:workorder: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="['mes:pro:workorder:export']"
+        >导出
+        </el-button>
+      </el-col>
       <el-col :span="1.5">
         <el-button
           type="success"
@@ -147,53 +150,54 @@
           size="mini"
           @click="showPrint"
           v-hasPermi="['mes:pro:workorder:export']"
-        >打印预览</el-button>
+        >打印预览
+        </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-		</el-row>
+    </el-row>
 
-		<el-table v-loading="loading" :data="workorderList" @selection-change="handleSelectionChange">
-			<el-table-column type="selection" align="center" >
+    <el-table v-loading="loading" :data="workorderList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" align="center">
 
-			</el-table-column>
-			<el-table-column label="工单ID" align="center" prop="workorderId" v-if="false"/>
-			<el-table-column width="150" label="子工单编号" align="center" prop="workorderCode"/>
-			<el-table-column label="工单名称" align="center" prop="workorderName" v-if="false"/>
-			<el-table-column label="订单id" align="center" prop="orderId" v-if="false"/>
-			<el-table-column width="150" label="子订单编码" align="center" prop="orderCode"/>
-			<el-table-column label="产品ID" align="center" prop="productId" v-if="false"/>
-			<el-table-column width="180" label="产品编码" align="center" prop="productCode"/>
-			<el-table-column width="300" label="产品名称" align="center" prop="productName"/>
-			<el-table-column label="规格型号" align="center" prop="productSpc" v-if="false"/>
-			<el-table-column width="50" label="单位" align="center" prop="unit" />
-			<el-table-column width="120" label="已生产数量" align="center" prop="quantityProduced"/>
-			<el-table-column width="120" label="派工数量" align="center" prop="quantitySplit"/>
-			<el-table-column width="150" label="工艺编码" align="center" prop="routeCode" />
-			<el-table-column width="150" label="工艺名称" align="center" prop="routeName" />
-			<el-table-column width="130" label="产线设备" align="center" prop="prodLineName" />
+      </el-table-column>
+      <el-table-column label="工单ID" align="center" prop="workorderId" v-if="false"/>
+      <el-table-column width="150" label="子工单编号" align="center" prop="workorderCode"/>
+      <el-table-column label="工单名称" align="center" prop="workorderName" v-if="false"/>
+      <el-table-column label="订单id" align="center" prop="orderId" v-if="false"/>
+      <el-table-column width="150" label="子订单编码" align="center" prop="orderCode"/>
+      <el-table-column label="产品ID" align="center" prop="productId" v-if="false"/>
+      <el-table-column width="180" label="产品编码" align="center" prop="productCode"/>
+      <el-table-column width="300" label="产品名称" align="center" prop="productName"/>
+      <el-table-column label="规格型号" align="center" prop="productSpc" v-if="false"/>
+      <el-table-column width="50" label="单位" align="center" prop="unit"/>
+      <el-table-column width="120" label="已生产数量" align="center" prop="quantityProduced"/>
+      <el-table-column width="120" label="派工数量" align="center" prop="quantitySplit"/>
+      <el-table-column width="150" label="工艺编码" align="center" prop="routeCode"/>
+      <el-table-column width="150" label="工艺名称" align="center" prop="routeName"/>
+      <el-table-column width="130" label="产线设备" align="center" prop="prodLineName"/>
       <el-table-column width="130" label="产线设备编码" align="center" prop="prodLineCode" v-if="false"/>
-			<el-table-column width="120" label="工单生产日期" align="center" prop="productDate">
-				<template slot-scope="scope">
-					<span>{{ parseTime(scope.row.productDate, '{y}-{m}-{d}') }}</span>
-				</template>
-			</el-table-column>
+      <el-table-column width="120" label="工单生产日期" align="center" prop="productDate">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.productDate, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="班次" align="center" prop="shiftId">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.shift_type" :value="scope.row.shiftId"/>
         </template>
       </el-table-column>
-			<el-table-column label="工单状态" align="center" prop="status" >
-				<template slot-scope="scope">
-					<dict-tag :options="dict.type.workorder_type" :value="scope.row.status"/>
-				</template>
-			</el-table-column>
-<!--			<el-table-column label="备注" align="center" prop="remark" />-->
-			<el-table-column label="产品类型" align="center" prop="prodType" >
+      <el-table-column label="工单状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.workorder_type" :value="scope.row.status"/>
+        </template>
+      </el-table-column>
+      <!--			<el-table-column label="备注" align="center" prop="remark" />-->
+      <el-table-column label="产品类型" align="center" prop="prodType">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.product_type" :value="scope.row.prodType"/>
         </template>
       </el-table-column>
-		</el-table>
+    </el-table>
 
     <!-- 打印预览弹出层 -->
     <el-dialog
@@ -211,11 +215,11 @@
           </el-row>
           <!-- 导航栏 -->
           <el-row class="my-print-nav">
-            <el-col :span="4">工厂:{{printData.factory}}</el-col>
-            <el-col :span="4">工作中心:{{printData.workCenter}}</el-col>
-            <el-col :span="4">生产日期:{{printData.productDate}}</el-col>
-            <el-col :span="4">打印日期:{{printData.printDate}}</el-col>
-            <el-col :span="4">页次:  1/  1</el-col>
+            <el-col :span="4">工厂:{{ printData.factory }}</el-col>
+            <el-col :span="4">工作中心:{{ printData.workCenter }}</el-col>
+            <el-col :span="4">生产日期:{{ printData.productDate }}</el-col>
+            <el-col :span="4">打印日期:{{ printData.printDate }}</el-col>
+            <el-col :span="4">页次: 1/ 1</el-col>
           </el-row>
           <!-- 主数据 -->
           <el-table
@@ -269,12 +273,12 @@
                 <dict-tag :options="dict.type.shift_type" :value="scope.row.shiftId"/>
               </template>
             </el-table-column>
-            <el-table-column label="工单状态" align="center" prop="status" >
+            <el-table-column label="工单状态" align="center" prop="status">
               <template slot-scope="scope">
                 <dict-tag :options="dict.type.workorder_type" :value="scope.row.status"/>
               </template>
             </el-table-column>
-            <el-table-column label="产品类型" align="center" prop="prodType" >
+            <el-table-column label="产品类型" align="center" prop="prodType">
               <template slot-scope="scope">
                 <dict-tag :options="dict.type.product_type" :value="scope.row.prodType"/>
               </template>
@@ -284,12 +288,12 @@
           <br/>
           <!-- 底部 -->
           <el-row class="my-print-foot">
-            <el-col :offset="1" :span="3">SAP-No:{{printData.SAPNo}}</el-col>
+            <el-col :offset="1" :span="3">SAP-No:{{ printData.SAPNo }}</el-col>
             <el-col :offset="1" :span="3">Z-PM-F-030-A.1</el-col>
           </el-row>
           <el-row class="my-print-foot">
-            <el-col :offset="1" :span="3">制单人:{{printData.manufacture}}</el-col>
-            <el-col :offset="1" :span="3">审核人：{{printData.auditor}}</el-col>
+            <el-col :offset="1" :span="3">制单人:{{ printData.manufacture }}</el-col>
+            <el-col :offset="1" :span="3">审核人：{{ printData.auditor }}</el-col>
           </el-row>
 
         </el-form>
@@ -301,17 +305,17 @@
       </span>
     </el-dialog>
 
-		<pagination
-			v-show="total>0"
-			:total="total"
-			:page.sync="queryParams.pageNum"
-			:limit.sync="queryParams.pageSize"
-			@pagination="getList"
-		/>
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
 
-		<!-- 添加或修改生产工单对话框 -->
+    <!-- 添加或修改生产工单对话框 -->
     <!-- 工单修改模块 -->
-		<el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
       <!-- 拆分头pro -->
       <el-table
         border
@@ -346,10 +350,10 @@
           <el-col :offset="1" :span="7">
             <el-form-item label="选择设备:">
               <el-cascader
-              :options="eRouteOptions"
-              :props="eRouteProps"
-              v-model="splitForm.prodLineCodeArray"
-              clearable></el-cascader>
+                :options="eRouteOptions"
+                :props="eRouteProps"
+                v-model="splitForm.prodLineCodeArray"
+                clearable></el-cascader>
             </el-form-item>
           </el-col>
         </el-row>
@@ -428,38 +432,36 @@
       </el-table>
       <!-- 测试 -->
       <!-- 操作按钮 -->
-			<div slot="footer" class="dialog-footer">
-				<el-button type="primary" @click="submitForm">确 定</el-button>
-				<el-button @click="cancel">取 消</el-button>
-			</div>
-		</el-dialog>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
 
-	</div>
+  </div>
 </template>
 
 <script>
 import {
   getWorkOrders,
   listWorkorder,
-  getWorkorder,
   delWorkorder,
   downWorkorder,
-  addWorkorder,
-  updateWorkorder,
   getOrderAndWork,
   getWorkBatchList,
   subChangeWorkOrder,
   checkWorkOrder
 } from '@/api/plan/workorder'
 import moment from 'moment';
-import { getprodLineShift, getProEquipment, getProRoutes, getProShifts } from '@/api/plan/order'
+import { getProEquipment, getProRoutes, getProShifts} from '@/api/plan/order'
+
 export default {
-	name: "Workorder",
-	dicts: ['product_type','workorder_type','shift_type'],
-	data() {
-		return {
+  name: "Workorder",
+  dicts: ['product_type', 'workorder_type', 'shift_type'],
+  data() {
+    return {
       // 暂存线体code
-      proLineCode:null,
+      proLineCode: null,
       // 打印
       formRef: 'form',
       validateRules: [],
@@ -506,393 +508,141 @@ export default {
       // 订单重新渲染表格
       refreshProTable: true,
       // 拆分form
-      splitForm:{
+      splitForm: {
         prodLineCodeArray: [],
         splitNum: null,
         productDate: null,
         shiftId: null,
         routeCode: null,
       },
-			// 遮罩层
-			loading: true,
-			// 选中数组
-			ids: [],
-			cods:[],
-			// 非单个禁用
-			single: true,
-			// 非多个禁用
-			multiple: true,
-			// 下达禁用
-			statuses: [],
-			// 显示搜索条件
-			showSearch: true,
-			// 总条数
-			total: 0,
-			// 生产工单表格数据
-			workorderList: [],
-			// 弹出层标题
-			title: "",
-			// 是否显示弹出层
-			open: false,
-			// 查询参数
-			queryParams: {
-				productDateArray: [new Date(),new Date()],
-				pageNum: 1,
-				pageSize: 10,
-				workorderCode: null,
-				workorderName: null,
-				orderId: null,
-				orderCode: null,
-				productId: null,
-				productCode: null,
-				productName: null,
-				productSpc: null,
-				unit: null,
-				quantityProduced: null,
-				quantitySplit: null,
-				routeCode: null,
-				prodLineCode: null,
-				productDate: new Date(),
-				shiftId: null,
-				parentOrder: null,
-				ancestors: null,
-				status: 'w0',
-				attr1: null,
-				attr2: null,
-				attr3: null,
-				attr4: null,
-				prodType: null,
-				factoryCode: null,
-				endFlag: null
-			},
-			// 表单参数
-			form: {},
-			// 表单校验
-			rules: {
-				workorderCode: [
-					{ required: true, message: "工单编码不能为空", trigger: "blur" }
-				],
-				workorderName: [
-					{ required: true, message: "工单名称不能为空", trigger: "blur" }
-				],
-				orderId: [
-					{ required: true, message: "订单id不能为空", trigger: "blur" }
-				],
-				productCode: [
-					{ required: true, message: "产品编号不能为空", trigger: "blur" }
-				],
-				productName: [
-					{ required: true, message: "产品名称不能为空", trigger: "blur" }
-				],
-				unit: [
-					{ required: true, message: "单位不能为空", trigger: "blur" }
-				],
-			},
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      cods: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 下达禁用
+      statuses: [],
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 生产工单表格数据
+      workorderList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        productDateArray: [new Date(), new Date()],
+        pageNum: 1,
+        pageSize: 10,
+        workorderCode: null,
+        workorderName: null,
+        orderId: null,
+        orderCode: null,
+        productId: null,
+        productCode: null,
+        productName: null,
+        productSpc: null,
+        unit: null,
+        quantityProduced: null,
+        quantitySplit: null,
+        routeCode: null,
+        prodLineCode: null,
+        productDate: new Date(),
+        shiftId: null,
+        parentOrder: null,
+        ancestors: null,
+        status: 'w0',
+        attr1: null,
+        attr2: null,
+        attr3: null,
+        attr4: null,
+        prodType: null,
+        factoryCode: null,
+        endFlag: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        workorderCode: [
+          {required: true, message: "工单编码不能为空", trigger: "blur"}
+        ],
+        workorderName: [
+          {required: true, message: "工单名称不能为空", trigger: "blur"}
+        ],
+        orderId: [
+          {required: true, message: "订单id不能为空", trigger: "blur"}
+        ],
+        productCode: [
+          {required: true, message: "产品编号不能为空", trigger: "blur"}
+        ],
+        productName: [
+          {required: true, message: "产品名称不能为空", trigger: "blur"}
+        ],
+        unit: [
+          {required: true, message: "单位不能为空", trigger: "blur"}
+        ],
+      },
       /**********************************/
-      eRouteProps: { multiple: true },
+      eRouteProps: {multiple: true},
       eRouteOptions: []
-		};
+    };
 
-	},
-	created() {
-		this.getList();
-	},
-	methods: {
-    // 选择线体改变
-    changeEquipment(){
-      if (this.splitForm.routeCode == null) {
-        this.$message({
-          message: '请先选择工艺！',
-          type: 'warning'
-        })
-        return
-      }
-    },
-    // 打印
-    handlePrint(params) {
-      printJS({
-        printable: params.printable, // 'printFrom', // 标签元素id
-        type: params.type || 'html',
-        maxWidth: 1500, // 最大宽度
-        font_size: "",// 设置字体大小
-        header: params.header, // '表单',
-        targetStyles: ['*'],
-        style: '@page {margin:0 10mm};', // 可选-打印时去掉眉页眉尾
-        ignoreElements: params.ignore || [], // ['no-print']
-        properties: params.properties || null
-      })
-    },
-    // 打印预览
-    showPrint() {
-      // 清楚缓存
-      this.printData.workCenter = "暂无数据";
-      this.printData.printDate = null;
-      this.printData.workTable = [];
-      this.printData.factory = null;
-      this.printData.productDate = null;
-      // 打开工单信息对话框
-      this.printDialogVisible = true;
-      this.printData.printDate = moment(new Date()).format('YYYY.MM.DD');
-      this.printData.manufacture = this.$store.state.user.name;
-      this.newWorkerLoading = true // 设置加载状态为true，表示正在加载
-      this.refreshNewWorkerTable = false // 先将refreshProTable设置为false，隐藏表格
-      getWorkOrders(this.selectWork.workorderCode).then(response => {
-        this.printData.workTable = response.data;
-        this.printData.factory = response.data[0].factoryCode;
-        this.printData.productDate = response.data[0].productDate;
-        this.refreshNewWorkerTable = true // 立即将refreshProTable设置为true，显示表格
-        this.newWorkerLoading = false // 设置加载状态为false，表示加载完成
-      })
-    },
-    /** 动态添加表单 */
-    addField() {
-      //如果批次数量大于等于拆分数量则不允许拆分
-      let sum = 0
-      for (let i = 0; i < this.formFields.length; i++) {
-        sum += Number(this.formFields[i].batchQuantity)
-      }
-
-      if (sum >= this.productData[0].atrr1) {
-        this.$message({
-          message: '无法添加！您的批次数量已满！',
-          type: 'warning'
-        })
-        return
-      }
-
-      this.formFields.push({ batchCode: '', batchQuantity: '' })
-      //自动填充
-      this.formFields[this.formFields.length - 1].batchQuantity = Number(this.productData[0].atrr1) - Number(sum)
-    },
-    /** 动态删除表单 */
-    removeField(index) {
-      this.formFields.splice(index, 1)
-    },
-    /** 填写批次数量 */
-    inBatch(e) {
-      //不能为负数
-      if (e <= 0) {
-        this.formFields[this.formFields.length - 1].batchQuantity = 1
-      }
-      //逻辑判断
-      let sum = 0
-      for (let i = 0; i < this.formFields.length; i++) {
-        sum += Number(this.formFields[i].batchQuantity)
-      }
-      //如果超过拆分数量，提示并清空当前输入
-      if (sum > this.productData[0].atrr1) {
-        this.$message({
-          message: '你的批次数量总和不能超过拆分数量!',
-          type: 'warning'
-        })
-        this.formFields[this.formFields.length - 1].batchQuantity = Number(this.productData[0].atrr1) - Number(Number(sum) - Number(e))
-        if (this.formFields[this.formFields.length - 1].batchQuantity <= 0) {
-          this.formFields[this.formFields.length - 1].batchQuantity = 1
-        }
-      }
-      //如果拆分数量为空
-      if (this.productData[0].atrr1 == '' || this.productData[0].atrr1 == null) {
-        this.formFields[this.formFields.length - 1].batchQuantity = ''
-      }
-    },
-    /** 检验批次编码是否重复 */
-    batchCodeChange(e) {
-      if (this.formFields.length > 1) {
-        for (let i = 0; i < this.formFields.length - 1; i++) {
-          if (this.formFields[this.formFields.length - 1].batchCode == this.formFields[i].batchCode) {
-            this.$message({
-              message: '批次号不能重复！',
-              type: 'warning'
-            })
-            this.formFields = [{
-              batchCode: '',
-              batchQuantity: ''
-            }]
-            return
-          }
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    // 派发-工单派发按钮操作
+    handleUpdateDown(row) {
+      var statusesArray = this.statuses;
+      for (var i = 0; i < statusesArray.length; i++) {
+        if (statusesArray[i] == 'w1') {//已经下达的不允许操作
+          this.$modal.msgError("已经下达的订单不允许操作");
+          return
         }
       }
-    },
-    /** 更改工艺 */
-    routeChange(e){
-      getProEquipment(e).then(response => {
-        this.eRouteOptions = response.data
-      })
-      this.workForm.routeCode = e
-    },
-    /** 更改班次 */
-    shiftChange(e){
-      this.workForm.shiftId = e
-    },
-    /** 拆分数量 */
-    splitNumChange(e){
-//不能为负数
-      if (e <= 0) {
-        e = 1
-        this.splitForm.splitNum = 1
-      } else {
-        // 获取最大值，拆分数量不得超过最大值
-        let max = Number(this.productData[0].quantity) - Number(this.productData[0].quantitySplit)
-        // 超过最大值，给用户提醒
-        if (e > max) {
-          this.$message({
-            message: '最大值不能超过' + max + '!',
-            type: 'warning'
-          })
-          this.splitForm.splitNum = max
-        }
-        //前端数据同步
-        // 在获取到新的数据后执行以下代码
-        this.proLoading = true // 设置加载状态为true，表示正在加载
-
-        var num = this.productData[0].quantity;
-        // 递归操作动态显示拆分数量
-        function setAtrr1(data, splitNum) {
-          if (data.children !== undefined) {
-            for (let i = 0; i < data.children.length; i++) {
-              data.children[i].atrr1 = splitNum * (data.children[i].quantity / num)
-              setAtrr1(data.children[i], splitNum)
-            }
-          }
-        }
-
-        this.productData[0].atrr1 = this.splitForm.splitNum
-        setAtrr1(this.productData[0], this.splitForm.splitNum)
-
-        this.refreshProTable = false // 先将refreshProTable设置为false，隐藏表格
-        this.$nextTick(() => {
-          // 使用$nextTick来等待DOM更新完成
-          this.refreshProTable = true // 立即将refreshProTable设置为true，显示表格
-          this.proLoading = false // 设置加载状态为false，表示加载完成
-        })
 
-        this.workForm.splitNum = this.splitForm.splitNum
-      }
-      this.product = this.productData[0]
-    },
-    /** 工单日期选择 */
-    checkDate(e){
-      this.workForm.productDate = e
+      const workorderIds = row.workorderCode || this.codes;
+      this.$modal.confirm('是否确认下发生产工单编号为"' + workorderIds + '"的数据项？').then(function () {
+        return downWorkorder(workorderIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("下发成功");
+      }).catch(() => {
+      });
     },
-
-		/** 查询生产工单列表 */
-		getList() {
-			this.loading = true;
-			this.queryParams.endFlag = '1';//只查子单
-			if(this.queryParams.productDateArray!=null){
-				this.queryParams.productDateStart = moment(this.queryParams.productDateArray[0]).format('YYYY-MM-DD');
-				this.queryParams.productDateEnd = moment(this.queryParams.productDateArray[1]).format('YYYY-MM-DD');
-			}
-
-			listWorkorder(this.queryParams).then(response => {
-				this.workorderList = response.rows;
-				this.total = response.total;
-				this.loading = false;
-			});
-		},
-		// 取消按钮
-		cancel() {
-			this.open = false;
-			this.reset();
-		},
-		// 表单重置
-		reset() {
-			this.form = {
-				workorderId: null,
-				workorderCode: null,
-				workorderName: null,
-				orderId: null,
-				orderCode: null,
-				productId: null,
-				productCode: null,
-				productName: null,
-				productSpc: null,
-				unit: null,
-				quantityProduced: null,
-				quantitySplit: null,
-				routeCode: null,
-				prodLineCode: null,
-        prodLineCodeArray:[],
-				productDate: null,
-				shiftId: null,
-				parentOrder: null,
-				ancestors: null,
-				status: null,
-				remark: null,
-				attr1: null,
-				attr2: null,
-				attr3: null,
-				attr4: null,
-				createBy: null,
-				createTime: null,
-				updateBy: null,
-				updateTime: null,
-				prodType: null,
-				factoryCode: null,
-				endFlag: null
-			};
-			this.resetForm("form");
-		},
-		/** 搜索按钮操作 */
-		handleQuery() {
-			this.queryParams.pageNum = 1;
-			this.getList();
-		},
-		/** 重置按钮操作 */
-		resetQuery() {
-			this.resetForm("queryForm");
-			this.handleQuery();
-		},
-		// 多选框选中数据
-		handleSelectionChange(selection) {
-      // 这里设置选中的工单信息--用于工单变更
-      this.selectWork = selection[0]
-
-			this.ids = selection.map(item => item.workorderId)
-			this.codes = selection.map(item => item.workorderCode)
-			this.single = selection.length!==1
-			this.multiple = !selection.length
-		    this.statuses = selection.map(item => item.status)
-		},
-		/** 新增按钮操作 */
-		handleAdd() {
-			alert("待建设")
-			//this.reset();
-			//this.open = true;
-			//this.title = "添加生产工单";
-		},
-		/** 修改按钮操作 */
-		handleUpdate(row) {
-      // 除了未派发都不允许修改(改为：未生产前都可以修改)
-      //if (this.selectWork.status == "w1"){
-      //  this.$message({
-      //    message:'工单已派发！不可修改！',
-      //    type:'warning'
-      //  })
-      //  return;
-      //}
+    // 变更-工单变更按钮操作
+    handleUpdate(row) {
       // 校验是否可以修改
       checkWorkOrder(this.selectWork.workorderId).then(response => {
-        if (response.code == 500){
+        if (response.code == 500) {
           this.$message({
-            message:'该工单已有湿料计划，不可修改！',
-            type:'warning'
+            message: '工单已生产，不可变更！',
+            type: 'warning'
           })
           return;
-        }else {
+        } else {
 
           // 数据初始化
           this.reset();
           this.splitData = [];
-          this.productData =[];
-          this.splitForm={
+          this.productData = [];
+          this.splitForm = {
             prodLineCodeArray: [],
             splitNum: null,
             productDate: null,
             shiftId: null,
             routeCode: null,
           }
-          this.formFields=[]
+          this.formFields = []
 
           //初始化日期为默认今天
           this.splitForm.productDate = new Date()
@@ -907,7 +657,7 @@ export default {
               this.proline = response.data
             })
           })
-           // 获取工艺设备信息
+          // 获取工艺设备信息
           getProEquipment(this.selectWork.routeCode).then(response2 => {
             this.eRouteOptions = response2.data
           })
@@ -920,7 +670,7 @@ export default {
           // 在获取到新的数据后执行以下代码
           this.proLoading = true // 设置加载状态为true，表示正在加载
           this.workerLoading = true // 设置加载状态为true，表示正在加载
-          getOrderAndWork(this.selectWork).then(response =>{
+          getOrderAndWork(this.selectWork).then(response => {
             this.splitData.push(response.data.workOrder)
             this.productData.push(response.data.order)
 
@@ -965,27 +715,150 @@ export default {
         }
       })
 
-		},
-		/**下达工单**/
-    handleUpdateDown(row) {
-            var statusesArray = this.statuses;
-			for(var i=0; i<statusesArray.length; i++) {
-               if(statusesArray[i]=='w1'){//已经下达的不允许操作
-                   this.$modal.msgError("已经下达的订单不允许操作");
-				   return
-			   }
-			}
+    },
+    // 变更-选择线体改变
+    changeEquipment() {
+      if (this.splitForm.routeCode == null) {
+        this.$message({
+          message: '请先选择工艺！',
+          type: 'warning'
+        })
+        return
+      }
+    },
+    // 变更-变更工艺
+    routeChange(e) {
+      getProEquipment(e).then(response => {
+        this.eRouteOptions = response.data
+      })
+      this.workForm.routeCode = e
+    },
+    // 变更-变更班次
+    shiftChange(e) {
+      this.workForm.shiftId = e
+    },
+    // 变更-拆分数量变更
+    splitNumChange(e) {
+//不能为负数
+      if (e <= 0) {
+        e = 1
+        this.splitForm.splitNum = 1
+      } else {
+        // 获取最大值，拆分数量不得超过最大值
+        let max = Number(this.productData[0].quantity) - Number(this.productData[0].quantitySplit)
+        // 超过最大值，给用户提醒
+        if (e > max) {
+          this.$message({
+            message: '最大值不能超过' + max + '!',
+            type: 'warning'
+          })
+          this.splitForm.splitNum = max
+        }
+        //前端数据同步
+        // 在获取到新的数据后执行以下代码
+        this.proLoading = true // 设置加载状态为true，表示正在加载
+
+        var num = this.productData[0].quantity;
+
+        // 递归操作动态显示拆分数量
+        function setAtrr1(data, splitNum) {
+          if (data.children !== undefined) {
+            for (let i = 0; i < data.children.length; i++) {
+              data.children[i].atrr1 = splitNum * (data.children[i].quantity / num)
+              setAtrr1(data.children[i], splitNum)
+            }
+          }
+        }
 
-			const workorderIds = row.workorderCode || this.codes;
-			this.$modal.confirm('是否确认下发生产工单编号为"' + workorderIds + '"的数据项？').then(function() {
-				return downWorkorder(workorderIds);
-			}).then(() => {
-				this.getList();
-				this.$modal.msgSuccess("下发成功");
-			}).catch(() => {});
-		},
-		/** 拆分-提交按钮 */
-		submitForm() {
+        this.productData[0].atrr1 = this.splitForm.splitNum
+        setAtrr1(this.productData[0], this.splitForm.splitNum)
+
+        this.refreshProTable = false // 先将refreshProTable设置为false，隐藏表格
+        this.$nextTick(() => {
+          // 使用$nextTick来等待DOM更新完成
+          this.refreshProTable = true // 立即将refreshProTable设置为true，显示表格
+          this.proLoading = false // 设置加载状态为false，表示加载完成
+        })
+
+        this.workForm.splitNum = this.splitForm.splitNum
+      }
+      this.product = this.productData[0]
+    },
+    // 变更-工单日期变更
+    checkDate(e) {
+      this.workForm.productDate = e
+    },
+    // 变更-动态添加批次
+    addField() {
+      //如果批次数量大于等于拆分数量则不允许拆分
+      let sum = 0
+      for (let i = 0; i < this.formFields.length; i++) {
+        sum += Number(this.formFields[i].batchQuantity)
+      }
+
+      if (sum >= this.productData[0].atrr1) {
+        this.$message({
+          message: '无法添加！您的批次数量已满！',
+          type: 'warning'
+        })
+        return
+      }
+
+      this.formFields.push({batchCode: '', batchQuantity: ''})
+      //自动填充
+      this.formFields[this.formFields.length - 1].batchQuantity = Number(this.productData[0].atrr1) - Number(sum)
+    },
+    // 变更-动态删除批次
+    removeField(index) {
+      this.formFields.splice(index, 1)
+    },
+    // 变更-填写批次数量
+    inBatch(e) {
+      //不能为负数
+      if (e <= 0) {
+        this.formFields[this.formFields.length - 1].batchQuantity = 1
+      }
+      //逻辑判断
+      let sum = 0
+      for (let i = 0; i < this.formFields.length; i++) {
+        sum += Number(this.formFields[i].batchQuantity)
+      }
+      //如果超过拆分数量，提示并清空当前输入
+      if (sum > this.productData[0].atrr1) {
+        this.$message({
+          message: '你的批次数量总和不能超过拆分数量!',
+          type: 'warning'
+        })
+        this.formFields[this.formFields.length - 1].batchQuantity = Number(this.productData[0].atrr1) - Number(Number(sum) - Number(e))
+        if (this.formFields[this.formFields.length - 1].batchQuantity <= 0) {
+          this.formFields[this.formFields.length - 1].batchQuantity = 1
+        }
+      }
+      //如果拆分数量为空
+      if (this.productData[0].atrr1 == '' || this.productData[0].atrr1 == null) {
+        this.formFields[this.formFields.length - 1].batchQuantity = ''
+      }
+    },
+    // 变更-检验批次编码是否重复
+    batchCodeChange(e) {
+      if (this.formFields.length > 1) {
+        for (let i = 0; i < this.formFields.length - 1; i++) {
+          if (this.formFields[this.formFields.length - 1].batchCode == this.formFields[i].batchCode) {
+            this.$message({
+              message: '批次号不能重复！',
+              type: 'warning'
+            })
+            this.formFields = [{
+              batchCode: '',
+              batchQuantity: ''
+            }]
+            return
+          }
+        }
+      }
+    },
+    // 变更-变更提交按钮
+    submitForm() {
       // 判断如果拆分数量不等于拆分批次数量之和
       let sum = 0
       for (let i = 0; i < this.formFields.length; i++) {
@@ -1046,36 +919,159 @@ export default {
         batchQuantity: ''
       }]
       this.open = false
-		},
-		/** 删除按钮操作 */
-		handleDelete(row) {
+    },
+    // 删除-工单删除按钮操作
+    handleDelete(row) {
 
-            var statusesArray = this.statuses;
-			for(var i=0; i<statusesArray.length; i++) {
-               if(statusesArray[i]=='w1'){//已经下达的不允许操作
-                   this.$modal.msgError("已经下达的订单不允许操作");
-				   return
-			   }
-			}
+      var statusesArray = this.statuses;
+      for (var i = 0; i < statusesArray.length; i++) {
+        if (statusesArray[i] == 'w1') {//已经下达的不允许操作
+          this.$modal.msgError("已经下达的订单不允许操作");
+          return
+        }
+      }
 
-			const workorderIds = row.workorderId || this.ids;
+      const workorderIds = row.workorderId || this.ids;
 
-			const workorderCodes = row.workorderCode || this.codes;
+      const workorderCodes = row.workorderCode || this.codes;
 
-			this.$modal.confirm('是否确认删除生产工单编号为"' + workorderCodes + '"的数据项？').then(function() {
-				return delWorkorder(workorderIds);
-			}).then(() => {
-				this.getList();
-				this.$modal.msgSuccess("删除成功");
-			}).catch(() => {});
-		},
-		/** 导出按钮操作 */
-		handleExport() {
-			this.download('plan/pro/workorder/export', {
-				...this.queryParams
-			}, `workorder_${new Date().getTime()}.xlsx`)
-		}
-	}
+      this.$modal.confirm('是否确认删除生产工单编号为"' + workorderCodes + '"的数据项？').then(function () {
+        return delWorkorder(workorderIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      });
+    },
+    // 导出-工单list导出按钮操作
+    handleExport() {
+      this.download('plan/pro/workorder/export', {
+        ...this.queryParams
+      }, `workorder_${new Date().getTime()}.xlsx`)
+    },
+    // 打印预览-浏览器打印
+    handlePrint(params) {
+      printJS({
+        printable: params.printable, // 'printFrom', // 标签元素id
+        type: params.type || 'html',
+        maxWidth: 1500, // 最大宽度
+        font_size: "",// 设置字体大小
+        header: params.header, // '表单',
+        targetStyles: ['*'],
+        style: '@page {margin:0 10mm};', // 可选-打印时去掉眉页眉尾
+        ignoreElements: params.ignore || [], // ['no-print']
+        properties: params.properties || null
+      })
+    },
+    // 打印预览-点击打印预览按钮
+    showPrint() {
+      // 清楚缓存
+      this.printData.workCenter = "暂无数据";
+      this.printData.printDate = null;
+      this.printData.workTable = [];
+      this.printData.factory = null;
+      this.printData.productDate = null;
+      // 打开工单信息对话框
+      this.printDialogVisible = true;
+      this.printData.printDate = moment(new Date()).format('YYYY.MM.DD');
+      this.printData.manufacture = this.$store.state.user.name;
+      this.newWorkerLoading = true // 设置加载状态为true，表示正在加载
+      this.refreshNewWorkerTable = false // 先将refreshProTable设置为false，隐藏表格
+      getWorkOrders(this.selectWork.workorderCode).then(response => {
+        this.printData.workTable = response.data;
+        this.printData.factory = response.data[0].factoryCode;
+        this.printData.productDate = response.data[0].productDate;
+        this.refreshNewWorkerTable = true // 立即将refreshProTable设置为true，显示表格
+        this.newWorkerLoading = false // 设置加载状态为false，表示加载完成
+      })
+    },
+    // 首-查询生产工单列表
+    getList() {
+      this.loading = true;
+      this.queryParams.endFlag = '1';//只查子单
+      if (this.queryParams.productDateArray != null) {
+        this.queryParams.productDateStart = moment(this.queryParams.productDateArray[0]).format('YYYY-MM-DD');
+        this.queryParams.productDateEnd = moment(this.queryParams.productDateArray[1]).format('YYYY-MM-DD');
+      }
+
+      listWorkorder(this.queryParams).then(response => {
+        this.workorderList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 首-表单重置
+    reset() {
+      this.form = {
+        workorderId: null,
+        workorderCode: null,
+        workorderName: null,
+        orderId: null,
+        orderCode: null,
+        productId: null,
+        productCode: null,
+        productName: null,
+        productSpc: null,
+        unit: null,
+        quantityProduced: null,
+        quantitySplit: null,
+        routeCode: null,
+        prodLineCode: null,
+        prodLineCodeArray: [],
+        productDate: null,
+        shiftId: null,
+        parentOrder: null,
+        ancestors: null,
+        status: null,
+        remark: null,
+        attr1: null,
+        attr2: null,
+        attr3: null,
+        attr4: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        prodType: null,
+        factoryCode: null,
+        endFlag: null
+      };
+      this.resetForm("form");
+    },
+    // 首-搜索按钮操作
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    // 首-重置按钮操作
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 首-多选框选中数据
+    handleSelectionChange(selection) {
+      // 这里设置选中的工单信息--用于工单变更
+      this.selectWork = selection[0]
+
+      this.ids = selection.map(item => item.workorderId)
+      this.codes = selection.map(item => item.workorderCode)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+      this.statuses = selection.map(item => item.status)
+    },
+    // 首-新增按钮操作
+    handleAdd() {
+      alert("待建设")
+      //this.reset();
+      //this.open = true;
+      //this.title = "添加生产工单";
+    }
+  }
 };
 </script>
 <style>
@@ -1114,17 +1110,21 @@ export default {
   margin-top: 40px;
   margin-bottom: 10px;
 }
+
 .my-print-head {
   margin-top: 20px;
   font-weight: bold;
 }
+
 .my-print-nav {
   margin-top: 15px;
   margin-bottom: 15px;
 }
+
 .my-print-table {
 
 }
+
 .my-print-foot {
   margin-top: 20px;
 }