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

<template>
	<div>
	  <layout>
		<layout-header>
		  <div class="">
			<!--按钮部分-->
			<el-form ref="elSearchFormRef"  class="demo-form-inline"  >
			  <el-form-item>
				<el-input v-model="searchInfo"  placeholder="输入订单编号或生产款号" style="width: 180px;" @keyup.enter="onSubmit()"></el-input>
				<el-button type="primary" icon="search" @click="onSubmit" title="查询"  >查询</el-button>
				<el-button type="primary" icon="edit"   @click="cp_gdprintonClick" class="bt" 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="BOMclick"   class="bt"   title="BOM面料">批量修改新增BOM资料</el-button>
				<el-button type="primary" icon="edit"   @click="del_ddzlClick" 	v-if="table_del=== true" :disabled="table_Selection === ''"  class="bt" title="选中复选框进行删除订单数据">删除订单资料</el-button>
				<el-button type="primary" icon="edit"   @click="delgd_delclick" 	v-if="delall=== true" :disabled="ysSelection === '' && gySelection === ''"  class="bt" title="选中复选框进行删除颜色数据">删除颜色资料</el-button>
				<!-- <el-button type="primary" icon="edit"   @click="delbom_delclick" 	v-if="del_bom=== true" :disabled="bom_Selection === '' "  class="bt" title="选中复选框进行删除bom数据">删除bom资料</el-button> -->
				
				<!-- <el-button type="primary" icon="edit"   @click="CSclick"   class="bt"   title="库存测试">库存测试</el-button> -->
			  </el-form-item>
			</el-form>
		  </div> 
		</layout-header>
		<layout>
  
		  <!-- 左侧树形结构 -->
		  <layout-sider :resize-directions="['right']" :width="190" style="margin: 0px;">
			<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' }" :header-cell-style="{ padding: '0px' }"
						  :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
						  border tooltip-effect="dark" 
						  v-loading="loading"
						  element-loading-text="拼命加载中"
						  element-loading-spinner="el-icon-loading"
						  element-loading-background="rgba(0, 0, 0, 0.8)"
						  :data="tableData" row-key="ID"
						  highlight-current-row="true"
						  :cell-class-name="tableDataCellClass"
						  @row-click="tableRowClick" @row-dblclick="updateCompanyFunc"
						  @selection-change="ddzlSelectionChange" :show-overflow-tooltip="true">
				  <el-table-column align="center" type="selection" width="40"/>
				  <el-table-column align="center"  label="附件"     	prop="status" 	width="60" />
				  <el-table-column align="left" sortable label="订单编号"     	prop="订单编号" 	width="110" />
				  <el-table-column align="left"  label="客户"      	prop="客户编号" 		width="70" />
				  <el-table-column align="left"  label="款号"   	prop="生产款号"  width="110" />
				  <el-table-column align="left"  label="款式"       	prop="款式"   	width="100"/> 
				  <el-table-column align="left"  label="数量"    	prop="订单数量" 	width="60" />
				  <el-table-column align="center" label="状态" prop="gd_statu" width="70" >
					  <template #default="{ row }">
						  <el-tag :type="row.gd_statu === '1-计划中' ? 'warning' : (row.gd_statu === '2-生产中' ? 'success' : 'info')">
							  {{ row.gd_statu === '1-计划中' ? '计划中' : (row.gd_statu === '2-生产中' ? '生产中' : '已完工') }}
						  </el-tag>
					  </template>
				  </el-table-column>
				  <el-table-column align="left"  label="落货日期"   	prop="落货日期" 	width="100" />
				  <el-table-column align="left"  label="船样"    	prop="船样合计" 	width="60" />
				  <el-table-column align="left"  label="船样描述"    	prop="船样描述" 	width="110" />
				  <el-table-column align="left"  label="单位"    		prop="单位" 		width="60" />
				  <el-table-column align="left"  label="面料"       	prop="面料" 		width="180" />
				  <el-table-column align="left"  label="备注"       	prop="要求" 		width="180" />
				  <el-table-column align="left"  label="粘衬"        	prop="粘衬"		width="180" />
				  <el-table-column align="left"  label="箱唛要求"   	prop="箱唛要求" 	width="180" />
				  <el-table-column align="left"  label="制单人"    	prop="Sys_id" 	width="160" />
				  <el-table-column align="left"  label="制单日期"    	prop="Sys_rq" 	width="160" />
				</el-table>
				<!-- 分页 -->
				<div class="gva-pagination">
				<el-pagination
					@size-change="handleSizeChange"
					@current-change="handleCurrentChange"
					:current-page="page"
					:page-sizes="[10, 30, 50, 100]"
					:page-size="pageSize"
					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="颜色资料"   name="first">
				  <el-table ref="multipleTable"
						  :row-style="{ height: '20px' }" :header-cell-style="{ padding: '0px' }"
						  :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
							:show-overflow-tooltip="true"
							highlight-current-row="true"
							@row-click="ystableclick"
							@row-dblclick="ysupdateCompanyFunc"
							@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="30" />
					<el-table-column align="left" sortable label="子订单编号" prop="子订单编号"  width="140"/>
					<el-table-column align="left" sortable label="PO号	" prop="款号"  width="180"/>
					<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="80"/>
					<!-- 尺码列表 -->
					<template v-for="item in sizeDatas">
					  <el-table-column align="left" sortable :label=item :prop=item  width="80"/> 
					</template>
					<el-table-column align="left" sortable label="制单总数" prop="zdtotal"  width="110"/>
					<el-table-column align="left" sortable label="建档用户" prop="Sys_id"  width="160"/>
					<el-table-column align="left" sortable label="建档时间" prop="Sys_rq"  width="160"/>
					<el-table-column align="left" sortable label="更新时间" prop="更新时间"  width="160"/>
				  </el-table>
				</el-tab-pane>
  
				<el-tab-pane label="工艺资料" 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>
				</el-tab-pane>
  
				<el-tab-pane label="订单资料附件" name="third">
				  <el-table ref="multipleTable"
							:row-style="{ height: '30px' }"
							:cell-style="{ padding: '0px' }" :header-row-style="{ height: '30px' }"
							: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="fjSelectionChange">
					<el-table-column align="left" label="关联编号" prop="关联编号"  width="115"/>
					<el-table-column align="left" label="附件备注" 	prop="附件备注"  width="110"/>
					<el-table-column align="left" label="文件类型" prop="附件类型"  width="100"/>
					<el-table-column align="left" label="版本号" prop="version"  width="80"/>
					<el-table-column align="left" label="建档用户" prop="sys_id"  width="160"/>
					<el-table-column align="left" label="建档时间" prop="sys_rq"  width="160"/>
				  <!-- 操作列，新增修改和删除按钮 -->
				  <el-table-column align="left" label="操作" width="230" fixed="right">
					<template #default="scope">
					  <!-- PDF预览按钮 -->
					  <el-button type="success" size="small" :data="ddtableData" @click="showPdf(scope.row)">PDF预览</el-button>
					  <!-- 删除按钮 -->
					  <el-button type="danger" size="small" @click="deleteItem(scope.row)">删除</el-button>
					</template>
				  </el-table-column>
				  </el-table>
				</el-tab-pane> 
				
				
  
				<el-tab-pane label="技术附件" name="fourth">
				  <el-table ref="multipleTable"
					:row-style="{ height: '30px' }"
					:cell-style="{ padding: '0px' }"
					:header-row-style="{ height: '30px' }"
					: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="fjSelectionChange">
				
					<el-table-column align="left" label="关联编号" prop="关联编号" width="115"/>
					<el-table-column align="left" label="附件备注" prop="附件备注" width="110"/>
					<el-table-column align="left" label="文件类型" prop="附件类型" width="100"/>
					<el-table-column align="left" label="版本号" prop="version" width="80"/>
					<el-table-column align="left" label="建档用户" prop="sys_id" width="160"/>
					<el-table-column align="left" label="建档时间" prop="sys_rq" width="160"/>
					
					<!-- 操作列，新增修改和删除按钮 -->
					<el-table-column align="left" label="操作" width="230" fixed="right">
					  <template #default="scope">
						<!-- PDF预览按钮 -->
						<el-button type="success" size="small" :data="ddtableData" @click="showPdf(scope.row)">PDF预览</el-button>
						<!-- 删除按钮 -->
						<el-button type="danger" size="small" @click="deleteItem(scope.row)">删除</el-button>
					  </template>
					</el-table-column>
				  </el-table>
				</el-tab-pane>
  
			<el-tab-pane label="BOM资料"  name="six">
				  <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="bombomupdateCompanyFunc"
							@selection-change="bomSelectionChange"
							style="width: 100%;height: 36vh" border tooltip-effect="dark" :data="bomtableData" row-key="ID">
				   <!-- <el-table-column type="selection" width="30" /> -->
					<el-table-column align="left" label="订单编号" prop="订单编号"  width="105"/>
					<el-table-column align="left" label="物料分类" prop="物料分类"  width="100"/>
					<el-table-column align="left" label="物料名称" prop="物料名称"  width="210"/>
					<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="240"/>
					<el-table-column align="left" label="更新用户" prop="ID"  width="90"/>
					<el-table-column align="left" label="更新日期" prop="日期"  width="160"/>
					<!-- <el-table-column align="left" label="UNIQID" prop="UNIQID"  width="80"/> -->
				  </el-table>
				</el-tab-pane>
  
				<el-tab-pane label="面料库存" name="seven">
				  <el-table ref="multipleTable"
						  :row-style="{ height: '25px' }" :header-cell-style="{ padding: '0px' }"
						  :cell-style="{ padding: '0px' }" :header-row-style="{ height: '25px' }"
							:show-overflow-tooltip="true"
							:cell-class-name="planUsageCellClass"
							highlight-current-row="true"
							@row-dblclick="mlupdateCompanyFunc"
							:summary-method="mlgetSummaries" 
							style="width: 100%;height: 36vh" border tooltip-effect="dark" :data="mltableData" row-key="ID" @selection-change="handleSelectionChange">
  <!--                  <el-table-column type="selection" width="30" />-->
					<!-- <el-table-column type="selection" width="30" /> -->
					<el-table-column align="left" label="订单编号" prop="订单编号"  width="110"/>
					<!-- <el-table-column align="left" label="客户编号" prop="客户编号"  width="100"/>
					<el-table-column align="left" label="生产款号" prop="生产款号"  width="100"/>
					<el-table-column align="left" label="款式" prop="款式"  width="90"/> -->
					<el-table-column align="left" label="颜色" prop="颜色"  width="110"/>
					<el-table-column align="left" label="物料编号" prop="物料编码"  width="220"/>
					<el-table-column align="left" label="物料名称" prop="物料名称"  width="180"/>
					<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="60"/>
					<el-table-column align="left" label="备注" prop="备注"  width="200"/>
					<el-table-column align="left" label="关联订单" prop="关联订单"  width="200"/>
					<el-table-column align="left" label="更新用户" prop="Sys_ID"  width="160"/>
					<el-table-column align="left" label="更新日期" prop="Sys_rq"  width="160"/>
				  </el-table>
				</el-tab-pane>
			  </el-tabs>
  
				
		   <!-- 修改颜色资料弹窗 -->
		   <el-dialog v-model="dialogFormVisible" :before-close="edit_closeDialog" 
		   style="width: 80%; max-height: 80%; overflow-y: auto; margin-top: 4%;"
		   title="颜色资料修改" destroy-on-close >
			   <el-row :gutter="20" class="form-row">
				   <el-col :span="10">
					   <div style="display: flex; gap: 0px;">
						   <h3 style="color:red;font-size: 24px;margin:-5px 0px 8px 12px;">订单编号&nbsp;&nbsp;&nbsp;{{_ddhval}}</h3>
					   </div>
				   </el-col>
				   <el-col :span="10">
					   <div style="display: flex; gap: 0px;">
						   <el-form-item label="订单子编号:" class="mab" prop="keyOrder" label-width='110'>
							   <el-input v-model="edit_formData['子订单编号']" disabled style="width: 250px;" id="订单子编号" />
						   </el-form-item>
					   </div>
				   </el-col>
			   </el-row>
		   
			   <el-row :gutter="20">
				  <el-col :span="10">
					   <div style="display: flex; gap: 0px;">
						   <el-form-item label="色系名称:" class="mab" prop="keyOrder" label-width='110'>
							  <el-select
							  v-model=" edit_formData['颜色']" style="width: 150px;" id="色系名称" 
							  @keydown="add_gdzlent($event, '', '色系名称', '款号:')">
							  <el-option 
								v-for="color in getSuborderscolor.colorlist" 
								:key="color.id" 
								:label="color.colorname" 
								:value="color.colorname"  
								@click="xg_sxhandleSizeChange(color.colorname,color.colorcode)">
							  </el-option>
							  </el-select>
						   </el-form-item>
					   </div>
				   </el-col>
				   
				   <el-col :span="10">
					   <el-form-item label="PO号:" prop="deliveryDate" class="mab" label-width="110px" style="">
						   <el-input v-model="edit_formData['款号']" style="width: 250px;" id="生产款号" />
					   </el-form-item>
				   </el-col>
			   </el-row>
		   
			   <el-row :gutter="20">
				   <el-col :span="8">
					 <el-form-item label="颜色备注:" prop="joinDate" label-width='110'>
					   <el-input v-model="edit_formData['颜色备注']" style="width: 250px;" id ='颜色备注' @keydown="add_gdzlent($event, '款号:', '颜色备注', '是否船样')"/>
					 </el-form-item>
				   </el-col>
				  <el-col :span="10">
					   <div style="display: flex; gap: 0px;">
						  <el-form-item label="是否船样:" prop="joinDate" label-width='200'>
							   <el-select v-model="edit_formData['船样']" style="width: 150px;" id="是否船样" @keydown="add_gdzlent($event, '尺码规格', '是否船样', 'zds1')">
								   <el-option label="是" value="是" @click="edit_cyChange('是')"></el-option>
								   <el-option label="否" value="否" @click="edit_cyChange('否')"></el-option>
							   </el-select>
						   </el-form-item>
					   </div>
				   </el-col>
			   </el-row>
		   
			   <el-row class="form-row">
				   <el-col :span="20">
					   <div style="display: flex; gap: 0px;">
						   <el-form-item label="尺码:" class="mab" prop="keyOrder" label-width='110'>
							   <el-input v-model="edit_cmformdata.cm1" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm2" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm3" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm4" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm5" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm6" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm7" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm8" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm9" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm10" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm11" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm12" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm13" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.cm14" readonly style="width: 80px;" />
							   <el-input v-model="edit_cmformdata.sctotal" readonly style="width: 80px;" />
						   </el-form-item>
					   </div>
				   </el-col>
			   </el-row>
		   
			   <el-row class="form-row">
				   <el-col :span="20">
					   <div style="display: flex; gap: 0px;">
						   <el-form-item label="制单数:" class="mab" prop="keyOrder" label-width='110'>
							   <el-input v-model="edit_zdsformdata.zds1" @input="updateTotal" style="width: 80px;" id ='zds1'  @keydown="add_gdzlent($event, 'cm14', 'zds1', 'zds2')"/>
							   <el-input v-model="edit_zdsformdata.zds2" @input="updateTotal" style="width: 80px;" id ='zds2'  @keydown="add_gdzlent($event, 'zds1', 'zds2', 'zds3')"/>
							   <el-input v-model="edit_zdsformdata.zds3" @input="updateTotal" style="width: 80px;" id ='zds3'  @keydown="add_gdzlent($event, 'zds2', 'zds3', 'zds4')"/>
							   <el-input v-model="edit_zdsformdata.zds4" @input="updateTotal" style="width: 80px;" id ='zds4'  @keydown="add_gdzlent($event, 'zds3', 'zds4', 'zds5')"/>
							   <el-input v-model="edit_zdsformdata.zds5" @input="updateTotal" style="width: 80px;" id ='zds5'  @keydown="add_gdzlent($event, 'zds4', 'zds5', 'zds6')"/>
							   <el-input v-model="edit_zdsformdata.zds6" @input="updateTotal" style="width: 80px;" id ='zds6'  @keydown="add_gdzlent($event, 'zds5', 'zds6', 'zds7')"/>
							   <el-input v-model="edit_zdsformdata.zds7" @input="updateTotal" style="width: 80px;" id ='zds7'  @keydown="add_gdzlent($event, 'zds6', 'zds7', 'zds8')"/>
							   <el-input v-model="edit_zdsformdata.zds8" @input="updateTotal" style="width: 80px;" id ='zds8'  @keydown="add_gdzlent($event, 'zds7', 'zds8', 'zds9')"/>
							   <el-input v-model="edit_zdsformdata.zds9" @input="updateTotal" style="width: 80px;" id ='zds9'  @keydown="add_gdzlent($event, 'zds8', 'zds9', 'zds10')"/>
							   <el-input v-model="edit_zdsformdata.zds10" @input="updateTotal" style="width: 80px;" id ='zds10'  @keydown="add_gdzlent($event, 'zds9', 'zds10', 'zds11')"/>
							   <el-input v-model="edit_zdsformdata.zds11" @input="updateTotal" style="width: 80px;" id ='zds11'  @keydown="add_gdzlent($event, 'zds10', 'zds11', 'zds12')"/>
							   <el-input v-model="edit_zdsformdata.zds12" @input="updateTotal" style="width: 80px;" id ='zds12'  @keydown="add_gdzlent($event, 'zds11', 'zds12', 'zds13')"/>
							   <el-input v-model="edit_zdsformdata.zds13" @input="updateTotal" style="width: 80px;" id ='zds13'  @keydown="add_gdzlent($event, 'zds12', 'zds13', 'zds14')"/>
							   <el-input v-model="edit_zdsformdata.zds14" @input="updateTotal" style="width: 80px;" id ='zds14'  @keydown="add_gdzlent($event, 'zds13', 'zds14', '色系名称')"/>
							   <el-input v-model="edit_zdsformdata.zdtotal" readonly style="width: 80px;" />
						   </el-form-item>
					   </div>
				   </el-col>
			   </el-row>
			   
			   <template #footer>
				   <div class="dialog-footer" style="display: flex; justify-content: flex-end; margin-top: 20px;">
					   <el-button @click="ys_edit_closeDialog" style="margin-left: 10px;">取消</el-button>
					   <el-button type="primary" @click="ys_edit_Dialog" style="margin-left: 10px;">确认</el-button>
				   </div>
			   </template>
  
		   </el-dialog>
		
			  
			  <!-- 新增订单资料弹窗 -->
		  <el-dialog v-model="add_gddialogFormVisible" :before-close="add_gdcloseDialog" title="新增订单资料" 
			  style="height: 100%;width:90%;margin: 0px 0px 0px 6%;" top="0%" destroy-on-close>
			<div style="display: flex; justify-content: space-between;">
			  <div style="flex: 2;">
				<el-form :model="add_gdscgdformData">
				  <div style="display: flex;">
					<div style="flex: 1; margin-right: 20px;">
					  <el-form-item label="订单编号" label-width="100px">
						<el-input v-model="add_gdscgdformData.订单编号" disabled />
					  </el-form-item>
					  <el-form-item label="生产款号" label-width="100px">
						<el-input v-model="add_gdscgdformData['生产款号']" id="生产款号"
						  @keydown="add_gdzlent($event, '粘衬', '生产款号', '订单数量')" />
					  </el-form-item>
					  <el-form-item label="款式" label-width="100px">
						<el-input v-model="add_gdscgdformData['款式']" id="款式"
						  @keydown="add_gdzlent($event, '订单数量', '款式', '落货日期')" />
					  </el-form-item>
					</div>
					<div style="flex: 1;">
					  <el-form-item label="客户编号" label-width="100px">
						<el-input v-model="add_gdscgdformData.客户编号" disabled />
					  </el-form-item>
					  <el-form-item label="订单数量" label-width="100px">
						<el-input v-model="add_gdscgdformData.订单数量" id="订单数量"
						 @input="Input_handle()"
						 @keydown="add_gdzlent($event, '生产款号', '订单数量', '款式')" />
					  </el-form-item>
					  <el-form-item label="落货日期" label-width="100px">
						<el-date-picker  v-model="add_gdscgdformData['落货日期']" id="落货日期"
						  type="date" @keydown="add_gdzlent($event, '款式', '落货日期', '面料')" />
					  </el-form-item>
					</div>
				  </div>
		  
				  <!-- 面料部分 -->
				  <el-form-item label="面料" label-width="100px">
					<el-input
					  type="textarea"
					  v-model="add_gdscgdformData['面料']" id="面料"
					  rows="2"
					  resize="none"
					  @keydown="add_gdzlent($event, '落货日期', '面料', '箱唛要求')" 
					/>
				  </el-form-item>
				  
		  
				  <!-- 箱唛要求 -->
				  <el-form-item label="箱唛要求" label-width="100px">
					<el-input
					  type="textarea"
					  v-model="add_gdscgdformData['箱唛要求']" id="箱唛要求"
					  @keydown="add_gdzlent($event, '面料', '箱唛要求', '备注')"
					  rows="2"
					  resize="none"
					/>
				  </el-form-item>
		  
				  <!-- 备注 -->
				  <el-form-item label="备注" label-width="100px">
					<el-input
					  type="textarea"
					  v-model="add_gdscgdformData['备注']" id="备注"
					  @keydown="add_gdzlent($event, '箱唛要求', '备注', '船样描述')"
					  rows="2"
					  resize="none"
					/>
				  </el-form-item>
		  
				  <!-- 船样描述 -->
				  <el-form-item label="船样描述" label-width="100px">
					<el-input
					  type="textarea"
					  v-model="add_gdscgdformData['船样描述']" id="船样描述"
					  rows="1"
					  resize="none"
					  @keydown="add_gdzlent($event, '备注', '船样描述', '船样合计')"
					/>
				  </el-form-item>
				</el-form>
			  </div>
		  
			  <!-- 右侧部分 -->
			  <div style="flex: 1; margin-left: 20px;">
				<div style="display: flex; align-items: center;">
				  <el-upload
					ref="uploadRef"
					class="upload-demo"
					:action="uploadUrl"
					:http-request="customUpload"
					:headers="uploadHeaders"
					list-type="picture-card"
					:on-preview="handlePreview"
					:on-remove="handleRemove"
					:before-upload="beforeUpload"
					:on-success="handleSuccess"
					:on-error="handleError"
					:file-list="fileList"
					:limit="1"
					accept="image/jpeg,image/png"
					style="margin-left: 20px;"
				  >
					<i class="el-icon-plus"></i>
				  </el-upload>
				</div>
			  <h4 style="font-size: 18px; margin-left: 150px;">上传图片</h4>
				<el-form>
				  <el-form-item label="制单人" label-width="120px">
					<el-input v-model="add_gdscgdformData['Sys_id']" disabled style='width: 200px;'/>
				  </el-form-item>
				  <el-form-item label="制单日期" label-width="120px">
					<el-date-picker v-model="add_gdscgdformData['制单日期']" disabled type="date"  style='width: 200px;'/>
				  </el-form-item>
				</el-form>
			   <el-button type="primary" @click="Related_fabrics" 
					style="width: 160px;height: 45px;font-size: 20px; margin-left: 120px;">
					  关联订单面料
				</el-button>
			  </div>
			</div>
		  
			<!-- 底部部分 -->
			<div style="display: flex; justify-content: space-between; margin-top: 10px;">
			  <el-form :model="add_gdscgdformData" style="flex: 1;">
				<div style="display: flex;">
				  <div style="flex: 0.5; margin-right: 10px;">
					<el-form-item label="船样合计" label-width="100px">
					  <el-input v-model="add_gdscgdformData['船样合计']" id="船样合计"
						@input="Input_handle()"
						@keydown="add_gdzlent($event, '船样描述', '船样合计', '粘衬')"
					  />
					</el-form-item>
				  </div>
				  <div style="flex: 0.9;">
					<el-form-item label="粘衬" label-width="60px">
					  <el-input v-model="add_gdscgdformData['粘衬']" id="粘衬"
						@keydown="add_gdzlent($event, '船样合计', '粘衬', '单位')"
					  />
					</el-form-item>
				  </div>
				  <div style="flex: 0.4;">
					<el-form-item label="单位" label-width="70px">
					  <el-input v-model="add_gdscgdformData['单位']" id="单位"
						@keydown="add_gdzlent($event, '粘衬', '单位', '生产款号')"
					  />
					</el-form-item>
				  </div>
				  <div style="flex: 1;">
					<!-- <el-form-item label="" class="mab" prop="isBanciSelected" label-width="90">
					  <el-checkbox 
						v-model="add_gdscgdformData['合并']" 
						class="custom-checkbox"
					  >
						<span style="color: red;">需要将订单数据合并请勾选</span>
					  </el-checkbox>
					</el-form-item> -->
				  </div>
				</div>
			  </el-form>
			</div>
			
			<el-tag><span style="font-size: 18px;margin-left: 10px;">关联订单面料明细</span></el-tag>
			<el-table ref="multipleTable"
						:row-style="{ height: '30px' }"
						: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"
						style="width: 100%;height: 30vh" border tooltip-effect="dark" :data="zsglddtableData" row-key="ID">
				  <el-table-column align="left" label="订单编号" prop="订单编号"  width="110"/>
				  <el-table-column align="left" label="物料编码" prop="物料编码"  width="200"/>
				  <el-table-column align="left" label="生产款号" prop="生产款号"  width="200"/>
				  <el-table-column align="left" label="颜色" prop="颜色"  width="115"/>
				  <el-table-column align="left" label="物料名称" prop="物料名称"  width="170"/>
				  <el-table-column align="left" label="计划门幅" prop="计划门幅"  width="115"/>
				  <el-table-column align="left" label="定额门幅" prop="定额门幅"  width="115"/>
				  <el-table-column align="left" label="款式" prop="款式"  width="115" />
				  
					<el-table-column fixed="right" label="操作" width="120">
					  <template #default="{ row, $index }">
						<el-button @click="deleteRow($index)" type="text" size="small">
						  移除
						</el-button>
					  </template>
					</el-table-column>
					
			  </el-table>
				  
			<!-- 底部操作按钮 -->
			<template #footer>
			  <div class="dialog-footer" style="text-align: right;">
				<el-button @click="add_gdcloseDialog">取消</el-button>
				<el-button type="primary" @click="add_gdenterDialog":disabled="!isClickable" v-loading.fullscreen.lock="fullscreenLoading">确定</el-button>
			  </div>
			</template>
			
		  </el-dialog>
  
		  <!-- 关联订单面料弹窗 -->
		  <el-dialog v-model="Related_fabricsVisible" :before-close="Related_fabricscloseDialog" title="关联订单面料" 
		  style="width: 70%;height: 80%;" top="2%" destroy-on-close>
			  <el-form>
				<div>
					<el-space>
					   
					  <el-input v-model="glddzl_keyword" style="width: 300px;"  placeholder="请搜索要关联的订单编号或款号进行关联" @input="real_handleInput"/>
					  <el-button type="primary" @click="ddsearchHandle(glddzl_keyword)">搜索</el-button>
					  <!-- <el-button @click="Related_fabricscloseDialog">关闭</el-button> -->
					  <el-button type="primary" @click="Related_fabricsenterDialog">确定关联</el-button>
					  <span style="color: red;">请选择需要关联复用的颜色物料，在确定关联</span>
					</el-space>
					<br>
					<br>
				  <el-table ref="multipleTable"
							:row-style="{ height: '30px' }"
							: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="updateCompanyFunc2"
							@selection-change="glddSelectionChange"
							style="width: 100%;height: 65vh" border tooltip-effect="dark" :data="glddtableData" row-key="ID">
				   <el-table-column type="selection" width="50" />
					<el-table-column align="left" label="订单编号" prop="订单编号"  width="115"/>
					<el-table-column align="left" label="BOM_物料编码" prop="BOM_物料编码"  width="200"/>
					<el-table-column align="left" label="生产款号" prop="生产款号"  width="200"/>
					<el-table-column align="left" label="颜色" prop="颜色"  width="115"/>
					<el-table-column align="left" label="物料名称" prop="物料名称"  width="170"/>
					<el-table-column align="left" label="计划门幅" prop="计划门幅"  width="115"/>
					<el-table-column align="left" label="定额门幅" prop="定额门幅"  width="115"/>
					<el-table-column align="left" label="款式" prop="款式"  width="115"/>
					<el-table-column align="left" label="单位" prop="投料单位"  width="115"/>
				  </el-table>
				</div>
			  </el-form>
			  <template #footer>
			  
			</template>	
		  </el-dialog>		
		  
		  
		    <el-dialog
		      v-model="order_viewVisible"
		      title="选择打印格式"
		      width="30%"
		      top="25%"
		      :before-close="order_viewCloseDialog"
		      destroy-on-close
		    >
		      <el-form>
		        <el-form-item label="打印方向" label-width="100px">
		          <el-radio-group v-model="printDirection">
		            <el-radio label="纵向">纵向</el-radio>
		            <el-radio label="横向">横向</el-radio>
		          </el-radio-group>
		        </el-form-item>
		      </el-form>
		  
		      <template #footer>
		        <el-button @click="order_viewCloseDialog">关闭</el-button>
		        <el-button type="primary" @click="confirmPrintDirection">确定打印</el-button>
		      </template>
		    </el-dialog>
			
		  <!-- 修改BOM资料 -->
		  <el-dialog v-model="edit_bomdialogFormVisible" :before-close="edit_bomcloseDialog" title="修改BOM资料" width="60%" top="2%" destroy-on-close>
			  <el-descriptions class="margin-top" :column="4"  :size="size" border>
				  <el-descriptions-item label="订单编号" class="ddh">{{ ddhformData['ddh'] }}</el-descriptions-item>
				  <el-descriptions-item label="客户">{{ ddhformData['kh'] }}</el-descriptions-item>
				  <el-descriptions-item label="生产款号">{{ ddhformData['sckh'] }}</el-descriptions-item>
				  <el-descriptions-item label="款式">{{ ddhformData['ks'] }}</el-descriptions-item>
			  </el-descriptions>
			  <el-divider content-position="left">
				  <span style="font-size: 18px;color:red;font-weight: bold;margin-left: 20px;">绿色部分可进行修改</span>
			  </el-divider>
			  <div style="margin-top: 5px;">
				  <el-table ref="paichengRef"
							:show-overflow-tooltip="true"
							highlight-current-row="true"
							:row-style="{ height: '0px' }"
							:cell-style="{ padding: '0px' }" :header-row-style="{ height: '0px' }"
							:header-cell-style="{ padding: '0px' }"
							style="width: 100%;height: 60vh" border tooltip-effect="dark"
							:data="edit_resbomtableData" row-key="ID"
							:cell-class-name="scfjfpxsCellClass">
					<template v-for="(item, idx) in edit_resbom_tableColumns">
					  <el-table-column #default="{ row, column, $index }" align="left" :label="item.label" :width="item.width" >
						<div v-if="['物料名称', '计划用料', '定额用料','计划门幅','定额门幅', '备注'].includes(item.prop)">
						  <el-input v-model="row[item.prop]" :clearable="false"
									:id="`input${idx}${$index}`" @keyup="resbom_handleKeyDown($event, idx, $index, item.prop)" @input="handleInput($event, row, item.prop)"/>
						</div>
						<div v-else>{{ row[item.prop] }}</div>
					  </el-table-column>
					</template>
				  </el-table>
			  </div>
			  <div class="dialog-footer" style="text-align: right;margin-top: 5px;">
				<el-button @click="editres_bomcloseDialog">取 消</el-button>
				<el-button type="primary"  @click="editres_bomenterDialog">修改</el-button>
			  </div>
		  </el-dialog>
		  
		  <!-- 批量修改BOM资料弹窗 -->
		  <el-dialog v-model="res_bomdialogFormVisible" :before-close="res_bomcloseDialog" title="批量新增/更新BOM数据" width="70%" top="1%" destroy-on-close>
			
			 <el-descriptions class="margin-top" :column="4"  :size="size" border>
			  <el-descriptions-item label="订单编号">{{ ddhformData['ddh'] }}</el-descriptions-item>
			  <el-descriptions-item label="客户">{{ ddhformData['kh'] }}</el-descriptions-item>
			  <el-descriptions-item label="生产款号">{{ ddhformData['sckh'] }}</el-descriptions-item>
			  <el-descriptions-item label="款式">{{ ddhformData['ks'] }}</el-descriptions-item>
			 </el-descriptions>
			 <el-descriptions class="margin-top" :column="1"  :size="size" border>
				  <el-descriptions-item label="面料" >{{ ddhformData['ml'] }}</el-descriptions-item>
			 </el-descriptions>
				
			  <el-divider content-position="left">
				  <el-button type="primary" icon="plus" @click="add_bomenterDialog">新增一行</el-button>
				  <span style="font-size: 18px;color:red;font-weight: bold;margin-left: 20px;">绿色部分可进行修改</span>
			  </el-divider>
			  <div style="margin-top: 5px;">
				  <el-table ref="paichengRef"
							:show-overflow-tooltip="true"
							highlight-current-row="true"
							:row-style="{ height: '0px' }"
							:cell-style="{ padding: '0px' }" 
							:header-row-style="{ height: '0px' }"
							:header-cell-style="{ padding: '0px' }"
							style="width: 100%;height: 58vh" 
							border tooltip-effect="dark"
							:data="resbomtableData" row-key="ID"
							:cell-class-name="scfjfpxsCellClass">
				  
					<template v-for="(item, idx) in resbom_tableColumns">
					  <el-table-column #default="{ row, column, $index }" align="left" :label="item.label" :width="item.width">
						
						<!-- 如果是物料名称且UNIQID没有值，则显示输入框，否则显示内容 -->
						<div v-if="item.prop === '物料名称'">
						  <el-input
							v-if="!row.UNIQID" 
							v-model="row[item.prop]"
							:clearable="false"
							:id="`input${idx}${$index}`"
							@input="handleInput($event, row, item.prop)"
						  />
						  <span v-else>{{ row[item.prop] }}</span>  <!-- 如果UNIQID有值，则直接显示内容 -->
						</div>
				  
						<!-- 其他列的处理 -->
						<div v-else-if="['物料分类','计划用料', '定额用料', '计划门幅', '定额门幅', '备注'].includes(item.prop)">
						  <el-input
							v-model="row[item.prop]"
							:clearable="false"
							:id="`input${idx}${$index}`"
							@input="handleInput($event, row, item.prop)"
						  />
						</div>
						
						<!-- 非输入框列 -->
						<div v-else>{{ row[item.prop] }}</div>
				  
					  </el-table-column>
					</template>
				  
					<el-table-column fixed="right" label="操作" width="80">
					  <template #default="{ row, $index }">
						<el-button @click="record_deleteRow(row,$index)" type="danger" size="small" 
								   style="font-size: 16px;padding: 0px;width: 60px;background-color: red;">
						  删除
						</el-button>
					  </template>
					</el-table-column>
					
				  </el-table>
			  </div>
			  <div class="dialog-footer" style="text-align: right;margin-top: 5px;">
				<el-button @click="res_bomcloseDialog" style="width: 70px;height: 40px;">关闭</el-button>
				<el-button type="primary"  @click="res_bomenterDialog" style="width: 70px;height: 40px;">一键修改</el-button>
			  </div>
		  </el-dialog>
		  
		  
		  <el-dialog v-model="ddzl_dialogFormVisible" :before-close="dd_closeDialog" title="修改订单资料"
			style="height: 100%;width:90%;margin: 0px 0px 0px 6%;" top="0%" destroy-on-close >
			<!-- 主布局，分为左右两部分 -->
			<el-row>
			  <!-- 左侧部分，包括第一列和第二列 -->
			  <el-col :span="16">
				<el-row>
				  <!-- 第一列 -->
				  <el-col :span="12">
					<el-form :model="edit_ddformData">
					  <el-form-item label="订单编号" label-width="100px">
						<el-input v-model="edit_ddformData['订单编号']" disabled />
					  </el-form-item>
		  
					  <el-form-item label="生产款号" label-width="100px">
						<el-input
						  v-model="edit_ddformData['生产款号']" id='生产款号'
						  @keydown="add_gdzlent($event, '单位', '生产款号', '订单数量')"
						/>
					  </el-form-item>
		  
					  <el-form-item label="款式" label-width="100px">
						<el-input
						  v-model="edit_ddformData['款式']"id='款式'
						  @keydown="add_gdzlent($event, '订单数量', '款式', '落货日期')"
						/>
					  </el-form-item>
					</el-form>
				  </el-col>
		  
				  <!-- 第二列 -->
				  <el-col :span="12">
					<el-form>
					  <el-form-item label="客户编号" label-width="100px">
						<el-input v-model="edit_ddformData['客户编号']" disabled />
					  </el-form-item>
					  <el-form-item label="订单数量" label-width="100px">
						<el-input v-model="edit_ddformData['订单数量']" id='订单数量'
						  @input="Input_handle()"
						  @keydown="add_gdzlent($event, '生产款号', '订单数量', '款式')"
						/>
					  </el-form-item>
					  <el-form-item label="落货日期" label-width="100px">
						<el-date-picker
						  v-model="edit_ddformData['落货日期']"
						  type="date"id='落货日期'
						   @keydown="add_gdzlent($event, '款式', '落货日期', '面料')"
						 />
					  </el-form-item>
					</el-form>
				  </el-col>
				</el-row>
		  
				<!-- 面料，独占两列宽度，继续在左侧布局 -->
				<el-row>
				  <el-col :span="24">
					<el-form-item label="面料" label-width="100px">
					  <el-input
						type="textarea"
						v-model="edit_ddformData['面料']"
						rows="2"
						resize="none" id='面料'
						   @keydown="add_gdzlent($event, '落货日期', '面料', '箱唛要求')"
						 />
					</el-form-item>
				  </el-col>
				</el-row>
		  
				<!-- 其他表单项 -->
				<el-row>
				  <el-col :span="24">
					<el-form-item label="箱唛要求" label-width="100px">
					  <el-input
						type="textarea" id='箱唛要求'
						v-model="edit_ddformData['箱唛要求']"
						   @keydown="add_gdzlent($event, '面料', '箱唛要求', '要求')"
						rows="2"
						resize="none"
					  />
					</el-form-item>
				  </el-col>
				</el-row>
		  
				<el-row>
				  <el-col :span="24">
					<el-form-item label="备注" label-width="100px">
					  <el-input
						type="textarea"
						v-model="edit_ddformData['要求']" id='要求'
						   @keydown="add_gdzlent($event, '箱唛要求', '要求', '船样描述')"
						rows="2"
						resize="none"
					  />
					</el-form-item>
				  </el-col>
				</el-row>
				
				<el-row>
				  <el-col :span="24">
					<el-form-item label="船样描述" label-width="100px">
					  <el-input
						type="textarea" id='船样描述'
						   @keydown="add_gdzlent($event, '要求', '船样描述', '船样合计')"
						v-model="edit_ddformData['船样描述']"
						rows="1"
						resize="none"
					  />
					</el-form-item>
				  </el-col>
				</el-row>
			  </el-col>
		  
			  <!-- 右侧部分，第三列 -->
			  <el-col :span="8">
				<el-form>
				<div style="display: flex; align-items: center;">
				  <el-upload
					ref="uploadRef"
					class="upload-demo"
					:action="uploadUrl"
					:http-request="customUpload"
					:headers="uploadHeaders"
					list-type="picture-card"
					:on-preview="handlePreview"
					:on-remove="handleRemove"
					:before-upload="beforeUpload"
					:on-success="handleSuccess"
					:on-error="handleError"
					:file-list="fileList"
					:limit="1"
					accept="image/jpeg,image/png"
					style="margin-left: 20px;"
				  >
					<i class="el-icon-plus"></i>
				  </el-upload>
				</div>
			  <h4 style="font-size: 18px; margin-left: 150px;">上传图片</h4>
		  
				  <!-- 独立的制单信息 -->
				  <el-form-item label="制单人" label-width="120px">
					<el-input v-model="edit_ddformData['Sys_id']" disabled style="width: 200px;"/>
				  </el-form-item>
		  
				  <el-form-item label="制单日期" label-width="120px">
					<el-date-picker v-model="edit_ddformData['Sys_rq']" id='制单日期' disabled style="width: 200px;" type="date" />
				  </el-form-item>
				</el-form>
			<!-- 	<el-button type="primary" @click="edit_Related_fabrics"
							style="width: 160px;height: 45px;font-size: 20px; margin-left: 120px;">
							  关联订单面料
				 </el-button> -->
			  </el-col>
			</el-row>
		  
			<!-- 底部其他表单项 -->
  
		  <div style="display: flex; justify-content: space-between; margin-top: 10px;">
			<el-form :model="edit_ddformData" style="flex: 1;">
			  <div style="display: flex;">
				<div style="flex:0.5; margin-right: 10px;">
				  <el-form-item label="船样合计" label-width="100px">
					<el-input v-model="edit_ddformData['船样合计']" id="船样合计"
					  @input="Input_handle()"
					  @keydown="add_gdzlent($event, '船样描述', '船样合计', '粘衬')"
					/>
				  </el-form-item>
				</div>
				<div style="flex: 0.9;">
				  <el-form-item label="粘衬" label-width="60px">
					<el-input v-model="edit_ddformData['粘衬']" id="粘衬"
					  @keydown="add_gdzlent($event, '船样合计', '粘衬', '单位')"
					/>
				  </el-form-item>
				</div>
				<div style="flex: 0.4;">
				  <el-form-item label="单位" label-width="70px">
					<el-input v-model="edit_ddformData['单位']" id="单位"
					  @keydown="add_gdzlent($event, '粘衬', '单位', '生产款号')"
					/>
				  </el-form-item>
				</div>
				<div style="flex: 1;">
				   
				  <!-- <el-form-item label="" class="mab" prop="isBanciSelected" label-width="90">
					<el-checkbox 
					  v-model="edit_ddformData['合并']" 
					  class="custom-checkbox"
					>
					  <span style="color: red;">需要将订单数据合并请勾选</span>
					</el-checkbox>
				  </el-form-item> -->
				</div>
			  </div>
			</el-form>
		  </div>
		  <el-tag><span style="font-size: 18px;margin-left: 10px;">关联订单面料明细</span></el-tag>
		  <el-table ref="multipleTable"
								:row-style="{ height: '30px' }"
								: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"
								style="width: 100%;height: 30vh" border tooltip-effect="dark" :data="edit_zsglddtableData" row-key="ID">
						  <el-table-column align="left" label="订单编号" prop="订单编号"  width="110"/>
						  <el-table-column align="left" label="BOM_物料编码" prop="BOM_物料编码"  width="200"/>
						  <el-table-column align="left" label="生产款号" prop="生产款号"  width="200"/>
						  <el-table-column align="left" label="颜色" prop="颜色"  width="115"/>
						  <el-table-column align="left" label="物料名称" prop="物料名称"  width="170"/>
						  <el-table-column align="left" label="计划门幅" prop="计划门幅"  width="115"/>
						  <el-table-column align="left" label="定额门幅" prop="定额门幅"  width="115"/>
						  <el-table-column align="left" label="款式" prop="款式"  width="115" />
						  
							<el-table-column fixed="right" label="操作" width="120">
							  <template #default="{ row, $index }">
								<el-button @click="edit_deleteRow($index)" type="text" size="small">
								  移除
								</el-button>
							  </template>
							</el-table-column>
							
					  </el-table>
			<!-- 底部操作按钮 -->
			<template #footer>
			  <div class="dialog-footer" style="text-align: right;">
				<el-button @click="dd_closeDialog">取消</el-button>
				<el-button type="primary" @click="dd_edit_Dialog">确定</el-button>
			  </div>
			</template>
		  </el-dialog>
			  
			  
			  <!-- 新增颜色资料弹窗 -->
		   <el-dialog
			  v-model="add_gdyjdialogFormVisible"
			  :before-close="add_gdyjcloseDialog"
			  style="width: 73%; max-height: 80%; overflow-y: auto; margin-top: 4%;"
			  :title="'新增颜色资料'"
			  destroy-on-close>
			  <el-form label-width="100px" :model="add_yszlformdata">
				<el-row :gutter="24" class="form-row">
				  <el-col :span="10">
					<div style="display: flex; gap: 0px;">
					  <h3 style="color:red;font-size: 24px;margin:-5px 0px 8px 12px;" >订单编号&nbsp;&nbsp;&nbsp;{{_ddhval}}</h3>
					</div>
				  </el-col>
				  <el-col :span="10">
					<el-form-item label="订单子编号:" class="mab" prop="keyOrder" id ='订单子编号' label-width='110'>
					  <el-input v-model="add_yszlformdata.ddzbh" disabled style="width: 250px;" />
					</el-form-item>
				  </el-col>
				</el-row>
		  
				<el-row :gutter="24" class="form-row">
				  <el-col :span="10">
					<el-form-item label="色系名称:" class="mab" prop="keyOrder" label-width='110'>
						<el-select
						  v-model="add_yszlformdata.sxmc" style="width: 150px;" id="色系名称" 
						  @keydown="add_gdzlent($event, '', '色系名称', '款号:')">
						  <el-option 
							v-for="color in getSuborderscolor.colorlist" 
							:key="color.id" 
							:label="color.colorname" 
							:value="color.colorname"  
							@click="xz_sxhandleSizeChange(color.colorname,color.colorcode)">
						  </el-option>
						</el-select>
					</el-form-item>
				  </el-col>
				  <el-col :span="10">
					<el-form-item label="PO号:" class="mab" prop="keyOrder" label-width="110">
					  <el-input v-model="add_yszlformdata.kh" style="width: 250px;" id ='款号:' @keydown="add_gdzlent($event, '色系名称', '款号:', '颜色备注')"/>
					</el-form-item>
				  </el-col>
				</el-row>
		  
				<el-row :gutter="24" class="form-row">
					<el-col :span="8">
					  <el-form-item label="颜色备注:" prop="joinDate" label-width='110'>
						<el-input v-model="add_yszlformdata.ysbz" style="width: 250px;" id ='颜色备注' @keydown="add_gdzlent($event, '款号:', '颜色备注', '是否船样')"/>
					  </el-form-item>
					</el-col>
	  
				  <el-col :span="8">
					<el-form-item label="是否船样:" prop="joinDate" label-width='230'>
					  <el-select v-model="add_yszlformdata.sfcy" style="width: 150px;" id ='是否船样'  @keydown="add_gdzlent($event, '颜色备注', '是否船样', 'cm1')">
						<el-option label="是" value="是" @click="cyChange('是')"></el-option>
						<el-option label="否" value="否" @click="cyChange('否')"></el-option>
					  </el-select>
					</el-form-item>
				  </el-col>
				</el-row>
		  
				<el-row :gutter="24" class="form-row">
					<el-col :span="24">
					<el-form-item label="尺码:" class="mab" prop="keyOrder" label-width="110">
						<el-input
						v-model="cmformdata.cm1"
						style="width: 80px;"
						id="cm1"
						@input="handleSizeInput('cm1')"
						/>
						<el-input
						v-model="cmformdata.cm2"
						style="width: 80px;"
						id="cm2"
						@input="handleSizeInput('cm2')"
						/>
						<el-input
						v-model="cmformdata.cm3"
						style="width: 80px;"
						id="cm3"
						@input="handleSizeInput('cm3')"
						/>
						<el-input
						v-model="cmformdata.cm4"
						style="width: 80px;"
						id="cm4"
						@input="handleSizeInput('cm4')"
						/>
						<el-input
						v-model="cmformdata.cm5"
						style="width: 80px;"
						id="cm5"
						@input="handleSizeInput('cm5')"
						/>
						<el-input
						v-model="cmformdata.cm6"
						style="width: 80px;"
						id="cm6"
						@input="handleSizeInput('cm6')"
						/>
						<el-input
						v-model="cmformdata.cm7"
						style="width: 80px;"
						id="cm7"
						@input="handleSizeInput('cm7')"
						/>
						<el-input
						v-model="cmformdata.cm8"
						style="width: 80px;"
						id="cm8"
						@input="handleSizeInput('cm8')"
						/>
						<el-input
						v-model="cmformdata.cm9"
						style="width: 80px;"
						id="cm9"
						@input="handleSizeInput('cm9')"
						/>
						<el-input
						v-model="cmformdata.cm10"
						style="width: 80px;"
						@input="handleSizeInput('cm10')"
						/>
						<el-input
						v-model="cmformdata.cm11"
						style="width: 80px;"
						@input="handleSizeInput('cm11')"
						/>
						<el-input
						v-model="cmformdata.cm12"
						style="width: 80px;"
						@input="handleSizeInput('cm12')"
						/>
						<el-input
						v-model="cmformdata.cm13"
						style="width: 80px;"
						@input="handleSizeInput('cm13')"
						/>
						<el-input
						v-model="cmformdata.cm14"
						style="width: 80px;"
						@input="handleSizeInput('cm14')"
						/>
						<el-input
						v-model="cmformdata.sctotal"
						style="width: 80px;"
						@input="handleSizeInput('sctotal')"
						/>
					</el-form-item>
					</el-col>
  				</el-row>
		  
				<el-row :gutter="24" class="form-row">
				  <el-col :span="24">
					<el-form-item label="制单数:" class="mab" prop="keyOrder" label-width='110'>
					  <el-input v-model="zdsformdata.zds1" @input="updateTotal" style="width: 80px;" id ='zds1'  @keydown="add_gdzlent($event, 'cm14', 'zds1', 'zds2')"/>
					  <el-input v-model="zdsformdata.zds2" @input="updateTotal" style="width: 80px;" id ='zds2'  @keydown="add_gdzlent($event, 'zds1', 'zds2', 'zds3')"/>
					  <el-input v-model="zdsformdata.zds3" @input="updateTotal" style="width: 80px;" id ='zds3'  @keydown="add_gdzlent($event, 'zds2', 'zds3', 'zds4')"/>
					  <el-input v-model="zdsformdata.zds4" @input="updateTotal" style="width: 80px;" id ='zds4'  @keydown="add_gdzlent($event, 'zds3', 'zds4', 'zds5')"/>
					  <el-input v-model="zdsformdata.zds5" @input="updateTotal" style="width: 80px;" id ='zds5'  @keydown="add_gdzlent($event, 'zds4', 'zds5', 'zds6')"/>
					  <el-input v-model="zdsformdata.zds6" @input="updateTotal" style="width: 80px;" id ='zds6'  @keydown="add_gdzlent($event, 'zds5', 'zds6', 'zds7')"/>
					  <el-input v-model="zdsformdata.zds7" @input="updateTotal" style="width: 80px;" id ='zds7'  @keydown="add_gdzlent($event, 'zds6', 'zds7', 'zds8')"/>
					  <el-input v-model="zdsformdata.zds8" @input="updateTotal" style="width: 80px;" id ='zds8'  @keydown="add_gdzlent($event, 'zds7', 'zds8', 'zds9')"/>
					  <el-input v-model="zdsformdata.zds9" @input="updateTotal" style="width: 80px;" id ='zds9'  @keydown="add_gdzlent($event, 'zds8', 'zds9', 'zds10')"/>
					  <el-input v-model="zdsformdata.zds10" @input="updateTotal" style="width: 80px;" id ='zds10'  @keydown="add_gdzlent($event, 'zds9', 'zds10', 'zds11')"/>
					  <el-input v-model="zdsformdata.zds11" @input="updateTotal" style="width: 80px;" id ='zds11'  @keydown="add_gdzlent($event, 'zds10', 'zds11', 'zds12')"/>
					  <el-input v-model="zdsformdata.zds12" @input="updateTotal" style="width: 80px;" id ='zds12'  @keydown="add_gdzlent($event, 'zds11', 'zds12', 'zds13')"/>
					  <el-input v-model="zdsformdata.zds13" @input="updateTotal" style="width: 80px;" id ='zds13'  @keydown="add_gdzlent($event, 'zds12', 'zds13', 'zds14')"/>
					  <el-input v-model="zdsformdata.zds14" @input="updateTotal" style="width: 80px;" id ='zds14'  @keydown="add_gdzlent($event, 'zds13', 'zds14', '色系名称')"/>
					  <el-input v-model="zdsformdata.zdtotal" readonly style="width: 80px;" />
					</el-form-item>
				  </el-col>
				</el-row>
  
		  
			  </el-form>
		  
			  <template #footer>
				<div class="dialog-footer" style="display: flex; justify-content: flex-end; padding: 10px;">
				  <el-button type="primary" @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: 25%;margin: 10% auto" :title="'新增工序资料'" destroy-on-close>
	  <el-form>
		<div>
		  <div style="display: flex; gap: 0px;">
			<h3 style="color:red;font-size: 24px;margin:0px 0px 0px 15px;">订单号&nbsp;&nbsp;&nbsp;{{_ddhval}}</h3>
		  </div>
  
		  <div style="display: flex; gap: 0px;">
			<el-form-item label="仓库出库："  class="mab" prop="isBanciSelected" label-width="110">
		  <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="110">
			<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="110">
			<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="110">
			<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="110">
			<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="110">
			<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="110">
			<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="jsfjdialogFormVisible" :before-close="jsfjcloseDialog"
					  style="margin-top: 40px" height="500px" width="700px" destroy-on-close>
				<el-form :model="jsfjformdata" label-position="right" ref="elFormRef" :rules="rule" label-width="90px">
				  <el-row :gutter="24">
					  <el-col :span="10">
					   <div style="display: flex; gap: 0px;">
						 <h3 style="color:red;font-size: 24px;margin:-5px 0px 8px 12px;" >订单编号&nbsp;&nbsp;&nbsp;{{_ddhval}}</h3>
					   </div>
					  </el-col>
				  </el-row>
				  <br />
				  <el-row :gutter="24">  
					<el-col :span="16">  
					  <el-form-item label="附件备注:" prop="address" class="mab">  
						<el-select v-model="jsfjformdata.附件备注" placeholder="请选择附件类型" id="附件备注">  
						  <el-option label="订单附件" value="订单资料附件"></el-option>
						  <el-option label="技术附件" value="技术附件"></el-option>
						</el-select>  
					  </el-form-item>  
					</el-col>  
				  </el-row> 
				  <br>
				  <el-row :gutter="24">
					  <!-- <el-col :span="8">
						  <br>
						  <p>s</p>
					  </el-col> -->
					  <el-col :span="12">
						  <!-- <br> -->
						  <el-form-item label="附件备注:" prop="address" class="mab">  
						  <input style="font-size:16px;" type="file" @change="uploadExcel" >
						  </el-form-item>  
					  </el-col>
				  <!-- 	<el-col :span="4">
						  <br>
						  <el-button @click="yulan">预览</el-button>
					  </el-col> -->
				  </el-row>
				</el-form>
				<template #footer>
					<br>
				  <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="mlinventoryVisible" :before-close="mlcloseDialog" title="面料库存出入库记录" 
					  style="margin-top: 40px" height="300px" width="1000px" destroy-on-close>
				<el-form :model="mlformdata" label-position="right" ref="elFormRef" :rules="rule" label-width="90px">
			<el-table
				ref="table"
				highlight-current-row
				show-overflow-tooltip
				border
				:data="historytableData"
				:row-style="{ height: '25px' }"
				:cell-style="{ padding: '0px' }"
				:header-row-style="{ height: '20px' }"
				:header-cell-style="{ padding: '0px' }"
				style="width: 100%;height: 75vh;" >
		  
			<el-table-column label="订单编号" prop="订单编号"width="110" ></el-table-column>
			<el-table-column label="面料" prop="面料" width="110"></el-table-column>
			<el-table-column label="颜色" prop="颜色" width="110"></el-table-column>
			<el-table-column label="入库数量" prop="入库数量" width="110"></el-table-column>
			<el-table-column label="出库数量" prop="出库数量" width="110"></el-table-column>
			<el-table-column label="领料部门" prop="领料部门" width="110"></el-table-column>
			<el-table-column label="领料时间" prop="领料时间" width="110"></el-table-column>
		  </el-table>
				  <br>
				</el-form>
				<template #footer>
					<br>
				  <div class="dialog-footer">
					<el-button @click="mlcloseDialog">取 消</el-button>
					<el-button type="primary"  @click="mlenterDialog">确 定</el-button>
				  </div>
				</template>
			  </el-dialog>
  
			</el-main>
		  </layout-content>
		</layout>
	  </layout>
	  
	  <!-- 打印订单表预览 -->
	  <PrintPage ref="printPageRef" />
	  <!-- 子订单详情页 -->
	  <luckyexcelPage ref="luckyexcelPageRef" />
	  
	  
	</div>
  </template>
  <script>
  //点击按钮显示下方表格
  export default {
	data() {
	  return {
		currentTable: '', // 当前展示的表格
		activeName: 'first',
		_ddhval:'',
		 size: '',
		add_gddialogFormVisible: true,
	  };
	}
  };
  </script>
  
  <script setup> 
  // 全量引入格式化工具 请按需保留
  import $script from 'scriptjs'
  import $ from 'jquery';
  import LuckyExcel from 'luckyexcel';
  import { toRaw } from 'vue';
  import { Layout, LayoutSider, LayoutContent } from '@arco-design/web-vue';
  import { ElMessage, ElMessageBox,ElUpload, ElButton,ElLoading } from 'element-plus'
  import { ref, reactive, computed, nextTick, watch,onMounted,onBeforeUnmount } from 'vue'
  import axios from 'axios';
  import * as XLSX from 'xlsx';
  import jsPDF from 'jspdf';
  import {Datalist,WorkOrderList,WorkOrderAdd,PrintListData,
  printDetailAdd,PrintDetailDel,orderDataDel,getWorkOrder,
  getSuborder,PrintDataEdit,WorkOrderEdit,gdAnnexAdd,upload,OrderAttachments,
  getPonumber,FabricEdit,orderBomList,FabricDetail,fabricList,Bomdel,delfujian} from '@/api/mes/job'
  import PrintPage from './components/print.vue'
  import luckyexcelPage from './components/luckyexcel.vue'
  import AddGongYi from './components/addGongYi.vue'  
  import { useUserStore } from '@/pinia/modules/user';
  defineOptions({name: 'Company'})
  //定义打印跳转页面
  const printPageRef = ref()
  const luckyexcelPageRef = ref()
  //获取登录用户信息
  const userStore = useUserStore()
  const _username = ref('')
  _username.value = userStore.userInfo.userName + '/' + userStore.userInfo.nickName
  console.log('获取用户名称',_username.value)
  //全局获取当前日期
  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 currentDates = `${year}-${month}-${day}`;
  
  //==============图片上传=============
  //测试环境前端
  // const uploadUrl = ref('http://mes-dacheng-api:8083/index.php/api/work_order/ImgUpload') 
  
  // 获取环境变量
  const basePath = import.meta.env.VITE_BASE_PATH;
  const uploadsPort = import.meta.env.VITE_UPLOADS_PORT;
  // 动态生成路径
  let path = basePath && uploadsPort ? `${basePath}:${uploadsPort}` : undefined;
  // 如果 path 是 undefined，则使用默认地址
  if (!path || path.includes("undefined")) {
	  console.log("第一路径获取失败，尝试使用备用地址 http://192.168.28.22:8082");
	  path = "http://192.168.28.22:8082";
  }
  // 如果还是 undefined，再降级到本地地址
  if (path.includes("undefined")) {
	  console.log("备用地址获取失败，使用本地地址 http://127.0.0.1:58082");
	  path = "http://127.0.0.1:58082";
  }
  console.log("最终获取地址：", path);
  
  // 上传的URL
  const uploadUrl = ref(`${path}/api/work_order/ImgUpload`);
  // const uploadUrl = ref("http://192.168.28.22:8082/api/work_order/ImgUpload");
  const uploadHeaders = { 'Content-Type': 'multipart/form-data' };
  const fileList = reactive([]);
  const uploadRef = ref(null);
  // 预览图片
  const handlePreview = (file) => {
	console.log('预览文件:', file);
  };
  // 移除图片
  const handleRemove = (file, fileList) => {
	console.log('移除文件:', file, '剩余文件:', fileList);
  };
  // 上传错误处理
  const handleError = (err, file, fileList) => {
	console.error('上传失败:', err);
	ElMessage.error(`图片上传失败: ${err.message || '未知错误'}`);
  };
  // 上传前的检查与图片压缩
  const beforeUpload = (file) => {
	const isJPGOrPNG = file.type === 'image/jpeg' || file.type === 'image/png';
	const isLt500K = file.size / 1024 < 500;
	if (!isJPGOrPNG) {
	  ElMessage.error('上传图片只能是 JPG 或 PNG 格式!');
	  return false;
	}
	if (!isLt500K) {
	  ElMessage.error('上传图片大小不能超过 500KB!');
	  return false;
	}
	// 图片格式和大小符合，压缩图片
	return new Promise((resolve, reject) => {
	  const reader = new FileReader();
	  reader.readAsDataURL(file);
	  reader.onload = () => {
		const img = new Image();
		img.src = reader.result;
		img.onload = () => {
		  const canvas = document.createElement('canvas');
		  const ctx = canvas.getContext('2d');
		  const fixedWidth = 300;
		  const fixedHeight = 300;
		  canvas.width = fixedWidth;
		  canvas.height = fixedHeight;
		  ctx.drawImage(img, 0, 0, fixedWidth, fixedHeight);
		  canvas.toBlob((blob) => {
			const compressedFile = new File([blob], file.name, { type: file.type });
			resolve(compressedFile);
		  }, file.type);
		};
	  };
	  reader.onerror = (error) => {
		ElMessage.error('图片处理失败');
		reject(error);
	  };
	});
  };
  // 上传成功处理
  const handleSuccess = (response, file, fileList) => {
	console.log('上传成功:', response, file, fileList);
  };
  // 自定义上传逻辑
  const customUpload = async (options) => {
	try {
	  const formData = new FormData();
	  formData.append('image', options.file);
	  const response = await axios.post(uploadUrl.value, formData, {
		headers: uploadHeaders,
		onUploadProgress: (progressEvent) => {
		  options.onProgress({
			percent: Math.round((progressEvent.loaded * 100) / progressEvent.total),
		  });
		},
	  });
	  if (response.data.code === 0) {
		options.onSuccess(response.data);
		ElMessage.success('图片上传成功');
		add_gdscgdformData.img = response.data.data.url;
		edit_ddformData.img = response.data.data.url;
	  } else {
		throw new Error(response.data.msg);
	  }
	} catch (error) {
	  console.error('上传失败:', error);
	  options.onError(error);
	  ElMessage.error(`上传失败: ${error.message}`);
	}
  };
  




  // =========== 左侧树侧形结构 =========== 
  const treeData = ref([])
  const tableData = ref([])
  const _Gd_khdh = ref(null)
  const defaultProps = {  
		children: 'children',  
		label: 'label'  
	  };  
  const Datalistdata = async () => {
	try {
	  const Datalists = await Datalist();
	  console.log(Datalists)
	Datalists.data.forEach(id => {  
	  treeData.value.push({  
		label: id,
	  });  
	}); 
	} catch (error) {
	  console.error(error);
	}
  };
  Datalistdata();
  
  //点击左侧树形获取编号
  const handleNodeClick = async (node) => {
	  ystableData.splice(0, ystableData.length);
	  gytableData.splice(0, gytableData.length);
	  ddtableData.splice(0, ddtableData.length);
	  jstableData.splice(0, jstableData.length);
	  // 取消所有节点的颜色
	  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';
	  }
	  ystableData.length = 0
	  searchInfo.value = '';
	  _Gd_khdh.value = node.label.split('【')[0];
	  _WorkList_page();
  };
  
  // 删除
  const deleteItem = async (row) => {
	  console.log(_username.value.split('/')[1])
	  console.log(row.sys_id.split('/')[1])
  
  const delfujian_del = await delfujian({UniqId:row['UniqId'],登录用户:_username.value.split('/')[1],建档用户:row.sys_id.split('/')[1]});
		  if(delfujian_del.code === 0){
			  ElMessage({type: 'success',message: '删除成功'})
		  }else{
			  ElMessage({type: 'error',message: '删除失败'})
		  }
		  tableRowClick (row)
  }
  
  const showPdf = async (row) => {
	  luckyexcelPageRef.value.open(row)
  };
  //调用订单资料列表
  const _WorkList_page = async () => {
	  console.log("page",page.value)
	  console.log("pageSize",pageSize.value)
	try {
	  //通过客户编号获取
	  const WorkListdata = await WorkOrderList({search:_Gd_khdh.value,page:page.value,limit:pageSize.value});
	  tableData.value = WorkListdata.data.data
	  total.value = WorkListdata.data.total
	} catch (error) {
	  console.error(error);
	}
  };
  
  //调用订单资料列表
  const page_WorkList_page = async () => {
	  console.log("page",page.value)
	  console.log("pageSize",pageSize.value)
	try {
	  //通过客户编号获取
	  const WorkListdata = await WorkOrderList({search:_Gd_khdh.value,page:page.value,limit:pageSize.value});
	  tableData.value = WorkListdata.data.data
	  total.value = WorkListdata.data.total
	} catch (error) {
	  console.error(error);
	}
  };
  
  //============订单资料============
  //订单资料修改
  const ddzl_dialogFormVisible = ref(false)
  const edit_ddformData = ref({
	   合并: false,
  })
  // 双击订单表格
  const updateCompanyFunc = async (row) => {
	  ddzl_dialogFormVisible.value = true;
	  if(row.water === '1'){
		  edit_ddformData.value = {
			  合并: true
		  }
	  }else{
		  edit_ddformData.value = {
			  合并: false
		  }
	  }
	Object.assign(edit_ddformData.value,row);
  
  }
  
  //订单资料修改确认
  const dd_edit_Dialog = async () => {
	  if(edit_ddformData.value.Sys_id.split('/')[1]===_username.value.split('/')[1]||_username.value.split('/')[1] === '超级管理员'){
  //日期转换
  let lhrq_formattedDeliveryDate = '';  
	  if (edit_ddformData.value.落货日期) {  
		  const date = new Date(edit_ddformData.value.落货日期);  
		  lhrq_formattedDeliveryDate = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;  
	  }  
	  let params = {};
	  params.订单编号 = edit_ddformData.value.订单编号
	  params.生产款号 = edit_ddformData.value.生产款号
	  params.客户编号 = edit_ddformData.value.客户编号
	  params.款式 = edit_ddformData.value.款式
	  params.箱唛要求 = edit_ddformData.value.箱唛要求
	  params.面料 = edit_ddformData.value.面料
	  params.要求 = edit_ddformData.value.要求
	  params.船样描述 = edit_ddformData.value.船样描述  
	  params.船样合计 = edit_ddformData.value.船样合计
	  params.粘衬 = edit_ddformData.value.粘衬
	  params.订单数量 = edit_ddformData.value.订单数量
	  params.单位 = edit_ddformData.value.单位
	  params.接单日期 = edit_ddformData.value.接单日期
	  params.落货日期 = lhrq_formattedDeliveryDate
	  params.Sys_id = edit_ddformData.value.Sys_id
	  params.id = edit_ddformData.value.Uniqid
	  params.img = edit_ddformData.img
	  console.log(params)
	  // return;
	  //订单资料修改接口
	  const WorkOrderEdit_list = await WorkOrderEdit(params);
	  if(WorkOrderEdit_list.code === 0){
		  ddzl_dialogFormVisible.value = false;
		  //修改成功调用接口更新表格数据
		  _WorkList_page()
		  ElMessage({type: 'success',message: '修改成功'})
	  }else{
		  ElMessage({type: 'error',message: '修改失败'})
	  }
	  }else{
		  return ElMessage({type: 'error',message: '无法修改其他用户订单数据'})	
	  }
	  
  }
  
  //订单资料修改取消
  const dd_closeDialog = async () => {
	ddzl_dialogFormVisible.value = false;
  }
  
  
  //=============颜色资料============
  //颜色资料修改
  const dialogFormVisible = ref(false)
  //尺码
  const edit_cmformdata = reactive({
	cm1:'',
	cm2:'',
	cm3:'',
	cm4:'',
	cm5:'',
	cm6:'',
	cm7:'',
	cm8:'',
	cm9:'',
	cm10:'',
	cm11:'',
	cm12:'',
	cm13:'',
	cm14:'',
	sctotal:'总计',
  });
  //制单数
  const edit_zdsformdata = reactive({
	zds1:'',
	zds2:'',
	zds3:'',
	zds4:'',
	zds5:'',
	zds6:'',
	zds7:'',
	zds8:'',
	zds9:'',
	zds10:'',
	zds11:'',
	zds12:'',
	zds13:'',
	zds14:'',
	zdtotal:'',
  });
  const Uniqid = ref('')//颜色资料Uniqid
  
  
  
  //颜色资料表格双击
  const ysupdateCompanyFunc = async (row) => {
	  dialogFormVisible.value = true;
	  edit_formData.value = { ...row };
	  console.log(row)
	  edit_formData['子订单编号'] = row['子订单编号']
	  edit_formData['颜色备注'] = row['颜色备注']
	  edit_formData['款号'] = row['款号']
	  edit_formData['船样'] = row['船样']
	  edit_formData['颜色'] = row['颜色']
	  edit_colorcode.value =row['color_id']
	  Uniqid.value = row['Uniqid']
	  //获取色系名称列表
	  const getSuborders = await getSuborder({order:_Gd_gdbh.value,cy:'否',colorname:edit_formData['颜色']});
	  getSuborderscolor.colorlist = getSuborders.data.colorlist;
	  let index = 1;  
	  // 创建一个函数来构建尺码和数量的映射  
	  function buildSizeQuantitiesMap(sizes, formData) {  
		  const sizeQuantitiesMap = {};  
		  sizes.forEach(size => {  
			  // 使用逻辑或操作符确保所有尺码都有数量（默认为0，但如果有值则使用那个值）  
			  const quantity = formData[size] || 0;  
			  sizeQuantitiesMap[size] = quantity;  
		  });  
		  return sizeQuantitiesMap;  
	  }  
	  // 使用函数构建映射  
	  let sizeQuantitiesMap = buildSizeQuantitiesMap(sizeDatas, edit_formData.value);  
	  let edit_params = {};
	  for (const [size, quantity] of Object.entries(sizeQuantitiesMap)) {  
		  edit_params[`cm${index}`] = size;  
		  edit_params[`cmsl${index++}`] = quantity;  
	  }  
	  for (let i = 1; i <= 14; i++) {
		  edit_cmformdata[`cm${i}`] = edit_params[`cm${i}`] || '';
		  edit_zdsformdata[`zds${i}`] = (edit_params[`cmsl${i}`] === 0 || edit_params[`cmsl${i}`] === null) ? '' : edit_params[`cmsl${i}`];
	  }
	  //计算尺码数量总数合计
	  updateTotal()
  };
  
  //自动计算制单数总计
  function updateTotal() {  
	// 直接指定要累加的属性名  
	const relevantKeys = ['zds1', 'zds2', 'zds3', 'zds4', 'zds5', 'zds6', 'zds7', 'zds8', 'zds9', 'zds10', 'zds11', 'zds12', 'zds13', 'zds14'];  
	const values = relevantKeys.map(key => parseInt(zdsformdata[key], 10) || 0); // 使用 || 0 来处理可能的 NaN 或 undefined/null  
	zdsformdata.zdtotal = values.reduce((sum, value) => sum + value, 0);  
	const valuess = relevantKeys.map(key => parseInt(edit_zdsformdata[key], 10) || 0); // 使用 || 0 来处理可能的 NaN 或 undefined/null  
	edit_zdsformdata.zdtotal = valuess.reduce((sum, value) => sum + value, 0);  
  }  
  
  //点击是否船样 改变子订单编号
  const edit_cyChange = async (value) => {
	if (value === '是') {
		  const getSuborders = await getSuborder({order:_Gd_gdbh.value,cy:'是',colorname:edit_formData['颜色']});
		  edit_formData['子订单编号'] = getSuborders.data;
	  }else if(value === '否'){
		  const getSuborders = await getSuborder({order:_Gd_gdbh.value,cy:'否',colorname:edit_formData['颜色']});
		  edit_formData['子订单编号'] = getSuborders.data.order;
	}
  };
  
  //修改颜色资料确认
  const ys_edit_Dialog = async () => {
	  
	  if (!edit_formData.value) return;
	  
	  //获取颜色编号id
	  const getPonumberdata = await getSuborder({colorname:edit_formData['颜色'],order:_ddhval.value,cy:edit_formData['船样']});
	  // 从返回中提取 colorlist
	  const colorlist = getPonumberdata.data.colorlist || [];
	  // 获取匹配的颜色项
	  const match = colorlist.find(item => item.colorname === edit_formData['颜色']);
	  if (match) {
	    edit_colorcode.value = match.colorcode;
	  } else {
	    console.warn('未找到匹配的颜色');
	  }
	  
	  function buildSizeQuantitiesMap(sizes, formData) {  
		  const sizeQuantitiesMap = {};  
		  sizes.forEach(size => {  
			// 使用逻辑或操作符确保所有尺码的数量  
			const quantity = formData[size] || 0; 
			sizeQuantitiesMap[size] = quantity;  
		  });  
		  return sizeQuantitiesMap;  
	  }  
	
	// 使用函数构建映射  
	const sizeQuantitiesMap = buildSizeQuantitiesMap(sizeDatas, edit_formData.value);  
	let index = 1;  
	const params = {  
	  订单编号: edit_formData.value.订单编号,  
	  子订单编号: edit_formData.子订单编号,  
	  款号: edit_formData.款号,  
	  颜色备注: edit_formData.颜色备注,
	  船样: edit_formData.船样 === '是' ? '1' : '0', // 转换船样字段  
	  颜色: edit_formData.颜色,  
	  color_id:edit_colorcode.value,
	  zdtotal: edit_zdsformdata.zdtotal,  
	  Sys_id: edit_formData.value.Sys_id,  
	  id: Uniqid.value,  
	};  
	for (const [size, quantity] of Object.entries(sizeQuantitiesMap)) {  
	  params[`cm${index}`] = size;  
	   const cmslValue = +edit_zdsformdata[`zds${index}`]; // 获取对应的数量
	   params[`cmsl${index++}`] = cmslValue === 0 ? "" : cmslValue; // 如果为0，赋值为空字符串 
	}  
	console.log(params)
	//颜色资料修改接口
	const PrintDataEdit_list = await PrintDataEdit(params);
	if(PrintDataEdit_list.code === 0){
		dialogFormVisible.value = false;
	  ElMessage({type: 'success',message: '修改成功'})
	  //数据列表显示
	  const PrintListDatas = await PrintListData({order:_Gd_gdbh.value})
	  const jsOrderAttachments = await OrderAttachments({order:_Gd_gdbh.value,desc:'技术附件'})
	  const ddOrderAttachments = await OrderAttachments({order:_Gd_gdbh.value,desc:'订单资料附件'})
	  //颜色资料
	  if(PrintListDatas.data.列表.length === 0 ){
		ystableData.length = 0
	  }else{
		sizeDatas.splice(0,PrintListDatas.data.型号.length,...PrintListDatas.data.型号);//型号数据
		ystableData.splice(0,PrintListDatas.data.列表.length,...PrintListDatas.data.列表);//表格数据
		// 使用 map 方法创建一个新数组，并转换船样字段  
		const newData = PrintListDatas.data.列表.map(item => ({  
			...item,  
			船样: item.船样 === 1 ? '是' : '否'  
		}));  
		// 将新数组赋值给 ystableData，这会触发视图更新，清空旧数据（可选，如果不需要保留旧数据的话）  
		ystableData.length = 0;  
		ystableData.push(...newData);
	  }
	  tableRowClick(params)
	}else{
	  ElMessage({type: 'error',message: '修改失败'})
	}
  };
  
  //颜色资料修改取消
  const ys_edit_closeDialog = async (row) => {
	  dialogFormVisible.value = false;
  };
  
  const mlinventoryVisible = ref(false)
  const historytableData = ref([])
  // //双击面料库存
  // const mlupdateCompanyFunc = async (row) => {
  //   mlinventoryVisible.value = true;
  // }
  
  //库存测试
  const CSclick = async (row) => {
	mlinventoryVisible.value = true;
  }
  
  //技术附件弹窗取消
  const mlcloseDialog = () => {
	mlinventoryVisible.value = false
  }
  // 分页
  const page = ref(1)
  const total = ref(0)
  const pageSize = ref(50)
  const handleCurrentChange = (val) => {
	page.value = val;
	_WorkList_page();
  };
  
  // 修改页面容量 点击多少条/页
  const handleSizeChange = (val) => {
	pageSize.value = val;
	_WorkList_page();
  };
  
  // =========== 新增订单资料 ===========
  const add_gdscgdformData = reactive({
	订单编号: '',
	生产款号: '',
	款式: '',
	客户编号: '',
	落货日期: '',
	箱唛要求: '',
	面料: '',
	要求: '',
	船样描述: '',
	船样合计: '',
	粘衬: '',
	订单数量: '',
	单位: '件',
	Sys_id: '',
	制单日期: '',
	审核日期: '',
	合并: false,
  });
  
  
  const add_gddialogFormVisible = ref(false)
  //点击新增订单资料按钮
  const addgd_onclick = async () => {
  
  
	console.log("用户信息", _username.value);
	// 判断客户代号是否为空
	if (!_Gd_khdh.value) {
	  ElMessage({ type: 'warning', message: '请选择具体的订单后，再操作此功能' });
	  return false;
	}
	  add_gddialogFormVisible.value = true
	  zsglddtableData.value = []
	  //获取订单编号接口
	  const getWorkOrder_list = await getWorkOrder();
	  add_gdscgdformData['订单编号'] = getWorkOrder_list.data;
	  add_gdscgdformData['客户编号'] = _Gd_khdh.value
	  add_gdscgdformData['Sys_id'] = _username.value 
	  add_gdscgdformData['制单日期'] = currentDates
  }
  
  //操作移除按钮
  const deleteRow = (index) => {
	  //当前点击索引值
	  console.log(index)
	  console.log(zsglddtableData)
	  //移除当前行
	  zsglddtableData.value.splice(index, 1);
  }
  const fullscreenLoading = ref(false); // 控制全屏加载
  const isClickable = ref(true); // 控制按钮是否可点击
  //新增工单资料确定
  const add_gdenterDialog = async () => {
	if (!isClickable.value) return;
  
	// 禁用按钮
	isClickable.value = false;
  
	// 开启全屏加载，并自定义文字和样式
	const loadingInstance = ElLoading.service({
	  lock: true, // 锁定屏幕
	  text: '正在自动获取生成BOM面料资料，请稍候...', // 自定义加载文字
	  background: 'rgba(0, 0, 0, 0.8)', // 背景颜色
	  spinner: 'el-icon-loading', // 加载图标
	});
  
	try {
	  // 定义需要校验的字段和对应的提示信息
	  const fields = [
		{ key: '款式', message: '款式不能为空' },
		{ key: '订单编号', message: '网络异常, 请重新打开' },
		{ key: '客户编号', message: '网络异常, 请重新打开' },
		{ key: '落货日期', message: '落货日期不能为空' },
		{ key: '订单数量', message: '订单数量不能为空' },
		{ key: '面料', message: '缺少面料信息，无法完成提交，请提供面料数据以便获取BOM资料数据' },
	  ];
  
	  // 遍历每个字段，进行非空或未定义校验
	  for (const field of fields) {
		if (!add_gdscgdformData[field.key]) {
		  ElMessage({ type: 'warning', message: field.message });
		  return false;
		}
	  }
  
	  // 校验制单日期
	  if (!add_gdscgdformData['制单日期']) {
		ElMessage({ type: 'warning', message: '制单日期不能为空' });
		return false;
	  }
  
	  // 日期转换
	  let lhrq_formattedDeliveryDate = '';
	  if (add_gdscgdformData['落货日期']) {
		const date = new Date(add_gdscgdformData['落货日期']);
		lhrq_formattedDeliveryDate = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;
	  }
  
	  // 获取 zsglddtableData 中所有行的 UNIQID 和订单编号
	  const ids = zsglddtableData.value.map(item => item.UNIQID);
	  const dds = zsglddtableData.value.map(item => item.订单编号);
  
	  // 去重 UNIQID 和订单编号
	  const uniqueIds = [...new Set(ids)];
	  const uniqueDds = [...new Set(dds)];
  
	  // 用逗号连接 UNIQID 和订单编号
	  const formattedIds = uniqueIds.join(',');
	  const formattedDds = uniqueDds.join(',');
  
	  console.log('关联订单编号:', formattedDds);
	  console.log('关联订单UNIQID:', formattedIds);
  
	  const formattedData = {
		订单编号: add_gdscgdformData['订单编号'],
		生产款号: add_gdscgdformData['生产款号'],
		款式: add_gdscgdformData['款式'],
		客户编号: add_gdscgdformData['客户编号'],
		落货日期: lhrq_formattedDeliveryDate,
		箱唛要求: add_gdscgdformData['箱唛要求'],
		面料: add_gdscgdformData['面料'],
		要求: add_gdscgdformData['备注'],
		船样描述: add_gdscgdformData['船样描述'],
		船样合计: add_gdscgdformData['船样合计'],
		粘衬: add_gdscgdformData['粘衬'],
		订单数量: add_gdscgdformData['订单数量'],
		单位: add_gdscgdformData['单位'],
		Sys_id: _username.value,
		接单日期: currentDates,
		img: add_gdscgdformData.img,
		关联订单: formattedDds,
		关联面料ID: formattedIds,
	  };
  
	  console.log(formattedData);
  
	  // 调用新增订单接口
	  const edit_gdformdata_list = await WorkOrderAdd(formattedData);
	  if (edit_gdformdata_list.code === 0) {
		add_gddialogFormVisible.value = false;
		ElMessage({ type: 'success', message: '新增成功' });
  
		// 新增后刷新表格，保证表格显示最新数据
		const WorkListdata = await WorkOrderList({ search: _Gd_khdh.value, page: 1, limit: 50 });
		tableData.value = WorkListdata.data.data;
	  } else {
		ElMessage({ type: 'error', message: '新增失败' });
	  }
	} catch (error) {
	  console.error('Error:', error);
	  ElMessage({ type: 'error', message: '操作失败，请重试' });
	} finally {
	  // 无论成功或失败，最终都要重新启用按钮并关闭加载
	  isClickable.value = true;
	  loadingInstance.close(); // 关闭加载
	}
  };
  //新增工单资料取消
  const add_gdcloseDialog = () => {
	add_gddialogFormVisible.value = false
  }
  
  
  
  // =========== 关联订单资料 ===========
  const Related_fabricsVisible = ref(false)
  const glddzl_keyword = ref('')
  const glddtableData = reactive([])
  // 关联订单面料按钮
  const Related_fabrics = () => {
	  Related_fabricsVisible.value = true
	  // glddtableData.splice(0, glddtableData.length);//清空表格
	  ddsearchHandle()
  }
  
  //实时触发input
  const real_handleInput = async ()=>{
	  glddtableData.splice(0, glddtableData.length);//清空表格
	  ddsearchHandle()
  }
  
  // 关联订单面料搜索
  const ddsearchHandle = async (v) => {
	  console.log(v)
	  glddtableData.splice(0, glddtableData.length);//清空表格

	  //搜索面料库存数据列表接口
	  const response = await fabricList({order:v});
	if (response.data && response.data.length === 0) {
	  ElMessage({type: 'warning',message: '未查询到搜索条件'})
	}else{
	   // 确保 response.data 和 response.data.table 存在
	   if (response?.data?.table) {
		glddtableData.value = response.data.table.map(item => ({
		  ...item,
		  checked: false, // 初始化时默认未勾选
		}));
		glddtableData.splice(0, response.data.table.total, ...response.data.table);
	   } else {
		console.error("response.data.table 不存在或为空：", response.data);
	  }
	}
  }
  
  const gldd_Selection = ref('')//存储选中Uniqid
  const gldd_Selection_ddbh = ref('')//存储选中订单编号
  const glddSelectionChange = (selection) => {
	console.log("当前选中的数据：", selection);
	// 更新 glddtableData 中每一行的 checked 状态
	glddtableData.value = glddtableData.value.map(item => {
	  return {
		...item,
		checked: selection.some(selectedItem => selectedItem.UNIQID === item.UNIQID), // 判断是否被勾选
	  };
	});
  };
  
  //关联订单取消
  const Related_fabricscloseDialog = () => {
	  gldd_Selection.value = ''
	  Related_fabricsVisible.value = false
  }
  
  //关联订单确定
  const zsglddtableData = ref([])
  const Related_fabricsenterDialog = () => {
	  // 过滤出勾选的数据
	  const filteredData = glddtableData.value.filter(item => item.checked);
	  
	  console.log(filteredData)
	  if(filteredData.length === 0){
		  return
	  }
	  
	  // 将过滤后的数据添加到 zsglddtableData
	  zsglddtableData.value.push(...filteredData);
  
	  // 关闭弹窗
	  Related_fabricsVisible.value = false;
  };
  
  
  // =========== 新增颜色资料 ===========
  const add_gdyjdialogFormVisible = ref(false)
  const add_yszlformdata = reactive({
	ddh: '',
	ddzbh: '',
	sxmc: '',
	cmgg: '',
	sfcy: '',
	ysbz: '',
  });
  const cmformdata = reactive({
	cm1:'32',
	cm2:'34',
	cm3:'36',
	cm4:'38',
	cm5:'40',
	cm6:'42',
	cm7:'44',
	cm8:'46',
	cm9:'48',
	cm10:'',
	cm11:'',
	cm12:'',
	cm13:'',
	cm14:'',
	sctotal:'总计',
  });
  const zdsformdata = reactive({
	zds1:'',
	zds2:'',
	zds3:'',
	zds4:'',
	zds5:'',
	zds6:'',
	zds7:'',
	zds8:'',
	zds9:'',
	zds10:'',
	zds11:'',
	zds12:'',
	zds13:'',
	zds14:'',
	zdtotal:'',
  });
  //记录色系编号
  const add_colorcode = ref('')
  
  //选择色系名称获取子订单编号
  const xz_sxhandleSizeChange =  async  (value,color_id) => {
	  
	  //获取子订单编号
	  const getPonumberdata = await getSuborder({colorname:value,order:_ddhval.value,cy:add_yszlformdata.sfcy});
	  console.log("获取子订单编号",getPonumberdata)
	  add_yszlformdata.ddzbh = getPonumberdata.data.order ? getPonumberdata.data.order : getPonumberdata.data;
	  
	if (value === '红色系') {
	  add_yszlformdata.sxmc = value
	  add_colorcode.value = color_id
	} else if(value === '黄色系'){
	 add_yszlformdata.sxmc = value
	 add_colorcode.value = color_id
	}else if(value === '蓝色系'){
	add_yszlformdata.sxmc = value
	add_colorcode.value = color_id
	}else if(value === '绿色系'){
	 add_yszlformdata.sxmc = value
	 add_colorcode.value = color_id
	}else if(value === '紫色系'){
	 add_yszlformdata.sxmc = value
	 add_colorcode.value = color_id
	}else if(value === '灰色系'){
   add_yszlformdata.sxmc = value
   add_colorcode.value = color_id
	}else if(value === '咖啡色系'){
	add_yszlformdata.sxmc = value
	  add_colorcode.value = color_id
	}else if(value === '黑色系'){
	add_yszlformdata.sxmc = value
	  add_colorcode.value = color_id
	}else if(value === '经典色系'){
	add_yszlformdata.sxmc = value
	  add_colorcode.value = color_id
	}else if(value === '白色系'){
	add_yszlformdata.sxmc = value
	  add_colorcode.value = color_id
	}
  };
  
  const edit_formData = reactive({
	'颜色': ''
  });
  
  //记录色系编号
  const edit_colorcode = ref('')
  const xg_sxhandleSizeChange =  async (value,color_id) => {
	  
	  const getPonumberdata = await getSuborder({colorname:value,order:_ddhval.value,cy:edit_formData['船样']});
	  console.log(edit_formData.value)	
	  if(edit_formData.value['颜色'] === edit_formData['颜色']){
		  edit_formData['子订单编号'] = edit_formData.value['子订单编号']
	  }else{
		  edit_formData['子订单编号'] = getPonumberdata.data.order ? getPonumberdata.data.order : getPonumberdata.data;
	  }
	if (value === '红色系') {
	edit_formData['颜色'] = value
	  edit_colorcode.value = color_id
	} else if(value === '黄色系'){
	edit_formData['颜色'] = value
	  edit_colorcode.value = color_id
	}else if(value === '蓝色系'){
	edit_formData['颜色'] = value
	  edit_colorcode.value = color_id
	}else if(value === '绿色系'){
	edit_formData['颜色'] = value
	  edit_colorcode.value = color_id
	}else if(value === '紫色系'){
	edit_formData['颜色'] = value
	  edit_colorcode.value = color_id
	}else if(value === '灰色系'){
	edit_formData['颜色'] = value
	  edit_colorcode.value = color_id
	}else if(value === '咖啡色系'){
	edit_formData['颜色'] = value
	  edit_colorcode.value = color_id
	}else if(value === '黑色系'){
	edit_formData['颜色'] = value
	  edit_colorcode.value = color_id
	}else if(value === '经典色系'){
	edit_formData['颜色'] = value
	}else if(value === '白色系'){
	edit_formData['颜色'] = value
	}
  };
  
  //清空对象的属性值
  const gdyj_clearFormData = () => {
	Object.keys(zdsformdata).forEach(key => {
	  zdsformdata[key] = '';
	});
  };
  
  
  //点击是否船样 改变子订单编号
  const cyChange = async (value) => {
	if (value === '是') {
		  add_yszlformdata.ddzbh = _Gd_gdbh.value + '-99'
		  const getSuborders = await getSuborder({order:_Gd_gdbh.value,cy:'是',colorname:add_yszlformdata['sxmc']});
		  add_yszlformdata['ddzbh'] = getSuborders.data;
	  }else if(value === '否'){
		  const getSuborders = await getSuborder({order:_Gd_gdbh.value,cy:'否',colorname:add_yszlformdata['sxmc']});
		  add_yszlformdata['ddzbh'] = getSuborders.data.order;
	}
  };
  
  const getSuborderscolor = reactive({
		colorlist: []
  });
	  
  //新增颜色资料按钮
  const addgdyj_onclick = async  () => {
	if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
	  ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能'})
	  return false;
	}else{
	  add_gdyjdialogFormVisible.value = true
	  add_yszlformdata['sxmc'] = '红色系';
	  const getSuborders = await getSuborder({order:_Gd_gdbh.value,cy:'否',colorname:'红色系'});
	  console.log(getSuborders)
	  
	  
	  getSuborderscolor.colorlist = getSuborders.data.colorlist;
			  
	  add_yszlformdata['ddzbh'] = getSuborders.data.order;
	  // 假设获取的数据是 getSuborders.data
	  if (getSuborders.data.cm) {
		// 判断并赋值
		cmformdata.cm1 = getSuborders.data.cm.cm1 || '';
		cmformdata.cm2 = getSuborders.data.cm.cm2 || '';
		cmformdata.cm3 = getSuborders.data.cm.cm3 || '';
		cmformdata.cm4 = getSuborders.data.cm.cm4 || '';
		cmformdata.cm5 = getSuborders.data.cm.cm5 || '';
		cmformdata.cm6 = getSuborders.data.cm.cm6 || '';
		cmformdata.cm7 = getSuborders.data.cm.cm7 || '';
		cmformdata.cm8 = getSuborders.data.cm.cm8 || '';
		cmformdata.cm9 = getSuborders.data.cm.cm9 || '';
		cmformdata.cm10 = getSuborders.data.cm.cm10 || '';
		cmformdata.cm11 = getSuborders.data.cm.cm11 || '';
		cmformdata.cm12 = getSuborders.data.cm.cm12 || '';
		cmformdata.cm13 = getSuborders.data.cm.cm13 || '';
		cmformdata.cm14 = getSuborders.data.cm.cm14 || '';
		cmformdata.sctotal = '合计';
	  }
  
	  add_yszlformdata['ddh'] = _Gd_gdbh.value;
	  add_yszlformdata['ys'] = '';
	  add_yszlformdata['kh'] = '';
	  add_yszlformdata['sfcy'] = '否';
	  add_yszlformdata['颜色备注'] = '否';
	  add_yszlformdata['kdy'] = _username.value;
	  gdyj_clearFormData();
	}
  }
  
  
  
  const child_order = ref('')
  //单机颜色资料表格
  const ystableclick =  async  (row) => {
	  // console.log(row.子订单编号)
	  // child_order.value = row.子订单编号
  }
  
  
