mes-sdai-admin-backend-ui/src/view/yunyin/shengchanguanli/gongdanziliao.vue

<template>
  <div>
    <layout>
      <layout-header>
        <div class="">
          <!--按钮部分-->
          <el-form ref="elSearchFormRef"  class="demo-form-inline" :rules="searchRule" >
            <el-form-item>
              <el-input v-model="searchInfo"  placeholder="搜索订单号" style="width: 180px;" @keyup.enter="handleSearch"></el-input>
              <el-button type="primary" icon="search" @click="onSubmit" title="搜索"  ></el-button>
              <el-button type="primary" class="bt" icon="edit"  @click="jsfjClick">技术附件</el-button>
              <el-button type="primary" icon="edit"   @click="addgd_onclick"   class="bt"   title="新增工单资料">新增</el-button>
              <el-button type="primary" icon="edit"   @click="addgdyj_onclick"   class="bt" title="新增颜色资料">新增颜色资料</el-button>
              <el-button type="primary" icon="edit"   @click="addgdgy_onclick"   class="bt" title="新增工序资料" >新增工序资料</el-button>
              <el-button type="primary" icon="edit"   @click="cp_gdprintonClick" class="bt" title="打印生产订单" >订单打印</el-button>
            </el-form-item>
          </el-form>

        </div>

      </layout-header>
      <layout>
        <!-- 左侧树形结构 -->
        <layout-sider :resize-directions="['right']" :width="190" style="margin-right: 10px;">
          <div class="JKWTree-tree" style="height: 200px">
            <h3>工单管理</h3>
            <el-tree :data="treeData" class="treecolor"   @node-click="handleNodeClick"></el-tree>
          </div>
        </layout-sider>

        <!-- 右侧内容区域 -->
        <layout-content >
          <el-main>

            <!-- 工单表格列表 -->
            <div class="gva-table-box">
              <el-table ref="multipleTable"
                        style="width: 100%;height: 28vh"
                        :row-style="{ height: '20px' }"
                        :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                        :header-cell-style="{ padding: '0px' }"
                        border
                        tooltip-effect="dark"
                        :data="tableData" row-key="ID"
                        @row-click="tableRowClick"
                        highlight-current-row="true"
                        :cell-class-name="tableDataCellClass"
                        @row-dblclick="updateCompanyFunc"
                        @selection-change="handleSelectionChange"
                        :show-overflow-tooltip="true">
                <el-table-column align="center" type="selection" width="30"/>
                <el-table-column align="left" sortable label="序号"      	prop="序号"  	width="80" />
                <el-table-column align="left" sortable label="订单号"     	prop="订单号" 	width="100" />
                <el-table-column align="left" sortable label="生产款号"   	prop="生产款号"  width="110" />
                <el-table-column align="left" sortable label="客户"      	prop="客户" 		width="80" />
                <el-table-column align="left" sortable label="落货日期"   	prop="落货日期" 	width="110" />
                <el-table-column align="left" sortable label="款式"       	prop="款式"   	width="80"/>
                <el-table-column align="left" sortable label="箱唛要求"   	prop="箱唛要求" 	width="110" />
                <el-table-column align="left" sortable label="面料"       	prop="面料" 		width="110" />
                <el-table-column align="left" sortable label="要求"       	prop="要求" 		width="110" />
                <el-table-column align="left" sortable label="船样描述"    	prop="船样描述" 	width="110" />
                <el-table-column align="left" sortable label="船样合计"    	prop="船样合计" 	width="140" />
                <el-table-column align="left" sortable label="粘衬"        	prop="粘衬"		width="80" />
                <el-table-column align="left" sortable label="订单数量"    	prop="订单数量" 	width="110" />
                <el-table-column align="left" sortable label="单位"    		prop="单位" 		width="80" />
                <el-table-column align="left" sortable label="审核"    		prop="审核" 		width="80" />
                <el-table-column align="left" sortable label="审核日期"    	prop="审核日期" 	width="110" />
              </el-table>
              <!-- 分页 -->
              <div class="gva-pagination">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="page"
                    :page-sizes="[10, 30, 50, 100]"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="total">
                </el-pagination>
              </div>
            </div>

            <!-- 颜色资料列表、工艺资料列表、BOM资料列表  -->
            <el-tabs v-model="activeName" @tab-click="handleClick">
              <el-tab-pane label="颜色资料"  @click="showTable('颜色资料')"  name="first">
                <el-table ref="multipleTable"
                          :row-style="{ height: '20px' }"
                          :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                          :header-cell-style="{ padding: '0px' }"
                          :show-overflow-tooltip="true"
                          highlight-current-row="true"
                          @row-dblclick="gdyjupdateCompanyFunc"
                          @selection-change="selectionChange($event, '颜色资料')"
                          style="width: 100%;height: 36vh" border show-summary
                          :summary-method="getSummaries" tooltip-effect="dark" :data="ystableData" row-key="ID">
                  <el-table-column type="selection" width="55" />
                  <el-table-column align="left" sortable label="序号" prop="序号"  width="100"/>
                  <el-table-column align="left" sortable label="订单子编号" prop="订单子编号"  width="120"/>
                  <el-table-column align="left" sortable label="颜色名称" prop="颜色名称"  width="110"/>
                  <el-table-column align="left" sortable label="船样" prop="船样"  width="110"/>
                  <el-table-column align="left" sortable label="S" prop="S"  width="70"/> 
                  <el-table-column align="left" sortable label="M" prop="M"  width="70"/>
                  <el-table-column align="left" sortable label="L" prop="L"  width="70"/>
                  <el-table-column align="left" sortable label="XL" prop="XL"  width="70"/>
                  <el-table-column align="left" sortable label="XXL" prop="XXL"  width="80"/>
                  <el-table-column align="left" sortable label="制单总数" prop="制单总数"  width="110"/>
                  <el-table-column align="left" sortable label="建档用户" prop="建档用户"  width="110"/>
                  <el-table-column align="left" sortable label="建档时间" prop="建档时间"  width="110"/>
                  <el-table-column align="left" sortable label="更新时间" prop="更新时间"  width="110"/>
                </el-table>
              </el-tab-pane>

              <el-tab-pane label="工艺资料" @click="showTable('工艺资料')" name="second">
                <el-table ref="multipleTable"
                          :row-style="{ height: '20px' }"
                          :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                          :header-cell-style="{ padding: '0px' }"
                          highlight-current-row="true"
                          :show-overflow-tooltip="true"
                          size="small"
                          :cell-class-name="gysatusCellClass"
                          @row-dblclick="gdgyupdateCompanyFunc"
                          @row-click="clickybupdate2"
                          :row-class-name="rowClassStyle2"
                          @selection-change="selectionChange($event, '工艺资料')"
                          style="width: 100%;height: 36vh" border tooltip-effect="dark" :data="gytableData" row-key="ID">
                  <el-table-column type="selection" width="30" />
                  <el-table-column align="left" label="完工状态" prop="完工状态"  width="75"/>
                  <el-table-column align="left" label="工序名称" prop="工序名称"  width="280"/>
                  <el-table-column align="left" label="计划产量" prop="计划产量"  width="80"/>
                  <el-table-column align="left" label="建档用户" prop="建档用户"  width="90"/>
                  <el-table-column align="left" label="建档日期" prop="建档日期"  width="150"/>
                  <el-table-column align="left" label="更新时间" prop="更新时间"  width="150"/>
                </el-table>
              </el-tab-pane>

              <el-tab-pane label="订单资料附件" @click="showTable('订单资料附件')" name="third">
                <el-table ref="multipleTable"
                          :row-style="{ height: '20px' }"
                          :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                          :header-cell-style="{ padding: '0px' }"
                          :show-overflow-tooltip="true"
                          :cell-class-name="planUsageCellClass"
                          highlight-current-row="true"
                          @row-dblclick="gdbomupdateCompanyFunc"
                          style="width: 100%;height: 36vh" border tooltip-effect="dark" :data="ddtableData" row-key="ID" @selection-change="handleSelectionChange">
                  <!-- <el-table-column type="selection" width="30" /> -->
                  <el-table-column align="left" label="序号" prop="序号"  width="70"/>
                  <el-table-column align="left" label="备注" prop="备注"  width="70"/>
                  <el-table-column align="left" label="文件类型" prop="文件类型"  width="90"/>
                  <el-table-column align="left" label="关联产品" prop="关联产品"  width="90"/>
                  <el-table-column align="left" label="建档用户" prop="建档用户"  width="90"/>
                  <el-table-column align="left" label="建档时间" prop="建档时间"  width="90"/>
                  <el-table-column align="left" label="更新时间" prop="更新时间"  width="90"/>
                  <el-table-column align="left" label="操作" prop="操作"  width="70" />
                </el-table>
              </el-tab-pane> 

			  <el-tab-pane label="技术附件" @click="showTable('技术附件')" name="fourth">
			  	<el-table ref="multipleTable"
					  :row-style="{ height: '20px' }"
					  :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
					  :header-cell-style="{ padding: '0px' }"
					  :show-overflow-tooltip="true"
					  :cell-class-name="planUsageCellClass"
					  highlight-current-row="true"
					  @row-dblclick="ExcelShow"
					  style="width: 100%;height: 36vh" border tooltip-effect="dark" :data="jstableData" row-key="ID" @selection-change="handleSelectionChange">
              <!-- <el-table-column type="selection" width="55" /> -->
                  <el-table-column align="left" label="序号" prop="序号"  width="70"/>
                  <el-table-column align="left" label="备注" prop="备注"  width="70"/>
                  <el-table-column align="left" label="文件类型" prop="文件类型"  width="90"/>
                  <el-table-column align="left" label="关联产品" prop="关联产品"  width="90"/>
                  <el-table-column align="left" label="建档用户" prop="建档用户"  width="90"/>
                  <el-table-column align="left" label="建档时间" prop="建档时间"  width="90"/>
                  <el-table-column align="left" label="更新时间" prop="更新时间"  width="90"/>
					<el-table-column fixed="right" label="操作" width="100">
						<!-- <template v-slot="{ row }">
						  <button @click="jsfj_del(row)">删除</button>
						</template> -->
					  </el-table-column>
			      </el-table>
			    </el-tab-pane>
            </el-tabs>
          <!-- 弹窗 -->
          <el-dialog v-model="dialogFormVisible" :before-close="edit_closeDialog"  destroy-on-close style="width: 40%; height: 50%;">
				<h1 style="margin: 0%;margin-bottom: 10px;">颜色资料修改</h1>
				<el-row :gutter="24">
					<el-col :span="10">
						<el-form-item label="订单子编号:" prop="deliveryDate" class="mab" label-width="120px" style="">
							<el-input v-model="edit_formData['订单子编号']" style="width: 100%;" id="订单子编号:" />
						</el-form-item>
					</el-col>
					<el-col :span="10">
						<el-form-item label="颜色名称:" prop="deliveryDate" class="mab" label-width="120px" style="">
							<el-input v-model="edit_formData['颜色名称']" style="width: 100%;" id="颜色名称" />
						</el-form-item>
					</el-col>
				</el-row>

				<el-row :gutter="24" >
					<el-col :span="10">
						<el-form-item label="船样:" prop="deliveryDate" class="mab" label-width="120px" style="">
							<el-input v-model="edit_formData['船样']" style="width: 100%;" id="船样" />
						</el-form-item>
					</el-col>
					<el-col :span="10">
						<el-form-item label="S:" prop="deliveryDate" class="mab" label-width="120px" style="">
							<el-input v-model="edit_formData['S']" style="width: 100%; height: 40px;" id="S" />
						</el-form-item>
					</el-col>
				</el-row>

				<el-row :gutter="24">
					<el-col :span="10">
						<el-form-item label="M:" prop="deliveryDate" class="mab" label-width="120px" style="">
							<el-input v-model="edit_formData['M']" style="width: 100%; height: 40px;" id="M" />
						</el-form-item>
					</el-col>
					<el-col :span="10">
						<el-form-item label="L:" prop="deliveryDate" class="mab" label-width="120px" style="">
							<el-input v-model="edit_formData['L']" style="width: 100%; height: 40px;" id="L" />
						</el-form-item>
					</el-col>
				</el-row>

				<el-row :gutter="24"  >
					<el-col :span="10">
						<el-form-item label="XL:" prop="deliveryDate" class="mab" label-width="120px" style="">
							<el-input v-model="edit_formData['XL']" style="width: 100%; height: 40px;" id="XL" />
						</el-form-item>
					</el-col>
          <el-col :span="10">
						<el-form-item label="XXL:" prop="deliveryDate" class="mab" label-width="120px" style="">
							<el-input v-model="edit_formData['XXL']" style="width: 100%; height: 40px;" id="XXL" />
						</el-form-item>
					</el-col>
				</el-row>

        <el-row :gutter="24"  >
					<el-col :span="10">
						<el-form-item label="制单总数:" prop="deliveryDate" class="mab" label-width="120px" style=" ">
							<el-input v-model="edit_formData['制单总数']" style="width: 100%; height: 40px;" id="制单总数" />
						</el-form-item>
					</el-col>
					<el-col :span="10">
						<el-form-item label="建档用户:" prop="deliveryDate" class="mab" label-width="120px" style=" ">
							<el-input v-model="edit_formData['建档用户']" style="width: 100%; height: 40px;" id="建档用户" />
						</el-form-item>
					</el-col>
				</el-row>

        <el-row :gutter="24" >
					<el-col :span="10">
						<el-form-item label="建档时间:" prop="deliveryDate" class="mab" label-width="120px" style="">
							<el-input v-model="edit_formData['建档时间']" style="width: 100%; height: 40px;" id="建档时间" />
						</el-form-item>
					</el-col>
					<el-col :span="10">
						<el-form-item label="更新时间:" prop="deliveryDate" class="mab" label-width="120px" style="">
							<el-input v-model="edit_formData['更新时间']" style="width: 100%; height: 40px;" id="更新时间" />
						</el-form-item>
					</el-col>
				</el-row>

				<template #footer>
					<div class="dialog-footer">
						<el-button @click="edit_closeDialog"  style="width: 110px;height: 60px;font-size: 20px;">取消</el-button>
						<el-button type="primary" @click="edit_Dialog"  style="width: 110px;height: 60px;font-size: 20px;">确认</el-button>
					</div>
				</template>
			</el-dialog>
			
			<!-- 新增工单资料 -->
            <el-dialog v-model="add_gddialogFormVisible" :before-close="add_gdcloseDialog"  style="width: 55%;margin: 50px auto" :title="'新增'" destroy-on-close>
              <el-row>
                <el-form :model="add_gdscgdformData" label-position="right" ref="elFormRef" :rules="rule" >
                  <el-row :gutter="24" >
                    <el-form-item label="订单号:" prop="orderNumber" class="mab" label-width="90" >
                      <el-input v-model="add_gdscgdformData['订单号']"  style="width: 150px;" id="订单号"  @keydown="add_gdzlent($event, '开单日期', '工单编号', '生产类型')" />
                    </el-form-item>
                  </el-row>
                  <el-row :gutter="24">
                    <el-form-item label="订单编号:" prop="orderNumber" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['订单编号']"  style="width: 150px;" id="工单编号"  @keydown="add_gdzlent($event, '开单日期', '工单编号', '生产类型')" />
                    </el-form-item>
                  </el-row>
                  <el-row :gutter="24">
                    <el-form-item label="生产款号:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['生产款号']" style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                    <el-form-item label="款式:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['款式']" style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                    <el-form-item label="客户:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['客户']" style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                  </el-row>
                  <el-row :gutter="24">
                    <el-form-item label="落货日期:" prop="deliveryDate" class="mab" label-width="90">
                      <el-date-picker v-model="add_gdscgdformData['落货日期']" type="date"  style="width: 150px;"  id="交货日期"  @keydown="add_gdzlent($event, '订单数量', '交货日期', '投料率')"/>
                    </el-form-item>
                    <el-form-item label="箱唛要求:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['箱唛要求']" style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                  </el-row>
                  <el-row :gutter="24">
                    <el-form-item label="面料:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['面料']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                  </el-row>
                  <el-row :gutter="24">
                    <el-form-item label="要求:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['要求']" p style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                  </el-row>
                  <el-row :gutter="24">
                    <el-form-item label="船样描述:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['船样描述']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                    <el-form-item label="船样合计:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['船样合计']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                  </el-row>
                  <el-row :gutter="24">
                    <el-form-item label="粘朴:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['粘朴']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                  </el-row>
                  <el-row :gutter="24">
                    <el-form-item label="订单数量:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['订单数量']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                    <el-form-item label="单位:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['单位']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                  </el-row>
                  <el-row :gutter="24">
                    <el-form-item label="制单人:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['制单人']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                    <el-form-item label="制单日期:" prop="deliveryDate" class="mab" label-width="90">
                      <el-date-picker v-model="add_gdscgdformData['制单日期']" type="date"  style="width: 150px;"  id="交货日期"  @keydown="add_gdzlent($event, '订单数量', '交货日期', '投料率')"/>
                    </el-form-item>
                  </el-row>
                  <el-row :gutter="24">
                    <el-form-item label="审核人:" prop="customerCode" class="mab" label-width="90">
                      <el-input v-model="add_gdscgdformData['审核人']" style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                    </el-form-item>
                    <el-form-item label="审核日期:" prop="deliveryDate" class="mab" label-width="90">
                      <el-date-picker v-model="add_gdscgdformData['审核日期']" type="date"  style="width: 150px;"  id="交货日期"  @keydown="add_gdzlent($event, '订单数量', '交货日期', '投料率')"/>
                    </el-form-item>
                  </el-row>
                </el-form>
              </el-row>
              <template #footer>
                <div class="dialog-footer" style="text-align: right;">
                  <el-button @click="add_gdcloseDialog">取 消</el-button>
                  <el-button type="primary"  @click="add_gdenterDialog">确 定</el-button>
                </div>
              </template>
            </el-dialog>
			
          <!-- 修改工单资料 -->
          <el-dialog v-model="dialogFormVisible" :before-close="edit_gdcloseDialog" style="width: 55%;margin: 50px auto" :title="'修改工单资料'" destroy-on-close>
            <el-row>
              <el-form :model="edit_gdscgdformData" label-position="right" ref="elFormRef" :rules="rule" >
                <el-row :gutter="24">
                  <el-form-item label="订单编号:" prop="orderNumber" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['订单编号']"  style="width: 150px;" id="工单编号"  @keydown="add_gdzlent($event, '开单日期', '工单编号', '生产类型')" />
                  </el-form-item>
                </el-row>
                <el-row :gutter="24">
                  <el-form-item label="生产款号:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['生产款号']" style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                  <el-form-item label="款式:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['款式']" style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                  <el-form-item label="客户:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['客户']" style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                </el-row>
                <el-row :gutter="24">
                  <el-form-item label="落货日期:" prop="deliveryDate" class="mab" label-width="90">
                    <el-date-picker v-model="edit_gdscgdformData['落货日期']" type="date"  style="width: 150px;"  id="交货日期"  @keydown="add_gdzlent($event, '订单数量', '交货日期', '投料率')"/>
                  </el-form-item>
                  <el-form-item label="箱唛要求:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['箱唛要求']" style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                </el-row>
                <el-row :gutter="24">
                  <el-form-item label="面料:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['面料']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                </el-row>
                <el-row :gutter="24">
                  <el-form-item label="要求:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['要求']" p style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                </el-row>
                <el-row :gutter="24">
                  <el-form-item label="船样描述:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['船样描述']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                  <el-form-item label="船样合计:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['船样合计']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                </el-row>
                <el-row :gutter="24">
                  <el-form-item label="粘朴:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['粘朴']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                </el-row>
                <el-row :gutter="24">
                  <el-form-item label="订单数量:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['订单数量']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                  <el-form-item label="单位:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['单位']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                </el-row>
                <el-row :gutter="24">
                  <el-form-item label="制单人:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['制单人']"  style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                  <el-form-item label="制单日期:" prop="deliveryDate" class="mab" label-width="90">
                    <el-date-picker v-model="edit_gdscgdformData['制单日期']" type="date"  style="width: 150px;"  id="交货日期"  @keydown="add_gdzlent($event, '订单数量', '交货日期', '投料率')"/>
                  </el-form-item>
                </el-row>
                <el-row :gutter="24">
                  <el-form-item label="审核人:" prop="customerCode" class="mab" label-width="90">
                    <el-input v-model="edit_gdscgdformData['审核人']" style="width: 150px;" id="客户代号"  @keydown="add_gdzlent($event, '生产类型', '客户代号', '客户名称')"/>
                  </el-form-item>
                  <el-form-item label="审核日期:" prop="deliveryDate" class="mab" label-width="90">
                    <el-date-picker v-model="edit_gdscgdformData['审核日期']" type="date"  style="width: 150px;"  id="交货日期"  @keydown="add_gdzlent($event, '订单数量', '交货日期', '投料率')"/>
                  </el-form-item>
                </el-row>
              </el-form>
            </el-row>
            <template #footer>
              <div class="dialog-footer" style="text-align: right;">
                <el-button @click="edit_gdcloseDialog">取 消</el-button>
                <el-button type="primary"  @click="edit_gdenterDialog">确 定</el-button>
              </div>
            </template>
          </el-dialog>

        <!-- 新增颜色资料 -->
			<el-dialog v-model="add_gdyjdialogFormVisible" :before-close="add_gdyjcloseDialog" style="width: 60%;" :title="'新增颜色资料'" destroy-on-close>
			
			<!-- 新增工序资料 -->
                <el-form label-width="100px" :model="add_yjzlformdata">
                  <div style="display: flex; gap: 0px;">
                    <el-form-item label="订单子编号:" class="mab" prop="keyOrder">
                      <el-input v-model="add_yjzlformdata.cpsl" style="width: 150px;" id="订单子编号" @keydown="add_gdzlyjent($event, 'zds9', '订单子编号', '颜色')"/>
                    </el-form-item>
                    <el-form-item label="颜色:" class="mab" prop="keyOrder">
                      <el-input v-model="add_yjzlformdata.pztl" style="width: 150px;" id="颜色" @keydown="add_gdzlyjent($event, '订单子编号', '颜色', '尺码规格')"/>
                    </el-form-item>
                  </div>
                  <div style="display: flex; gap: 0px;">
                    <el-form-item label="尺码规格:" prop="joinDate" >
                      <el-select v-model="add_yjzlformdata.cmgg" style="width: 150px;" id="尺码规格" @keydown="add_gdzlyjent($event, '颜色', '尺码规格', '是否船样')">
                        <el-option label="32~46"  @click="cmhandleSizeChange('尺码数')"></el-option>
                        <el-option label="S~XXL"  @click="cmhandleSizeChange('尺码')"></el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="是否船样:" prop="joinDate" >
                      <el-select v-model="add_yjzlformdata.sfcy" style="width: 150px;" id="是否船样" @keydown="add_gdzlyjent($event, '尺码规格', '是否船样', 'zds1')">
                        <el-option label="是" value="是"></el-option>
                        <el-option label="否" value="否"></el-option>
                      </el-select>
                    </el-form-item>
                  </div>
                  <div style="display: flex; gap: 0px;">
                    <el-form-item label="尺码:" class="mab" prop="keyOrder">
                      <el-input v-model="cmformdata.cm1" readonly style="width: 80px;"/>
                      <el-input v-model="cmformdata.cm2" readonly style="width: 80px;"/>
                      <el-input v-model="cmformdata.cm3" readonly style="width: 80px;"/>
                      <el-input v-model="cmformdata.cm4" readonly style="width: 80px;"/>
                      <el-input v-model="cmformdata.cm5" readonly style="width: 80px;"/>
                      <el-input v-model="cmformdata.cm6" readonly style="width: 80px;"/>
                      <el-input v-model="cmformdata.cm7" readonly style="width: 80px;"/>
                      <el-input v-model="cmformdata.cm8" readonly style="width: 80px;"/>
                      <el-input v-model="cmformdata.cm9" readonly style="width: 80px;"/>
                    </el-form-item>
                  </div>
                  <div style="display: flex; gap: 0px;">
                    <el-form-item label="制单数:" class="mab" prop="keyOrder">
                      <el-input v-model="zdsformdata.zds1" style="width: 80px;" id="zds1" @keydown="add_gdzlyjent($event, '是否船样', 'zds1', 'zds2')"/>
                      <el-input v-model="zdsformdata.zds2" style="width: 80px;" id="zds2" @keydown="add_gdzlyjent($event, 'zds1', 'zds2', 'zds3')"/>
                      <el-input v-model="zdsformdata.zds3" style="width: 80px;" id="zds3" @keydown="add_gdzlyjent($event, 'zds2', 'zds3', 'zds4')"/>
                      <el-input v-model="zdsformdata.zds4" style="width: 80px;" id="zds4" @keydown="add_gdzlyjent($event, 'zds3', 'zds4', 'zds5')"/>
                      <el-input v-model="zdsformdata.zds5" style="width: 80px;" id="zds5" @keydown="add_gdzlyjent($event, 'zds4', 'zds5', 'zds6')"/>
                      <el-input v-model="zdsformdata.zds6" style="width: 80px;" id="zds6" @keydown="add_gdzlyjent($event, 'zds5', 'zds6', 'zds7')"/>
                      <el-input v-model="zdsformdata.zds7" style="width: 80px;" id="zds7" @keydown="add_gdzlyjent($event, 'zds6', 'zds7', 'zds8')"/>
                      <el-input v-model="zdsformdata.zds8" style="width: 80px;" id="zds8" @keydown="add_gdzlyjent($event, 'zds7', 'zds8', 'zds9')"/>
                      <el-input v-model="zdsformdata.zds9" style="width: 80px;" id="zds9" @keydown="add_gdzlyjent($event, 'zds8', 'zds9', '订单子编号')"/>
                    </el-form-item>
                  </div>
                  <!-- 图片 -->
                  <div style="display: flex; gap: 0px;">
                    <el-form-item label="上传图片:" prop="image" class="mab" label-width="100px">
						<el-upload ref="upload" class="avatar-uploader" :show-file-list="false" :before-upload="handlePreview" accept="image/*" >
						  <img v-if="imageUrl" :src="imageUrl" class="avatar" />
						  <div v-else class="upload-placeholder">
							<i class="el-icon-plus avatar-uploader-icon"></i>
							<div class="upload-text">点击上传图片</div>
						  </div>
						</el-upload>
					  </el-form-item>
                  </div>
                </el-form>
                <template #footer>
                  <div class="dialog-footer" style="text-align: right;">
                    <el-button @click="add_dyjcloseDialog">取消</el-button>
                    <el-button type="primary"  @click="add_gdyjenterDialog">确定</el-button>
                  </div>
                </template>
              </el-dialog>
            
			<!-- 新增工序资料-->
			<el-dialog v-model="visible" :before-close="()=> visible = false" style="width: 20%;margin: 10% auto" :title="'新增工序资料'" destroy-on-close>
				<el-form>
				  <div>
					<div style="display: flex; gap: 0px;">
					  <el-form-item label="仓库出库："  class="mab" prop="isBanciSelected" label-width=" 100">
						<el-checkbox v-model="form['仓库出库']"></el-checkbox>
					  </el-form-item>
					</div>
					<div style="display: flex; gap: 0px;">
					  <el-form-item label="裁切："  class="mab" prop="isBanciSelected" label-width=" 100">
						<el-checkbox v-model="form['裁切']"></el-checkbox>
					  </el-form-item>
					</div>
					<div style="display: flex; gap: 0px;">
					  <el-form-item label="车缝："  class="mab" prop="isBanciSelected" label-width=" 100">
						<el-checkbox v-model="form['车缝']"></el-checkbox>
					  </el-form-item>
					</div>
					<div style="display: flex; gap: 0px;">
					  <el-form-item label="后道收样："  class="mab" prop="isBanciSelected" label-width=" 100">
						<el-checkbox v-model="form['后道收样']"></el-checkbox>
					  </el-form-item>
					</div>
					<div style="display: flex; gap: 0px;">
					  <el-form-item label="大烫："  class="mab" prop="isBanciSelected" label-width=" 100">
						<el-checkbox v-model="form['大烫']"></el-checkbox>
					  </el-form-item>
					</div>
					<div style="display: flex; gap: 0px;">
					  <el-form-item label="总检："  class="mab" prop="isBanciSelected" label-width=" 100">
						<el-checkbox v-model="form['总检']"></el-checkbox>
					  </el-form-item>
					</div>
					<div style="display: flex; gap: 0px;">
					  <el-form-item label="包装："  class="mab" prop="isBanciSelected" label-width=" 100">
						<el-checkbox v-model="form['包装']"></el-checkbox>
					  </el-form-item>
					</div>
				  </div>
				</el-form>
				<template #footer>
				  <div class="dialog-footer" style="text-align: right;top: auto;">
					<el-button @click="add_gxcloseDialog">取 消</el-button>
					<el-button type="primary"  @click="add_gxenterDialog">确 定</el-button>
				  </div>
				</template>
            </el-dialog>





            <!-- 新增工单查询客户代号、客户名称 -->
            <el-dialog v-model="khdhModal" :before-close="() => khdhModal = false">
              <el-form>
                <div>
                  <el-form-item label="关键字:"  class="mab" prop="keyOrder">
                    <el-space>
                      <el-input v-model="khdh_keyword" @keyup.enter="khdh_ProductValue"  style="width: 100%;" ref="xzgdzlInput" />
                      <el-button @click="gongdanSearchHandle(khdh_keyword, '客户代号')">刷新</el-button>
                    </el-space>
                  </el-form-item>
                  <div style="border:1px solid #eee; width:100%; height: 400px; overflow-y: auto">
                    <el-tree
                        :data="khdhDataList"
                        :props="{children: 'children',label: 'name', value: '客户编号'}" :current-node-key="currentNodeKey"
                        highlight-current
                        node-key="客户编号"
                        @node-click="selectGongDanNode($event, '客户代号')" ref="xzgdzlTree"
                    />
                  </div>
                </div>
              </el-form>
            </el-dialog>

            <!-- 新增工单查询产品代号、产品名称 -->
            <el-dialog v-model="cpdhModal" :before-close="() => cpdhModal = false">
              <el-form>
                <div>
                  <el-form-item label="关键字:"  class="mab" prop="keyOrder">
                    <el-space>
                      <el-input v-model="cpdh_keyword" @keyup.enter="cpdh_ProductValue" style="width: 100%;" ref="addgdzlcpdhInput"/>
                      <el-button @click="gongdanSearchHandle(cpdh_keyword, '产品代号')">刷新</el-button>
                    </el-space>
                  </el-form-item>
                  <div style="border:1px solid #eee; width:100%; height: 400px; overflow-y: auto">
                    <el-tree :data="cpdhDataList"
                             :props="{children: 'children',label: 'name', value: '产品编号'}"
                             @node-click="selectGongDanNode($event, '产品代号')" />
                  </div>
                </div>
              </el-form>
            </el-dialog>

            <!-- 修改印件资料 -->
            <el-dialog v-model="gdyjdialogFormVisible" :before-close="gdyjcloseDialog"
                       style="width: 60%;"  :title="'修改印件资料'" destroy-on-close>
              <el-form label-width="100px">
                <el-form-item label="印件号:" class="mab" prop="keyOrder">
                  <el-input v-model="gdyjformData['印件号']"  style="width: 140px;"  id="印件号"  @keydown="edit_gdyjent($event, '备注说明', '印件号', '印件代号')"/>
                </el-form-item>
                <el-form-item label="印件代码:" class="mab" prop="keyOrder">
                  <el-input v-model="gdyjformData['印件代号']"  style="width: 140px;"  id="印件代号"  @keydown="edit_gdyjent($event, '印件号', '印件代号', '印件名称')"/>
                  <el-input v-model="gdyjformData['印件名称']"  style="width: 80%; margin-left: 10px"  id="印件名称"  @keydown="edit_gdyjent($event, '印件代号', '印件名称', '纸张代号')"/>
                </el-form-item>
                <el-form-item label="纸张编号:" class="mab" prop="keyOrder">
                  <el-input v-model="gdyjformData['纸张代号']"  style="width: 140px;" id="纸张代号"  @keydown="edit_gdyjent($event, '印件名称', '纸张代号', '纸张名称',0)"/>
                  <el-input v-model="gdyjformData['纸张名称']"  style="width: 80%; margin-left: 10px" id="纸张名称"  @keydown="edit_gdyjent($event, '纸张代号', '纸张名称', '备用纸张1')"/>
                </el-form-item>
                <el-form-item label="备用纸张1:" class="mab" prop="keyOrder">
                  <el-input v-model="gdyjformData['备用纸张1']"  style="width: 140px;" id="备用纸张1"  @keydown="edit_gdyjent($event, '纸张名称', '备用纸张1', '纸张名称11',1)"/>
                  <el-input v-model="gdyjformData['纸张名称11']"  style="width: 80%; margin-left: 10px" id="纸张名称11"  @keydown="edit_gdyjent($event, '备用纸张1', '纸张名称11', '备用纸张2')"/>
                </el-form-item>
                <el-form-item label="备用纸张2:" class="mab" prop="keyOrder">
                  <el-input v-model="gdyjformData['备用纸张2']"  style="width: 140px;" id="备用纸张2"  @keydown="edit_gdyjent($event, '纸张名称11', '备用纸张2', '纸张名称22',2)"/>
                  <el-input v-model="gdyjformData['纸张名称22']"  style="width: 80%; margin-left: 10px" id="纸张名称22"  @keydown="edit_gdyjent($event, '备用纸张2', '纸张名称22', '备用纸张3')"/>
                </el-form-item>
                <el-form-item label="备用纸张3:" class="mab" prop="keyOrder">
                  <el-input v-model="gdyjformData['备用纸张3']"  style="width: 140px;" id="备用纸张3"  @keydown="edit_gdyjent($event, '纸张名称22', '备用纸张3', '纸张名称33',3)"/>
                  <el-input v-model="gdyjformData['纸张名称33']"  style="width: 80%; margin-left: 10px" id="纸张名称33"  @keydown="edit_gdyjent($event, '备用纸张3', '纸张名称33', '备用纸张4')"/>
                </el-form-item>
                <el-form-item label="备用纸张4:" class="mab" prop="keyOrder">
                  <el-input v-model="gdyjformData['备用纸张4']"  style="width: 140px;" id="备用纸张4"  @keydown="edit_gdyjent($event, '纸张名称33', '备用纸张4', '纸张名称44',4)"/>
                  <el-input v-model="gdyjformData['纸张名称44']"  style="width: 80%; margin-left: 10px" id="纸张名称44"  @keydown="edit_gdyjent($event, '备用纸张4', '纸张名称44', '订单数量')"/>
                </el-form-item>
                <div style="display: flex; gap: 0px;">
                  <el-form-item label="订单数量:" class="mab" prop="keyOrder">
                    <el-input v-model="gdyjformData['订单数量']"  style="width: 80px;" id="订单数量"  @keydown="edit_gdyjent($event, '纸张名称44', '订单数量', '平张投料')"/>
                  </el-form-item>
                  <el-form-item label="平张投料:" class="mab" prop="keyOrder">
                    <el-input v-model="gdyjformData['平张投料']"  style="width: 80px;" id="平张投料"  @keydown="edit_gdyjent($event, '订单数量', '平张投料', '万小张')"/>
                  </el-form-item>
                  <el-form-item label="万小张:" class="mab" prop="keyOrder">
                    <el-input v-model="gdyjformData['万小张']"  style="width: 80px;" id="万小张"  @keydown="edit_gdyjent($event, '平张投料', '万小张', '开料规格')"/>
                  </el-form-item>
                  <el-form-item label="纸张规格:" class="mab" prop="keyOrder">
                    <el-input v-model="gdyjformData['开料规格']"  style="width: 240px;" />
                  </el-form-item>
                </div>
                <div style="display: flex; gap: 0px;">
                  <el-form-item label="投料规格:" class="mab" prop="keyOrder">
                    <el-input v-model="gdyjformData['投料规格']"  style="width: 80px;" id="开料规格"  @keydown="edit_gdyjent($event, '万小张', '开料规格', '开数')"/>
                  </el-form-item>
                  <el-form-item label="开料开数:" class="mab" prop="keyOrder">
                    <el-input v-model="gdyjformData['开数']" placeholder="" style="width: 80px;" id="开数"  @keydown="edit_gdyjent($event, '开料规格', '开数', '联数')"/>
                  </el-form-item>
                  <el-form-item label="开料联数:" class="mab" prop="keyOrder">
                    <el-input v-model="gdyjformData['联数']" placeholder="" style="width: 80px;" id="联数"  @keydown="edit_gdyjent($event, '开数', '联数', '核算规格')"/>
                  </el-form-item>
                  <el-form-item label="核算规格:" class="mab" prop="keyOrder">
                    <el-input v-model="gdyjformData['核算规格']" placeholder="" style="width: 240px;" id="核算规格"  @keydown="edit_gdyjent($event, '联数', '核算规格', '备注说明')"/>
                  </el-form-item>
                </div>
                <el-form-item label="备注说明:" class="mab" prop="remark">
                  <el-input type="textarea" v-model="gdyjformData['备注']"  resize="none" rows="2" clearable placeholder="" id="备注说明"  @keydown="edit_gdyjent($event, '核算规格', '备注说明', '印件号')"/>
                </el-form-item>
              </el-form>

              <template #footer>
                <div class="dialog-footer" style="text-align: right;">
                  <el-button @click="gdyjcloseDialog">取消</el-button>
                  <el-button type="primary"  @click="gdyjenterDialog">确定</el-button>
                </div>
              </template>
            </el-dialog>

            <!-- 修改工艺资料弹窗 -->
            <el-dialog v-model="gdgydialogFormVisible" :before-close="gycloseDialog" style="width: 1100px;" :title="'修改工艺资料'" destroy-on-close>
              <el-form>
                <div>
                  <div style="display: flex; gap: 0px;">
                    <el-form-item label="印件编号:"  class="mab" prop="keyOrder">
                      <el-input  v-model="gdgyformData['印件']"   style="width: 100px;"/>
                    </el-form-item>
                    <el-form-item label="工序编号:"  class="mab" prop="keyOrder" label-width=" 90">
                      <el-input  v-model="gdgyformData['工序']"  style="width: 100px;"/>
                    </el-form-item>
                    <el-form-item label="重点工序:"  class="mab" prop="keyOrder" label-width=" 90">
                      <el-input  v-model="gdgyformData['重点工序']"  id="重点工序"   @keydown="gyzlent($event, '', '重点工序', '设备编号')"  style="width: 100px;"/>
                    </el-form-item>
                    <el-form-item label="备选工序："  class="mab" prop="isBanciSelected" label-width=" 90">
                      <el-checkbox v-model="gdgyformData['备选工序']"></el-checkbox>
                    </el-form-item>
                    <el-form-item label="加工开数:"  class="mab" prop="keyOrder" label-width=" 125">
                      <el-input  v-model="gdgyformData['开数']"  style="width: 100px;"/>
                    </el-form-item>
                    <el-form-item label="加工联数:"  class="mab" prop="keyOrder" label-width=" 80">
                      <el-input  v-model="gdgyformData['联数']"  style="width: 100px;"/>
                    </el-form-item>
                  </div>
                  <div style="display: flex; gap: 0px;">
                    <el-form-item label="车间名称:"  class="mab" prop="keyOrder">
                      <el-input  v-model="gdgyformData['车间名称']"  style="width: 130px;" @keydown="gyzlent($event, '联数', '车间名称', '工序名称')"/>
                    </el-form-item>
                    <el-form-item label="工艺名称:"  class="mab" prop="keyOrder" label-width=" 90">
                      <el-input  v-model="gdgyformData['工艺名称']"  style="width: 140px;"/>
                    </el-form-item>
                    <el-form-item label="工序名称:"  class="mab" prop="keyOrder" label-width=" 90">
                      <el-input  v-model="gdgyformData['工序名称']"  id="工序名称" style="width: 400px;" @keydown="gyzlent($event, '车间名称', '工序名称', '设备编号')" />
                    </el-form-item>
                    <el-form-item label="计损色数"  class="mab" prop="keyOrder" label-width=" 80">
                      <el-input  v-model="gdgyformData['计损色数']" style="width: 90px;"/>
                    </el-form-item>
                  </div>
                  <el-form-item label="设备编号:"  class="mab" prop="remark">
                    <el-select v-model="gdgyformData['设备编号']" multiple
                               id="设备编号"  @keydown="gyzlent($event, '重点工序', '设备编号', '工序损耗')"
                               style="flex: 1; height: auto;">
                      <el-option
                          @keydown.tab.prevent="sbbhclick"
                          @click="sbbhclick"
                          v-for="(item, index) in gdzl_MachineList_address.data"
                          :key="index"
                          :label="item.split('-->')[0].trim()"
                          :value="item.split('-->')[0].trim()">
                        {{ item }}
                      </el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="工序损耗:"  class="mab" prop="keyOrder" >
                    <el-input v-model="gdgyformData['shdh']" readonly style="width: 10%;" id="工序损耗"  @keydown="gyzlent($event, '设备编号', '工序损耗', '损耗系数')"/>
                    <el-input  v-model="gdgyformData['工序损耗名称']"  style="width: 88.7%;margin-left: 10px"/>
                  </el-form-item>
                  <div style="display: flex; gap: 0px;">
                    <el-form-item label="损耗系数:"  class="mab" prop="keyOrder">
                      <el-input v-model="gdgyformData['损耗系数']"  style="flex: 1;"  id="损耗系数"  @keydown="gyzlent($event, '工序损耗', '损耗系数', '难度系数')"/>
                    </el-form-item>
                    <el-form-item label="难度系数"  class="mab" prop="keyOrder">
                      <el-input v-model="gdgyformData['难度系数']"  style="flex: 1;" id="难度系数"  @keydown="gyzlent($event, '设备编号', '难度系数', '小时产能')"/>
                    </el-form-item>
                    <el-form-item label="装版工时:"  class="mab" prop="keyOrder">
                      <el-input  v-model="gdgyformData['辅助工时']"  style="flex: 1;"/>
                    </el-form-item>
                    <el-form-item label="排产小时产能:"  class="mab" prop="keyOrder" label-width=" 120px">
                      <el-input  v-model="gdgyformData['小时产能']"  style="flex: 1;" id="小时产能"  @keydown="gyzlent($event, '难度系数', '小时产能', '')"/>
                    </el-form-item>
                    <el-form-item label="印刷方式"  class="mab" prop="keyOrder">
                      <el-input  v-model="gdgyformData['印刷方式']"  style="flex: 1;"/>
                    </el-form-item>
                    <el-form-item label="版距"  class="mab" prop="keyOrder">
                      <el-input  v-model="gdgyformData['版距']"  style="flex: 1;"/>
                    </el-form-item>
                  </div>
                  <el-form-item label="工序备注:"  class="mab" prop="remark">
                    <el-input  type="textarea" resize="none" v-model="gdgyformData['备注']" rows="3" clearable   style="flex: 1;resize: none" />
                  </el-form-item>
                  <el-form-item  label="质量要求:"  class="mab" prop="remark">
                    <el-input  type="textarea" resize="none" v-model="gdgyformData['质量要求']" rows="2" clearable   style="flex: 1;resize: both;"/>
                  </el-form-item>
                  <el-form-item label="质量隐患:"  class="mab" prop="remark">
                    <el-input  type="textarea" resize="none" v-model="gdgyformData['质量隐患']" rows="2" clearable   style="flex: 1;"/>
                  </el-form-item>
                </div>
              </el-form>
              <template #footer>
                <div class="dialog-footer" style="text-align: right;top: auto">
                  <el-button @click="gdgycloseDialog">取 消</el-button>
                  <el-button type="primary" @click="gdgyenterDialog">确 定</el-button>
                </div>
              </template>
            </el-dialog>

            <!-- 技术附件 -->
            <el-dialog v-model="jsfjdialogFormVisible" :before-close="jsfjcloseDialog" :title="产品技术附件资料" style="margin-top: 40px" height="500px" width="800px" destroy-on-close>
			  <el-form :model="jsfjformdata" label-position="right" ref="elFormRef" :rules="rule" label-width="75px">
				<el-row :gutter="24">
					<el-col :span="6">
					  <el-form-item label="关联编号:" prop="address" class="mab">
						<el-input v-model="jsfjformdata.关联编号"  id="关联编号" />
					  </el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :span="24">
					  <el-form-item label="附件备注:" prop="address" class="mab">
						<el-input v-model="jsfjformdata.附件备注"  id="附件备注" />
					  </el-form-item>
					</el-col>
				</el-row>
				<el-row :gutter="24">
					<el-col :span="6"></el-col>
					<el-col :span="12">
						<input style="font-size:16px;" type="file" @change="uploadExcel" >
					</el-col>
					<el-col :span="6">
						<el-button @click="yulan">预览</el-button>
					</el-col>
				</el-row>
			  </el-form>
			  <template #footer>
				<div class="dialog-footer">
				  <el-button @click="jsfjcloseDialog">取 消</el-button>
				  <el-button type="primary"  @click="jsfjenterDialog">确 定</el-button>
				</div>
			  </template>
			</el-dialog>
		
			<!-- 技术附件弹窗 -->
			<el-dialog v-model="luckyexcelVisible" :before-close="luckyexcelCloseDialog" width="100%" top="0vh">
			  <div id="luckyexcel" style="width: 100%;height: 90vh;"></div>
			</el-dialog>

          </el-main>
        </layout-content>
      </layout>
    </layout>

    <PrintPage ref="printPageRef" />

  </div>
