diff --git a/src/api/print/index.js b/src/api/print/index.js
index d2483a1..988994c 100644
--- a/src/api/print/index.js
+++ b/src/api/print/index.js
@@ -53,4 +53,15 @@ export function FreeNumBoxLabel(params) {
 		method: 'get',
 		params
 	})
+}
+
+/**
+ *  6.打印工单外箱标签
+ */
+export function PrintPackageLabel(data) {
+	return request({
+		url: 'http://localhost:9696/print_api/bartender/print',
+		method: 'post',
+		data
+	})
 }
\ No newline at end of file
diff --git a/src/views/menu/productwork/index.vue b/src/views/menu/productwork/index.vue
index ecdb04a..4858f44 100644
--- a/src/views/menu/productwork/index.vue
+++ b/src/views/menu/productwork/index.vue
@@ -1,282 +1,234 @@
 <template>
-	<div>
-		<div class="container">
-			<div class="left box-border">
-				<div class="container">
-					<el-button class="button-refresh" type="warning" @click="doGetLeftNoFinishWorkOrderList">刷新工单</el-button>
-					<el-scrollbar v-loading="loading1" class="middle">
-						<el-card
-							v-for="(item, index) in noFinishWorkOrderList"
-							:key="index"
-							:class="getWorkOrderClass(item.priority)"
-							style="margin: 5px"
-							@click="handlerWorkOrder(item.workorder)"
-						>
-							<div class="order-box">
-								<div class="order-title">
-									<div>
-										<span>{{ item.workorder }}</span>
-									</div>
-									<div>
-										<el-tag v-if="item.status === 1" type="info" size="large" effect="dark" round> 未开始 </el-tag>
-										<el-tag v-if="item.status === 2" type="primary" size="large" effect="dark" round> 进行中 </el-tag>
-										<el-tag v-if="item.status === 3" type="success" size="large" effect="dark" round> 已完成 </el-tag>
-									</div>
-								</div>
-								<div class="order-content">
-									<span >{{ item.productionName }}</span>
-								</div>
-							</div>
-						</el-card>
-					</el-scrollbar>
-					<el-button type="primary" class="bottom" @click="handlerWorkReport">今日报工信息</el-button>
-				</div>
-			</div>
-			<div class="right box-border">
-				<div class="container">
-					<div class="top" v-loading="loading2">
-						<div class="m10 workOrderInfoBoxClass">
-							<el-descriptions v-if="workOrderInfo.workorder" border :column="4">
-								<template #title>
-									<div class="descriptions-title-box">
-										<!-- 工单号 -->
-										<div class="descriptions-title-workorder">
-											<h2 style="margin-right: 20px">{{ `工单:${workOrderInfo.workorder}` }}</h2>
-											<el-tag v-if="workOrderInfo.status === 1" type="info" size="large" effect="dark" round> 未开始 </el-tag>
-											<el-tag v-if="workOrderInfo.status === 2" type="primary" size="large" effect="dark" round>
-												进行中
-											</el-tag>
-											<el-tag v-if="workOrderInfo.status === 3" type="success" size="large" effect="dark" round>
-												已完成
-											</el-tag>
-										</div>
-									</div>
-								</template>
-								<el-descriptions-item
-									:span="4"
-									label="产品名称"
-									className="workOrderInfoItemClass"
-									labelClassName="workOrderInfoLabelClass"
-									>{{ workOrderInfo.productionName }}</el-descriptions-item
-								>
-								<el-descriptions-item
-									label="存货编码"
-									className="workOrderInfoItemClass"
-									labelClassName="workOrderInfoLabelClass"
-									>{{ workOrderInfo.productionCode }}</el-descriptions-item
-								>
-								<el-descriptions-item
-									label="规格型号"
-									className="workOrderInfoItemClass"
-									labelClassName="workOrderInfoLabelClass"
-									>{{ workOrderInfo.specification }}</el-descriptions-item
-								>
-								<el-descriptions-item
-									label="工单日期"
-									className="workOrderInfoItemClass"
-									labelClassName="workOrderInfoLabelClass"
-									>{{ $dayjs(workOrderInfo.workorderDate).format('YYYY-MM-DD') }}</el-descriptions-item
-								>
-								<el-descriptions-item label="单位" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
-									workOrderInfo.unit
-								}}</el-descriptions-item>
-								<el-descriptions-item label="组别" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
-									workOrderInfo.groupCode
-								}}</el-descriptions-item>
-								<el-descriptions-item label="线别" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
-									workOrderInfo.lineCode
-								}}</el-descriptions-item>
-								<el-descriptions-item
-									label="是否纸箱"
-									className="workOrderInfoItemClass"
-									labelClassName="workOrderInfoLabelClass"
-									>{{ workOrderInfo.isCarton === 1 ? '是' : '否' }}</el-descriptions-item
-								>
-								<el-descriptions-item label="箱数" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
-									workOrderInfo.packageCapacity
-								}}</el-descriptions-item>
-								<el-descriptions-item label="优先级" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">
-									<el-tag v-if="workOrderInfo.priority === 1" type="primary" size="large" effect="dark" round> 正常 </el-tag>
-									<el-tag v-if="workOrderInfo.priority === 2" type="warning" size="large" effect="dark" round> 插单 </el-tag>
-									<el-tag v-if="workOrderInfo.priority === 3" type="danger" size="large" effect="dark" round> 紧急 </el-tag>
-								</el-descriptions-item>
-								<el-descriptions-item
-									:span="2"
-									label="交货数"
-									className="workOrderInfoItemClass"
-									labelClassName="workOrderInfoLabelClass"
-									><h3>{{ workOrderInfo.deliveryNum }}</h3></el-descriptions-item
-								>
-								<el-descriptions-item
-									:span="2"
-									label="报工数"
-									className="workOrderInfoItemClass"
-									labelClassName="workOrderInfoLabelClass"
-									><h3>{{ reportNum }}</h3></el-descriptions-item
-								>
-								<el-descriptions-item
-									:span="4"
-									label="备注"
-									className="workOrderInfoItemClass"
-									labelClassName="workOrderInfoLabelClass"
-									>{{ workOrderInfo.productionName }}</el-descriptions-item
-								>
-							</el-descriptions>
-						</div>
-						<!-- 总进度条 -->
-						<div class="progress-box">
-							<el-row :gutter="20" v-if="workOrderInfo.workorder">
-								<el-col :span="16" class="progress-item">
-									<span>报工进度</span>
-									<el-progress
-										striped
-										striped-flow
-										:duration="60"
-										:stroke-width="48"
-										:percentage="getRate(reportNum, workOrderInfo.deliveryNum)"
-										status="success"
-									>
-										<span>{{ `${reportNum}/${workOrderInfo.deliveryNum}` }}</span>
-									</el-progress>
-								</el-col>
-								<el-col :span="8" class="progress-item">
-									<div>实际耗时(小时): {{ workOrderNowHour }}</div>
-									<div>计划耗时(小时): {{ workOrderPlanHour }}</div>
-								</el-col>
-							</el-row>
-						</div>
-						<div v-if="workOrderInfo.workorder" class="report-box">
-							<el-input
-								ref="reportInputRef"
-								:disabled="workOrderInfo.status !== 2"
-								v-model="reportScanText"
-								show-password
-								style="width: 70%; height: 60px; font-size: 24px"
-								@blur="reportInputBlur"
-								@change="reportInputChange"
-								placeholder="扫码或输入零件号"
-							/>
-							<el-tag type="success" v-if="reportStatus" effect="dark" class="reprot-tag">正常</el-tag>
-							<el-tag type="danger" v-if="!reportStatus" effect="dark" class="reprot-tag">不匹配</el-tag>
-						</div>
-					</div>
-					<div class="middle">
-						<!-- <el-button :disabled="!workOrderInfo.workorder" type="success" size="large">确认到料</el-button>
+  <div>
+    <div class="container">
+      <div class="left box-border">
+        <div class="container">
+          <el-button class="button-refresh" type="warning" @click="doGetLeftNoFinishWorkOrderList">刷新工单</el-button>
+          <el-scrollbar v-loading="loading1" class="middle">
+            <el-card
+              v-for="(item, index) in noFinishWorkOrderList"
+              :key="index"
+              :class="getWorkOrderClass(item.priority)"
+              style="margin: 5px"
+              @click="handlerWorkOrder(item.workorder)"
+            >
+              <div class="order-box">
+                <div class="order-title">
+                  <div>
+                    <span>{{ item.workorder }}</span>
+                  </div>
+                  <div>
+                    <el-tag v-if="item.status === 1" type="info" size="large" effect="dark" round> 未开始 </el-tag>
+                    <el-tag v-if="item.status === 2" type="primary" size="large" effect="dark" round> 进行中 </el-tag>
+                    <el-tag v-if="item.status === 3" type="success" size="large" effect="dark" round> 已完成 </el-tag>
+                  </div>
+                </div>
+                <div class="order-content">
+                  <span>{{ item.productionName }}</span>
+                </div>
+              </div>
+            </el-card>
+          </el-scrollbar>
+          <el-button type="primary" class="bottom" @click="handlerWorkReport">今日报工信息</el-button>
+        </div>
+      </div>
+      <div class="right box-border">
+        <div class="container">
+          <div class="top" v-loading="loading2">
+            <div class="m10 workOrderInfoBoxClass">
+              <el-descriptions v-if="workOrderInfo.workorder" border :column="4">
+                <template #title>
+                  <div class="descriptions-title-box">
+                    <!-- 工单号 -->
+                    <div class="descriptions-title-workorder">
+                      <h2 style="margin-right: 20px">{{ `工单:${workOrderInfo.workorder}` }}</h2>
+                      <el-tag v-if="workOrderInfo.status === 1" type="info" size="large" effect="dark" round> 未开始 </el-tag>
+                      <el-tag v-if="workOrderInfo.status === 2" type="primary" size="large" effect="dark" round> 进行中 </el-tag>
+                      <el-tag v-if="workOrderInfo.status === 3" type="success" size="large" effect="dark" round> 已完成 </el-tag>
+                    </div>
+                  </div>
+                </template>
+                <el-descriptions-item :span="4" label="产品名称" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
+                  workOrderInfo.productionName
+                }}</el-descriptions-item>
+                <el-descriptions-item label="存货编码" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
+                  workOrderInfo.productionCode
+                }}</el-descriptions-item>
+                <el-descriptions-item label="规格型号" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
+                  workOrderInfo.specification
+                }}</el-descriptions-item>
+                <el-descriptions-item label="工单日期" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
+                  $dayjs(workOrderInfo.workorderDate).format('YYYY-MM-DD')
+                }}</el-descriptions-item>
+                <el-descriptions-item label="单位" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
+                  workOrderInfo.unit
+                }}</el-descriptions-item>
+                <el-descriptions-item label="组别" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
+                  workOrderInfo.groupCode
+                }}</el-descriptions-item>
+                <el-descriptions-item label="线别" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
+                  workOrderInfo.lineCode
+                }}</el-descriptions-item>
+                <el-descriptions-item label="是否纸箱" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
+                  workOrderInfo.isCarton === 1 ? '是' : '否'
+                }}</el-descriptions-item>
+                <el-descriptions-item label="箱数" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
+                  workOrderInfo.packageCapacity
+                }}</el-descriptions-item>
+                <el-descriptions-item label="优先级" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">
+                  <el-tag v-if="workOrderInfo.priority === 1" type="primary" size="large" effect="dark" round> 正常 </el-tag>
+                  <el-tag v-if="workOrderInfo.priority === 2" type="warning" size="large" effect="dark" round> 插单 </el-tag>
+                  <el-tag v-if="workOrderInfo.priority === 3" type="danger" size="large" effect="dark" round> 紧急 </el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item :span="2" label="交货数" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass"
+                  ><h3>{{ workOrderInfo.deliveryNum }}</h3></el-descriptions-item
+                >
+                <el-descriptions-item :span="2" label="报工数" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass"
+                  ><h3>{{ reportNum }}</h3></el-descriptions-item
+                >
+                <el-descriptions-item :span="4" label="备注" className="workOrderInfoItemClass" labelClassName="workOrderInfoLabelClass">{{
+                  workOrderInfo.productionName
+                }}</el-descriptions-item>
+              </el-descriptions>
+            </div>
+            <!-- 总进度条 -->
+            <div class="progress-box">
+              <el-row :gutter="20" v-if="workOrderInfo.workorder">
+                <el-col :span="16" class="progress-item">
+                  <span>报工进度</span>
+                  <el-progress
+                    striped
+                    striped-flow
+                    :duration="60"
+                    :stroke-width="48"
+                    :percentage="getRate(reportNum, workOrderInfo.deliveryNum)"
+                    status="success"
+                  >
+                    <span>{{ `${reportNum}/${workOrderInfo.deliveryNum}` }}</span>
+                  </el-progress>
+                </el-col>
+                <el-col :span="8" class="progress-item">
+                  <div>实际耗时(小时): {{ workOrderNowHour }}</div>
+                  <div>计划耗时(小时): {{ workOrderPlanHour }}</div>
+                  <!-- <div>扫码计数: {{ packageScanNum }}</div> -->
+                </el-col>
+              </el-row>
+            </div>
+            <div v-if="workOrderInfo.workorder" class="report-box">
+              <el-input
+                ref="reportInputRef"
+                :disabled="workOrderInfo.status !== 2"
+                v-model="reportScanText"
+                show-password
+                style="width: 70%; height: 60px; font-size: 24px"
+                @blur="reportInputBlur"
+                @change="reportInputChange"
+                placeholder="扫码或输入零件号"
+              />
+              <el-tag type="success" v-if="reportStatus" effect="dark" class="reprot-tag">正常</el-tag>
+              <el-tag type="danger" v-if="!reportStatus" effect="dark" class="reprot-tag">不匹配</el-tag>
+            </div>
+          </div>
+          <div class="middle">
+            <!-- <el-button :disabled="!workOrderInfo.workorder" type="success" size="large">确认到料</el-button>
 						<el-button :disabled="!workOrderInfo.workorder" type="warning" size="large">到料异常</el-button>
 						<el-button :disabled="!workOrderInfo.workorder" type="danger" size="large">加急催料</el-button> -->