//限制尺码输入规则
function handleSizeInput(field) {
  // 获取当前字段的值
  let value = cmformdata[field];
  // 使用正则表达式过滤，只保留字母和数字，并将字母转换为大写
  const filteredValue = value.replace(/[^a-zA-Z0-9]/g, '').replace(/[a-z]/g, (match) => match.toUpperCase());
  // 更新字段值
  cmformdata[field] = filteredValue; // 直接更新 reactive 对象的属性
}


function Input_handle() {
  add_gdscgdformData['订单数量'] = add_gdscgdformData['订单数量'].replace(/[^\d]/g, '')
  add_gdscgdformData['船样合计'] = add_gdscgdformData['船样合计'].replace(/[^\d]/g, '')
  
  edit_ddformData['订单数量'] = edit_ddformData['订单数量'].replace(/[^\d]/g, '')
  edit_ddformData['船样合计'] = edit_ddformData['船样合计'].replace(/[^\d]/g, '')
}


  //新增颜色资料确定
  const add_gdyjenterDialog =  async  () => {
	  //必填
	  if(add_yszlformdata['kh'] === ''){
		  ElMessage({type: 'warning',message: '款号不能为空'})
		  return false;
	  }
	  if(add_yszlformdata['ysbz'] === ''){
		  ElMessage({type: 'warning',message: '颜色备注不能为空'})
		  return false;
	  }
	  if(add_yszlformdata['sxmc'] === ''){
		  ElMessage({type: 'warning',message: '色系名称不能为空'})
		  return false;
	  }
  
	  let cy = '';
	  if(add_yszlformdata['sfcy'] === '是'){
		  cy = '1'
	  }else if(add_yszlformdata['sfcy'] === '否'){
		  cy = '0'
	  }
	  
	  
	  //获取颜色编号id
	  const getPonumberdata = await getSuborder({colorname:add_yszlformdata['sxmc'],order:_ddhval.value,cy:add_yszlformdata['sfcy']});
	  // 从返回中提取 colorlist
	  const colorlist = getPonumberdata.data.colorlist || [];
	  // 获取匹配的颜色项
	  const match = colorlist.find(item => item.colorname === add_yszlformdata['sxmc']);
	  if (match) {
	  		add_colorcode.value = match.colorcode;
	  } else {
	  		console.warn('未找到匹配的颜色');
	  }
	  
	const addyszltable = {
	  订单编号: add_yszlformdata['ddh'],
	  子订单编号: add_yszlformdata['ddzbh'],
	  颜色: add_yszlformdata['sxmc'],
	  款号: add_yszlformdata['kh'],
	  颜色备注:add_yszlformdata.ysbz,
	  船样: cy,
	  Sys_id:add_yszlformdata['kdy'],
	  color_id:add_colorcode.value,
	  //尺码
	  cm1: cmformdata['cm1'],
	  cm2: cmformdata['cm2'],
	  cm3: cmformdata['cm3'],
	  cm4: cmformdata['cm4'],
	  cm5: cmformdata['cm5'],
	  cm6: cmformdata['cm6'],
	  cm7: cmformdata['cm7'],
	  cm8: cmformdata['cm8'],
	  cm9: cmformdata['cm9'],
	  cm10: cmformdata['cm10'],
	  cm11: cmformdata['cm11'],
	  cm12: cmformdata['cm12'],
	  cm13: cmformdata['cm13'],
	  cm14: cmformdata['cm14'],
	  sctotal: cmformdata['sctotal'],
	  //尺码数量
	  cmsl1: zdsformdata['zds1'],
	  cmsl2: zdsformdata['zds2'],
	  cmsl3: zdsformdata['zds3'],
	  cmsl4: zdsformdata['zds4'],
	  cmsl5: zdsformdata['zds5'],
	  cmsl6: zdsformdata['zds6'],
	  cmsl7: zdsformdata['zds7'],
	  cmsl8: zdsformdata['zds8'],
	  cmsl9: zdsformdata['zds9'],
	  cmsl10: zdsformdata['zds10'],
	  cmsl11: zdsformdata['zds11'],
	  cmsl12: zdsformdata['zds12'],
	  cmsl13: zdsformdata['zds13'],
	  cmsl14: zdsformdata['zds14'],
	  zdtotal: zdsformdata['zdtotal'],
	  };
	  console.log(addyszltable)
	  // return;
	const printDetailAdds = await printDetailAdd(addyszltable);
	if (printDetailAdds.code === 0) {
		  add_gdyjdialogFormVisible.value = false;
		  ElMessage({type: 'success',message: '新增成功'})
	}
	const PrintListDatas = await PrintListData({order:_Gd_gdbh.value})
	  if(PrintListDatas.data.列表.length === 0){
		  ystableData.length = 0
	  }else{
		  sizeDatas.splice(0,PrintListDatas.data.型号.length,...PrintListDatas.data.型号);
		  ystableData.splice(0,PrintListDatas.data.列表.length,...PrintListDatas.data.列表);
		  
		  const orderBomListdata = await orderBomList({order:_Gd_gdbh.value});
		  bomtableData.value = orderBomListdata.data
		  bomtableData.splice(0,orderBomListdata.data.length,...orderBomListdata.data);//bom表格数据
		  
		  const fabricListdata = await fabricList({ order: _Gd_gdbh.value });
		  console.log("fabricListdata:", fabricListdata); // 打印接口返回的数据
		  
		  if (fabricListdata.code === 0 && Array.isArray(fabricListdata.data.table)) {
			  // 如果 data.table 是数组且不为空，更新表格数据
			  mltableData.splice(0, mltableData.length, ...fabricListdata.data.table);
		  } else {
			  // 如果 data.table 为空或无效，清空表格数据
			  mltableData.splice(0, mltableData.length);
		  }
	  }
	
  }  
  
  
	
  
  //新增颜色资料取消
  const add_dyjcloseDialog = () => {
	add_gdyjdialogFormVisible.value = false
  }
  //键盘input框跳转
  const add_gdzlent = async (event,id1,id2,id3,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 visible = ref(false)
  const form = reactive({
	'仓库出库':true,
	'裁剪':true,
	'车缝':true,
	'手工':true,
	'大烫':true,
	'总检':true,
	'包装':true,
  })
  
  //新增工序资料按钮
  const addgdgy_onclick = () => {
	if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
	  ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能'})
	  return false;
	}else{
	  visible.value = true;
	}
  }
  
  //新增工序资料确定按钮
  const add_gxenterDialog = () => {
	  console.log(form)
	  const formattedData = {
		  ckck: form['仓库出库'],
		  cq: form['裁剪'],
		  cf: form['车缝'],
		  hdsy: form['手工'],
		  dt: form['大烫'],
		  zj: form['总检'],
		  bz: form['包装']
	  };
	  // true 选择 fasle 未选择
	  for (let key in formattedData) {
		  if (formattedData[key] === true) {
			  formattedData[key] = 1;
		  } else if (formattedData[key] === false) {
			  formattedData[key] = 2;
		  }
	  }
		console.log(formattedData)
  }
  
  //新增工序资料取消按钮
  const add_gxcloseDialog = () => {
	  visible.value = false;
  }
  
  
  // =========== 订单打印 ===========
  //弹窗
  const order_viewVisible = ref(false)
  // 默认选择竖向
  const printDirection = ref('纵向')
  const cp_gdprintonClick = () => {
	  order_viewVisible.value = true
  }
  
  //确定打印
  const confirmPrintDirection = () => {
	 
	  console.log(_Gd_gdbh.value)
	  console.log(printDirection.value)
	    
	  if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
	    ElMessage({type: 'warning',message: '请选择具体的工单后，再操作此功能'})
	    return false;
	  }else{
	    if(ystableData.length >=1){
	  	printPageRef.value.open(_Gd_gdbh.value,printDirection.value) 
	    }else{
	  	ElMessage({type: 'warning',message: '请新增颜色资料，再操作此功能'})
	  	return false;
	    }
	  }
  }
  const order_viewCloseDialog = () => {
	  order_viewVisible.value = false
  }
  
  // =========== BOM资料 ===========
  const res_bomdialogFormVisible = ref(false)
  const resbomtableData = ref([]);
  const ddhformData = reactive({
	ddh: '',
	kh: '',
	sckh: '',
	ks: '',
	ml: '',
  });
  const resbom_tableColumns = ref(
	  [
		{ label: '物料分类', prop: '物料分类', width: '130' },
		{ label: '物料名称', prop: '物料名称', width: '300' },
		{ label: '计划用料', prop: '计划用料', width: '130' },
		{ label: '计划门幅', prop: '计划门幅', width: '130' },
		{ label: '定额用料', prop: '定额用料', width: '130' },
		{ label: '定额门幅', prop: '定额门幅', width: '130' },
		{ label: '备注', prop: '备注', width: '240' },
	  ]
  )
  //批量修改BOM资料
  const BOMclick = () => {
	  if(bomtableData.value === ''){
		  ElMessage({type: 'warning',message: 'BOM数据为空'})
		  return;
	  }
	  if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
		  ElMessage({type: 'warning',message: '请选择订单后，再操作此功能'})
		  return;
	  }else{
		  res_bomdialogFormVisible.value = true
		  ddhformData.ddh = _Gd_gdbh.value
		  ddhformData.kh = _Gd_kh.value
		  ddhformData.sckh = _Gd_sckh.value
		  ddhformData.ks = _Gd_ks.value
		  ddhformData.ml = _Gd_ML.value
		  _TestCoefficient();
	  }
  }
  
  const handleInput = (value, row, prop) => {
	  if(prop != "物料名称" && prop != "备注" && prop != "物料分类" ){
		  // 使用正则表达式过滤非数字和小数点的字符
		  let filteredValue = value.replace(/[^\d.]/g, '');
  
		  // 不允许以 . 开头
		  if (filteredValue.startsWith('.')) {
		  filteredValue = filteredValue.slice(1); // 去掉开头的 .
		  }
  
		  // 确保只有一个小数点
		  const parts = filteredValue.split('.');
		  if (parts.length > 2) {
		  // 如果超过一个小数点，只保留第一个
		  row[prop] = `${parts[0]}.${parts.slice(1).join('')}`;
		  } else {
		  // 否则直接赋值
		  row[prop] = filteredValue;
		  }
		  }
  
  };
  
  
  //bom数据获取
  const _TestCoefficient = async ()=>{
	try {
	  const orderBomListdata = await orderBomList({order:_Gd_gdbh.value});
	  console.log(orderBomListdata)
	  resbomtableData.value = orderBomListdata.data;
	  const formattedData = orderBomListdata.data.map(item=>{
		item.BOM_desc = item.BOM_desc;
		item.物料名称 = item.物料名称;
		item.计划用料 = item.计划用料;
		item.定额用料 = item.定额用料;
		item.裁床实际用料 = item.裁床实际用料;
		item.裁床领用面料 = item.裁床领用面料;
		item.裁床退回仓库面料 = item.裁床退回仓库面料;
		item.备注 = item.备注;
		item.投料单位 = "米";
		// item.UNIQID = item.UNIQID;
		return item
	  });
	} catch (error) {
	  console.error(error);
	}
  }
  const resbom_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 < resbomtableData.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 >= 0 && x <=6) {
		  move = x + 1
		}
		document.getElementById(`input${move}${y}`).focus();
		break;
	  case 37: // 向右箭头
		if (x = 0  && x <=6) {
		  move = x - 1
		}
		document.getElementById(`input${move}${y}`).focus();
		break;
	  default:
		break;
	}
  }
  const scfjfpxsCellClass = ({row, column, rowIndex, columnIndex}) =>{
	if (
		  column.label === '物料分类' ||
		  column.label === '计划门幅' ||
		  column.label === '定额门幅' ||
		  column.label === '计划用料' || 
		  column.label === '备注' || 
		  column.label === '物料名称' || 
		  column.label === '计划用量' || 
		  column.label === '定额用料' ) {
	  return 'background-plan-usage-low';
	}
  }
  
  //新增
  const add_bomenterDialog = async() => {
	  // 创建一行空数据，字段值可以根据需求初始化
		const newRow = {
		  'BOM_desc': '',
		  '物料名称': '',
		  '计划用料': '',
		  '定额用料': '',
		  '裁床实际用料': '',
		  '裁床领用面料': '',
		  '裁床退回仓库面料': '',
		  '备注': '',
		  '投料单位': '米',
		  'UNIQID':''
		};
		if (!resbomtableData.value || !Array.isArray(resbomtableData.value)) {
		  resbomtableData.value = []; // 重新初始化
		}
		// 将新增的行数据推入到表格数据中
		resbomtableData.value.push(newRow);
  }
  
  // BOM删除
  const record_deleteRow = async (row, index) => {
	  console.log(row.UNIQID);
  
	  // 使用 ElMessageBox 提示确认删除
	  ElMessageBox.confirm('确定删除此行数据吗？', '提示', {
		  confirmButtonText: '确定',
		  cancelButtonText: '取消',
		  type: 'warning'
	  }).then(async () => {
		  // 确认删除，检查UNIQID是否为空
		  if (row.UNIQID === '' || row.UNIQID === null || row.UNIQID === undefined) {
			  // 删除当前行数据
			  resbomtableData.value.splice(index, 1);
			  ElMessage({
				  type: 'success',
				  message: '删除成功'
			  });
		  } else {
			  // 调用接口删除
			  const Bomdel_del = await Bomdel({ UNIQID:row.UNIQID});
			  if (Bomdel_del.code === 0) {
				  ElMessage({
					  type: 'success',
					  message: '删除成功'
				  });
			  } else {
				  ElMessage({
					  type: 'error',
					  message: '删除失败'
				  });
			  }
			  // 重新获取BOM列表数据
			  const orderBomListdata = await orderBomList({ order: _Gd_gdbh.value });
			  //BOM资料列表
			  bomtableData.splice(0, bomtableData.length, ...orderBomListdata.data);
			  //批量新增/更新BOM数据列表
			  resbomtableData.value = orderBomListdata.data;
		  }
	  }).catch(() => {
		  // 取消删除
		  ElMessage({
			  type: 'info',
			  message: '已取消删除'
		  });
	  });
  }
  
  //修改
  const res_bomenterDialog = async () => {
	  const rawValueArray = resbomtableData._rawValue;
	  const formattedData = rawValueArray
	  .filter(item => item.物料名称 !== null && item.物料名称 !== "")  // 过滤掉物料名称为空的行
	  .map(item => {
		return {
		  BOM_工单编号: ddhformData['ddh'],
		  UNIQID: item.UNIQID !== undefined ? item.UNIQID : "",
		  物料分类: item.物料分类 !== null ? item.物料分类 : "",
		  BOM_物料名称: item.物料名称 !== null ? item.物料名称 : "",
		  BOM_计划用量: item.计划用料 !== null ? item.计划用料 : "",
		  BOM_标准用量: item.定额用料 !== null ? item.定额用料 : "",
		  BOM_实际用量: item.裁床实际用料 !== null ? item.裁床实际用料 : "",
		  Bom_领用数量: item.裁床领用面料 !== null ? item.裁床领用面料 : "",
		  BOM_退还数量: item.裁床退回仓库面料 !== null ? item.裁床退回仓库面料 : "",
		  BOM_desc: item.备注 !== null ? item.备注 : "",
		  BOM_计划门幅: item.计划门幅 !== null ? item.计划门幅 : "",
		  BOM_定额门幅: item.定额门幅 !== null ? item.定额门幅 : "",
		  BOM_投料单位: "",
		  Sys_ID: userStore.userInfo.nickName,
		  Sys_rq: currentDate
		}
	  });
	  console.log(formattedData);
	  const add_FabricEditdata = await FabricEdit(formattedData);
	  if (add_FabricEditdata.code === 0) {
		  res_bomdialogFormVisible.value = false;
		  ElMessage({type: 'success',message: '修改成功'})
		  const orderBomListdata = await orderBomList({order:_Gd_gdbh.value});
		  bomtableData.splice(0,orderBomListdata.data.length,...orderBomListdata.data);//bom表格数据
	  } else {
		  ElMessage({ type: 'error',message: '修改失败'})
	  }
	  
  }
  
  // 取消
  const 
  res_bomcloseDialog = () => {
	  res_bomdialogFormVisible.value = false;
  }
  
  
  //BOM资料表格双击
  const edit_bomdialogFormVisible = ref(false)
  const edit_resbomtableData = ref([]);
  const edit_resbom_tableColumns = ref(
	  [
		{ label: '物料名称', prop: '物料名称', width: '170' },
		{ label: '计划用料', prop: '计划用料', width: '130' },
		{ label: '定额用料', prop: '定额用料', width: '130' },
		{ label: '计划门幅', prop: '计划门幅', width: '170' },
		{ label: '定额门幅', prop: '定额门幅', width: '170' },
	  //   { label: '裁床实际用料', prop: '裁床实际用料', width: '130' },
	  //   { label: '裁床领用面料', prop: '裁床领用面料', width: '130' },
	  //   { label: '裁床退回仓库面料', prop: '裁床退回仓库面料', width: '170' },
		{ label: '备注', prop: '备注', width: '170' },
		{ label: '投料单位', prop: '投料单位', width: '100' },
	  ]
  )
  
  const UNIQID = ref('')
  const bombomupdateCompanyFunc = async (row) => {
	  BOMclick()
  // 	edit_bomdialogFormVisible.value = true
  // 	ddhformData.ddh = _Gd_gdbh.value
  // 	ddhformData.kh = _Gd_kh.value
  // 	ddhformData.sckh = _Gd_sckh.value
  // 	ddhformData.ks = _Gd_ks.value
  // 	UNIQID.value = row.UNIQID
  // 	_editTestCoefficient()
  }
  
  
  // BOM数据获取
  const _editTestCoefficient = async () => {
	try {
	  // 获取 BOM 数据
	  const orderBomListdata = await orderBomList({ order: _Gd_gdbh.value });
	  console.log(orderBomListdata);
  
	  // 过滤数据，只保留 UNIQID 相同的项
	  const filteredData = orderBomListdata.data.filter(item => item.UNIQID === UNIQID.value);
  
	  // 处理数据
	  edit_resbomtableData.value = filteredData.map(item => ({
		物料名称: item.物料名称,
		计划用料: item.计划用料,
		定额用料: item.定额用料,
		裁床实际用料: item.裁床实际用料,
		裁床领用面料: item.裁床领用面料,
		裁床退回仓库面料: item.裁床退回仓库面料,
		备注: item.备注,
		计划门幅: item.计划门幅,
		定额门幅: item.定额门幅,
		UNIQID: item.UNIQID // 保留 UNIQID 以便后续使用
	  }));
	} catch (error) {
	  console.error(error);
	}
  };
  
  
  //一键修改
  const editres_bomenterDialog = async () => {
	  const rawValueArray = edit_resbomtableData._rawValue;
	  const formattedData = rawValueArray
	  .filter(item => item.物料名称 !== null && item.物料名称 !== "")  // 过滤掉物料名称为空的行
	  .map(item => {
		return {
		  BOM_工单编号: ddhformData['ddh'],
		  UNIQID: item.UNIQID !== undefined ? item.UNIQID : "",
		  BOM_物料名称: item.物料名称 !== null ? item.物料名称 : "",
		  BOM_计划用量: item.计划用料 !== null ? item.计划用料 : "",
		  BOM_标准用量: item.定额用料 !== null ? item.定额用料 : "",
		  BOM_实际用量: item.裁床实际用料 !== null ? item.裁床实际用料 : "",
		  Bom_领用数量: item.裁床领用面料 !== null ? item.裁床领用面料 : "",
		  BOM_退还数量: item.裁床退回仓库面料 !== null ? item.裁床退回仓库面料 : "",
		  BOM_desc: item.备注 !== null ? item.备注 : "",
		  BOM_计划门幅: item.计划门幅 !== null ? item.计划门幅 : "",
		  BOM_定额门幅: item.定额门幅 !== null ? item.定额门幅 : "",
		  BOM_投料单位: "米",
		  Sys_ID: userStore.userInfo.nickName,
		  Sys_rq: currentDate
		}
	  });
	  console.log(formattedData);
	  
	  const add_FabricEditdata = await FabricEdit(formattedData);
	  if (add_FabricEditdata.code === 0) {
		  edit_bomdialogFormVisible.value = false;
		  ElMessage({type: 'success',message: '修改成功'})
		  const orderBomListdata = await orderBomList({order:_Gd_gdbh.value});
		  bomtableData.splice(0,orderBomListdata.data.length,...orderBomListdata.data);//bom表格数据
	  } else {
		  ElMessage({ type: 'error',message: '修改失败'})
	  }
  }
  // 取消
  const editres_bomcloseDialog = () => {
	  edit_bomdialogFormVisible.value = false;
  }
  //点击表格行获取下方表格数据列表
  // =========== 颜色资料、工艺资料、技术资料附件 ===========
  //全局调用订单号编号
  const _Gd_gdbh = ref('')
  const _ddhval = ref('')
  const _Gd_kh = ref('')
  const _Gd_sckh = ref('')
  const _Gd_ks = ref('')
  const _Gd_ML = ref('')
  //颜色资料
  const ystableData = reactive([])
  //尺寸列表
  const sizeDatas = reactive([])
  //工艺资料
  const gytableData = reactive([])
  //订单资料表
  const ddtableData = reactive([])
  //技术附件
  const jstableData = reactive([])
  //BOM附件
  const bomtableData = reactive([])
  //面料附件
  const mltableData = reactive([])
  
  //点击订单资料行
  const tableRowClick = async (row) => {
	  //清空尺寸列表、颜色资料、工艺资料、订单资料附件、技术附件
	  sizeDatas.length = 0
	  ystableData.splice(0, ystableData.length);
	  gytableData.splice(0, gytableData.length);
	  ddtableData.splice(0, ddtableData.length);
	  jstableData.splice(0, jstableData.length);
	  bomtableData.splice(0, bomtableData.length);
	  mltableData.splice(0, mltableData.length);
	  _Gd_gdbh.value = row.订单编号
	  _ddhval.value = row.订单编号
	  _Gd_kh.value = row.客户编号
	  _Gd_sckh.value = row.生产款号
	  _Gd_ks.value = row.款式
	  _Gd_ML.value = row.面料
	  
	  //数据列表显示
	  const PrintListDatas = await PrintListData({order:_Gd_gdbh.value})
	  const jsOrderAttachments = await OrderAttachments({order:_Gd_gdbh.value,desc:'技术附件'})
	  const ddOrderAttachments = await OrderAttachments({order:_Gd_gdbh.value,desc:'订单资料附件'})
	  
	  const orderBomListdata = await orderBomList({ order: _Gd_gdbh.value });
	  // console.log("orderBomListdata:", orderBomListdata); // 打印接口返回的数据
	  // 确保 orderBomListdata.data 是数组，避免 undefined 错误
	  if (orderBomListdata?.data && Array.isArray(orderBomListdata.data)) {
		  bomtableData.splice(0, bomtableData.length, ...orderBomListdata.data);
	  } else {
		  bomtableData.splice(0, bomtableData.length); // 如果数据无效，清空表格
	  }
	  
	  
	  const fabricListdata = await fabricList({ order: _Gd_gdbh.value });
	  // console.log("fabricListdata:", fabricListdata); // 打印接口返回的数据
	  
	  if (fabricListdata.code === 0 && Array.isArray(fabricListdata.data.table)) {
		  // 如果 data.table 是数组且不为空，更新表格数据
		  mltableData.splice(0, mltableData.length, ...fabricListdata.data.table);
	  } else {
		  // 如果 data.table 为空或无效，清空表格数据
		  mltableData.splice(0, mltableData.length);
	  }
	  
	  //颜色资料
	  if(PrintListDatas.data.列表.length === 0 ){
		ystableData.length = 0
	  }else{
		sizeDatas.splice(0,PrintListDatas.data.型号.length,...PrintListDatas.data.型号);//表格尺码投数据
		ystableData.splice(0,PrintListDatas.data.列表.length,...PrintListDatas.data.列表);//表格数据
		const newData = PrintListDatas.data.列表.map(item => ({  
			...item,  
			船样: item.船样 === 1 ? '是' : '否'  
		}));  
		ystableData.length = 0;  
		ystableData.push(...newData);
	  }
	  //技术附件
	  if(jsOrderAttachments.data === ''){
		const WorkListdata = [];
		jstableData.splice(0,jstableData.length,...WorkListdata);
	  }
	  if(jsOrderAttachments.code === 0 && ddOrderAttachments.code === 0){
		jstableData.splice(0,jsOrderAttachments.data.length,...jsOrderAttachments.data);
		ddtableData.splice(0,ddOrderAttachments.data.length,...ddOrderAttachments.data);
	  }
  }
  
  
  // //pdf
  // const showPdfModal = ref(false);
  // const pdfContainer = ref(null);
  
  // const closeModal = () => {
  //   showPdfModal.value = false;
  // };
  
  // const fetchAndConvertFile = async () => {
  //   try {
  //     // 从后端获取 Base64 编码的 XLSX 文件数据
  //     const responses = await OrderAttachments({order:_Gd_gdbh.value,desc:'技术附件'});
  //     const response= responses.data[0].附件内容
  //     const base64Data = response.match(/base64,(.*)$/)?.[1]; 
  
  // if (!base64Data) {
  //   throw new Error('Invalid Base64 data');
  // }
  
  // const binaryString = atob(base64Data);
  // const binaryLen = binaryString.length;
  // const bytes = new Uint8Array(binaryLen);
  
  // for (let i = 0; i < binaryLen; i++) {
  //   bytes[i] = binaryString.charCodeAt(i);
  // }
  
  //        // 解析 XLSX 文件
  //        const workbook = XLSX.read(bytes, { type: 'array' });
  //     const worksheet = workbook.Sheets[workbook.SheetNames[0]];
  //     console.log(121212,worksheet)
  //     const jsonData = XLSX.utils.sheet_to_json(worksheet);
	  
  // 	let base64 = XLSX.write(worksheet, { type: 'base64' });
	  
  //     generatePdf(base64);
  //   } catch (error) {
  //     console.error('Error fetching and converting file:', error);
  //   }
  // };
  
  // const generatePdf = (data) => {
  //  console/log('pdf data', data)
  //  const pdfDoc = new jsPDF()
  //  pdfDoc.text(data)
  //  pdfDoc.save(a4.pdf)
  // };
  
  // const previewPdf = (blob) => {
  //   const fileURL = URL.createObjectURL(blob);
  
  //   // 通过 ref 引用 pdfContainer 来在指定容器中显示 PDF
  //   const iframe = document.createElement('iframe');
  //   iframe.src = fileURL;
  //   iframe.width = '100%';
  //   iframe.height = '600px';
  
  //   if (pdfContainer.value) {
  //     pdfContainer.value.innerHTML = ''; // 清空之前的内容
  //     pdfContainer.value.appendChild(iframe);
  //   }
  // };
  
  //表格复选框
  const table_del = ref(true)//删除订单资料
  const table_Selection = ref('')//存储选中Uniqid
  const ddzlSelectionChange = (selection, type) => {
	const ids = selection.map(item => {
	  return item.Uniqid
	})
	table_Selection.value = ids.join(',')
  }
  
  // 删除按钮
  const del_ddzlClick = async () => {
	try {
	  // 显示确认弹窗
	  await ElMessageBox.confirm('确定要删除这条记录吗？', '提示', {
		confirmButtonText: '确定',
		cancelButtonText: '取消',
		type: 'warning',
	  });
  
	  // 如果用户点击了确定
	  let params = {};
	  params.Uniqid = table_Selection._value;
	  console.log(params);
	  const res1 = await orderDataDel(params);
	  if (res1.code === 0) {
		ElMessage.success('删除成功');
  
		// 重新加载工单列表
		const WorkListdata = await WorkOrderList({ search: _Gd_khdh.value, page: "1", limit: "10" });
		tableData.value = WorkListdata.data.data;
  
		// 清空相关数据
		ystableData.splice(0, ystableData.length); // 颜色资料清空
		gytableData.splice(0, gytableData.length); // 工艺资料清空
		ddtableData.splice(0, ddtableData.length); // 订单资料附件清空
		jstableData.splice(0, jstableData.length); // 技术附件清空
	  }
	} catch (error) {
	  // 用户点击了取消或关闭了弹窗
	  ElMessage.info('删除操作已取消');
	}
  };
  
  
  const delall = ref(true)
  //颜色复选框
  const ysSelection = ref('')
  //工艺复选框
  const gySelection = ref('')
  // 颜色资料多选、工艺资料多选
  const selectionChange = (selection, type) => {
	console.log(selection)
	const ids = selection.map(item => {
		if(type === '颜色资料'){
		  return type === '颜色资料' ? item.Uniqid: item.Uniqid
		}
		if(type === '工艺资料'){
		return type === '工艺资料' ? item.Uniqid: item.Uniqid
		} 
	})
	
	if (type === '颜色资料') {
	  ysSelection.value = ids.join(',')
	}
	if (type === '工艺资料') {
	  gySelection.value = ids.join(',')
	}
  }
  
	// ===========删除颜色资料、工艺资料 ===========
	const delgd_delclick = async () => {
		let changed = false;

		try {
			if (ysSelection.value !== '') {
			  const res1 = await PrintDetailDel({ UniqId: ysSelection.value });
			  if (res1.code === 0) {
				ElMessage.success('颜色资料删除成功');
				changed = true;
			  }
			}

			if (gySelection.value !== '') {
			  const res2 = await PrintDetailDel({ UniqId: gySelection.value });
			  if (res2.code === 0) {
				ElMessage.success('工艺资料删除成功');
				changed = true;
			  }
			}

			if (changed) {
			  const PrintListDatas = await PrintListData({ order: _Gd_gdbh.value });
			  sizeDatas.splice(0, sizeDatas.length, ...PrintListDatas.data.型号);
			  ystableData.splice(0, ystableData.length, ...PrintListDatas.data.列表);
			}
		} catch (err) {
			ElMessage.error(err);
		}
	};
  
  const fj_Selection = ref('')//存储选中Uniqid
  const fjSelection = ref('')
  const fjdelall = ref(true)
  const fjSelectionChange = (selection, type) => {
	  // console.log(selection)
	const ids = selection.map(item => {
	  return item.UniqId
	})
	fj_Selection.value = ids.join(',')
	console.log("附件复选框",fj_Selection.value)
  }
  
  // //删除附件按钮
  const fj_delclick = async () => {
	let params = {};  
	params.UniqId = fj_Selection._value; 
	res1.code === 0 && ElMessage.success('删除成功')
  }
  
  //BOM表格复选框
  const del_bom = ref(true)//删除BOM资料
  const bom_Selection = ref('')//存储选中Uniqid
  const bomSelectionChange = (selection, type) => {
	const ids = selection.map(item => {
	  return item.UNIQID
	})
	bom_Selection.value = ids.join(',')
	console.log("bom复选框",bom_Selection.value)
  }
  
  // 删除BOM资料按钮
  // const delbom_delclick = async () => {
  //   try {
  //     // 弹出确认框
  //     await ElMessageBox.confirm('此操作将永久删除该文件, 是否继续?', '提示', {
  //       confirmButtonText: '确定',
  //       cancelButtonText: '取消',
  //       type: 'warning',
  //     });
  //     // 用户点击“确定”后执行以下逻辑
  //     const params = {
  // 		UNIQID: bom_Selection._value,
  //     };
  //     console.log('删除参数:', params);
  //     // 调用删除接口
  //     const res1 = await Bomdel(params);
  //     if (res1.code === 0) {
  //       ElMessage.success('删除成功');
  //     } else {
  //       ElMessage.error('删除失败');
  //       return; // 如果删除失败，直接返回
  //     }
  //     // 重新获取BOM列表数据
  //     const orderBomListdata = await orderBomList({ order: _Gd_gdbh.value });
  //     bomtableData.splice(0, bomtableData.length, ...orderBomListdata.data);
  //   } catch (error) {
  //     // 用户点击“取消”或弹框关闭
  //     console.log('用户取消删除操作');
  //   }
  // };
  
	//合计
	const getSummaries = (param) => {  
	  const { columns, data } = param;  
	  const sums = {};  
	  //选择你希望合计的列
	  const summableLabels = [...sizeDatas, "制单总数"];
	  columns.forEach((column, index) => {  
		  if (index === 1) {  
			  sums[index] = '总数量合计';  
			  return;  
		  }  
	
		  if (summableLabels.includes(column.label)) {  
			  const values = data.map(item => Number(item[column.property]));  
	
			  // 检查数组中是否所有值都是 NaN  
			  if (!values.every(value => isNaN(value))) {  
				  sums[index] = values.reduce((prev, curr) => {  
					  const value = Number(curr);  
					  if (!isNaN(value)) {  
						  return prev + value; 
					  }  
					  return prev;  
				  }, 0);  
				  // 如果需要，可以在这里添加单位  
				  // sums[index] += ' 件';  
			  } else {  
				   sums[index] = 'N/A';  
			  }  
		  }  
	  });  
	
	  return sums;  
  };  
  
  // 面料合计
  // const mlgetSummaries = (param) => {  
  //     const { columns, data } = param;  
  //     const sums = {};  
  // 	//选择你希望合计的列
  //     const summableLabels = ["库存总量"];
  //     columns.forEach((column, index) => {  
  //         if (index === 0) {  
  //             sums[index] = '总数量合计';  
  //             return;  
  //         }  
  //         if (summableLabels.includes(column.label)) {  
  //             const values = data.map(item => Number(item[column.property]));  
  //             if (!values.every(value => isNaN(value))) {  
  //                 sums[index] = values.reduce((prev, curr) => {  
  //                     const value = Number(curr);  
  //                     if (!isNaN(value)) {  
  //                         return prev + value; 
  //                     }  
  //                     return prev;  
  //                 }, 0);  
  //             } else {  
  //                  sums[index] = 'N/A';  
  //             }  
  //         }  
  //     });  
  //     return sums;  
  // };  
  
  
  
  //=========查询========
  const searchInfo = ref('')
  
  //查询按钮
  const onSubmit = async () => {
	if(searchInfo.value === ''){
	  ElMessage({type: 'warning',message: '请输入搜索的订单编号'})
	  return false;
	}else{
	const WorkListdata = await WorkOrderList({search:searchInfo.value,page:page.value,limit:pageSize.value});
	 tableData.value= WorkListdata.data.data
	 ystableData.splice(0, ystableData.length);//颜色资料清空
	 gytableData.splice(0, gytableData.length);//工艺资料情空
	 ddtableData.splice(0, ddtableData.length);//订单资料附件清空
	 jstableData.splice(0, jstableData.length);//技术附件清空
	}
  };
  
  
  // 调用查询数据接口
  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 === '' || _Gd_gdbh.value === null){
		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;
	  console.log(files)
	  let suffixArr = name.split("."), suffix = suffixArr[suffixArr.length-1];
	  jsfjformdata.value.附件内容 = files[0]
	  jsfjformdata.value.附件类型 = files[0].name.split('.')[1]
  }
  
  //技术附件弹窗确定
  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('附件备注', jsfjformdata.value.附件备注);
		restoredData.append('附件内容', fr.result);
		restoredData.append('附件类型', jsfjformdata.value.附件类型);
		restoredData.append('关联编号', jsfjformdata.value.关联编号);
		restoredData.append('sys_id', jsfjformdata.value.sys_id);
		
		 //将restoredDta数据新增到接口
		 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)
		   }
		 })
	  }
  }
  
  
  </script>
  <style scoped>
  /* 在样式表中使用媒体查询 */
  @media (max-width: 768px) {
	/* 在小屏幕下的样式设置 */
	.dialog-footer {
	  text-align: center;
	}
  }
  /*背景颜色*/
  /*印件背景颜色变黄*/
  :deep(.el-table__body .warning-row) {
	background: #FFFF80 !important;
  }
  /*bom参数背景*/
  :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;
  }
  :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;
  }
  /* .upload-demo .el-upload {  
	border: 1px dashed #d9d9d9;  
	border-radius: 6px;  
	cursor: pointer;  
	position: relative;  
	overflow: hidden;  
  }  
  .upload-demo .el-upload:hover {  
	border-color: #409EFF;  
  }   */
  
  .mab{
	margin-bottom: 5px;
  }
  ::v-deep(.input_style .el-input__inner) {  
	font-size: 18px; 
  }  
  ::v-deep(.el-form-item__label) {  
	font-size: 18px; 
  }
  
  ::v-deep(.el-upload-list--picture-card) {  
	  margin-left: 100px;
  }
  ::v-deep(.el-checkbox__inner) {  
	  width: 20px;
	  height: 20px;
  }
  ::v-deep(.el-checkbox__input.is-checked .el-checkbox__inner::after) {  
	top: 30%; 
	left: 30%;
  }
  ::v-deep(.el-descriptions__table tbody tr .is-bordered-label){
	  width: 40px;
  }
  ::v-deep(.el-descriptions__table tbody tr .el-descriptions__content){
	  width: 120px;
  }
  :deep(.el-descriptions__content) {
	width: 80px !important;
	min-width: 80px !important;
	max-width: 100px !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
  }
  
  
  
  
  
  </style>