</template>
<script>
//点击按钮显示下方表格
export default {
  data() {
    return {
      currentTable: '', // 当前展示的表格
      activeName: 'first',
      imageUrl: '', //新增颜色资料图片
    };
  },
  methods: {
    showTable(tableName) {
      this.currentTable = tableName;
    },
    showTableChange() {
      // 处理表格选中事件
    },
    //新增颜色资料图片
    handlePreview(file) {
      const reader = new FileReader();
      reader.onload = (e) => {
        this.imageUrl = e.target.result; // 将选择显示在页面上
      };
      reader.readAsDataURL(file); // 将文件读为Data URL
      return false; // 阻止文件的默认上传行为
    },
    // 对列进行合算
    getSummaries(param) {
        const { columns, data } = param;
        const sums = [];
        columns.forEach((column, index) => {
          if (index === 0) {
            sums[index] = '合计';
            return;
          }
          const values = data.map(item => Number(item[column.property]));
          // 只对amount这一列进行总计核算。

         if (column.property === 'S'||column.property === 'M'||column.property === 'L'||column.property === 'XL'||column.property === 'XXL'||column.property === '制单总数') {
            if (!values.every(value => isNaN(value))) {
                sums[index] = values.reduce((prev, curr) => {
                const value = Number(curr);
                if (!isNaN(value)) {
                    return prev + curr;
                }else {
                    return prev;
                }
              }, 0);
                sums[index] += '';
              } else {
                sums[index] = '---'
            }
         }
      });
        return sums;
    },
  }
};
</script>
<script setup>
// 全量引入格式化工具 请按需保留
import $script from 'scriptjs'
import $ from 'jquery';
import LuckyExcel from 'luckyexcel';
import { Layout, LayoutSider, LayoutContent } from '@arco-design/web-vue';
import { ElMessage, ElMessageBox } from 'element-plus'
import { ref, reactive, computed, nextTick, watch } from 'vue'
import { useUserStore } from '@/pinia/modules/user'
import { DataList,WorkList, gdzl_MachineList,PrintCodeList,getProductYjList, getProductZzList,
  U8workOrder, ProcessDetailEdit, PrintedEdit, PrintJobOrder,WorkOrderAdd,PrintDetailAdd,
  WorkOrderEdit, ReferenceWorkOrder,getOrderProcessLeft,ClientList,ProductCodeList,
  editGyWaste, U8DataCorrection, AccountingParameterEdit,ProcessCopy,
  ProductInformation, TestCoefficient, capacityList,getOrderProcessRight,
  DataCorrection, U8Trial, ProcessFlow, AccountingParameter,setProductStatus,
  getProduct, getProductGy, ProductInformationEdit, workOrderListDetail, editProduct, getOrderProcessCount, StatusEdit,
  PrintDetailDel, ProcessDetailDel,WorkOrderDetailCope,getGdAnnexTable,WorkOrderData,WorkOrderDel,
  gdAnnexAdd,ProductCopeDetail,WorkOrderDetailListCope,
  gdAnnexDel,getLossCode,getDepartName,WastageList,getCouplet,PrintDetailList
} from "@/api/yunyin/yunying";
import PrintPage from './components/print.vue'
import AddGongYi from './components/addGongYi.vue'
defineOptions({name: 'Company'})
const printPageRef = ref()
const userStore = useUserStore()
const _username = ref('')
_username.value = userStore.userInfo.userName + '/' + userStore.userInfo.nickName