-						<el-button :disabled="!workOrderInfo.workorder" class="action-button" type="primary" size="large" @click="handlerStartOrder"
-							>开始工单</el-button
-						>
-						<el-button
-							:disabled="!workOrderInfo.workorder"
-							class="action-button"
-							type="warning"
-							size="large"
-							@click="handlerShowReportCode"
-							>报工数{{ reportNum }}</el-button
-						>
-						<el-button
-							:disabled="!workOrderInfo.workorder"
-							class="action-button"
-							type="success"
-							size="large"
-							@click="handlerReportWorkOrder"
-							>完成工单</el-button
-						>
-					</div>
-					<!-- <div class="bottom" v-loading="loading3">叫料情况展示区</div> -->
-				</div>
-			</div>
-		</div>
-		<!-- 总报工报表信息 -->
-		<el-dialog v-model.sync="dialogVisible" title="今日工单完成情况" width="800px" append-to-body :close-on-click-modal="false">
-			<div style="margin-bottom: 10px; display: flex; justify-content: space-around">
-				<span style="font-size: 18px; font-weight: 600; margin-right: 20px">总工单数:{{ store.workOrderTotalTaskNum.value }}</span>
-				<span style="font-size: 18px; font-weight: 600">已完成工单数:{{ store.workOrderRemainTaskNum.value }}</span>
-			</div>
-			<el-table
-				size="large"
-				header-cell-class-name="table-header"
-				stripe
-				border
-				:data="allWorkOrderReportList"
-				max-height="500"
-				style="width: 100%"
-			>
-				<el-table-column type="index" width="50" />
-				<el-table-column align="center" prop="fkWorkorder" label="工单号" />
-				<el-table-column align="center" prop="dispatchNum" label="需求数" />
-				<el-table-column align="center" prop="finishedNum" label="报工数" />
-			</el-table>
-			<template #footer>
-				<div class="dialog-footer">
-					<el-button @click="dialogVisible = false">取消</el-button>
-					<el-button type="primary" @click="dialogVisible = false"> 确认 </el-button>
-				</div>
-			</template>
-		</el-dialog>
-		<!-- 工单报工 -->
-		<el-dialog
-			class="common-text"
-			v-model.sync="reportDialogShow"
-			title="今日工单完成情况"
-			width="500px"
-			append-to-body
-			:close-on-click-modal="false"
-		>
-			<el-form :model="form" label-width="auto" style="max-width: 600px">
-				<el-form-item label="交货数">
-					<el-text class="number-text">{{ workOrderInfo.deliveryNum }}</el-text>
-				</el-form-item>
-				<el-form-item label="报工数">
-					<el-input class="number-text" readonly v-model="reportNum"></el-input>
-				</el-form-item>
-			</el-form>
-			<template #footer>
-				<div class="dialog-footer">
-					<el-button @click="reportDialogShow = false">取消</el-button>
-					<el-button type="primary" @click="handlerFinishOrder"> 确认报工 </el-button>
-				</div>
-			</template>
-		</el-dialog>
-		<!-- 工单下的扫描条码信息 -->
-		<el-dialog v-model.sync="reportCodeDialogShow" title="报工标签" width="800px" append-to-body :close-on-click-modal="false">
-			<div style="margin-bottom: 10px; display: flex; justify-content: space-around">
-				<span style="font-size: 18px; font-weight: 600; margin-right: 20px">报工数:{{ store.workOrderTotalTaskNum.value }}</span>
-				<span style="font-size: 18px; font-weight: 600">需求数:{{ store.workOrderRemainTaskNum.value }}</span>
-			</div>
-			<el-table
-				size="large"
-				header-cell-class-name="table-header"
-				stripe
-				border
-				:data="reportCodeDialogList"
-				height="600"
-				style="width: 100%"
-			>
-				<el-table-column type="index" width="50" />
-				<el-table-column align="center" prop="workorder" label="工单号" />
-				<el-table-column align="center" prop="labelCode" label="标签" />
-				<el-table-column align="center" prop="createdTime" label="扫码时间" />
-			</el-table>
-			<pagination
-				:total="reportCodeDialogTotal"
-				v-model:page="reportCodeDialogPage"
-				v-model:limit="reportCodeDialogSize"
-				@pagination="handlerShowReportCode"
-			/>
-			<template #footer>
-				<div class="dialog-footer">
-					<el-button @click="closeReportCodeDialog">取消</el-button>
-					<el-button type="primary" @click="closeReportCodeDialog"> 确认 </el-button>
-				</div>
-			</template>
-		</el-dialog>
-	</div>
+            <el-button :disabled="!workOrderInfo.workorder" class="action-button" type="primary" size="large" @click="handlerStartOrder"
+              >开始工单</el-button
+            >
+            <el-button :disabled="!workOrderInfo.workorder" class="action-button" type="warning" size="large" @click="handlerShowReportCode"
+              >报工数{{ reportNum }}</el-button
+            >
+            <el-button :disabled="!workOrderInfo.workorder" class="action-button" type="success" size="large" @click="handlerReportWorkOrder"
+              >完成工单</el-button
+            >
+          </div>
+          <!-- <div class="bottom" v-loading="loading3">叫料情况展示区</div> -->
+        </div>
+      </div>
+    </div>
+    <!-- 总报工报表信息 -->
+    <el-dialog v-model.sync="dialogVisible" title="今日工单完成情况" width="800px" append-to-body :close-on-click-modal="false">
+      <div style="margin-bottom: 10px; display: flex; justify-content: space-around">
+        <span style="font-size: 18px; font-weight: 600; margin-right: 20px">总工单数:{{ store.workOrderTotalTaskNum.value }}</span>
+        <span style="font-size: 18px; font-weight: 600">已完成工单数:{{ store.workOrderRemainTaskNum.value }}</span>
+      </div>
+      <el-table
+        size="large"
+        header-cell-class-name="table-header"
+        stripe
+        border
+        :data="allWorkOrderReportList"
+        max-height="500"
+        style="width: 100%"
+      >
+        <el-table-column type="index" width="50" />
+        <el-table-column align="center" prop="fkWorkorder" label="工单号" />
+        <el-table-column align="center" prop="dispatchNum" label="需求数" />
+        <el-table-column align="center" prop="finishedNum" label="报工数" />
+      </el-table>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="dialogVisible = false"> 确认 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+    <!-- 工单报工 -->
+    <el-dialog
+      class="common-text"
+      v-model.sync="reportDialogShow"
+      title="今日工单完成情况"
+      width="500px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <el-form :model="form" label-width="auto" style="max-width: 600px">
+        <el-form-item label="交货数">
+          <el-text class="number-text">{{ workOrderInfo.deliveryNum }}</el-text>
+        </el-form-item>
+        <el-form-item label="报工数">
+          <el-input class="number-text" readonly v-model="reportNum"></el-input>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="reportDialogShow = false">取消</el-button>
+          <el-button type="primary" @click="handlerFinishOrder"> 确认报工 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+    <!-- 工单下的扫描条码信息 -->
+    <el-dialog v-model.sync="reportCodeDialogShow" title="报工标签" width="800px" append-to-body :close-on-click-modal="false">
+      <div style="margin-bottom: 10px; display: flex; justify-content: space-around">
+        <span style="font-size: 18px; font-weight: 600; margin-right: 20px">报工数:{{ store.workOrderTotalTaskNum.value }}</span>
+        <span style="font-size: 18px; font-weight: 600">需求数:{{ store.workOrderRemainTaskNum.value }}</span>
+      </div>
+      <el-table size="large" header-cell-class-name="table-header" stripe border :data="reportCodeDialogList" height="600" style="width: 100%">
+        <el-table-column type="index" width="50" />
+        <el-table-column align="center" prop="workorder" label="工单号" />
+        <el-table-column align="center" prop="labelCode" label="标签" />
+        <el-table-column align="center" prop="createdTime" label="扫码时间" />
+      </el-table>
+      <pagination
+        :total="reportCodeDialogTotal"
+        v-model:page="reportCodeDialogPage"
+        v-model:limit="reportCodeDialogSize"
+        @pagination="handlerShowReportCode"
+      />
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="closeReportCodeDialog">取消</el-button>
+          <el-button type="primary" @click="closeReportCodeDialog"> 确认 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
 
 <script setup name="productwork">
 import * as WorkOrderApi from '@/api/workorder'