// =========== 左侧树侧形结构 ===========
const treeData = ref({})
const tableData = reactive([])
const _Gd_khdh = ref(null)
const DataListdata = async () => {
  try {
    const data = 
    [{
      label : '客户编号',
      children : [
      {label : 'DC-1'},
      {label : 'DC-2'},
      {label : 'DC-3'},
      {label : 'DC-4'},
      {label : 'DC-5'},
      {label : 'DC-6'},
      {label : 'DC-7'},
      {label : 'DC-8'},
      {label : 'DC-9'},
      {label : 'DC-10'},
      {label : 'DC-11'},
      {label : 'DC-12'},
      {label : 'DC-13'},
      {label : 'DC-14'},
      {label : 'DC-15'}
    ]
    }];
    treeData.value = data
  } catch (error) {
    console.error(error);
  }
};
DataListdata();

//点击左侧树形获取编号
const handleNodeClick = async (node) => {
  // 取消所有节点的颜色
  const allNodes = document.querySelectorAll('.treecolor .el-tree-node');
  allNodes.forEach(node => {
    node.querySelector('.el-tree-node__label').style.color = '';
  });
  // 获取点击的节点 给当前点击的节点改变颜色【红色】
  const clickedNodeId = node['$treeNodeId'];
  const clickedNode = document.querySelector(`.treecolor .el-tree-node[data-key="${clickedNodeId}"]`);
  if (clickedNode) {
    clickedNode.querySelector('.el-tree-node__label').style.color = 'red';
  }
  searchInfo.value = '';
  if (node.label === '客户编号') {
    // console.log('点击了客户编号')
  }else{
    _Gd_khdh.value = 'J0031';
    _WorkList_page();
  }
};

//全局调用工单编号
const _Gd_gdbh = ref('')
//全局调用产品代号
const _Gd_cpdh = ref(null)
//全局调用产品名称
const _Gd_cpmc = ref(null)
//调用工单资料接口
const _WorkList_page = async () => {
  console.log(_Gd_khdh.value)
  try {
    const WorkListdata = [
      {
        '序号':'1',
        '订单号':'2408001',
        '生产款号':'2401-1622款',
        '客户':'DC-7',
        '落货日期':'2024/7/20',
        '款式':'连衣裙',
        '箱唛要求':'折箱装修',
        '面料':'面布：乱麻复合布；拼布：AZ666雪纺…',
        '要求':'',
        '船样描述':'',
        '船样合计':'4',
        '粘衬':'',
        '订单数量':'174',
        '单位':'件',
        '审核':'裘志江',
        '审核日期':'2024/6/27'
      },
      {
        '序号':'2',
        '订单号':'2408002',
        '生产款号':'2403-1624款',
        '客户':'DC-7',
        '落货日期':'2024/7/20',
        '款式':'西服',
        '箱唛要求':'挂装出运',
        '面料':'面布：乱麻复合布；拼布：AZ666雪纺…',
        '要求':'',
        '船样描述':'',
        '船样合计':'5',
        '粘衬':'',
        '订单数量':'185',
        '单位':'件',
        '审核':'裘志江',
        '审核日期':'2024/6/27'
      },
      {
        '序号':'3',
        '订单号':'2408003',
        '生产款号':'2403-1625款',
        '客户':'DC-7',
        '落货日期':'2024/7/20',
        '款式':'裤子',
        '箱唛要求':'挂装出运',
        '面料':'面布：乱麻复合布；拼布：AZ666雪纺…',
        '要求':'',
        '船样描述':'',
        '船样合计':'5',
        '粘衬':'',
        '订单数量':'197',
        '单位':'件',
        '审核':'裘志江',
        '审核日期':'2024/6/27'
      },
  ];
	  console.log("上方表格数据")
    console.log(WorkListdata)
    tableData.splice(0,tableData.length,...WorkListdata);//表格数据
    total.value =WorkListdata.data.total;//共多少条
  } catch (error) {
    console.error(error);
  }
};

// 分页
const page = ref(1)
const total = ref(0)
const pageSize = ref(50)
const handleCurrentChange = (val) => {
  page.value = val;
  _WorkList_page();
};

// 修改页面容量 点击多少条/页
const handleSizeChange = (val) => {
  // page.value = 10;
  pageSize.value = val;
  _WorkList_page();
};

// =========== 新增 ===========
const add_gddialogFormVisible = ref(false)
// 获取当前日期
const today = new Date();
const year = today.getFullYear();
const month = String(today.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，需要补零
const day = String(today.getDate()).padStart(2, '0');
const hours = String(today.getHours()).padStart(2, '0');
const minutes = String(today.getMinutes()).padStart(2, '0');
const seconds = String(today.getSeconds()).padStart(2, '0');
const currentDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
const add_gdscgdformData = reactive({
  订单编号: '',
  生产款号: '',
  款式: '',
  客户: '',
  落货日期: '',
  箱唛要求: '',
  面料: '',
  要求: '',
  船样描述: '',
  船样合计: '',
  粘朴: '',
  订单数量: '',
  单位: '',
  制单人: '',
  制单日期: '',
  审核人: '',
  审核日期: '',
});
//清空对象的属性值
const gd_clearFormData = () => {
  Object.keys(add_gdscgdformData).forEach(key => {
    add_gdscgdformData[key] = '';
  });
};
//新增按钮
const addgd_onclick = () => {
  add_gddialogFormVisible.value = true
  add_gdscgdformData['订单号'] = _Gd_gdbh.value;
  add_gdscgdformData['落货日期'] = currentDate;
  add_gdscgdformData['制单日期'] = currentDate;
  add_gdscgdformData['审核日期'] = currentDate;
}

//新增工单资料确定
const add_gdenterDialog = async ()=>{
	if(add_gdscgdformData['订单编号'] === '' ||  add_gdscgdformData['订单编号'] === undefined){
	  ElMessage({type: 'warning',message: '订单编号不能为空' })
	  return false;
	}
	console.log("新增工单资料确定")
	console.log(add_gdscgdformData)
	const formattedData = {
		ddbh: add_gdscgdformData['订单编号'],
		sckh: add_gdscgdformData['生产款号'],
		khmc: add_gdscgdformData['款式'],
		khdh: add_gdscgdformData['客户'],
		cpdh: add_gdscgdformData['落货日期'],
		cpmc: add_gdscgdformData['箱唛要求'],
		ddsl: add_gdscgdformData['面料'],
		tll: add_gdscgdformData['要求'],
		jhtl: add_gdscgdformData['船样描述'],
		sjtl: add_gdscgdformData['船样合计'],
		jldw: add_gdscgdformData['粘朴'],
		tldx: add_gdscgdformData['订单数量'],
		xsddh: add_gdscgdformData['单位'],
		jymb: add_gdscgdformData['制单人'],
		bbh: add_gdscgdformData['制单日期'],
		erp: add_gdscgdformData['审核人'],
		ymsl: add_gdscgdformData['审核日期']
	};
	console.log(formattedData)
	// const edit_gdformdata_list = await 新增工单接口(formattedData);
	// if (edit_gdformdata_list.code === 0) {
	// 	add_gddialogFormVisible.value = false;
	// 	ElMessage({type: 'success',message: '新增成功'})
	// } else {
	// 	ElMessage({ type: 'error',message: '新增失败'})
	// }
 
}
//新增工单资料取消
const add_gdcloseDialog = () => {
  add_gddialogFormVisible.value = false
}

//获取客户代号，客户名称
const khdhModal = ref(false)
const cpdhModal = ref(false)
const khdhDataList = ref([])
const cpdhDataList = ref([])
const khdh_keyword = ref('')
const cpdh_keyword = ref('')

//新增工单资料客户代号【回车】
const khdh_ProductValue = async (v) => {
  await _gClientList(khdh_keyword.value)
};
//新增工单资料产品代号【回车】
const cpdh_ProductValue = async (v) => {
  await _ProductCodeList(cpdh_keyword.value)
};
//新增工单->客户列表
const _gClientList = async (v = '')=>{
  try {
      const ClientListdata = await ClientList({search: v});
    console.log("客户列表数据↓↓↓↓↓↓↓↓")
    console.log(ClientListdata)
    khdhDataList.value = ClientListdata.data
  } catch (error) {
    console.error(error);
  }
}
//新增工单->产品代号列表
const _ProductCodeList = async (v = '')=>{
  try {
      const ProductCodeListdata = await ProductCodeList({cilent: v});
    console.log("产品代号列表数据↓↓↓↓↓↓↓↓")
    console.log(ProductCodeListdata)
    cpdhDataList.value = ProductCodeListdata.data
  } catch (error) {
    console.error(error);
  }
}

const gongdanSearchHandle = async (v, type) => {
  if (type === '客户代号') {
      await _gClientList(v)
  }
  if (type === '产品代号') {
    await _ProductCodeList(v)
  }
}
//点击客户代号
const selectGongDanNode = (node, type) => {
  if (type === '客户代号') {
    add_gdscgdformData['客户代号'] = node.客户编号
    add_gdscgdformData['客户名称'] = node.客户名称
    scgdformData.value['客户代号'] = node.客户编号
    scgdformData.value['客户名称'] = node.客户名称
    khdhModal.value = false
  }
  if (type === '产品代号') {
    add_gdscgdformData['产品代号'] = node.产品编号
    add_gdscgdformData['产品名称'] = node.产品名称
    scgdformData.value['产品代号'] = node.产品编号
    scgdformData.value['产品名称'] = node.产品名称
    cpdhModal.value = false
  }
}

const xzgdzlInput =ref()
const addgdzlcpdhInput =ref()
const xzgdzlTree = ref()
const currentNodeKey = ref('')

//新增工单资料弹窗 键盘 input框跳转
const add_gdzlent = async (event,id1,id2,id3) => {
  if(event.keyCode === 40){
    if(id3!=''){
      document.getElementById(id3).focus()
    }
  }else if (event.keyCode === 13) { // Enter 或向下箭头
    if(id3!=''){
      document.getElementById(id3).focus()
    }
  } else if (event.keyCode === 38) { // 向上箭头
    if(id1!=''){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 8) { // 删除箭头
    if(id1!='' && document.getElementById(id2).value==''){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 37) { // 向左箭头
    if(id1!='' && document.getElementById(id2).selectionStart==0){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 39) { // 向右箭头
    if(id3!='' && document.getElementById(id2).selectionStart == document.getElementById(id2).value.length){
      document.getElementById(id3).focus()
    }
  }
}
let isdeFun = false
watch(() => khdhModal.value, async v => {
  await nextTick(() => {
    if (xzgdzlTree.value !== undefined) {
      const defun = (e) => {
        isdeFun = true
      }
      if (v === true) {
        isdeFun || document.body.addEventListener('keydown', defun)
        isdeFun && document.body.removeEventListener('keydown', defun)
      } else {
        document.body.removeEventListener('keydown', defun)
      }
    }
  })
})

// =========== 新增颜色资料 ===========
//默认弹窗关闭
const add_gdyjdialogFormVisible = ref(false)
const add_yjzlformdata = reactive({
  cpsl: '',
  pztl: '',
  cmgg: '',
  sfcy: '',
});
const cmformdata = reactive({
  cm1:'32',
  cm2:'34',
  cm3:'36',
  cm4:'38',
  cm5:'40',
  cm6:'42',
  cm7:'44',
  cm8:'46',
  cm9:'总计',
});
const zdsformdata = reactive({
  zds1:'',
  zds2:'',
  zds3:'',
  zds4:'',
  zds5:'',
  zds6:'',
  zds7:'',
  zds8:'',
  zds9:'',
});
const cmhandleSizeChange = (value) => {
  // console.log(value)
  if (value === '尺码数') {
	  cmformdata.cm1 = '32';
	  cmformdata.cm2 = '34';
	  cmformdata.cm3 = '36';
	  cmformdata.cm4 = '38';
	  cmformdata.cm5 = '40';
	  cmformdata.cm6 = '42';
	  cmformdata.cm7 = '44';
	  cmformdata.cm8 = '46';
	  cmformdata.cm9 = '总计';
	} else if (value === '尺码') {
	  cmformdata.cm1 = 'S';
	  cmformdata.cm2 = 'M';
	  cmformdata.cm3 = 'L';
	  cmformdata.cm4 = 'XL';
	  cmformdata.cm5 = 'XXL';
	  cmformdata.cm6 = '';
	  cmformdata.cm7 = '';
	  cmformdata.cm8 = '';
	  cmformdata.cm9 = '总计';
	}
};
//清空对象的属性值
const gdyj_clearFormData = () => {
  Object.keys(zdsformdata).forEach(key => {
    zdsformdata[key] = '';
  });
  add_yjzlformdata['cpsl'] = '';
  add_yjzlformdata['pztl'] = '';
  add_yjzlformdata['cmgg'] = '32~46';
  add_yjzlformdata['sfcy'] = '是';
};
//新增颜色资料按钮
const addgdyj_onclick = () => {
  add_gdyjdialogFormVisible.value = true
  gdyj_clearFormData();
}
//新增颜色资料确定
const add_gdyjenterDialog =  async  () => {
  
}
//新增颜色资料取消
const add_dyjcloseDialog = () => {
  add_gdyjdialogFormVisible.value = false
}



// =========== 新增工序资料 ===========
const visible = ref(false)
const form = reactive({
  '仓库出库':true,
  '裁切':true,
  '车缝':true,
  '后道收样':true,
  '大烫':true,
  '总检':true,
  '包装':true,
})
//新增工序资料按钮
const addgdgy_onclick = () => {
    visible.value = true;
}
//新增工序资料确定按钮
const add_gxenterDialog = () => {
	const formattedData = {
		ddbh: form['仓库出库'],
		sckh: form['裁切'],
		khmc: form['车缝'],
		khdh: form['后道收样'],
		cpdh: form['大烫'],
		cpmc: form['总检'],
		ymsl: form['包装']
	};
	// 将 `form` 对象中布尔值转换为对应的数值
	for (let key in formattedData) {
	    if (formattedData[key] === true) {
	        formattedData[key] = 1;
	    } else if (formattedData[key] === false) {
	        formattedData[key] = 2;
	    }
	}
  	console.log(formattedData)
	// const edit_gxformdata_list = await 新增工序资料(formattedData);
	// if (edit_gxformdata_list.code === 0) {
	// 	visible.value = false;
	// 	ElMessage({type: 'success',message: '新增成功'})
	// } else {
	// 	ElMessage({ type: 'error',message: '新增失败'})
	// }
}
//新增工序资料取消按钮
const add_gxcloseDialog = () => {
    visible.value = false;
}

// =========== 订单打印 ===========
const cp_gdprintonClick = () => {
  console.log(_Gd_gdbh.value)
  // yunying/components/print页面
  printPageRef.value.open(_Gd_gdbh.value) 
}


//点击表格行获取下方表格数据列表
// =========== 颜色资料、工艺资料、技术资料附件 ===========
//颜色资料
const ystableData = reactive([])
//工艺资料
const gytableData = reactive([])
//订单资料表
const ddtableData = reactive([])
//技术附件
const jstableData = reactive([])
// 点击工单行按钮
const tableRowClick = async (row) => {
  console.log(row.订单号)
  _Gd_gdbh.value = row.订单号
  if(row.订单号 === '2408001' ){
    ystableData.length = 0
    try {
    const ysData = [
      {
        '序号':'1',
        '订单子编号':'2408001-1',
        '颜色名称':'红色',
        '船样':'否',
        'S':'10',
        'M':'20',
        'L':'30', 
        'XL':'20',
        'XXL':'10',
        '制单总数':'90',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '序号':'2',
        '订单子编号':'2408001-2',
        '颜色名称':'蓝色',
        '船样':'否',
        'S':'20',
        'M':'20',
        'L':'10',
        'XL':'20',
        'XXL':'10',
        '制单总数':'80',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '序号':'3',
        '订单子编号':'2408001-船',
        '颜色名称':'黑色',
        '船样':'是',
        'S':'/',
        'M':'2',
        'L':'/',
        'XL':'2',
        'XXL':'/',
        '制单总数':'2',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
  ];
	//工艺资料表
    const gyData = [
      {
        '完工状态':'',
        '工序名称':'仓库出库',
        '计划产量':'/',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'裁切',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'车缝',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'后道收样',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'大烫',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'总检',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'包装',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      }
  ];
	//订单资料表
    const ddData = [
      
      {
        '序号':'1',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
      {
        '序号':'2',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
  ];

	//技术附件
    const jsData = [
		
      {
        '序号':'1',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
      {
        '序号':'2',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
  ];
	// console.log("下方表格数据")
  //   console.log(ysData)
  //   console.log(gyData)
  //   console.log(ddData)
  //   console.log(jsData)

    ystableData.splice(0,ysData.length,...ysData);//表格数据
    gytableData.splice(0,gyData.length,...gyData);//表格数据
    ddtableData.splice(0,ddData.length,...ddData);//表格数据
    jstableData.splice(0,jsData.length,...jsData);//表格数据
    // console.log(ystableData)
  } catch (error) {
    console.error(error);
  }
  }else if(row.订单号 === '2408002' ){
    ystableData.length = 0
    try {
    const ysData = [
      {
        '序号':'1',
        '订单子编号':'2408002-2',
        '颜色名称':'白色',
        '船样':'否',
        'S':'10',
        'M':'20',
        'L':'30',
        'XL':'20',
        'XXL':'10',
        '制单总数':'90',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
  ];
	//工艺资料表
    const gyData = [
      {
        '完工状态':'',
        '工序名称':'仓库出库',
        '计划产量':'/',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'裁切',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'车缝',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'后道收样',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'大烫',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'总检',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'包装',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      }
  ];
	//订单资料表
    const ddData = [
      
      {
        '序号':'1',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
      {
        '序号':'2',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
  ];
	//技术附件
    const jsData = [
		
      {
        '序号':'1',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
      {
        '序号':'2',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
  ];
	// console.log("下方表格数据")
  //   console.log(ysData)
  //   console.log(gyData)
  //   console.log(ddData)
  //   console.log(jsData)
	
    ystableData.splice(0,ysData.length,...ysData);//表格数据
    gytableData.splice(0,gyData.length,...gyData);//表格数据
    ddtableData.splice(0,ddData.length,...ddData);//表格数据
    jstableData.splice(0,jsData.length,...jsData);//表格数据
  } catch (error) {
    console.error(error);
  }
  }else if(row.订单号 === '2408003'){
    ystableData.length = 0
    try {
    const ysData = [
      {
        '序号':'1',
        '订单子编号':'2408003-3',
        '颜色名称':'黑色',
        '船样':'否',
        'S':'10',
        'M':'20',
        'L':'30',
        'XL':'20',
        'XXL':'10',
        '制单总数':'90',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },

  ];
	//工艺资料表
    const gyData = [
      {
        '完工状态':'',
        '工序名称':'仓库出库',
        '计划产量':'/',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'裁切',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'车缝',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'后道收样',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'大烫',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'总检',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'包装',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      }
  ];
	//订单资料表
    const ddData = [
      
      {
        '序号':'1',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
      {
        '序号':'2',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
  ];
	//技术附件
    const jsData = [
		
      {
        '序号':'1',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
      {
        '序号':'2',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
  ];
	// console.log("下方表格数据")
  //   console.log(ysData)
  //   console.log(gyData)
  //   console.log(ddData)
  //   console.log(jsData)
	
    ystableData.splice(0,ysData.length,...ysData);//表格数据
    gytableData.splice(0,gyData.length,...gyData);//表格数据
    ddtableData.splice(0,ddData.length,...ddData);//表格数据
    jstableData.splice(0,jsData.length,...jsData);//表格数据
  } catch (error) {
    console.error(error);
  }
  }else if(row.订单号 = 2408002 ){
    try {
    const ysData = [
      {
        '序号':'1',
        '订单子编号':'2408001-1',
        '颜色名称':'红色',
        '船样':'否',
        'S':'10',
        'M':'20',
        'L':'30',
        'XL':'20',
        'XXL':'10',
        '制单总数':'90',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '序号':'2',
        '订单子编号':'2408001-2',
        '颜色名称':'蓝色',
        '船样':'否',
        'S':'20',
        'M':'20',
        'L':'10',
        'XL':'20',
        'XXL':'10',
        '制单总数':'80',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '序号':'3',
        '订单子编号':'2408001-船',
        '颜色名称':'黑色',
        '船样':'是',
        'S':'/',
        'M':'2',
        'L':'/',
        'XL':'2',
        'XXL':'/',
        '制单总数':'2',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
  ];
	//工艺资料表
    const gyData = [
      {
        '完工状态':'',
        '工序名称':'仓库出库',
        '计划产量':'/',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'裁切',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'车缝',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'后道收样',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'大烫',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'总检',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      },
      {
        '完工状态':'',
        '工序名称':'包装',
        '计划产量':'按颜色显示总计数',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
      }
  ];
	//订单资料表
    const ddData = [
      
      {
        '序号':'1',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
      {
        '序号':'2',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
  ];
	//技术附件
    const jsData = [
		
      {
        '序号':'1',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
      {
        '序号':'2',
        '备注':'',
        '文件类型':'',
        '关联产品':'',
        '建档日期':'',
        '更新时间':'',
        '建档用户':'',
        '建档日期':'',
        '更新时间':'',
        '操作':'',
      },
  ];
	// console.log("下方表格数据")
  //   console.log(ysData)
  //   console.log(gyData)
  //   console.log(ddData)
  //   console.log(jsData)
	
    ystableData.splice(0,ysData.length,...ysData);//表格数据
    gytableData.splice(0,gyData.length,...gyData);//表格数据
    ddtableData.splice(0,ddData.length,...ddData);//表格数据
    jstableData.splice(0,jsData.length,...jsData);//表格数据
  } catch (error) {
    console.error(error);
  }
  }
  
    


  // console.log(row.工单编号)
  // _Gd_gdbh.value = row.工单编号;
  // _Gd_cpdh.value = row.产品代号;
  // _Gd_cpmc.value = row.产品名称;
  // const workOrderListDetail_data = await workOrderListDetail({Gd_gdbh:_Gd_gdbh.value});
  // console.log(workOrderListDetail_data.data.processList)
  // ystableData.value = workOrderListDetail_data.data.printList;
  // gytableData.value = workOrderListDetail_data.data.processList;
  // bomtableData.value = workOrderListDetail_data.data.BOM;
  // jstableData.splice(0, jstableData.length, ...workOrderListDetail_data.data.jsData);
  // // jstableData.value = workOrderListDetail_data.data.jsData;
  // let tmp = yjtableData.value.map(item => item.印件号)
  // tmp = tmp.sort((a,b)=>b-a)
  // yjzuidahaoma.value = Number(tmp[0]) + 1
};





//=========查询========
const searchInfo = ref('')
//查询按钮
const onSubmit = () => {
  console.log("点击了搜索按钮")
  // _cha_WorkList();
};
//回车查询
const handleSearch = (event) => {
  console.log("回车了");
  // _cha_WorkList();
};
// 调用查询数据接口
const _cha_WorkList = async (node) => {
  if(searchInfo.value === ''){
    ElMessage({type: 'warning',message: '请输入搜索的信息'})
    return false;
  }
  const search = searchInfo.value;
  var regex = /^[a-zA-Z0-9]+$/;
  try {
    if (regex.test(search)) {
      // 符合条件，执行搜索操作
      console.log('搜索内容为纯数字加字母');
      // const WorkListdata = await WorkList({search:search,limit:100,page:1});//接口调用函数
      if(WorkListdata.data.total === 0){
        ElMessage({type: 'warning',message: '未搜索具体查询条件'})
      }
      tableData.splice(0,tableData.length,...WorkListdata.data.data);//表格数据
      total.value = WorkListdata.data.total;//共多少条
    } else {
      // 不符合条件，给出提示
      console.log('搜索内容包含非字母和数字的字符');
      // const WorkListdata = await WorkList({Gd_khdh:'',search:search,limit:100,page:1});//接口调用函数
      if(WorkListdata.data.total === 0){
        ElMessage({type: 'warning',message: '未搜索具体查询条件'})
      }
      tableData.splice(0,tableData.length,...WorkListdata.data.data);//表格数据
      total.value = WorkListdata.data.total;//共多少条
    }
  } catch (error) {
    console.error(error);
  }
};

//=========技术附件========
//点击技术附件按钮
const jsfjClick = () => {
	if(_Gd_gdbh.value == null){
	  cgugdlist.value = false;
	  ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能'})
	}else{
		jsfjdialogFormVisible.value = true
		initJsfjformdata();
		jsfjformdata.value.关联编号 = _Gd_gdbh.value
	}
}
//技术附件弹窗
const jsfjdialogFormVisible = ref(false)
const jsfjformdata = ref({
	sys_id: _username.value,
	附件备注: '',
	附件内容: '',
	附件类型: '',
	关联编号: '',
});
//技术附件弹窗取消
const initJsfjformdata = () => {
  jsfjformdata.value = {
	sys_id: _username.value,
	附件备注: '',
	附件内容: '',
	附件类型: '',
	关联编号: '',
  }
}
//技术附件弹窗取消
const jsfjcloseDialog = () => {
  jsfjdialogFormVisible.value = false
}
const uploadExcel = (event) =>{
	const files = event.target.files;
	let suffixArr = name.split("."), suffix = suffixArr[suffixArr.length-1];
	// if(suffix!="xlsx"){
	// 	alert("Currently only supports the import of xlsx files");
	// 	return;
	// }
	jsfjformdata.value.附件内容 = files[0]
	jsfjformdata.value.附件类型 = 'XLSX'
}
//技术附件预览
const yulan = (event) =>{
	if(!jsfjformdata.value.附件内容) return
	$.getScript('/luckysheet/plugins/js/plugin.js', () => {
			$script('/luckysheet/luckysheet.umd.js', () => {
			luckyexcelVisible.value = true
			LuckyExcel.transformExcelToLucky(jsfjformdata.value.附件内容, function(exportJson, luckysheetfile){
				if(exportJson.sheets==null || exportJson.sheets.length==0){
					alert("Failed to read the content of the excel file, currently does not support xls files!");
					return;
				}
				if(luckyExcel) luckyExcel.destroy();
				luckysheet.create({
					container: 'luckyexcel', //容器的ID
					data: exportJson.sheets,
					title: exportJson.info.name, // 工作簿名称
					lang: "zh", // 设定表格语言 国际化设置，允许设置表格的语言，支持中文("zh")和英文("en")
					showtoolbar: false, // 是否显示工具栏
					showinfobar: false, // 是否显示顶部信息栏
					allowEdit: false, // 是否允许前台编辑
					enableAddRow: false, // 允许增加行
					enableAddCol: false, // 允许增加列
					userInfo: false, // 右上角的用户信息展示样式
					showRowBar: false, // 是否显示行号区域
					showColumnBar: false, // 是否显示列号区域
					sheetFormulaBar: false, // 是否显示公式栏
					enableAddBackTop: false,//返回头部按钮
				});
				luckyExcel = luckysheet;
			})
		})
		})
		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/css/pluginsCss.css'));
		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/plugins.css'));
		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/css/luckysheet.css'));
		$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/assets/iconfont/iconfont.css'));

}
const jsfj_del = (row) =>{
	ElMessageBox.confirm('确定要删除吗?', '提示', {
	    confirmButtonText: '确定',
	    cancelButtonText: '取消',
	    type: 'warning'
	}).then(() => {
		gdAnnexDel({'UniqId':row.UniqId,'gdbh':_Gd_gdbh.value}).then(response => {
			 if(response.code==0){
				 ElMessage({
				   type: 'success',
				   message: '删除成功',
				 })

				 let row = {
					 '工单编号':_Gd_gdbh.value,
					 '产品代号':_Gd_cpdh.value,
					 '产品名称':_Gd_cpmc.value,
				 }
				 tableRowClick (row)
			  }
		   })
	})

}

//技术附件弹窗确定
const jsfjenterDialog = () => {
	if(jsfjformdata.value.附件备注==''){
		ElMessage({
			type: 'error',
			message: '请填写附件备注'
		});
		return;
	}
	if(jsfjformdata.value.附件内容==''){
		ElMessage({
			type: 'error',
			message: '请上传文件'
		});
		return;
	}
	if(jsfjformdata.value.关联编号==''){
		ElMessage({
			type: 'error',
			message: '请填写关联编号'
		});
		return;
	}

	let fr = new FileReader();
	fr.readAsDataURL(jsfjformdata.value.附件内容);
	fr.onload = function () {
	  const restoredData = new FormData();
	  restoredData.append('sys_id', jsfjformdata.value.sys_id);
	  restoredData.append('附件备注', jsfjformdata.value.附件备注);
	  restoredData.append('附件内容', fr.result);
	  restoredData.append('附件类型', jsfjformdata.value.附件类型);
	  restoredData.append('关联编号', jsfjformdata.value.关联编号);

	   gdAnnexAdd(restoredData).then(response => {
		 if(response.code==0){
			 ElMessage({
			   type: 'success',
			   message: '新增成功',
			 })
			 jsfjdialogFormVisible.value = false
			 let row = {
				 '工单编号':_Gd_gdbh.value,
				 '产品代号':_Gd_cpdh.value,
				 '产品名称':_Gd_cpmc.value,
			 }
			 tableRowClick (row)
		 }
	   })
	}
}

//技术资料excel展示
const ExcelShow = (row) =>{
	console.log("技术资料excel展示")
	console.log(row)
	if(!row.附件内容) return
	$.getScript('/luckysheet/plugins/js/plugin.js', () => {
		$script('/luckysheet/luckysheet.umd.js', () => {
					function dataURLtoBlob(dataUrl) {
					    const byteString = atob(dataUrl.split(',')[1]);
					    const ab = new ArrayBuffer(byteString.length);
					    const ia = new Uint8Array(ab);

					    for (let i = 0; i < byteString.length; i++) {
					        ia[i] = byteString.charCodeAt(i);
					    }

					    return new Blob([ab], { type: 'application/octet-stream' });
					}

					const blob = dataURLtoBlob(row.附件内容);
					luckyexcelVisible.value = true
					LuckyExcel.transformExcelToLucky(blob, function(exportJson, luckysheetfile){
						if(exportJson.sheets==null || exportJson.sheets.length==0){
							alert("Failed to read the content of the excel file, currently does not support xls files!");
							return;
						}
						if(luckyExcel) luckyExcel.destroy();
						luckysheet.create({
							container: 'luckyexcel', //容器的ID
							data: exportJson.sheets,
							title: exportJson.info.name, // 工作簿名称
							lang: "zh", // 设定表格语言 国际化设置，允许设置表格的语言，支持中文("zh")和英文("en")
							showtoolbar: false, // 是否显示工具栏
							showinfobar: false, // 是否显示顶部信息栏
							allowEdit: false, // 是否允许前台编辑
							enableAddRow: false, // 允许增加行
							enableAddCol: false, // 允许增加列
							userInfo: false, // 右上角的用户信息展示样式
							showRowBar: false, // 是否显示行号区域
							showColumnBar: false, // 是否显示列号区域
							sheetFormulaBar: false, // 是否显示公式栏
							enableAddBackTop: false,//返回头部按钮
						});
						luckyExcel = luckysheet;
					})
		})
	})
	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/css/pluginsCss.css'));
	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/plugins/plugins.css'));
	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/css/luckysheet.css'));
	$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '/luckysheet/assets/iconfont/iconfont.css'));

}

let luckyExcel = null

const luckyexcelVisible = ref(false)
const luckyexcelCloseDialog = () => {
  luckyexcelVisible.value = false
}


// ================================= 下方代码用不到此页面 =================================
// ================================= 下方代码用不到此页面 =================================
// ================================= 下方代码用不到此页面 =================================
// ================================= 下方代码用不到此页面 =================================
// ================================= 下方代码用不到此页面 =================================
// ================================= 下方代码用不到此页面 =================================
// ================================= 下方代码用不到此页面 =================================
// ================================= 下方代码用不到此页面 =================================


// =========== 修正核算参数 ===========
const xzhstableColumns = ref(
    [
      { label: '方案', prop: '方案', width: '65' },
      { label: '印件号及工序名称', prop: '印件号及工序名称', width: '300' },
      { label: '参照设备', prop: '参照设备', width: '90' },
      { label: '难度系数', prop: 'sxzhscsold_难度系数', width: '90' },
      { label: '新难度系数', prop: '难度系数', width: '100' },
      { label: '原损耗代号', prop: 'sxzhscsold_损耗代号', width: '150' },
      { label: '基础损耗', prop: '基础损耗', width: '90' },
      { label: '新损耗代号', prop: '损耗代号', width: '150' },
      { label: '原印刷方式', prop: 'sxzhscsold_印刷方式', width: '150' },
      { label: '原来版距', prop: 'sxzhscsold_版距', width: '100' },
      { label: '新印刷方式', prop: '印刷方式', width: '100' },
      { label: '新来版距', prop: '版距', width: '90' },
      { label: '原计损色数', prop: 'sxzhscsold_计损色数', width: '100' },
      { label: '新计损色数', prop: '计损色数', width: '100' },
      { label: '原损耗系数', prop: 'sxzhscsold_损耗系数', width: '100' },
      { label: '新损耗系数', prop: '损耗系数', width: '100' },
    ]
)
const handleKeyDown = (event, x, y, prop) => {
  const currentElement = document.getElementById(`input${x}${y}`);
  if (currentElement === null && currentElement === undefined) return
  let move = 0
  switch (event.keyCode) {
    case 13: // Enter
    case 40: // 向下箭头
      if (y < sxzhscstableData.value.length )
        document.getElementById(`input${x}${y + 1}`).focus();
      break;
    case 38: // 向上箭头
      if ( y > 0) {
        document.getElementById(`input${x}${y - 1}`).focus();
      }
      break;
    case 39: // 向左箭头
      if ( x === 4) {
        move = x + 3
      } else if(x === 7){
        move = x + 3
      } else if( x === 10){
        move = x + 1
      }else if( x === 11){
        move = x + 2
      }else if( x === 13){
        move = x + 2
      }
      document.getElementById(`input${move}${y}`).focus();
      break;
    case 37: // 向右箭头
      if ( x === 15) {
        move = x -  2
      } else if (x=== 13) {
        move = x - 2
      }else if (x=== 11) {
        move = x - 1
      }else if (x=== 10) {
        move = x - 3
      }else if (x=== 7) {
        move = x - 3
      }
      document.getElementById(`input${move}${y}`).focus();
      break;
    default:
      break;
  }
}
const xzhscslist = ref(false);
const xzhscsformData = reactive({
  gdbh: '',
  cpdh: '',
  gdmc: '',
});
const sxzhscstableData = ref([]);
//修正核算参数按钮
// const onxzhscsclick = () => {
//   if(_Gd_gdbh.value == null){
//     xzhscslist.value = false;
//     ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能' })
//   }else{
//     xzhscsformData['gdbh'] = _Gd_gdbh.value;
//     xzhscsformData['cpdh'] = _Gd_cpdh.value;
//     xzhscsformData['gdmc'] = _Gd_cpmc.value;
//     _AccountingParameterdata();
//     xzhscslist.value = true;
//   }
// };
// //修正核算参数回车
// const xzhscsgetProductValue = () => {
//   _AccountingParameterdata()
// };
// // 修正工单核算参数表格数据
// const _AccountingParameterdata = async ()=>{
//   let workOrder = xzhscsformData['gdbh'];
//   console.log(workOrder)
//   try {
//     const AccountingParameterdata = await AccountingParameter({workOrder:workOrder});
//     console.log(AccountingParameterdata);
//     sxzhscstableData.value = AccountingParameterdata.data;
//     const formattedData = AccountingParameterdata.data.map(item=>{
//       item.sxzhscsold_难度系数 = item.难度系数;
//       item.sxzhscsold_损耗代号 = item.损耗代号;
//       item.sxzhscsold_印刷方式 = item.印刷方式;
//       item.sxzhscsold_版距 = item.版距;
//       item.sxzhscsold_计损色数 = item.计损色数;
//       item.sxzhscsold_损耗系数 = item.损耗系数;
//       return item
//     });
//   } catch (error) {
//     console.error(error);
//   }
// }
// //修正核算参数更新
// const xzhscsConfirm = async () => {
//   const firstCharValid = sxzhscstableData.value.map(item => {
//     const firstChar = item["损耗代号"] ? item["损耗代号"].charAt(0) : '';
//     return firstChar === '0' || firstChar === '';
//   });
//   if(firstCharValid.includes(false)){
//     ElMessage({type: 'warning',message: '损耗代号开头必须是 0' })
//     return false;
//   }
//   if (sxzhscstableData.value) {
//     const formattedData = sxzhscstableData.value.map(item => {
//       return {
//         Uniqid: parseInt(item.UniqId),
//         chromatic: parseFloat(item.计损色数) ?? '',
//         difficulty: parseFloat(item.难度系数) ?? '',
//         loss: item.损耗代号 ??'',
//         plate: parseInt(item.版距) ?? '',
//         printMode: item.印刷方式 ?? '',
//         wastage: parseFloat(item.损耗系数),
//       }
//     });
//     const AccountingParameterEditdata = await AccountingParameterEdit(formattedData);
//     if (AccountingParameterEditdata.code === 0) {
//       xzhscslist.value = false;
//       ElMessage({ type: 'success', message: '更新成功' });
//     } else {
//       ElMessage({ type: 'error', message: '更新失败' });
//     }
//   } else {
//     console.error("数据错误");
//   }
// };
// //修正核算参数退出
// const sxzhscsCancel = () => {
//   xzhscslist.value = false;
// };

// =========== 质检废品系数 ===========
const zjfpxs_tableColumns = ref(
    [
      { label: '产品编号', prop: '产品编号', width: '95' },
      { label: '产品名称', prop: '产品名称', width: '200' },
      { label: '印件工序及工艺', prop: '印件工序及工艺', width: '220' },
      { label: '新人工正品板', prop: 'scfjfpxsold_人工正品板', width: '110' },
      { label: '新人工次品板', prop: 'scfjfpxsold_人工次品板', width: '110' },
      { label: '新人工废检', prop: 'scfjfpxsold_人工废检', width: '110' },
      { label: '新机检正品板', prop: 'scfjfpxsold_机检正品板', width: '110' },
      { label: '新机检次品板', prop: 'scfjfpxsold_机检次品板', width: '110' },
      { label: '新机检废检', prop: 'scfjfpxsold_机检废检', width: '110' },
      { label: '人工正品板', prop: '人工正品板', width: '110' },
      { label: '人工次品板', prop: '人工次品板', width: '110' },
      { label: '人工废检', prop: '人工废检', width: '110' },
      { label: '机检正品板', prop: '机检正品板', width: '110' },
      { label: '机检次品板', prop: '机检次品板', width: '110' },
      { label: '机检废检', prop: '机检废检', width: '110' },
      { label: '设备编号', prop: '设备编号', width: '100' },
      { label: '客户名称', prop: '客户名称', width: '200' },
    ]
)
const zjfpxs_handleKeyDown = (event, x, y, prop) => {
  const currentElement = document.getElementById(`input${x}${y}`);
  if (currentElement === null && currentElement === undefined) return
  let move = 0
  switch (event.keyCode) {
    case 13: // Enter
    case 40: // 向下箭头
      if (y < scfjfpxstableData.value.length )
        document.getElementById(`input${x}${y + 1}`).focus();
      break;
    case 38: // 向上箭头
      if ( y > 0) {
        document.getElementById(`input${x}${y - 1}`).focus();
      }
      break;
    case 39: // 向左箭头
      if (x >= 9 && x <=14) {
        move = x + 1
      }
      document.getElementById(`input${move}${y}`).focus();
      break;
    case 37: // 向右箭头
      if (x >= 9 && x <=14) {
        move = x - 1
      }
      document.getElementById(`input${move}${y}`).focus();
      break;
    default:
      break;
  }
}
const scfjfpxslist = ref(false);
const scfjfpxsformData = reactive({
  cpdh: '',
});
const scfjfpxstableData = ref([]);
//质检废品系数【按钮】
// const onzjfpxsclick = () => {
//   if(_Gd_gdbh.value == null){
//     scfjfpxslist.value = false;
//     ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能'});
//   }else{
//     scfjfpxsformData['cpdh'] = _Gd_gdbh.value;
//     _TestCoefficient();
//     scfjfpxslist.value = true;
//   }
// };



// //质检废品系数【回车】
// const scfjfpxsgetProductValue = () => {
//   if(scfjfpxsformData['cpdh'] === ''){
//     scfjfpxstableData.value = [];
//     ElMessage({type: 'warning',message: '输入框为空'});
//     return false;
//   }
//   _TestCoefficient();
// };
//修正工单核算参数->数据获取
// const _TestCoefficient = async ()=>{
//   let workOrder = scfjfpxsformData['cpdh'];
//   try {
//     const TestCoefficientdata = await TestCoefficient({workOrder:workOrder});
//     scfjfpxstableData.value = TestCoefficientdata.data;
//     const formattedData = TestCoefficientdata.data.map(item=>{
//       item.scfjfpxsold_人工正品板 = item.人工正品板;
//       item.scfjfpxsold_人工次品板 = item.人工次品板;
//       item.scfjfpxsold_人工废检 = item.人工废检;
//       item.scfjfpxsold_机检正品板 = item.机检正品板;
//       item.scfjfpxsold_机检次品板 = item.机检次品板;
//       item.scfjfpxsold_机检废检 = item.机检废检;
//       return item
//     });
//   } catch (error) {
//     console.error(error);
//   }
// }

// //质检废品系数【更新】
// const scfjfpxsConfirm = async () => {
//   const rawValueArray = scfjfpxstableData._rawValue;
//   const formattedData = rawValueArray.map(item => {
//     return {
//       UniqID: item.Uniqid,
//       artificial_zp: item.人工正品板 !== null ? item.人工正品板 : "",
//       artificial_cp: item.人工次品板 !== null ? item.人工次品板 : "",
//       artificial_fj: item.人工废检 !== null ? item.人工废检 : "",
//       machine_zp: item.机检正品板 !== null ? item.机检正品板 : "",
//       machine_cp: item.机检次品板 !== null ? item.机检次品板 : "",
//       machine_fj: item.机检废检 !== null ? item.机检废检 : ""
//     }
//   });
//   const editGyWastes = await editGyWaste(formattedData);
//   if (editGyWastes.code === 0) {
//     scfjfpxslist.value = false;
//     ElMessage({type: 'success',message: '更新成功'})
//   } else {
//     ElMessage({type: 'error',message: '更新失败'})
//   }
// };

// //质检废品系数【退出】
// const scfjfpxsCancel = () => {
//   scfjfpxslist.value = false;
// };

//=========工序产量核查===========
// const gd_gxclhclist = ref(false);
// const gxclhc_Data = ref([]);
// const gxclhc_Columns = ref(
//     [
//       { label: '印件及工序名称', prop: 'concatenatedData', width: '380' },
//       // { label: '印件', prop: 'Gy0_yjno', width: '130' },
//       // { label: '工序', prop: 'Gy0_gxh', width: '130' },
//       // { label: '名称', prop: 'Gy0_gxmc', width: '130' },
//       { label: '工序计划产量', prop: 'Gy0_计划接货数', width: '120' },
//       { label: '联数', prop: 'Gy0_ls', width: '70' },
//       { label: '折算车头产量', prop: '折算车头产量', width: '120' },
//       { label: '实际上报产量', prop: 'sczl_cl', width: '120' },
//       { label: '制程废品', prop: 'sczl_zcfp', width: '120' },
//       { label: '制程废品率', prop: '制程废品率', width: '120' },
//       { label: '来料异常', prop: '来料异常', width: '90' },
//       { label: '流程单数', prop: 'process_num', width: '90' },
//       { label: '当前设备', prop: 'Gy0_sbbh', width: '120' },
//       { label: '工序状态', prop: 'PD_WG', width: '90'},
//       { label: '首板生产日期', prop: 'sczl_rq', width: '160' },
//     ]
// )
// const gxclhcformData = reactive({
//   gdbh: '',
//   gdmc: '',
//   yjno: '',
// });
// const gdwhformData = reactive({
//   // 下拉框选项数据
//   yinjian: [],
//   // 设置默认值
//   yjno: '',
// });
// const inputCpmc = ref('')

// 工序产量核查按钮
// const gd_gxclhconClick = async () => {
//   if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
//     ElMessage({type: 'warning',message: '请选择具体的工单，在进行操作'})
//     return false;
//   }
//   gd_gxclhclist.value = true;
//   gxclhcformData['gdbh'] = _Gd_gdbh.value;
//   const response = await PrintDetailList ({workOrder:_Gd_gdbh.value});
//   console.log(response)
//   gdwhformData.yjno = response.data[0].no
//   inputCpmc.value = response.data[0].name
//   if (response.code === 0) {
// 	  const noFields = response.data.map(item => item.no);
// 	  gdwhformData.yinjian = noFields
// 	} else {
// 	  console.error('查询失败:', response.msg);
// 	}
//   _getOrderProcessCount();
// };

// //点击印件下拉框
// const ongdwhfanclick = async() => {
// 	_PrintDetailList();
//   _getOrderProcessCount();
// }

// //工序产量核查回车
// const gxclhcProductValue = async () => {
//   _getOrderProcessCount();
//   _PrintDetailList();
// }
// //工序产量核查退出
// const gxclhcCancel = async () => {
//   gd_gxclhclist.value = false;
// };

// //印件编号获取方法接口
// const _PrintDetailList = async () => {
//   const order = gxclhcformData['gdbh'];
//   const response = await PrintDetailList ({workOrder:order});
//   const matchingItem = response.data.find(item => item.no === gdwhformData.yjno);
//     if (matchingItem) {
// 		console.log(matchingItem.name)
// 		inputCpmc.value = matchingItem.name;
// 	} else {
// 		console.log(`No matching item found for no: ${gdwhformData.yjno}`);
// 	}
// }
// //工序产量核查方法接口
// const _getOrderProcessCount = async () => {
//   console.log(yjtableData['_rawValue'][0]['印件号'])
//   const order = gxclhcformData['gdbh'];
//   const yjno = gdwhformData.yjno;
//   const getOrderProcessCount_list = await getOrderProcessCount({order:order,yjno:yjno});
//   const concatenatedData = getOrderProcessCount_list.data.map(item => {
//     // 优化后的代码，使用模板字符串连接字段值并在单个数字前添加零
//     const formattedYjno = item.Gy0_yjno.length === 1 ? `0${item.Gy0_yjno}` : item.Gy0_yjno;
//     const formattedGxh = item.Gy0_gxh.length === 1 ? `0${item.Gy0_gxh}` : item.Gy0_gxh;
//     const concatenatedValue = `${formattedYjno}-${formattedGxh} ${item.Gy0_gxmc} 【${item.Add_gxmc} 】`;
//     return {
//       ...item,
//       concatenatedData: concatenatedValue, // 使用新属性名
//     };
//   });
//   gxclhc_Data.value = concatenatedData;
// };

// //工序产量核查
// const gxclhcCellClass = ({row, column, rowIndex, columnIndex}) =>{
//   if (column.label === '实际上报产量' ||column.label === '制程废品'  || column.label === '制程废品率' ||
//       column.label === '来料异常' || column.label === '流程单数' || column.label === '当前设备') {
//     return 'lan-plan-usage-lows';
//   }
//   if (column.label === '折算车头产量') {
//     return 'gxclhc—color-column-red';
//   }
//   // 如果不是 'PD_WG' 列，返回空字符串或其他样式类
//   if (column.label === '工序状态'){
//     if(row['PD_WG'] === '完工'){
//       return 'lan-plan-usage-lowshui';
//     }else{
//       return 'pczccolor-column-lan';
//     }
//   }
// }

// =========== 流程单查询 ===========
// const gd_lcdlist = ref(false);
// const gd_yjno = ref('1');
// const gd_lcdformData = reactive({
//   gdbh: '',
//   code: '',
//   name: '',
// });
// // 流程单查询按钮
// const processList = ref([]);
// const gdlcdcxconlick = async () => {
//   if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
//     ElMessage({type: 'warning',message: '请选择具体的工单，在进行操作'})
//     return false;
//   }else{
//     gd_lcdformData['gdbh'] = _Gd_gdbh.value;
//     gd_lcdformData['yjno'] = gd_yjno.value;
//     _getOrderProcessLeft_list();
//     gd_lcdlist.value = true;
//     processList.value = []
//   }
// }
// //流程单查询回车
// const gd_lcdProductValue = async () => {
//   if(gd_lcdformData['gdbh'] == '' || gd_lcdformData['gdbh'] === null){
//     ElMessage({type: 'warning',message: '工单编号为空'})
//     return false;
//   }
//   _getOrderProcessLeft_list();
// }
// const lcd_treeData = ref([]);
// const _getOrderProcessLeft_list = async () => {
//   const order = gd_lcdformData['gdbh'];

//   const yjno = gd_lcdformData['yjno']
//   try {
//     //5.1流程单查询-工单工序生产进程菜单栏
//     const getOrderProcessLeft_list = await getOrderProcessLeft({ order:order,yjno:yjno});
//     // console.log(getOrderProcessLeft_list)
//     if(getOrderProcessLeft_list.data.Gd_info === null || getOrderProcessLeft_list.data.Gd_info === ''){
//       ElMessage({type: 'warning',message: '未查询到具体工单信息'})
//       lcd_treeData.value = [];
//       return false;
//     }
//     gd_lcdformData['code'] = getOrderProcessLeft_list.data.Gd_info['code'];
//     gd_lcdformData['name'] = getOrderProcessLeft_list.data.Gd_info['name'];
//     lcd_treeData.value = [{
//       label: order + '-' + getOrderProcessLeft_list.data.Gd_info['name'],
//       // label: getOrderProcessLeft_list.data.Gd_info['code'] + '-' + getOrderProcessLeft_list.data.Gd_info['name'],
//       value: undefined,
//       children: []
//     }]
//     const newData = [];
//     for (let key in getOrderProcessLeft_list.data.Gy_info) {
//       let temp = getOrderProcessLeft_list.data.Gy_info[key];
//       let concatenatedValue = `${temp.Gy0_yjno}-${temp.Gy0_gxh} ---> ${temp.Gy0_gxmc}`;
//       newData.push({ label: concatenatedValue,value: temp.Gy0_gxh });
//     }
//     lcd_treeData.value[0].children = newData;
//     //5.2流程单查询-获取工单工序生产进程右侧【接口】【进入页面默认显示第一个数据】
//     const getOrderProcessRight_list = await getOrderProcessRight({order: order, gxNo:newData[0].value,yjno:yjno});
//     processList.value = getOrderProcessRight_list.data
//   } catch (error) {
//     console.error(error);
//   }
// };
// //点击左侧获取工序显示右侧数据
// const lcd_handleNodeClick = async (node) => {
//   if (node.value === undefined || node.value === null){
//       return false;
//   }
//   const order = gd_lcdformData['gdbh'];
//   //5.2流程单查询-获取工单工序生产进程右侧【接口】
//   const getOrderProcessRight_list = await getOrderProcessRight({order:order, gxNo:node.value,yjno:yjno});
//   processList.value = getOrderProcessRight_list.data
// };

// // 流程单查询退出
// const gd_lcdCancel = async () => {
//   gd_lcdlist.value = false;
// }












const yjzuidahaoma = ref(0)
const searchModel = ref(false)
const searchZhiModel = ref(false)
const zzdhIndex = ref(null)
const getProductYjListdata = ref()
const getProductZhiListdata = ref()
const yjdh_keyword = ref('')
const zhi_keyword = ref('')


//印件新增【印件代码】树状图
const handleTreeData = (treeData) => {
 const data = Object.keys(treeData).map((key)=>({
   label:key,
    children: Object.keys(treeData[key]).map((keys)=>({
      label:keys,
      children:treeData[key][keys].map(item=>({
        label:`${item.物料代码} ${item.物料名称}`,
        物料代码:item.物料代码,
        物料名称:item.物料名称
      }))
    }))
  }))
  return data
}

//印件新增【纸张】树状图
const handleTreeDatas = (treeData) => {
  const data = Object.keys(treeData).map((key)=>({
    label:key,
    children: Object.keys(treeData[key]).map((keys)=>({
      label:keys,
      children:Object.keys(treeData[key][keys]).map((keyss)=>({
        label:keyss,
        children:treeData[key][keys][keyss].map(item=>({
          label:`${item.物料代码} ${item.物料名称}`,
          规格:item.规格,
          物料代码:item.物料代码,
          物料名称:item.物料名称
        }))
      }))
    }))
  }))
  return data
}

//3.4获取印件代码及名称
const _getProductYjList = async ()=>{
  try {
    const response = await getProductYjList({search:''});
    getProductYjListdata.value = handleTreeData(response.data)
  } catch (error) {
    console.error(error);
  }
}
//3.5获取纸张代号及名称
const _getProductZzList = async (v)=>{
  console.log(v)
  try {
    const response = await getProductZzList({search:v});
    getProductZhiListdata.value = handleTreeDatas(response.data)
  } catch (error) {
    console.error(error);
  }
}
//3.4获取印件代码及名称
const searchHandle = async (v) => {
  const response = await getProductYjList({search:v});
  getProductYjListdata.value = handleTreeData(response.data)
}
//3.5获取纸张代号及名称
const searchZhiHandle = async(v) => {
  const response = await getProductZzList({search:v});
  getProductZhiListdata.value = handleTreeDatas(response.data)
}
//印件代码tab 点击事件
const selectNode = (v) => {
  if(v.物料名称){
    add_yjzlformdata['yjdh'] = v.物料代码
      add_yjzlformdata['yjmc'] = v.物料名称
      searchModel.value= false
  }
}
//纸张tab 点击事件
const selectZhiNode = (v) => {
  if(v.物料名称){
    if (zzdhIndex.value == 0) {
          add_yjzlformdata['zzdh'] = v.物料代码
          add_yjzlformdata['zzmc'] = v.物料名称
          add_yjzlformdata['tlgg'] = v.规格
        } else {
          add_yjzlformdata['zzdh' + zzdhIndex.value] = v.物料代码
          add_yjzlformdata['zzmc' + zzdhIndex.value] = v.物料名称
        }
    searchZhiModel.value = false
  }
}
//新增印件表格input
const add_gdzlyjent = async (event,id1,id2,id3,idx) => {
  if (id2 === 'yjdh' && event.key==='Tab' || id2 === 'yjdh' && event.key=== 'Enter') {
    _getProductYjList();
    searchModel.value = true
  }
  if(id2=='pztl' && event.key==='Tab' || id2 === 'pztl' && event.key=== 'Enter'){
	  add_yjzlformdata.万小张 = add_yjzlformdata.pztl*add_yjzlformdata.ls/10000
  }
  if(id2=='ls' && event.key==='Tab' || id2 === 'ls' && event.key=== 'Enter'){
  	  add_yjzlformdata.万小张 = add_yjzlformdata.pztl*add_yjzlformdata.ls/10000
  }
  if (id2 === 'zzdh' && event.key==='Tab' || id2 === 'zzdh' && event.key=== 'Enter') {
    _getProductZzList(add_yjzlformdata['zzdh'])
    searchZhiModel.value = true
    zzdhIndex.value = idx
  }
  if (id2 === 'zzdh1' && event.key==='Tab' || id2 === 'zzdh1' && event.key=== 'Enter') {
    _getProductZzList(add_yjzlformdata['zzdh1'])
    searchZhiModel.value = true
    zzdhIndex.value = idx
  }
  if (id2 === 'zzdh2' && event.key==='Tab' || id2 === 'zzdh2' && event.key=== 'Enter') {
    _getProductZzList(add_yjzlformdata['zzdh2'])
    searchZhiModel.value = true
    zzdhIndex.value = idx
  }
  if (id2 === 'zzdh3' && event.key==='Tab' || id2 === 'zzdh3' && event.key=== 'Enter') {
    _getProductZzList(add_yjzlformdata['zzdh3'])
    searchZhiModel.value = true
    zzdhIndex.value = idx
  }
  if (id2 === 'zzdh4' && event.key==='Tab' || id2 === 'zzdh4' && event.key=== 'Enter') {
    _getProductZzList(add_yjzlformdata['zzdh4'])
    searchZhiModel.value = true
    zzdhIndex.value = idx
  }
  if(event.keyCode === 40){
    if(id3!=''){
      document.getElementById(id3).focus()
    }
  }else if (event.keyCode === 13) { // Enter 或向下箭头
    if(id3!=''){
      document.getElementById(id3).focus()
    }
  } else if (event.keyCode === 38) { // 向上箭头
    if(id1!=''){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 8) { // 删除箭头
    if(id1!='' && document.getElementById(id2).value==''){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 37) { // 向左箭头
    if(id1!='' && document.getElementById(id2).selectionStart==0){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 39) { // 向右箭头
    if(id3!='' && document.getElementById(id2).selectionStart == document.getElementById(id2).value.length){
      document.getElementById(id3).focus()
    }
  }
}


// =========== 新增资料 ===========
const add_gdgydialogFormVisible = ref(false)
const add_gdgyformData = reactive({});


//清空对象的属性值
// const gdgy_clearFormData = () => {
//   Object.keys(add_gdgyformData).forEach(key => {
//     add_gdgyformData[key] = '';
//   });
// };


//同步
// const gdtb_onclick = async ()=>{
//   const WorkOrderDatada = await WorkOrderData();
//   console.log(WorkOrderDatada)
//   ElMessage({ type: 'warning',message: WorkOrderDatada.msg});
// }


// =========== 查改U8工单 ===========
// const cgugdlist = ref(false);
// const cgugdformData = reactive({
//   gdbh: '',
//   cpdh: '',
//   gdmc: '',
// });
// const cgugdtableData = ref([]);
// //查改U8工单【按钮】
// const oneditugdclick = () => {
//   if(_Gd_gdbh.value == null){
//     cgugdlist.value = false;
//     ElMessage({
//       type: 'warning',
//       message: '请选择具体的工单后，再操作此功能'
//     })
//   }else{
//     cgugdformData['gdbh'] = _Gd_gdbh.value;
//     cgugdformData['cpdh'] = _Gd_cpdh.value;
//     cgugdformData['gdmc'] = _Gd_cpmc.value;
//     _U8workOrder();
//     cgugdlist.value = true;
//   }
// };

// //查改U8工单【回车】
// const cgugdProductValue = () => {
//   _U8workOrder();
// };

// //查改U8工单->工单列表
// const _U8workOrder = async ()=>{
//   let workOrder = cgugdformData['gdbh'];
//   // console.log(workOrder)
//   try {
//     const U8workOrderdata = await U8workOrder({workOrder:workOrder});
//     cgugdtableData.value = U8workOrderdata.data;
//   } catch (error) {
//     console.error(error);
//   }
// }

// // 多选数据
// const multipleSelection = ref([]);

// //查改U8工单多选
// const cguzlgd_del = (val) => {
//   if (Array.isArray(val) && val.length === 0) {
//     multipleSelection.value = [];
//   } else {
//     multipleSelection.value = [];
//     multipleSelection.value.push(...val.map(item => item.序号));
//   }
// }

// //查改U8工单（工单删除）
// const oncgugdclickdel = async ()=>{
//   const Uniqid = multipleSelection.value.join(',');
//   // console.log(Uniqid)
//   try {
//     const U8DataCorrection_del = await U8DataCorrection({Uniqid:Uniqid});
//     if (U8DataCorrection_del.code === 0) {
//       multipleSelection.value = [];
//       ElMessage({type: 'success',message: '删除成功'})
//       const U8workOrderdata = await U8workOrder({workOrder:cgugdformData['gdbh']});
//       cgugdtableData.value = U8workOrderdata.data;
//     } else {
//       ElMessage({type: 'error',message: '删除失败'})
//     }
//     // 清空 multipleSelection 为空数组，只有在处理完数据后清空
//   } catch (error) {
//     console.error(error);
//   }
// }

// //查改U8工单【退出】
// const oncgugdcloneclick = () => {
//   cgugdlist.value = false;
// };

// =========== 工艺流程调整 ===========
const gylctztableColumns = ref(
    [
      { label: '方案', prop: '方案', width: '60' },
      { label: '印件号', prop: '印件号', width: '70' },
      { label: '工序号', prop: '工序号', width: '80' },
      { label: '工序名称', prop: '工序名称', width: '440' },
      { label: '工价系数', prop: '工价系数', width: '100' },
      { label: '损耗系数', prop: '损耗系数', width: '100' },
      { label: '开数', prop: 'ks', width: '60' },
      { label: '联数', prop: 'ls', width: '60' },
      { label: '备注', prop: '备注', width: '200' },
      { label: '车间', prop: '车间', width: '90' },
      { label: '设备编号', prop: '设备编号', width: '100' },
      { label: '设备名称', prop: '设备名称', width: '100' },
      { label: '建档用户', prop: '建档用户', width: '100' },
      { label: '建档时间', prop: '建档时间', width: '160' },
      { label: '更新时间', prop: '更新时间', width: '160' },
    ]
)
const gylctz_handleKeyDown = (event, x, y, prop) => {
  const currentElement = document.getElementById(`input${x}${y}`);
  if (currentElement === null && currentElement === undefined) return
  switch (event.keyCode) {
    case 13: // Enter
    case 40: // 向下箭头
      if (y < gylctztableData.value.length )
        document.getElementById(`input${x}${y + 1}`).focus();
      break;
    case 38: // 向上箭头
      if ( y > 0) {
        document.getElementById(`input${x}${y - 1}`).focus();
      }
      break;
    default:
      break;
  }
}
const gylctzlist = ref(false);
const gylctzformData = reactive({
  gdbh: '',
  gddh: '',
  gdmc: '',
});
const gylctztableData = ref([]);
//工艺流程调整【按钮】
// const oneditgylctzclick = () => {
//   if(_Gd_gdbh.value == null){
//     gylctzlist.value = false;
//     ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能'})
//   }else{
//     gylctzformData['gdbh'] = _Gd_gdbh.value;
//     _ProcessFlow();
//     gylctzlist.value = true;
//   }
// };
// ////工艺流程调整【回车】
// const gylctzProductValue = () => {
//   if(gylctzformData['gdbh'] == '' || gylctzformData['gdbh'] === null){
//     ElMessage({type: 'warning',message: '工单编号为空'})
//     return false;
//   }
//   _ProcessFlow();
// };

// // 工艺流程调整->获取当前工单工艺资料
// const _ProcessFlow = async ()=>{
//   let workOrder = gylctzformData['gdbh'];
//   try {
//     const ProcessFlowdata = await ProcessFlow({workOrder:workOrder});
//     if(ProcessFlowdata.msg === '未找到工单信息'){
//       ElMessage({type: 'warning',message: '未找到工单信息'});
//       gylctztableData.value = [];
//       return false;
//     }
//     gylctzformData["gddh"] = ProcessFlowdata.data.成品编号;
//     gylctzformData["gdmc"] = ProcessFlowdata.data.成品名称;
//     gylctztableData.value = ProcessFlowdata.data.process;
//   } catch (error) {
//     console.error(error);
//   }
// }
// //附加标准工序【按钮】
// const gdzlfjxx = ref(false);
// const gdzlfjxxformData = reactive({
//   gdbh: '',
//   cpmc: '',
//   // 下拉框选项数据
//   cpgyfans: [],
//   // 设置默认值
//   cpgyfan: '',
// });
// //点击下拉框获取输入框的值
// const ongdzlfanclick = () => {
//   const workOrder = gdzlfjxxformData.cpgyfan;
//   _ProcessFlow_xiala(workOrder);
// }
// // 工艺流程调整->获取当前工单工艺资料
// const gdzlfjxxtableData = ref([]);
// const _ProcessFlow_xiala = async (workOrder)=>{
//   try {
//     const ProcessFlow_xiala = await ProcessFlow({ workOrder });
//     if (ProcessFlow_xiala.data) {
//       gdzlfjxxtableData.value = ProcessFlow_xiala.data.process;
//     } else {
//       console.log("工艺流程调整->获取当前工单工艺资料 中缺少 data 属性");
//     }
//   } catch (error) {
//     console.error(error);
//   }
// }
// //工艺方案附加【下拉框工单编号数据】
// const attachList = ref([])
// const attachChange = (val) => {
//   attachList.value = val
// }
// //工艺方案附加【执行】
// const addGongyiAttach = () => {
//   attachList.value.map(row => gylctztableData.value.push(row))
//   gdzlfjxx.value = false
// }
// const gdzlfjxxtableColumns = ref(
//     [
//       { label: '方案', prop: '方案', width: '60' },
//       { label: '印件号', prop: '印件号', width: '70' },
//       { label: '工序号', prop: '工序号', width: '70' },
//       { label: '工序名称', prop: '工序名称', width: '370' },
//       { label: '工价系数', prop: '工价系数', width: '87' },
//       { label: '损耗系数', prop: '损耗系数', width: '87' },
//       { label: '开数', prop: 'ks', width: '65' },
//       { label: '联数', prop: 'ls', width: '65' },
//       { label: '备注', prop: '备注', width: '240' },
//       { label: '车间', prop: '车间', width: '105' },
//       { label: '设备编号', prop: '设备编号', width: '100' },
//       { label: '设备名称', prop: '设备名称', width: '100' },
//       { label: '建档用户', prop: '建档用户', width: '100' },
//       { label: '建档时间', prop: '建档时间', width: '160' },
//       { label: '更新时间', prop: '更新时间', width: '160' },
//     ]
// )
// //工艺方案附加【放弃】
// const gylcfj_fangqi = () => {
//   gdzlfjxx.value = false
// }

// //点击附加标准工序【按钮】
// const gylctz_fjbzgx = async () => {
//   gdzlfjxxformData['cpdh'] = gylctzformData['gddh'];
//   gdzlfjxxformData['cpmc'] = gylctzformData['gdmc'];
//   gdzlfjxxtableData.value = [];
//   await _ReferenceWorkOrder();
//   gdzlfjxx.value = true;
// };
// // 工艺流程调整->参照工单列表获取【展示下拉框的数据】
// const _ReferenceWorkOrder = async ()=>{
//   let params = {};
//   params.productCode = gylctzformData['gddh'];
//   params.workOrder = _Gd_gdbh.value;
//   try {
//     const ReferenceWorkOrder_data = await ReferenceWorkOrder(params);
//     if(ReferenceWorkOrder_data.code === 0){
//       // 从数据中提取方案
//       const schemes = ReferenceWorkOrder_data.data || [];
//       // 直接将数组作为工艺方案数组
//       gdzlfjxxformData.cpgyfans = schemes;
//       if (gdzlfjxxformData.cpgyfans.length > 0) {
//         gdzlfjxxformData.cpgyfan = [gdzlfjxxformData.cpgyfans[0]];
//       }
//       //默认获取下拉框第一个值
//       const workOrder = gdzlfjxxformData.cpgyfan[0]
//       gdzlfjxxformData.cpgyfan = gdzlfjxxformData.cpgyfans[0]
//       _ProcessFlow_xiala(workOrder)
//     }else{
//       console.log("该产品下没有工单")
//     }
//   } catch (error) {
//     console.error(error);
//   }
// }

// //更新当前产品工序【按钮】
// const gylctz_gxdqcpgx = async () => {
//   console.log(gylctztableData)
//   const rawValueArray = gylctztableData.value;
//   const formattedData = rawValueArray.map(item => {
//     return {
//       workOrder:gylctzformData['gdbh'],
//       UniqId:item.UniqId,
//       gxh:item['工序号']
//     }
//   });
//   const ProcessCopy_edit = await ProcessCopy(formattedData);
//   if(ProcessCopy_edit.code === 0) {
//     ElMessage({type: 'success',message: '更新成功'})
//   } else {
//     ElMessage({type: 'error',message: '更新失败' })
//   }
//   gylctzlist.value = false;
// };

// //放弃操作【按钮】
// const gylctzhandleCancel = () => {
//   gylctzlist.value = false;
// };

// =========== 工序产量核算 ===========
const gxclhslist = ref(false);
const gxclhsformData = reactive({
  gdbh: '',
});
//工序产量核算【按钮】
const oneditgxclhsclick = () => {
  if(_Gd_gdbh.value == null){
    gxclhslist.value = false;
    ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能'})
  }else{
    gxclhsformData['gdbh'] = _Gd_gdbh.value;
    gxclhslist.value = true;
  }
};
//工序产量核算【确定】(未完成)
const gxclhshandleConfirm = async () => {
  console.log(gxclhsformData['gdbh'])
  // const  = await ({:gxclhsformData['gdbh']});
  // if (.code === 0) {
  //   ElMessage({type: 'success', message: '更新成功'})
  // } else {
  //   ElMessage({type: 'error',message: '更新失败'})
  // }
  // gxclhslist.value = false;
};
//工序产量核算【取消】
const gxclhshandleCancel = () => {gxclhslist.value = false;};
// =========== U8投料试算 ===========
const tlsslist = ref(false);
const tlsstableData = ref([]);
const tlssformData = reactive({
  cpdh: '',
  cpmc: '',
  cpzs: '',
  zytldzs: '',
  mbhgl: '',
  shs: '',
});
//点击U8投料试算【按钮】
const ontlssclick = () => {
  //工单编号
  if(_Gd_gdbh.value == null){
    tlsslist.value = false;
    ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能'})
  }else{
    //产品代号
    if( _Gd_cpdh.value === ''){
      tlsslist.value = false;
      ElMessage({type: 'warning',message: '该产品号未查询到'})
    }else{
      tlssformData['cpdh'] =  _Gd_cpdh.value;
      tlssformData['cpmc'] = _Gd_cpmc.value;
      tlsslist.value = true;
      _U8Trial();
    }
  }
};
//点击U8投料试算【回车】
const tlssgetProductValue = async () => {
  _U8Trial();
};
//点击U8投料试算【成品张数回车】
const tlsscpzsgetProductValue = async () => {
  console.log("成品张数回车")
};
//U8投料试算
const _U8Trial = async ()=>{
  let productCode = tlssformData['cpdh'];
  try {
    const U8Trialdata = await U8Trial({productCode:productCode});
    tlsstableData.value = U8Trialdata.data;
  } catch (error) {
    console.error(error);
  }
}
//U8投料试算【退出】
const oncloneclick = () => {tlsslist.value = false;};


// 行为控制标记（弹窗内部需要增还是改）
const type = ref('')



//=========印件列表修改========
// 弹窗控制标记
const gdyjdialogFormVisible = ref(false)
const gdyjformData = reactive({})
const edit_searchModel = ref(false)
const edit_searchZhiModel = ref(false)
const edit_zzdhIndex = ref(null)
const edit_getProductYjListdata = ref()
const edit_getProductZhiListdata = ref()
const edit_yjdh_keyword = ref('')
const edit_zhi_keyword = ref('')
// =========== 修改 ===========
const dialogFormVisible = ref(false)
const edit_formData = ref({})
//双击打开颜色资料列表修改
const gdyjupdateCompanyFunc = async(row) => {
	console.log(row)
	dialogFormVisible.value = true;
	Object.assign(edit_formData.value,row);
}
// 修改确认
const edit_Dialog = async (row) => {
	dialogFormVisible.value = false;
};
// 修改取消
const edit_closeDialog = async (row) => {
	dialogFormVisible.value = false;
};

//3.4获取印件代码及名称
const edit_getProductYjList = async ()=>{
  try {
    const response = await getProductYjList({search:''});
    edit_getProductYjListdata.value = edit_handleTreeData(response.data)
  } catch (error) {
    console.error(error);
  }
}

//3.5获取纸张代号及名称
const edit_getProductZzList = async (v)=>{
  console.log(v)
  try {
    const response = await getProductZzList({search:v});
    edit_getProductZhiListdata.value = edit_handleTreeDatas(response.data)
  } catch (error) {
    console.error(error);
  }
}

//3.4获取印件代码及名称
const edit_searchHandle = async (v) => {
  const response = await getProductYjList({search:v});
  edit_getProductYjListdata.value = edit_handleTreeData(response.data)
}

//3.5获取纸张代号及名称
const edit_searchZhiHandle = async(v) => {
  const response = await getProductZzList({search:v});
  edit_getProductZhiListdata.value = edit_handleTreeDatas(response.data)
}

//印件代码tab 点击事件
const edit_selectNode = (v) => {
  if(v.物料名称){
    gdyjformData['印件代号'] = v.物料代码
    gdyjformData['印件名称'] = v.物料名称
    edit_searchModel.value= false
  }
}
//纸张tab 点击事件
const edit_selectZhiNode = (v) => {
  if(v.物料名称){
    if (edit_zzdhIndex.value == 0) {
      gdyjformData['纸张代号'] = v.物料代码
      gdyjformData['纸张名称'] = v.物料名称
      gdyjformData['投料规格'] = v.规格
    } else {
      gdyjformData['备用纸张' + edit_zzdhIndex.value] = v.物料代码
      gdyjformData['纸张名称' + edit_zzdhIndex.value + edit_zzdhIndex.value] = v.物料名称
    }
    edit_searchZhiModel.value = false
  }
}

//修改印件表格input
const edit_gdyjent = (event,id1,id2,id3,idx) => {
  if (id2 === '印件代号' && event.key==='Tab' || id2 === '印件代号' && event.key=== 'Enter') {
    edit_getProductYjList();
    edit_searchModel.value = true
  }
  if(id2=='平张投料' && event.key==='Tab' || id2 === '平张投料' && event.key=== 'Enter'){
  	  gdyjformData.万小张 = gdyjformData.平张投料*gdyjformData.联数/10000
  }
  if(id2=='联数' && event.key==='Tab' || id2 === '联数' && event.key=== 'Enter'){
  	  gdyjformData.万小张 = gdyjformData.平张投料*gdyjformData.联数/10000
  }
  if (id2 === '纸张代号' && event.key==='Tab' || id2 === '纸张代号' && event.key=== 'Enter') {
    edit_getProductZzList(gdyjformData['纸张代号'])
    edit_searchZhiModel.value = true
    edit_zzdhIndex.value = idx
  }
  if (id2 === '备用纸张1' && event.key==='Tab' || id2 === '备用纸张1' && event.key=== 'Enter') {
    edit_getProductZzList(gdyjformData['备用纸张1'])
    edit_searchZhiModel.value = true
    edit_zzdhIndex.value = idx
  }
  if (id2 === '备用纸张2' && event.key==='Tab' || id2 === '备用纸张2' && event.key=== 'Enter') {
    edit_getProductZzList(gdyjformData['备用纸张2'])
    edit_searchZhiModel.value = true
    edit_zzdhIndex.value = idx
  }
  if (id2 === '备用纸张3' && event.key==='Tab' || id2 === '备用纸张3' && event.key=== 'Enter') {
    edit_getProductZzList(gdyjformData['备用纸张3'])
    edit_searchZhiModel.value = true
    edit_zzdhIndex.value = idx
  }
  if (id2 === '备用纸张4' && event.key==='Tab' || id2 === '备用纸张4' && event.key=== 'Enter') {
    edit_getProductZzList(gdyjformData['备用纸张4'])
    edit_searchZhiModel.value = true
    edit_zzdhIndex.value = idx
  }
  if(event.keyCode === 40){
    if(id3!=''){
      document.getElementById(id3).focus()
    }
  }else if (event.keyCode === 13) { // Enter 或向下箭头
    if(id3!=''){
      document.getElementById(id3).focus()
    }
  } else if (event.keyCode === 38) { // 向上箭头
    if(id1!=''){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 8) { // 删除箭头
    if(id1!='' && document.getElementById(id2).value==''){
      document.getElementById(id1).focus()
    }
    // console.log(document.getElementById(id2).value)
  }else if (event.keyCode === 37) { // 向左箭头
    if(id1!='' && document.getElementById(id2).selectionStart==0){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 39) { // 向右箭头
    if(id3!='' && document.getElementById(id2).selectionStart == document.getElementById(id2).value.length){
      document.getElementById(id3).focus()
    }
  }
}

//=========修改工艺资料========
const gdgydialogFormVisible = ref(false)
const _capacityListsbbh = ref(null)
const gdgyformData = reactive({})
const gdzl_MachineList_address = reactive({
  data: []
});
const _cjmc = ref(null);
//双击修改
const gdgyupdateCompanyFunc = async(row) => {
//   gdgydialogFormVisible.value = true

//   Object.assign(gdgyformData,row);
  
// const apiData = await getDepartName()
//   function transformDataToTreeFormat(data) {
//     return Object.entries(data).map(([key, value]) => {
//       // key是车间名称，value是车间内的操作列表
//       const children = Object.entries(value).map(([workshop, operations]) => ({
//         label: workshop,
//         children: operations.map(operation => ({
//           label: operation,
//           value: operation // 可以根据需要添加更多属性
//         }))
//       }));
//       return { label: key, children };
//     });
//   }
//   // 使用ref来管理转换后的数据
//   cjList.value = ref(transformDataToTreeFormat(apiData.data));
//   const res = await PrintDetailList({workOrder: _Gd_gdbh.value})
//   yjList.value = res.data
  
//   if(row['车间名称']){
//     _cjmc.value = row['车间名称']
//   }else{
//     _cjmc.value = '';
//   }
//   gdgyformData['设备编号'] = []
//   //通过车间名称查询机台
//   const MachineList_jitai = await gdzl_MachineList({address:_cjmc.value});
//   if(MachineList_jitai.data === null || MachineList_jitai.data === ''){
//     ElMessage({type: 'warning', message: '未找到该车间机台'})
//     return false;
//   }
//   const jitai = row['机台编号'].split(' ')
//   jitai.map(item => {
//     MachineList_jitai.data.map(jt => {
//       if (jt.indexOf(item) > -1 && item !== '') {
//         gdgyformData['设备编号'].push(item)
//       }
//     })
//   })
//   gdzl_MachineList_address.data = MachineList_jitai.data;
//   // 示例字符串
//   const processName = row['工序名称'];
//   // 初始化工艺名称和工序名称
//   let technologyName = '';
//   let operationName = '';
//   // 检查字符串中是否包含【】
//   const bracketIndex = processName.indexOf('【');
//   if (bracketIndex !== -1) {
//     // 如果包含【】，则分割字符串
//     technologyName = processName.substring(0, bracketIndex).trim();
//     operationName = processName.substring(bracketIndex + 1, processName.indexOf('】')).trim();
//   } else {
//     // 如果没有【】，则整个字符串是工艺名称，工序名称为空
//     technologyName = processName.trim();
//   }

//   // 示例字符串
//   const printProcess = row['印件-工序'];
//   // 初始化印件和工序
//   let yinjian = '';
//   let gongxu = '';
//   // 检查字符串中是否包含 "-"
//   const dashIndex = printProcess.indexOf('-');
//   if (dashIndex !== -1) {
//     // 如果包含 "-"，则分割字符串
//     yinjian = printProcess.substring(0, dashIndex).trim();
//     gongxu = printProcess.substring(dashIndex + 1).trim();
//   } else {
//     // 如果没有 "-"，则整个字符串是印件，工序为空
//     yinjian = printProcess.trim();
//   }
  
//   gdgyformData['印件'] = yinjian;
//   gdgyformData['工序'] = gongxu;
//   gdgyformData['工艺名称'] = technologyName;
//   gdgyformData['工序名称'] = operationName;
//   if(row.备选工序==1){
// 	  gdgyformData.备选工序 = true
//   }
}

//工艺列表修改【确定】
const gdgyenterDialog = async () => {
	
  if(_Gd_gdbh.value){
    const selectedValuesAsString = gdgyformData['设备编号'].join(' ');
    // if(gdgyformData['shdh'] === ''){
    //   ElMessage({type: 'warning', message: '工序损耗不能为空'})
    //   return false;
    // }
    // if(gdgyformData['小时产能'] === '' || gdgyformData['小时产能'] === "0"){
    //   ElMessage({type: 'warning', message: '排产小时产能 不能为空或0'})
    //   return false;
    // }
    // if(gdgyformData['设备编号'] === '' || gdgyformData['设备编号'] === "0"){
    //   ElMessage({type: 'warning', message: '设备编号 不能为空'})
    //   return false;
    // }
	let sbbh = gdgyformData['设备编号'].join(' ');
    const formattedData = {
      UniqId: gdgyformData['UniqId'],
	  
	  Gy0_gdbh: _Gd_gdbh.value,
	  Gy0_方案: 'A',
	  Gy0_yjno: gdgyformData['印件'] ? gdgyformData['印件'] : "",
	  Gy0_gxh: gdgyformData['工序'] ? gdgyformData['工序'] : "",
	  Gy0_gxmc:gdgyformData['工艺名称'] ? gdgyformData['工艺名称'] : "",
	  Add_gxmc:gdgyformData['工序名称'] ? gdgyformData['工序名称'] : "",
	  备选工序: gdgyformData['备选工序'] ? "1" : "0",
	  重点工序: gdgyformData['重点工序'] ? gdgyformData['重点工序'] : "",
	  Gy0_sbbh: sbbh ? sbbh : "",
	  Gy0_sbmc: "",
	  Gy0_SITE: gdgyformData['车间名称'] ? gdgyformData['车间名称'] : "",
	  Gy0_ks: gdgyformData['开数'] ? gdgyformData['开数'] : "",
	  Gy0_ls: gdgyformData['联数'] ? gdgyformData['联数'] : "",
	  Gy0_ms: gdgyformData['计损色数'] ? gdgyformData['计损色数'] : 0,
	  Sys_id  : _username.value,
	  工价系数: gdgyformData['难度系数'] ? gdgyformData['难度系数'] : 0,
	  损耗系数: gdgyformData['损耗系数'] ? gdgyformData['损耗系数'] : 0,
	  Gy0_shdh: gdgyformData['shdh'] ? gdgyformData['shdh'] : "",
	  Gy0_Rate1: "",
	  Gy0_小时产能: gdgyformData['小时产能'] ? gdgyformData['小时产能'] : "",
	  Gy0_辅助工时: gdgyformData['辅助工时'] ? gdgyformData['辅助工时'] : "",
	  工序备注: gdgyformData['备注'] ? gdgyformData['备注'] : "",
	  质量要求: gdgyformData['质量要求'] ? gdgyformData['质量要求'] : "",
	  质量隐患: gdgyformData['质量隐患'] ? gdgyformData['质量隐患'] : "",
    };
    const ProcessDetailEdit_edit = await ProcessDetailEdit(formattedData);
    if (ProcessDetailEdit_edit.code === 0) {
      ElMessage({type: 'success',message: '更新成功' })
	  gdgydialogFormVisible.value = false
	  let row = {
		 '工单编号':_Gd_gdbh.value,
		 '产品代号':_Gd_cpdh.value,
		 '产品名称':_Gd_cpmc.value,
	  }
	  tableRowClick (row)
    } else {
      ElMessage({type: 'error', message: '更新失败'})
    }
  }else{
    ElMessage({type: 'error', message: '更新失败'})
  }
  gdgyformData['设备编号'] = [];
}

//工艺列表修改【关闭弹窗】
const gdgycloseDialog = () => {
  gdgyformData['设备编号'] = [];
  gdgydialogFormVisible.value = false
}

//点击设备编号
const sbbhclick = () => {
  _capacityList();
}

const _capacityList = async () => {
  if(gdgyformData['设备编号'] === ''){
    return false;
  }else{
    _capacityListsbbh.value = gdgyformData['设备编号'].join(' ');
    const editProductedit_machine = await capacityList({machine:_capacityListsbbh.value});
    gdgyformData['小时产能'] = editProductedit_machine.data;
  }

};
const _gdgyrow = ref('')
//截取印件前两位
const clickybupdate2 = (row,column,event) => {
	// console.log(row)
	_gdgyrow.value = row
  currentGy0_yjno.value = row['印件-工序'].substr(0, 2)
}

const yjdisplay = ref(false)
const yjList = ref()
const shxsdisplay = ref(false)
const cjList = ref([])
const cjdisplay = ref(false)
//修改工艺资料弹窗 键盘 input框跳转
const gyzlent = (event,id1,id2,id3) => {
	if (id2==='印件编号' && event.key==='Tab' || id2 === '印件编号' && event.key=== 'Enter') {
	  console.log(id.value)
	  console.log(form['yjno'])
	  const response = getCouplet({ gdbh:id.value,yjno:form['yjno']});
	  console.log(response)
	  gdgyformData['开数'] = response.data['开数']
	  gdgyformData['联数'] = response.data['联数']
	  if(yjList.value !== undefined){
	    const node = yjList.value.find(item => item.no ===gdgyformData['yjno'])
	    if (! node) {
	      yjdisplay.value = true
	    }
	    document.getElementById(id3).focus()
	  }
	}
	if (id2 === '车间名称' && event.key==='Tab'  || id2 === '车间名称' &&  event.key==='Enter') {
	  document.getElementById(id3).focus()
	  cjdisplay.value = true
	}
	if (id2 === '工序损耗' &&  event.key==='Tab' || id2 === '工序损耗' &&  event.key==='Enter') {
	  if(gdgyformData['车间名称']){
	     getGxshList();
	    _getSH()
	    shxsdisplay.value = true
	  }
	}
	if (id2 === '工序名称' &&  event.key==='Tab' || id2 === '工序名称' &&  event.key==='Enter') {
	  if(gdgyformData['工艺名称'] === undefined){
	    gdgyformData['工艺名称'] = '';
	  }
	  if(gdgyformData['工序名称'] === undefined){
	    gdgyformData['工序名称'] = '';
	  }
	  gdgyformData['工序损耗名称'] = `${gdgyformData['工艺名称']} ${gdgyformData['工序名称']}`;
	}
  if (event.keyCode === 13 || event.keyCode === 40) { // Enter 或向下箭头
    if(id3!=''){
      document.getElementById(id3).focus()
    }
  } else if (event.keyCode === 38) { // 向上箭头
    if(id1!=''){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 8) { // 删除箭头
    if(id1!='' && document.getElementById(id2).value==''){
      document.getElementById(id1).focus()
    }
    // console.log(document.getElementById(id2).value)
  }else if (event.keyCode === 37) { // 向左箭头
    if(id1!='' && document.getElementById(id2).selectionStart==0){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 39) { // 向右箭头
    if(id3!='' && document.getElementById(id2).selectionStart == document.getElementById(id2).value.length){
      document.getElementById(id3).focus()
    }
  }
}

const selectHandle = async (node)=>{
  console.log(node)
  if(node.value){
    gdgyformData['工艺名称'] = node.value
    gdgyformData['工序损耗名称'] = node.value
    cjdisplay.value = false
  }else{
    gdgyformData['车间名称'] = node.label
    return false;
  }
  gdgyformData['设备编号'] = []
console.log(gdgyformData['车间名称'])
  //通过车间名称查询机台
  const MachineList_jitai = await gdzl_MachineList({address:gdgyformData['车间名称']});
  gdzl_MachineList_address.value = MachineList_jitai.data;
  gdgyformData['shdh'] = ''
  //通过车间名称查询工序损耗
  // await getGxshList()
  if(gdgyformData['工艺名称'] === undefined){
    gdgyformData['工艺名称'] = '';
  }
  if(gdgyformData['工序名称'] === undefined){
    gdgyformData['工序名称'] = '';
  }
  await InSH()
}
const InSH = async (value) => {
  if(gdgyformData['工艺名称']){
    const response = await getLossCode({ code:gdgyformData['工艺名称']});
    console.log(response)
    if(response.code===0){
      gdgyformData['shdh']=response.data[0].sys_bh
      // gdgyformData.工序损耗名称= node.sys_mc
      gdgyformData['工序损耗名称'] = `${response.data[0].sys_mc} ${gdgyformData['工序名称']}`;
      gdgyformData.损耗系数='1.00'
      gdgyformData.难度系数='1.00'
    }
  }

}

const getSHListdata = ref([]);
const _shdh = ref('');

//工序损耗列表
const gxshList = ref([])
const getGxshList = async ()=>{
  const WastageList_data = await WastageList({process: gdgyformData.工艺名称})
  console.log(WastageList_data)
  if(WastageList_data.data === null || WastageList_data.data === ''){
    gdgyformData['shdh'] = '';
    ElMessage({
      type: 'warning',
      message: '未获取到工序损耗'
    })
  }
  // const response = await getLossCode({ code: WastageList_data.data });
  // console.log(response)
  gdgyformData['shdh'] = WastageList_data.data
}
//点击工序损耗列表数据
const gxshselectHandle = async (node)=>{
  if(node.label2){
    gdgyformData['shdh'] = node.value
    gdgyformData['工序损耗名称'] = node.label2
    gxshdisplay.value = false
  }
}

//填充树形结构
const _getSH = async () => {
  const response = await getLossCode({ code:'' });
  if (response.code === 0) {
    const data = response.data;
    const treeData = [];
    const map = {};
    // 构建树形结构
    data.forEach(item => {
      map[item.sys_bh] = { ...item, children: [], label: `${item.sys_bh}---${item.sys_mc}---${item.sys_rate0}---${item.sys_rate1}` };
    });
    data.forEach(item => {
      if (item.sys_bh.length === 3) {
        map[item.sys_bh].level = 1;
        treeData.push(map[item.sys_bh]);
      } else {
        map[item.sys_bh].level = 2;
        map[item.sys_bh.substring(0, 3)].children.push(map[item.sys_bh]);
      }
    });
    getSHListdata.value = treeData;
    shxsdisplay.value = true;
  } else {
    // 处理错误情况
    console.error('获取损耗列表失败');
  }
};

//损耗树形结构点击
const selectSHNode = (node,check) => {
  console.log(node.level)
  if(node.level==1){
    console.log(node.label)
  }
  if(node.level==2){
    if(gdgyformData['工艺名称'] === undefined){
      gdgyformData['工艺名称'] = '';
    }
    if(gdgyformData['工序名称'] === undefined){
      gdgyformData['工序名称'] = '';
    }

    gdgyformData['shdh']=node.sys_bh
    // gdgyformData.工序损耗名称= node.sys_mc
    gdgyformData['工序损耗名称'] = `${node.sys_mc} ${gdgyformData['工序名称']}`;
    gdgyformData.损耗系数='1.00'
    gdgyformData.难度系数='1.00'
    shxsdisplay.value = false;
  }
}

const changeHandle = (v) => {
  const no = '0' + v.no
  let list = gxList.value.map(item => {
    const yj = item.split('-')[0]
    if (yj === no) return Number(item.split('-')[1])
  })
  gdgyformData['yjno'] = v.no
  gdgyformData['工序'] = (list.sort((a, b) => b-a)[0] + 1)
  yjdisplay.value = false
}

//===============颜色==================================
//工艺资料背景颜色变黄
// const currentGy0_yjno = ref(null)
// const rowClassStyle2 = ({row,rowIndex}) =>{
//   if(row['印件-工序'].substr(0, 2)==currentGy0_yjno.value){
//     return "warning-row"
//   }
//   return "warning-row"
// }
// //表格文字颜色
// const tableDataCellClass = ({row, column, rowIndex, columnIndex}) =>{
//   if (column.property === '订单数量') {
//     return 'plan-usage-low';
//   }
// }
// //工艺流程调整颜色
// const gylctzCellClass = ({row, column, rowIndex, columnIndex}) =>{
//   if (column.label === '工序号') {
//     return 'background-plan-usage-low';
//   }
// }
// //修正核算参数颜色
// const sxzhscsCellClass = ({row, column, rowIndex, columnIndex}) =>{
//   if (column.label === '新难度系数' || column.label === '新损耗代号' || column.label === '新印刷方式' || column.label === '新来版距' || column.label === '新计损色数'  || column.label === '新损耗系数') {
//     return 'background-plan-usage-low';
//   }
// }
// //质检废品系数颜色
// const scfjfpxsCellClass = ({row, column, rowIndex, columnIndex}) =>{
//   if (column.label === '人工正品板' || column.label === '人工次品板' || column.label === '人工废检' || column.label === '机检正品板' || column.label === '机检次品板'  || column.label === '机检废检') {
//     return 'background-plan-usage-low';
//   }
// }
// //根据工艺状态文字颜色
// const gysatusCellClass = ({row, column, rowIndex, columnIndex}) =>{
//   if(row['status'] === '未完工'){
//     return 'status-plan-usage-low';
//   }
//   if(row['status'] === '已完工'){
//     return 'statusy-plan-usage-low';
//   }
// }
// //bom颜色
// const planUsageCellClass = ({row, column, rowIndex, columnIndex}) =>{
//   if (column.property === '计划用量') {
//     return 'plan-usage-low';
//   }
// }

// //修改工单资料弹窗 键盘 input框跳转
// const gdzlent =async (event,id1,id2,id3) => {
//   if (id2 === '客户代号' && event.key==='Tab') {
//     await _gClientList(scgdformData.value['客户代号'])
//     if (khdhDataList.value != null) {
//       const row = khdhDataList.value.find(item => item.客户编号 === scgdformData.value['客户代号'])
//       if (row) {
//         scgdformData.value['客户名称'] = row.客户名称
//       } else {
//         khdhModal.value = true
//       }
//     } else {
//       khdhModal.value= true
//     }
//   }
//   if (id2 === '产品代号' && event.key==='Tab') {
//     await _ProductCodeList()
//     cpdhModal.value = true
//   }
//   if (event.keyCode === 13 || event.keyCode === 40) { // Enter 或向下箭头
//     if(id3!=''){
//       document.getElementById(id3).focus()
//     }
//   } else if (event.keyCode === 38) { // 向上箭头
//     if(id1!=''){
//       document.getElementById(id1).focus()
//     }
//   }else if (event.keyCode === 8) { // 删除箭头
//     if(id1!='' && document.getElementById(id2).value==''){
//       document.getElementById(id1).focus()
//     }
//     // console.log(document.getElementById(id2).value)
//   }else if (event.keyCode === 37) { // 向左箭头
//     if(id1!='' && document.getElementById(id2).selectionStart==0){
//       document.getElementById(id1).focus()
//     }
//   }else if (event.keyCode === 39) { // 向右箭头
//     if(id3!='' && document.getElementById(id2).selectionStart == document.getElementById(id2).value.length){
//       document.getElementById(id3).focus()
//     }
//   }
// }

// const gdSelection = ref('')
// const yjSelection = ref('')
// const gySelection = ref('')
// // 印件资料多选、工艺资料多选
// const selectionChange = (selection, type) => {
//   const ids = selection.map(item => {
//     return type === '印件资料' ? item.Uniqid: item.UniqId
//   })
//   if (type === '印件资料') {
//     yjSelection.value = ids.join(',')
//   }
//   if (type === '工艺资料') {
//     gySelection.value = ids.join(',')
//   }
// }
// const handleSelectionChange = (selection, type) => {
//   console.log(11)
//   console.log(selection)
//   const ids = selection.map(item => {
//     return item.Uniqid
//   })
//   console.log(ids.join(','))
//   gdSelection.value = ids.join(',')
// }

// ===========删除工单资料 ===========
// const delgdzl_onclick = async () => {
//   console.log(gdSelection.value)
//   if (gdSelection.value !== '') {
//     try {
//       console.log(_Gd_gdbh.value)
//       console.log(gdSelection.value)
//       const res1 = await WorkOrderDel({UniqId: gdSelection.value})
//       if(res1.code === 0){
//         ElMessage.success('印件资料删除成功')

//         console.log(_Gd_khdh.value)
//         const WorkListdata = await WorkList({Gd_khdh:_Gd_khdh.value,limit:pageSize.value,page:page.value});
//         console.log(WorkListdata)
//         tableData.splice(0,tableData.length,...WorkListdata.data.data);//表格数据
//         total.value =WorkListdata.data.total;//共多少条
//         yjtableData.value = [];
//         gytableData.value = [];
//         bomtableData.value = [];
//       }

//     } catch(err) {
//       ElMessage.error(err)
//     }
//   }
// }


// // ===========删除印件资料、工艺资料 ===========
// const delgd_delclick = async () => {
//   if (yjSelection.value !== '') {
//     try {
//       const res1 = await PrintDetailDel({UniqId: yjSelection.value})
//       res1.code === 0 && ElMessage.success('印件资料删除成功')
//     } catch(err) {
//       ElMessage.error(err)
//     }
//   }
//   if (gySelection.value !== ''){
//     try {
//       const res2 = await ProcessDetailDel({UniqId: gySelection.value})
//       res2.code === 0 && ElMessage.success('工艺资料删除成功')
//     } catch(err) {
//       ElMessage.error(err)
//     }
//   }

//   const workOrderListDetail_data = await workOrderListDetail({Gd_gdbh:_Gd_gdbh.value});
//   yjtableData.value = workOrderListDetail_data.data.printList;
//   gytableData.value = workOrderListDetail_data.data.processList;
//   bomtableData.value = workOrderListDetail_data.data.BOM;
// }


</script>
<style scoped>
/* 在样式表中使用媒体查询 */
@media (max-width: 768px) {
  /* 在小屏幕下的样式设置 */
  .dialog-footer {
    text-align: center;
  }
}
/*工序产量核查*/
:deep(.gxclhc—color-column-red div) {
  color: red !important;
}
:deep(.lan-plan-usage-lows div) {
  color: blue !important;
  font-weight: bold;
}
:deep(.lan-plan-usage-lowshui div) {
  color: #8c939d !important;
}

/*背景颜色*/
/*印件背景颜色变黄*/
:deep(.el-table__body .warning-row) {
  background: #FFFF80 !important;
}
/*修正工单核算参数背景*/
:deep(.el-table__body .background-plan-usage-low div div div) {
  background: #80FA80 !important;
}
/* 选中某行时的背景色 */
:deep(.el-table__body tr.current-row) > td {
  background: #ff80ff !important;
}
/*文字颜色*/
/*bom计划用量文字变色【表格中单独文字变色】*/
:deep(.plan-usage-low div) {
  color: red !important;
}
/*根据工艺状态文字变色*/
:deep(.status-plan-usage-low div) {
  color: blue !important;
}
:deep(.statusy-plan-usage-low div) {
  color: #8c939d !important;
}
/* 在样式表中添加以下样式 */
.el-input__textarea {
  resize: none; /* 禁止调整大小 */
}
.JKWTree-container {
  display: flex;
}
.JKWTree-tree {
  /*width: 300px;*/
  background-color: #fff;
  padding: 10px;
  margin-right: 20px;
}
.JKWTree-tree h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 10px 0;
}
.JKWTree-content {
  flex: 1;
}
/*关闭拖拽功能*/
.el-textarea textarea {
  resize: none !important;
}

</style>
<style scoped>
:deep(.el-table td .cell) {
  line-height: 20px !important;
}
:deep(.el-tabs__header){
  margin-bottom: 0;
}
.search{
  margin-left: 0px !important;
  margin-right: 10px !important;
}
.bt{
  margin-left: 2px !important;
  padding: 3px !important;
  font-size: 12px;
}
.el-tabs__header{
  margin: 0px !important;
}
.gva-table-box{
  padding: 0px !important;
}
.el-pagination{
  margin-top: 0px !important;
}
.mab{
  margin-bottom: 5px;
}
/* 图片 */
.avatar-uploader {
  width: 500px;
  height: 300px;
  border: 1px dashed #d9d9d9;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden; /* 防止图片溢出容器 */
}
.avatar {
  width: 50%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
}
.upload-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.upload-text {
  width: 50%;
  height: 50%;
  margin-top: 5px;
  color: #8c939d;
  font-size: 14px;
}
</style>