+import * as PrintApi from '@/api/print'
 import { getCurrentInstance } from 'vue'
 import { onMounted, onUnmounted, computed } from 'vue'
 import { ref } from 'vue'
@@ -284,16 +236,16 @@ import { useRouter } from 'vue-router'
 const { proxy } = getCurrentInstance()
 const router = useRouter()
 const store = proxy.$useMapState([
-	'teamId',
-	'lineId',
-	'teamCode',
-	'lineCode',
-	'persionName',
-	'workCheckTime',
-	'noFinishWorkOrderList',
-	'allWorkOrderList',
-	'workOrderTotalTaskNum',
-	'workOrderRemainTaskNum',
+  'teamId',
+  'lineId',
+  'teamCode',
+  'lineCode',
+  'persionName',
+  'workCheckTime',
+  'noFinishWorkOrderList',
+  'allWorkOrderList',
+  'workOrderTotalTaskNum',
+  'workOrderRemainTaskNum',
 ])
 const noFinishWorkOrderList = ref(store.noFinishWorkOrderList)
 const allWorkOrderList = ref(store.allWorkOrderList)
@@ -302,135 +254,134 @@ const loading2 = ref(false)
 const loading3 = ref(false)
 // 获取左侧工单，为未完成与正在进行中的工单
 const doGetLeftNoFinishWorkOrderList = async () => {
-	try {
-		loading1.value = true
-		const { code, data } = await proxy.$store.dispatch('updateNoFinishWorkOrderList')
-		if (code === 200) {
-			loading1.value = false
-			proxy.$message.success('工单获取成功')
-		} else {
-			proxy.$message.error('未查到工单信息，请检查线别组别时间配置或查看是否有工单！')
-			loading1.value = false
-		}
-	} catch (e) {
-		console.log(e)
-	}
+  try {
+    loading1.value = true
+    const { code, data } = await proxy.$store.dispatch('updateNoFinishWorkOrderList')
+    if (code === 200) {
+      loading1.value = false
+      proxy.$message.success('工单获取成功')
+    } else {
+      proxy.$message.error('未查到工单信息，请检查线别组别时间配置或查看是否有工单！')
+      loading1.value = false
+    }
+  } catch (e) {
+    console.log(e)
+  }
 
-	// return WorkOrderApi.getWorkOrderListNoFinish({ today: store.workCheckTime.value, lineCode: store.lineCode.value }).then((res) => {
-	// 	const { code, data } = res
-	// 	if (code === 200) {
-	// 		workOrderFinishList.value = data
-	// 		loading1.value = false
-	// 		proxy.$message.success('工单获取成功')
-	// 	} else {
-	// 		proxy.$message.error('未查到工单信息，请检查线别组别时间配置或查看是否有工单！')
-	// 		loading1.value = false
-	// 	}
-	// })
+  // return WorkOrderApi.getWorkOrderListNoFinish({ today: store.workCheckTime.value, lineCode: store.lineCode.value }).then((res) => {
+  // 	const { code, data } = res
+  // 	if (code === 200) {
+  // 		workOrderFinishList.value = data
+  // 		loading1.value = false
+  // 		proxy.$message.success('工单获取成功')
+  // 	} else {
+  // 		proxy.$message.error('未查到工单信息，请检查线别组别时间配置或查看是否有工单！')
+  // 		loading1.value = false
+  // 	}
+  // })
 }
 const doGetAllWorkOrderList = async () => {
-	try{
-		const { code, data } = await proxy.$store.dispatch('updateAllWorkOrderList')
-		if (code === 200) {
-			proxy.$message.success('报工信息获取成功')
-		} else {
-			proxy.$message.error('获取全部工单异常！')
-		}
-	}catch(e){
-		console.log(e);
-	}
-	
+  try {
+    const { code, data } = await proxy.$store.dispatch('updateAllWorkOrderList')
+    if (code === 200) {
+      proxy.$message.success('报工信息获取成功')
+    } else {
+      proxy.$message.error('获取全部工单异常！')
+    }
+  } catch (e) {
+    console.log(e)
+  }
 }
 const workOrderInfo = ref({
-	productionName: '',
+  productionName: '',
 })
 // 工单详情
 const handlerWorkOrder = (workorder) => {
-	loading2.value = true
-	reportStatus.value = true
-	WorkOrderApi.getWorkOrderDetail({ workorder }).then((res) => {
-		const { code, data } = res
-		if (code === 200) {
-			workOrderInfo.value = data
-			loading2.value = false
-			proxy.$message.success('工单信息获取成功')
-			getWorkOrderReportNumber()
-			getWorkOrderTime(workorder)
-			setTimeout(() => {
-				autoInputFocus()
-			}, 100)
-		} else {
-			proxy.$message.error('获取工单信息异常')
-		}
-		// console.log('getWorkOrderDetail', data)
-	})
+  loading2.value = true
+  reportStatus.value = true
+  WorkOrderApi.getWorkOrderDetail({ workorder }).then((res) => {
+    const { code, data } = res
+    if (code === 200) {
+      workOrderInfo.value = data
+      loading2.value = false
+      proxy.$message.success('工单信息获取成功')
+      getWorkOrderReportNumber()
+      getWorkOrderTime(workorder)
+      setTimeout(() => {
+        autoInputFocus()
+      }, 100)
+    } else {
+      proxy.$message.error('获取工单信息异常')
+    }
+    // console.log('getWorkOrderDetail', data)
+  })
 }
 // 获取工单计划时间
 const workOrderStartTime = ref('')
 const workOrderPlanHour = ref('')
 const workOrderNowHour = ref('')
 function getWorkOrderTime(workorder) {
-	WorkOrderApi.getWorkOrderTime({ workorder }).then((res) => {
-		if (res.code === 200) {
-			workOrderStartTime.value = proxy.$dayjs(res.data.item1).format('YYYY-MM-DD HH:mm:ss')
-			workOrderPlanHour.value = res.data.item2
-			if (workOrderStartTime.value > proxy.$dayjs('2024-10-01').format('YYYY-MM-DD HH:mm:ss')) {
-				workOrderNowHour.value = proxy.$dayjs().diff(workOrderStartTime.value, 'hour')
-			} else {
-				workOrderNowHour.value = '0'
-			}
-		}
-	})
+  WorkOrderApi.getWorkOrderTime({ workorder }).then((res) => {
+    if (res.code === 200) {
+      workOrderStartTime.value = proxy.$dayjs(res.data.item1).format('YYYY-MM-DD HH:mm:ss')
+      workOrderPlanHour.value = res.data.item2
+      if (workOrderStartTime.value > proxy.$dayjs('2024-10-01').format('YYYY-MM-DD HH:mm:ss')) {
+        workOrderNowHour.value = proxy.$dayjs().diff(workOrderStartTime.value, 'hour')
+      } else {
+        workOrderNowHour.value = '0'
+      }
+    }
+  })
 }
 // 开始工单
 const handlerStartOrder = () => {
-	const titleStr = proxy.$dayjs().format('MM-DD HH:mm:ss')
-	const workorder = workOrderInfo.value.workorder
-	WorkOrderApi.startWorkOrder({ workorder }).then((res) => {
-		const { code, data } = res
-		if (code === 200) {
-			proxy.$notify({ title: titleStr, message: `${workorder}工单开始!`, duration: 10000, type: 'info' })
-			doGetLeftNoFinishWorkOrderList()
-			handlerWorkOrder(workorder)
-			getWorkOrderTime(workorder)
-			setTimeout(() => {
-				autoInputFocus()
-			}, 100)
-		} else {
-			proxy.$message.error('工单开始异常')
-		}
-	})
+  const titleStr = proxy.$dayjs().format('MM-DD HH:mm:ss')
+  const workorder = workOrderInfo.value.workorder
+  WorkOrderApi.startWorkOrder({ workorder }).then((res) => {
+    const { code, data } = res
+    if (code === 200) {
+      proxy.$notify({ title: titleStr, message: `${workorder}工单开始!`, duration: 10000, type: 'info' })
+      doGetLeftNoFinishWorkOrderList()
+      handlerWorkOrder(workorder)
+      getWorkOrderTime(workorder)
+      setTimeout(() => {
+        autoInputFocus()
+      }, 100)
+    } else {
+      proxy.$message.error('工单开始异常')
+    }
+  })
 }
 // 完成工单
 // const reportNum = computed(() => workOrderReportList.value.length ?? 0)
 const reportNum = ref(0)
 function handlerReportWorkOrder() {
-	reportDialogShow.value = true
+  reportDialogShow.value = true
 }
 const handlerFinishOrder = () => {
-	const reportWorkDto = {
-		workorder: workOrderInfo.value.workorder,
-		finish_num: reportNum.value,
-	}
-	const titleStr = proxy.$dayjs().format('MM-DD HH:mm:ss')
-	WorkOrderApi.finishWorkOrder(reportWorkDto).then((res) => {
-		const { code, data } = res
-		if (code === 200) {
-			proxy.$notify({ title: titleStr, message: `${workOrderInfo.value.workorder}工单完成!`, duration: 10000, type: 'success' })
-			doGetLeftNoFinishWorkOrderList().then(() => {
-				if (noFinishWorkOrderList.value.length > 0) {
-					handlerWorkOrder(noFinishWorkOrderList.value[0].workorder)
-				} else {
-					proxy.$message.warning('已是当前最后一个工单')
-					workOrderInfo.value = {}
-				}
-			})
-			workOrderReportList.value = []
-			reportDialogShow.value = false
-		} else {
-			proxy.$message.error('工单完成异常')
-		}
-	})
+  const reportWorkDto = {
+    workorder: workOrderInfo.value.workorder,
+    finish_num: reportNum.value,
+  }
+  const titleStr = proxy.$dayjs().format('MM-DD HH:mm:ss')
+  WorkOrderApi.finishWorkOrder(reportWorkDto).then((res) => {
+    const { code, data } = res
+    if (code === 200) {
+      proxy.$notify({ title: titleStr, message: `${workOrderInfo.value.workorder}工单完成!`, duration: 10000, type: 'success' })
+      doGetLeftNoFinishWorkOrderList().then(() => {
+        if (noFinishWorkOrderList.value.length > 0) {
+          handlerWorkOrder(noFinishWorkOrderList.value[0].workorder)
+        } else {
+          proxy.$message.warning('已是当前最后一个工单')
+          workOrderInfo.value = {}
+        }
+      })
+      workOrderReportList.value = []
+      reportDialogShow.value = false
+    } else {
+      proxy.$message.error('工单完成异常')
+    }
+  })
 }
 
 // dialog=========================
@@ -438,17 +389,17 @@ const dialogVisible = ref(false)
 const allWorkOrderReportList = ref([])
 // 查看今日总报工报表
 const handlerWorkReport = () => {
-	const params = {
-		group_code: store.teamCode.value,
-		line_code: store.lineCode.value,
-		handleDate: store.workCheckTime.value,
-	}
-	WorkOrderApi.getReportWorkRecord(params).then((res) => {
-		if (res.code === 200) {
-			allWorkOrderReportList.value = res.data
-			dialogVisible.value = true
-		}
-	})
+  const params = {
+    group_code: store.teamCode.value,
+    line_code: store.lineCode.value,
+    handleDate: store.workCheckTime.value,
+  }
+  WorkOrderApi.getReportWorkRecord(params).then((res) => {
+    if (res.code === 200) {
+      allWorkOrderReportList.value = res.data
+      dialogVisible.value = true
+    }
+  })
 }
 // ===============================
 
@@ -456,16 +407,16 @@ const handlerWorkReport = () => {
 const reportScanText = ref('')
 const reportInputRef = ref(null)
 function autoInputFocus() {
-	if (reportInputRef.value) {
-		proxy.$nextTick(() => {
-			reportInputRef.value.focus()
-		})
-	}
+  if (reportInputRef.value) {
+    proxy.$nextTick(() => {
+      reportInputRef.value.focus()
+    })
+  }
 }
 function reportInputBlur(event) {
-	setTimeout(() => {
-		autoInputFocus()
-	}, 500)
+  setTimeout(() => {
+    autoInputFocus()
+  }, 500)
 }
 
 // 报工
@@ -474,93 +425,135 @@ const reportDialogShow = ref(false)
 const workOrderReportList = ref([])
 const reportStatus = ref(true)
 function reportInputChange(value) {
-	const _value = value
-	if (_value === '') {
-		return
-	}
-	reportScanText.value = ''
-	setTimeout(() => {
-		autoInputFocus()
-	}, 300)
-	// 重复判定取消
-	// if (isRepeat(_value)) {
-	// 	proxy.$notify({ title: '报工扫码', message: `标签重复!${_value}`, duration: 10000, type: 'error' })
-	// 	return
-	// }
-	const params = {
-		labelContext: _value,
-		workorder: workOrderInfo.value.workorder,
-	}
-	// 扫码校验
-	WorkOrderApi.checkLabel(params).then((res) => {
-		reportScanText.value = ''
-		if (res.code != 200) {
-			reportStatus.value = false
-			proxy.$notify({ title: '报工扫码', message: `扫码异常!${_value}`, duration: 10000, type: 'error' })
-			return
-		}
-		if (res.data === -1) {
-			proxy.$notify({ title: '报工扫码', message: `标签异常,产品不属于此工单,${_value}`, duration: 10000, type: 'error' })
-			reportStatus.value = false
-		} else if (res.data === 0) {
-			proxy.$notify({ title: '报工扫码', message: `报工失败,失败标签,${_value}`, duration: 10000, type: 'error' })
-			reportStatus.value = false
-		} else if (res.data === -2) {
-			proxy.$notify({ title: '报工扫码', message: `报工失败,标签长度不符合,${_value}`, duration: 10000, type: 'error' })
-			reportStatus.value = false
-		} else {
-			proxy.$notify({ title: '报工扫码', message: `扫码成功,${_value}`, duration: 10000, type: 'success' })
-			reportStatus.value = true
-			// workOrderReportList.value.push(_value)
-		}
-		getWorkOrderReportNumber()
-	})
+  const _value = value
+  if (_value === '') {
+    return
+  }
+  reportScanText.value = ''
+  setTimeout(() => {
+    autoInputFocus()
+  }, 300)
+  // 重复判定取消
+  // if (isRepeat(_value)) {
+  // 	proxy.$notify({ title: '报工扫码', message: `标签重复!${_value}`, duration: 10000, type: 'error' })
+  // 	return
+  // }
+  const params = {
+    labelContext: _value,
+    workorder: workOrderInfo.value.workorder,
+  }
+  // 扫码校验
+  WorkOrderApi.checkLabel(params).then((res) => {
+    reportScanText.value = ''
+    if (res.code != 200) {
+      reportStatus.value = false
+      proxy.$notify({ title: '报工扫码', message: `扫码异常!${_value}`, duration: 10000, type: 'error' })
+      return
+    }
+    if (res.data === -1) {
+      proxy.$notify({ title: '报工扫码', message: `标签异常,产品不属于此工单,${_value}`, duration: 10000, type: 'error' })
+      reportStatus.value = false
+    } else if (res.data === 0) {
+      proxy.$notify({ title: '报工扫码', message: `报工失败,失败标签,${_value}`, duration: 10000, type: 'error' })
+      reportStatus.value = false
+    } else if (res.data === -2) {
+      proxy.$notify({ title: '报工扫码', message: `报工失败,标签长度不符合,${_value}`, duration: 10000, type: 'error' })
+      reportStatus.value = false
+    } else {
+      proxy.$notify({ title: '报工扫码', message: `扫码成功,${_value}`, duration: 10000, type: 'success' })
+      reportStatus.value = true
+      // workOrderReportList.value.push(_value)
+    }
+    getWorkOrderReportNumberByPrint()
+  })
 }
 // 检查重复（暂时弃用）
 function isRepeat(item) {
-	const uniqueSet = new Set(workOrderReportList.value)
-	return uniqueSet.has(item)
+  const uniqueSet = new Set(workOrderReportList.value)
+  return uniqueSet.has(item)
 }
 // 更新工单的报工情况
 function getWorkOrderReportNumber() {
-	const params = {
-		workorder: workOrderInfo.value.workorder,
-	}
-	// 扫码校验
-	WorkOrderApi.getWorkOrderProgress(params).then((res) => {
-		if (res.code === 200) {
-			reportNum.value = res.data.item2
-		}
-	})
+  const params = {
+    workorder: workOrderInfo.value.workorder,
+  }
+  WorkOrderApi.getWorkOrderProgress(params).then((res) => {
+    if (res.code === 200) {
+      reportNum.value = res.data.item2
+    }
+  })
+}
+// 分离打印的判定
+function getWorkOrderReportNumberByPrint() {
+  const params = {
+    workorder: workOrderInfo.value.workorder,
+  }
+  WorkOrderApi.getWorkOrderProgress(params).then((res) => {
+    if (res.code === 200) {
+      reportNum.value = res.data.item2
+      checkIsNeedPrintLabel()
+    }
+  })
+}
+// 检查是否需要打印外箱标签
+function checkIsNeedPrintLabel() {
+  try {
+    if (store.lineCode.value != '4' || store.lineCode.value != 4) {
+      return
+    }
+    //console.log(reportNum.value, reportNum.value % 4 === 0, reportNum.value > 0)
+    if (reportNum.value % 4 === 0 && reportNum.value > 0) {
+      // 打印定额外箱标签
+      const data = {
+        TemplatePath: 'D:\\RIZO\\label\\tiguanPackageLabel.btw',
+        // TemplatePath:"G:\\项目--2024\\干巷车镜git仓库\\总装车间-产线标签打印\\Label\\tiguanPackageLabel.btw",
+        PartNumber: workOrderInfo.value.productCode,
+        Description: workOrderInfo.value.productionName,
+        Specification: workOrderInfo.value.specification,
+        WorkOrder: workOrderInfo.value.workorder,
+        PackageNum: 4,
+        LabelCode: `${workOrderInfo.value.specification}/${proxy.$dayjs(workOrderInfo.value.workorderDate).format('YYYYMMDD')}${
+          workOrderInfo.value.groupCode
+        }//`,
+      }
+      PrintApi.PrintPackageLabel(data).then((res) => {
+        if (res.code === 200) {
+          proxy.$notify({ title: '打印外箱标签', message: `打印成功!`, duration: 10000, type: 'success' })
+        } else {
+          //proxy.$notify({ title: '打印外箱标签', message: `打印失败!`, duration: 10000, type: 'error' })
+        }
+      })
+    }
+  } catch (e) {}
 }
 //
 // 计算百分比
 function getRate(num1, num2) {
-	try {
-		let _num1 = parseInt(num1)
-		let _num2 = parseInt(num2)
-		if (_num2 > 0) {
-			return parseInt((_num1 / _num2) * 100)
-		} else {
-			return 0
-		}
-	} catch (e) {
-		return 0
-	}
+  try {
+    let _num1 = parseInt(num1)
+    let _num2 = parseInt(num2)
+    if (_num2 > 0) {
+      return parseInt((_num1 / _num2) * 100)
+    } else {
+      return 0
+    }
+  } catch (e) {
+    return 0
+  }
 }
 function getProgressStatus(num1, num2) {
-	let _rate = getRate(num1, num2)
+  let _rate = getRate(num1, num2)
 
-	if (_rate <= 60) {
-		return 'exception'
-	} else if (60 < _rate && _rate < 80) {
-		console.log(num1, num2, _rate)
-		return 'warning'
-	} else if (_rate >= 80) {
-		return 'success'
-	} else {
-		return 'exception'
-	}
+  if (_rate <= 60) {
+    return 'exception'
+  } else if (60 < _rate && _rate < 80) {
+    console.log(num1, num2, _rate)
+    return 'warning'
+  } else if (_rate >= 80) {
+    return 'success'
+  } else {
+    return 'exception'
+  }
 }
 
 // 报工标签数据展示
@@ -570,43 +563,43 @@ let reportCodeDialogTotal = 0
 let reportCodeDialogPage = 1
 let reportCodeDialogSize = 10
 function closeReportCodeDialog() {
-	reportCodeDialogShow.value = false
+  reportCodeDialogShow.value = false
 }
 function handlerShowReportCode() {
-	reportCodeDialogList.value = []
-	const _workorder = workOrderInfo.value.workorder
-	if (_workorder === null || _workorder === '') {
-		return
-	}
-	const params = {
-		pageNum: reportCodeDialogPage,
-		pageSize: reportCodeDialogSize,
-		workorder: _workorder,
-	}
-	WorkOrderApi.getWorkOrderScanCodeInfo(params).then((res) => {
-		if (res.code === 200) {
-			reportCodeDialogShow.value = true
-			reportCodeDialogList.value = res.data
-			reportCodeDialogTotal = res.data.length
-		}
-	})
+  reportCodeDialogList.value = []
+  const _workorder = workOrderInfo.value.workorder
+  if (_workorder === null || _workorder === '') {
+    return
+  }
+  const params = {
+    pageNum: reportCodeDialogPage,
+    pageSize: reportCodeDialogSize,
+    workorder: _workorder,
+  }
+  WorkOrderApi.getWorkOrderScanCodeInfo(params).then((res) => {
+    if (res.code === 200) {
+      reportCodeDialogShow.value = true
+      reportCodeDialogList.value = res.data
+      reportCodeDialogTotal = res.data.length
+    }
+  })
 }
 
 /// ====================================================
 
 /// ============= 工单边框 ================
 function getWorkOrderClass(type = 1) {
-	let _class = ''
-	// if (type === 1) {
-	// 	_class += ' background-gary'
-	// }
-	if (type === 2) {
-		_class += ' color-orange'
-	}
-	if (type === 3) {
-		_class += ' color-red'
-	}
-	return _class
+  let _class = ''
+  // if (type === 1) {
+  // 	_class += ' background-gary'
+  // }
+  if (type === 2) {
+    _class += ' color-orange'
+  }
+  if (type === 3) {
+    _class += ' color-red'
+  }
+  return _class
 }
 
 /// ==================================
@@ -615,219 +608,219 @@ function getWorkOrderClass(type = 1) {
 // 自动获取数据
 let timer = null
 const clearTimer = () => {
-	clearInterval(timer)
-	timer = null
+  clearInterval(timer)
+  timer = null
 }
 const createTimer = () => {
-	clearTimer()
-	timer = setInterval(() => {
-		doGetLeftNoFinishWorkOrderList()
-	}, 1000 * 60 * 5)
+  clearTimer()
+  timer = setInterval(() => {
+    doGetLeftNoFinishWorkOrderList()
+  }, 1000 * 60 * 5)
 }
 onMounted(() => {
-	doGetLeftNoFinishWorkOrderList()
-	createTimer()
+  doGetLeftNoFinishWorkOrderList()
+  createTimer()
 })
 onUnmounted(() => {
-	clearTimer()
+  clearTimer()
 })
 /// ============================================
 </script>
 
 <style lang="scss" scoped>
 .container {
-	display: flex;
-	// height: 550px; /* 设定容器的高度 */
+  display: flex;
+  // height: 550px; /* 设定容器的高度 */
 }
 .common-text {
-	font-size: 24px !important;
-	font-weight: bold !important;
+  font-size: 24px !important;
+  font-weight: bold !important;
 }
 .table-header {
-	background-color: aliceblue;
-	font-size: 18px;
-	font-weight: 700;
+  background-color: aliceblue;
+  font-size: 18px;
+  font-weight: 700;
 }
 .box-border {
-	border: 5px solid #fff;
-	border-radius: 10px;
+  border: 5px solid #fff;
+  border-radius: 10px;
 }
 .left {
-	margin-right: 10px;
-	background-color: rgba(74, 144, 226, 1);
-	width: 25%; /* 左边元素占据30% */
-	.container {
-		display: flex;
-		flex-direction: column;
-		height: 900px; /* 确保容器占满整个视口高度 */
-	}
+  margin-right: 10px;
+  background-color: rgba(74, 144, 226, 1);
+  width: 25%; /* 左边元素占据30% */
+  .container {
+    display: flex;
+    flex-direction: column;
+    height: 900px; /* 确保容器占满整个视口高度 */
+  }
 
-	.middle {
-		// border: 1px solid #000000;
-		// height: 80vh;
-	}
+  .middle {
+    // border: 1px solid #000000;
+    // height: 80vh;
+  }
 
-	.bottom {
-		// border: 1px solid #000000;
-		height: 20vh; /* 占用视口高度的40% */
-		background-color: #93a6f7;
-		font-size: 3rem;
-		color: white;
-		border-radius: 4px;
-		text-align: center;
-		margin: 10px;
-	}
+  .bottom {
+    // border: 1px solid #000000;
+    height: 20vh; /* 占用视口高度的40% */
+    background-color: #93a6f7;
+    font-size: 3rem;
+    color: white;
+    border-radius: 4px;
+    text-align: center;
+    margin: 10px;
+  }
 }
 
 .right {
-	width: 75%; /* 右边元素占据70% */
-	.container {
-		display: flex;
-		flex-direction: column;
-		height: 900px; /* 确保容器占满整个视口高度 */
-	}
-	.top {
-		background-color: #d9ecff;
-		padding: 10px;
-		// display: flex;
-		// flex-direction: row;
-		// align-items: center;
-		// justify-content: center;
-		height: 80%; /* 占用视口高度的20% */
-	}
+  width: 75%; /* 右边元素占据70% */
+  .container {
+    display: flex;
+    flex-direction: column;
+    height: 900px; /* 确保容器占满整个视口高度 */
+  }
+  .top {
+    background-color: #d9ecff;
+    padding: 10px;
+    // display: flex;
+    // flex-direction: row;
+    // align-items: center;
+    // justify-content: center;
+    height: 80%; /* 占用视口高度的20% */
+  }
 
-	.middle {
-		background-color: #ecf5ff;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		height: 20%; /* 占用视口高度的40% */
-	}
+  .middle {
+    background-color: #ecf5ff;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    height: 20%; /* 占用视口高度的40% */
+  }
 
-	.bottom {
-		background-color: #faecd8;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		// border: 2px solid #909399;
-		height: 20vh; /* 占用视口高度的40% */
-		// background-color: lightgreen;
-	}
+  .bottom {
+    background-color: #faecd8;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    // border: 2px solid #909399;
+    height: 20vh; /* 占用视口高度的40% */
+    // background-color: lightgreen;
+  }
 }
 
 .scrollbar-demo-item {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 50px;
-	margin: 10px;
-	text-align: center;
-	border-radius: 4px;
-	background: var(--el-color-primary-light-9);
-	color: var(--el-color-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 50px;
+  margin: 10px;
+  text-align: center;
+  border-radius: 4px;
+  background: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
 }
 .order-box {
-	display: flex;
-	flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
-.order-title{
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	font-size: 18px;
+.order-title {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 18px;
 }
-.order-content{
-	font-size: 36px;
+.order-content {
+  font-size: 36px;
 }
 .descriptions-title-box {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
 }
 .progress-box {
-	margin-top: 10px;
-	margin-bottom: 10px;
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	// align-items: center;
-	// justify-content: space-around;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  // align-items: center;
+  // justify-content: space-around;
 }
 .progress-item {
-	font-size: 24px;
-	font-weight: 600;
-	// display: flex;
-	// align-items: center;
-	// justify-content: center;
+  font-size: 24px;
+  font-weight: 600;
+  // display: flex;
+  // align-items: center;
+  // justify-content: center;
 }
 .descriptions-title-workorder {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-start;
-	font-size: 28px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  font-size: 28px;
 }
 .action-button {
-	width: 300px;
-	height: 150px;
-	font-size: 36px;
-	font-weight: 700;
+  width: 300px;
+  height: 150px;
+  font-size: 36px;
+  font-weight: 700;
 }
 .background-gray {
-	background-color: #909399;
+  background-color: #909399;
 }
 .background-blue {
-	background-color: #a0cfff;
+  background-color: #a0cfff;
 }
 .background-red {
-	background-color: #f56c6c;
+  background-color: #f56c6c;
 }
 .background-green {
-	background-color: #67c23a;
+  background-color: #67c23a;
 }
 .color-orange {
-	color: #e6a23c;
+  color: #e6a23c;
 }
 .color-red {
-	color: #f56c6c;
+  color: #f56c6c;
 }
 .number-text {
-	font-size: 24px;
-	font-weight: 600;
+  font-size: 24px;
+  font-weight: 600;
 }
 
 .button-refresh {
-	height: 60px;
-	font-size: 24px;
+  height: 60px;
+  font-size: 24px;
 }
 ::v-deep(.workOrderInfoItemClass) {
-	font-size: 2em !important;
+  font-size: 2em !important;
 }
 ::v-deep(.workOrderInfoLabelClass) {
-	font-size: 2em !important;
+  font-size: 2em !important;
 }
 .workOrderInfoBoxClass {
-	// font-size: 36px !important;
-	// height: 70%;
+  // font-size: 36px !important;
+  // height: 70%;
 }
 .report-box {
-	margin-top: 10px;
-	height: 25%;
-	background-color: #dedfe0;
-	font-size: 36px;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
+  margin-top: 10px;
+  height: 25%;
+  background-color: #dedfe0;
+  font-size: 36px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
 }
 .reprot-tag {
-	margin-left: 10px;
-	font-size: 36px;
-	width: 200px;
-	height: 60px;
+  margin-left: 10px;
+  font-size: 36px;
+  width: 200px;
+  height: 60px;
 }
 // .descriptions-box{
 // 	width: 100%;
diff --git a/tsconfig.json b/tsconfig.json
index d62709a..932fa5b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,5 +1,6 @@
 {
 	"compilerOptions": {
+		"outDir": "dist",
 		"noImplicitAny": false,
 		"allowJs": true,
 		"skipLibCheck": true,
@@ -8,7 +9,6 @@
 		"strict": true,
 		"jsx": "preserve",
 		"moduleResolution": "node",
-		"skipLibCheck": true,
 		"esModuleInterop": true,
 		"allowSyntheticDefaultImports": true,
 		"forceConsistentCasingInFileNames": true,