<template>
  <div>
    
	<header>
		<div style="height: 50px;">
			<el-button type="primary" @click="onBZ" >班组维护</el-button>
			<el-button type="primary" @click="onchanliang"  v-if="zdtreeType === true" >日产量上报</el-button>
			<el-button type="primary" @click="onOver" >完工</el-button>
			<el-button type="primary" @click="onzhicheng"  >制程检验</el-button>
			<el-button type="primary" @click="ondianjian"  >设备点检</el-button>			
			<el-button type="primary" @click="onxuncha" >管理巡查</el-button>
			<el-button type="primary" @click="onstatus" >设置机台状态</el-button>
			<el-button type="primary" @click="onyinban">印版领退</el-button>
			<el-button type="primary" @click="onClear" >换型清场</el-button>
			
			
			
		</div>
			
		</header>
		
		
    <el-container>
      <!-- <el-aside width="200px">
        <div class="JKWTree-tree">

          <h3  > 车间报工</h3>
          <el-tree :data="treeData" :props="defaultProps" :default-expand-all="true" @node-click="handleNodeClick"></el-tree>
        </div>

      </el-aside> -->
      <el-container>
<!--        <el-header>dd</el-header>-->
        <el-main>

          
<div class="gva-search-box" style="overflow: hidden; padding: 0; display: flex;">

			<div style="flex: 1; border: 0px magenta solid; margin: 0; padding: 0; margin-left: 20px; margin-top: 20px;">
						  <el-form-item label="工单编号" prop="name">
							<el-row :gutter="24">
							  <el-col :span="6">
								<el-input v-model="formData.工单编号" :clearable="true" placeholder="" />							
							  </el-col>
							  <el-col :span="18">
								<el-input v-model="formData.产品名称" :clearable="true" placeholder="" />
							  </el-col>
							</el-row>
						  </el-form-item>
						  <el-row :gutter="20">
							<el-col :span="6">
							 <el-form-item label="印件编号" prop="id">
							   <el-input v-model="formData.印件号"  placeholder="" />
							 </el-form-item>
							</el-col>
						  <el-col :span="18">
							 <el-form-item label="工序名称" prop="name">
							   <el-input v-model="formData.工序名称" :clearable="true" placeholder="" />
							 </el-form-item>
							</el-col>			    
						  </el-row>
						  
						  <el-row :gutter="20">
							<el-col :span="4">
							 <el-form-item label="班组成员" prop="id">				  					   
							 </el-form-item>
							</el-col>				  			    
						  </el-row>
			                                 				  
							<el-row :gutter="1">
							  <!-- 循环生成 el-input 组件 -->
							  <el-col v-for="i in 6" :span="4" :key="i">
								<el-input v-model="formData[`sczl_bh${i}`]" :clearable="true" placeholder="" />
							  </el-col>
							</el-row>
							
							<el-row :gutter="1">
							  <!-- 循环生成 el-input 组件 -->
							  <el-col v-for="i in 6" :span="4" :key="i">
								<el-input v-model="formData[`sczl_name${i}`]" :clearable="true" placeholder="" />
							  </el-col>
							</el-row>
			                                 		                    
			</div>
                    
	<div style="flex: 1; border: 0px lawngreen solid; margin: 0; padding: 0; overflow: hidden;">

	 <el-table
	   tooltip-effect="dark"
	   :data="selectData"
	   row-key="ID"
	   highlight-current-row="true"
	   border
	   style="width:100%;height: 30vh;"
	   @row-dblclick="handleSelectClick"
	 >
	   <el-table-column
	     prop="process"
	     label="印件及工序"
	     width="450"
	   />
	   <el-table-column
	     prop="completed"
	     label="已完成板数"
	     width="125"
	   />			 
	 </el-table>

	</div>
                    
</div>
          <div class="gva-table-box">
            
            <el-tabs v-model="activName" type="card" @tab-click="duohandleClick"   >
            
                        <el-tab-pane label="设备作业清单"  @click="showTable('印件资料')"   name="first">
                          <el-table ref="multipleTable"
                                    :show-overflow-tooltip="true"
                                    highlight-current-row="true"
                                    :row-style="{ height: '20px' }"
                                    :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                                    :header-cell-style="{ padding: '0px' }"
                                    @row-click="yjupdateCompanyFunc"
                                    style="width: 100%;height: 330px" border tooltip-effect="dark" :data="sbzyData" row-key="ID" @selection-change="handleSelectionChange">
            <!--                <el-table-column type="selection" width="55" />-->
                            <el-table-column align="left" label="选择" prop="yj_yjno"  width="80"/>
                            <el-table-column align="left" label="工单编号|质量信息" prop="工单编号|质量信息" width="180" />
							<el-table-column align="left" label="印件资料" prop="印件资料" width="240" />
                            <el-table-column align="left" label="工序名称" prop="工序名称" width="100" />
                            <el-table-column align="left" label="计划产量/已完成" prop="计划产量/已完成" width="180"/>
                            <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="100"/>
                            <el-table-column align="left" label="计划生产时段" prop="计划生产时段" width="240" />
                            <el-table-column align="left" label="排产备注" prop="排产备注" width="100" />
                            <el-table-column align="left" label="产品名称" prop="产品名称" width="240" />
                          </el-table>
                        </el-tab-pane>
            
                        <el-tab-pane label="班组人员及分配比例" @click="showTable('工艺资料')" name="second">
                          <el-table ref="multipleTable"
                                    highlight-current-row="true"
                                    :show-overflow-tooltip="true"
                                    :row-style="{ height: '20px' }"
                                    :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                                    :header-cell-style="{ padding: '0px' }"
                                    @row-dblclick="gyupdateCompanyFunc"
                                    :row-class-name="rowClassStyle"
                                    style="width: 100%;height: 400px" border tooltip-effect="dark" :data="FPData" row-key="ID" @selection-change="handleSelectionChange"
                                    @row-click="clickybupdate">
                           <el-table-column type="selection" label="选择" width="55" />
                            
                            <el-table-column align="left" label="班组号" prop="班组号" width="80" />
                            <el-table-column align="left" label="组员1" prop="0" width="240" />
                            <el-table-column align="left" label="组员2" prop="1" width="240" />
                            <el-table-column align="left" label="组员3" prop="2" width="240" />
                            <el-table-column align="left" label="组员4" prop="3" width="240" />
                            <el-table-column align="left" label="组员5" prop="4" width="100" />
                            <el-table-column align="left" label="组员6" prop="5" width="100" />
                            <el-table-column align="left" label="组员7" prop="6" width="100" />
                            <el-table-column align="left" label="组员8" prop="7" width="100" />
                            <el-table-column align="left" label="组员9" prop="8" width="100" />
                            <el-table-column align="left" label="组员10" prop="9_正品版" width="120" />
                          </el-table>
                        </el-tab-pane>
            
                        <el-tab-pane label="当班产量明细" @click="showsTable('印版资料')" name="third">
                        <el-table ref="multipleTable"
                                  highlight-current-row="true"
                                  :show-overflow-tooltip="true"
                                  :row-style="{ height: '20px' }"
                                  :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                                  :header-cell-style="{ padding: '0px' }"
                                  @row-dblclick="ybupdateCompanyFunc"
                                  style="width: 100%;height: 400px" border tooltip-effect="dark" :data="CLMXData" row-key="ID" @selection-change="handleSelectionChange"
                                  >
            <!--              <el-table-column type="selection" width="55" />-->
                          <el-table-column align="left" label="生产时段" prop="生产时间段"  width="180"/>
                          <el-table-column align="left" label="工单编号" prop="工单编号" width="120" />
                          <el-table-column align="left" label="产品名称" prop="产品名称" width="240" />
                          <el-table-column align="left" label="印件及工序" prop="印件及工序" width="320"/>
                          <el-table-column align="left" label="标牌号" prop="标牌号"  width="80"/>
                          <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="100" />
                          <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="100" />
						  <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="120"/>
						  <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="100" />
						  <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="100" />
						  <el-table-column align="left" label="色度数" prop="色度数" width="100" />
                        </el-table>
                        </el-tab-pane>
            
                        <el-tab-pane label="检验记录" @click="showTable('技术资料附件')" name="fourth">
                        <el-table ref="multipleTable"
                                  :row-style="{ height: '20px' }"
                                  :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                                  :header-cell-style="{ padding: '0px' }"
                                  :show-overflow-tooltip="true"
                                  highlight-current-row="true"
                                  style="width: 100%;height: 400px" border tooltip-effect="dark" :data="JYData" row-key="ID" @selection-change="handleSelectionChange">
            <!--              <el-table-column type="selection" width="55" />-->
                          <el-table-column align="left" label="工单编号" prop="工单编号"  width="120"/>
                          <el-table-column align="left" label="印件号" prop="印件号" width="120" />
                          <el-table-column align="left" label="工序名称" prop="工序名称" width="330" />
                          <el-table-column align="left" label="检验项目" prop="检验项目" width="120"/>
                          <el-table-column
                             v-for="time in columnNames"
                             :key="time"
                             :label="time"
                             :prop="time"
                             align="center"
                             width="120"
                           ></el-table-column>
                        </el-table>
                        </el-tab-pane>
            
                      </el-tabs>
            <!-- <div class="gva-pagination">
              <el-pagination
                  layout="total, sizes, prev, pager, next, jumper"
                  :current-page="page"
                  :page-size="pageSize"
                  :page-sizes="[10, 30, 50, 100]"
                  :total="total"
                  @current-change="handleCurrentChange"
                  @size-change="handleSizeChange"
              />
            </div> -->
          </div>
          <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="type==='create'?'添加':'修改'" destroy-on-close>
          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="当日上报产量"  @click="showTable('工艺资料')"  name="first">
              <el-table ref="multipleTable"
                        :show-overflow-tooltip="true"
                        :row-style="{ height: '20px' }"
                        :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                        :header-cell-style="{ padding: '0px' }"
                        highlight-current-row="true"
                        style="width: 100%;height: 400px" border tooltip-effect="dark" :data="gytableData" row-key="ID" @selection-change="handleSelectionChange">
                <el-table-column type="selection" width="55" />
                <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="240"/>
                <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="100"/>
                <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="100"/>
                <el-table-column align="left" label="印刷方式" prop="创建用户"  width="120"/>
                <el-table-column align="left" label="组员1" prop="Gy0_gxh" width="240" />
                <el-table-column align="left" label="组员2" prop="gy0_gxmc" width="240" />
                <el-table-column align="left" label="组员3" prop="add_gxmc" width="240" />
                <el-table-column align="left" label="组员4" prop="Gy0_Ks" width="240" />
                <el-table-column align="left" label="组员5" prop="Gy0_ls" width="100" />
                <el-table-column align="left" label="组员6" prop="备注" width="100" />
                <el-table-column align="left" label="组员7" prop="工价系数" width="100" />
                <el-table-column align="left" label="组员8" prop="损耗系数" width="100" />
                <el-table-column align="left" label="组员9" prop="Gy0_Ms" width="100" />
                <el-table-column align="left" label="组员10" prop="人工检_正品版" width="120" />
				<el-table-column align="left" label="制程废品" prop="Sys_id" width="100" />
				<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="YB_方案"  width="100"/>
				<el-table-column align="left" label="装版工时" prop="YB_Yjno" width="100" />
				<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="120"/>
				<el-table-column align="left" label="通电工时" prop="考核印数" width="100"/>
				<el-table-column align="left" label="码开始行" prop="Sys_id" width="100" />
				<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="YB_方案"  width="100"/>
				<el-table-column align="left" label="辅电表" prop="YB_Yjno" width="100" />
				<el-table-column align="left" label="色度数" prop="印版类别" width="100" />
				<el-table-column align="left" label="用户" prop="YB_Yjno" width="100" />
				<el-table-column align="left" label="更新时间" prop="印版类别" width="100" />
              </el-table>
            </el-tab-pane>
          
            <el-tab-pane label="当日制程检验记录"  @click="showTable('印件资料')"  name="second">
              <el-table ref="multipleTable"
                        :row-style="{ height: '20px' }"
                        :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                        :header-cell-style="{ padding: '0px' }"
                        :show-overflow-tooltip="true"
                        highlight-current-row="true"
                        style="width: 100%;height: 400px" border tooltip-effect="dark" :data="drzcData" row-key="ID" @selection-change="handleSelectionChange">
                <el-table-column type="selection" width="55" />
                <el-table-column align="left" label="工单编号" prop="工单编号"  width="120"/>
                <el-table-column align="left" label="印件号" prop="印件号" width="120" />
                <el-table-column align="left" label="工序名称" prop="工序名称" width="330" />
                <el-table-column align="left" label="检验项目" prop="检验项目" width="120"/>
				 <el-table-column
				    v-for="time in columnNames"
				    :key="time"
				    :label="time"
				    :prop="time"
				    align="center"
				    width="120"
				  ></el-table-column>
              </el-table>
            </el-tab-pane>
          </el-tabs>
          </el-dialog>

          <el-dialog v-model="detailShow" style="width: 1000px" lock-scroll :before-close="closeDetailShow" title="机台班组维护" destroy-on-close>
            <el-table ref="multipleTable"
                        :row-style="{ height: '20px' }"
                        :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                        :header-cell-style="{ padding: '0px' }"
                        :show-overflow-tooltip="true"
                        highlight-current-row="true" @row-click="BZhandle"
                        style="width: 100%;height: 250px;margin-top: 0px;" border tooltip-effect="dark" 
						:data="bzData" row-key="ID" @selection-change="BZSelectionChange">
              <!-- <el-table-column type="selection" width="55" /> -->
              <el-table-column align="left" label="机台" prop="JTMC" width="70"/>
              <el-table-column align="left" label="班组" prop="班组号" width="60"/>
              <el-table-column align="left" label="组员1" prop="0" width="195"/>
              <el-table-column align="left" label="组员2" prop="1" width="195"/>
			  <el-table-column align="left" label="组员3" prop="2" width="195"/>
              <el-table-column align="left" label="组员4" prop="3" width="195"/>
              <el-table-column align="left" label="组员5" prop="4" width="70"/>
              <el-table-column align="left" label="组员6" prop="5" width="70"/>
              <el-table-column align="left" label="组员7" prop="6" width="70"/>
              <el-table-column align="left" label="组员8" prop="7" width="70"/>
              <el-table-column align="left" label="组员9" prop="8" width="70"/>
              <el-table-column align="left" label="特殊组员" prop="9" width="85"/>
              <el-table-column align="left" label="UNIQID" prop="ID" width="75"/>
            </el-table>
			
			
			 
				
			<el-row :gutter="20">
			 <el-col :span="10">
			   <el-form-item label="机台编号" prop="id">
			 <el-select v-model="selectedOption" placeholder="请选择">
			   <el-option
			     v-for="item in dropdownOptions"
			     :key="item.value"
			     :label="item.label"
			     :value="item.value"
			   ></el-option>
			 </el-select>
			   </el-form-item>
			 </el-col>
			 <el-col :span="10">
			   <el-form-item label="班组编号" prop="id">
				<el-input v-model="BZMC" :clearable="true" placeholder="" />			 
			   </el-form-item>
			 </el-col>
			</el-row> 	
			<div style="display: flex;">
			<div class="groupbox float-div" style="height: 17vh; width: 800px;">
			    <span class="grouptitle">组员及分配比例</span>
				<el-row :gutter="10" style="margin-top: 0px; height: 5vh;">
								 <el-col :span="2">
								   <span></span>
								 </el-col>
								<el-col :span="2">
								  
								</el-col>
								<el-col :span="2">
								  
								</el-col>
								<el-col :span="2">
								  
								</el-col>
								<el-col :span="2">
								  
								</el-col>
								<el-col :span="2">
								 
								</el-col>
								<el-col :span="2">
								 
								</el-col>
								<el-col :span="2">
								  
								</el-col>
								<el-col :span="2">
								  
								</el-col>
								<el-col :span="3">
								  
								</el-col>
								<el-col :span="3">
								 <el-form-item label="特殊组员" prop="id">
								 						 
								 </el-form-item>
								</el-col>
				</el-row>
				<el-row :gutter="10" style="margin-top: 0px;">
				 <!-- <el-col :span="1">
				   <span></span>
				 </el-col> -->
				 
				 
				
				
				
				
				
				<el-col :span="3">
				  <el-input v-model="formDatas.code1" :clearable="true" placeholder="" />
				</el-col>
				<el-col :span="3">
				  <el-input v-model="formDatas.code2" :clearable="true" placeholder="" />
				</el-col>
				<el-col :span="3">
				  <el-input v-model="formDatas.code3" :clearable="true" placeholder="" />
				</el-col>
				<el-col :span="3">
				  <el-input v-model="formDatas.code4" :clearable="true" placeholder="" />
				</el-col>
				<el-col :span="3">
				  <el-input v-model="formDatas.code5" :clearable="true" placeholder="" />
				</el-col>
				<el-col :span="3">
				  <el-input v-model="formDatas.code6" :clearable="true" placeholder="" />
				</el-col>
				<el-col :span="3">
				  <el-input v-model="formDatas.code7" :clearable="true" placeholder="" />
				</el-col>
				<el-col :span="3">
				  <el-input v-model="formDatas.code8" :clearable="true" placeholder="" />
				</el-col>
				<!-- <el-col :span="2">
				  <el-input v-model="formData.name" :clearable="true" placeholder="瞿春生" />
				</el-col>
				<el-col :span="2">
				  <el-input v-model="percentage" :clearable="true" placeholder="11.0" />
				</el-col>
				<el-col :span="2">
				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="打包废纸" />
				</el-col>
				<el-col :span="2">
				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="是" />
				</el-col>
				<el-col :span="2">
				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="ZI00401" />
				</el-col>
				<el-col :span="2">
				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="瞿春生" />
				</el-col>
				<el-col :span="2">
				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="11.0" />
				</el-col>
				<el-col :span="2">
				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="11.0" />
				</el-col>
				<el-col :span="2">
				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="11.0" />
				</el-col> -->
			  </el-row>
			 <el-row :gutter="10" style="margin-top: 1px;">
			  				 <!-- <el-col :span="2">
			  				   <span></span>
			  				 </el-col> -->
			  				<el-col :span="3">
			  				  <el-input v-model="formDatas.name1" :clearable="true" placeholder="" />
			  				</el-col>
			  				<el-col :span="3">
			  				  <el-input v-model="formDatas.name2" :clearable="true" placeholder="" />
			  				</el-col>
			  				<el-col :span="3">
			  				  <el-input v-model="formDatas.name3" :clearable="true" placeholder="" />
			  				</el-col>
			  				<el-col :span="3">
			  				  <el-input v-model="formDatas.name4" :clearable="true" placeholder="" />
			  				</el-col>
							<el-col :span="3">
							  <el-input v-model="formDatas.name5" :clearable="true" placeholder="" />
							</el-col>
							<el-col :span="3">
							  <el-input v-model="formDatas.name6" :clearable="true" placeholder="" />
							</el-col>
							<el-col :span="3">
							  <el-input v-model="formDatas.name7" :clearable="true" placeholder="" />
							</el-col>
							<el-col :span="3">
							  <el-input v-model="formDatas.name8" :clearable="true" placeholder="" />
							</el-col>
			  	<!-- 			<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="是" />
			  				</el-col>
			  				<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="ZI00401" />
			  				</el-col>
			  				<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="瞿春生" />
			  				</el-col>
			  				<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="11.0" />
			  				</el-col>
			  				<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="11.0" />
			  				</el-col>
			  				<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="11.0" />
			  				</el-col> -->
			  </el-row>
			  <el-row :gutter="10" style="margin-top: 1px;">
			  				 <!-- <el-col :span="2">
			  				   <span></span>
			  				 </el-col> -->
			  				<el-col :span="3">
			  				  <el-input v-model="formDatas.percentage1" :clearable="true" placeholder="" />
			  				</el-col>
			  				<el-col :span="3">
			  				  <el-input v-model="formDatas.percentage2" :clearable="true" placeholder="" />
			  				</el-col>
			  				<el-col :span="3">
			  				  <el-input v-model="formDatas.percentage3" :clearable="true" placeholder="" />
			  				</el-col>
			  				<el-col :span="3">
			  				  <el-input v-model="formDatas.percentage4" :clearable="true" placeholder="" />
			  				</el-col>
							<el-col :span="3">
							  <el-input v-model="formDatas.percentage5" :clearable="true" placeholder="" />
							</el-col>
							<el-col :span="3">
							  <el-input v-model="formDatas.percentage6" :clearable="true" placeholder="" />
							</el-col>
							<el-col :span="3">
							  <el-input v-model="formDatas.percentage5" :clearable="true" placeholder="" />
							</el-col>
							<el-col :span="3">
							  <el-input v-model="formDatas.percentage6" :clearable="true" placeholder="" />
							</el-col>
			  			<!-- 	<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="是" />
			  				</el-col>
			  				<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="ZI00401" />
			  				</el-col>
			  				<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="瞿春生" />
			  				</el-col>
			  				<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="11.0" />
			  				</el-col>
			  				<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="11.0" />
			  				</el-col>
			  				<el-col :span="2">
			  				  <el-input v-model="formData.qczl_NumDesc" :clearable="true" placeholder="11.0" />
			  				</el-col> -->
			  </el-row>
			</div>
			<div style="height: 17vh; width: 100px;margin-top: 30px;">
				<el-button type="text"></el-button>
				<!-- <el-button style="margin-bottom: 5px;" @click="" >新增</el-button> -->
				<el-button style="margin-bottom: 5px;" @click="selectBz" >更新当前班组</el-button>
				<!-- <el-button @click="delBz" >删除当前班组</el-button> -->
			</div>
			</div>
          </el-dialog>


        
		
		
		<el-dialog
		  v-model="dianjianVisible"
		  title="设备点检记录"
		  destroy-on-close
		  width="1100px"
		  style="height: 78%;"
		>
		  <el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
		    <el-col :span="4" style="margin-bottom: 0px;margin-top: 0px;">
		      <el-form-item label="设备编号" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
		        <el-input v-model="JTMC" :clearable="true" placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
		      </el-form-item>
		    </el-col>
		    <el-col :span="10" style="margin-bottom: 0px;margin-top: 0px;">
		      <el-row style="margin-bottom: 0px;margin-top: 0px;">
		        <el-col style="margin-bottom: 0px;margin-top: 0px;">
		          <el-input v-model="formData.产品名称" :clearable="true" placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
		        </el-col>
		      </el-row>
		    </el-col>
		  </el-row>
		
		  <div style="display: flex;">
		    <div style="flex: 0.1;margin-top: 0px;">
		      <el-aside width="180px" style="margin: 0; margin-top: 0px;">
		        <div class="JKWTree-tree" style="height: 100%; border-right: 1px solid #ebeef5;">		          
		          <el-tree :data="dianjiantreeData" :props="defaultProps" highlight-current="true"
		            @node-click="dianjianNodeClick" @node-dblclick="handleNodeDoubleClick"></el-tree>
		        </div>
		      </el-aside>
		    </div>
		    <div style="flex: 1; margin: 0;">
		      <el-table
		        tooltip-effect="dark"
		        :data="dianjianselectData"
		        row-key="ID"
		        highlight-current-row="true"
				:show-overflow-tooltip="true"
		        border  @row-click="dianjianhandle"
		        style="width:100%; height:320px; margin-top: 5px;"
		        @row-dblclick="handleSelectClick"
		        :row-class-name="rowClassName"
		      >
		        <el-table-column
		          prop="检验项目"
		          label="检验项目"
		          width="320"
		        />
		        <el-table-column
		          prop="点检方法"
		          label="点检方法"
		          width="180"
		        />
		        <el-table-column
		          v-slot="scope"
		          label="正常"
		          width="70"
		        >
		          
		         <el-checkbox v-model="scope.row.zc" @click="zcClick(scope.row)"></el-checkbox>
		        
		        </el-table-column>
		        <el-table-column
		          v-slot="scope"
		          label="异常" 
		          width="70"
		        >
		           <el-checkbox v-model="scope.row.yc" @click="ycClick(scope.row)"></el-checkbox>
		        </el-table-column>
		        <el-table-column
				  v-slot="scope"
		          label="备注说明"
		          width="180"
		        >
				<el-input v-model="scope.row.remark"/>
		        </el-table-column>
		        <el-table-column
		          v-slot="scope"
		          label="不检测" 
		          width="75"
		        >
		           <el-checkbox v-model="scope.row.notjc" @click="notjcClick(scope.row)"></el-checkbox>
		        </el-table-column>
		      </el-table>
			  <el-row :gutter="24">
			    <el-col :span="24">			      
			        <el-input v-model="pandingfangfa"  style="height: 50px;" :clearable="true"  />			      
			    </el-col>
			  </el-row>
		    </div>
		  </div>
		  <template #footer>
		    <div class="dialog-footer">
		      <el-button @click="closedianjianDialog">关 闭</el-button>
		      <el-button type="primary" @click="dianjianDialog">提 交</el-button>
		    </div>
		  </template>
		</el-dialog>
		
		<el-dialog
		  v-model="zhichengVisible"
		  title="制程检验记录"
		  destroy-on-close
		  width="1100px"
		  style="height: 78%;"
		>
		  <el-row :gutter="24" style="margin-top=0px; margin-bottom: 1px;">
		    <el-col :span="4" style="margin-top=0px; margin-bottom: 0px;">
		      <el-form-item label="工单编号" prop="id" style="margin-top=0px; margin-bottom: 0px;">
		        <el-input v-model="xunchaData.order" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
		      </el-form-item>
		    </el-col>
		  
		    <el-col :span="9" style="margin-top=0px; margin-bottom: 0px;">
		      <el-row style="margin-top=0px; margin-bottom: 0px;">
		        <el-col style="margin-top=0px; margin-bottom: 0px;">
		          <el-input v-model="xunchaData.product_name" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
		        </el-col>
		      </el-row>
		    </el-col>
				<el-col :span="4" style="margin-top=0px; margin-bottom: 0px;">
				  <el-form-item label="流程单" prop="id" style="margin-top=0px; margin-bottom: 0px;">
					<el-input v-model="xunchaData.lcdh" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
				  </el-form-item>
				</el-col>
		  			
		  </el-row>
		  
		  <el-row :gutter="24" style="margin-top=0px; margin-bottom: 1px;">
		    <el-col :span="3" style="margin-top=0px; margin-bottom: 0px;">
		      <el-form-item label="印件编号" prop="id" style="margin-top=0px; margin-bottom: 0px;">
		        <el-input v-model="xunchaData.yjno" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
		      </el-form-item>
		    </el-col>
		    <el-col :span="10" style="margin-top=0px; margin-bottom: 0px;">
		      <el-row style="margin-top=0px; margin-bottom: 0px;">
		        <el-col style="margin-top=0px; margin-bottom: 0px;">
		          <el-input v-model="xunchaData.gxmc" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
		        </el-col>
		      </el-row>
		    </el-col>
		  </el-row>
		
		  <div style="display: flex;">
		    <div style="flex: 0.1;">
		      <el-aside width="180px" style="margin: 0;">
		        <div class="JKWTree-tree" style="height: 100%; border-right: 1px solid #ebeef5;">		          
		          <el-tree :data="zhichengtreeData" :props="defaultProps" highlight-current="true"
		            @node-click="zhichengNodeClick"></el-tree>
		        </div>
		      </el-aside>
		    </div>
		    <div v-if="zhichengstatus" style="flex: 0; margin: 0;">
		      <el-tabs v-model="activNames" type="card" @tab-click="handleClick">
		        <el-tab-pane label="指标检验"  @click="showTable('指标检验')"  name="first">
		          <el-table
		            tooltip-effect="dark"
		            :data="zhibiaoselectData"
		            row-key="ID"
		            highlight-current-row="true"
		          				:show-overflow-tooltip="true"
		            border  @row-click="dianjianhandle"
		            style="width:100%; height:310px;"
		            @row-dblclick="handleSelectClick"
		            :row-class-name="rowClassName"
		          >
		            <el-table-column
		              prop="检验项目"
		              label="检验项目"
		              width="270"
		            />
					<el-table-column
					  v-slot="scope"
					  label="不检测" 
					  width="70"
					>
					   <el-checkbox v-model="scope.row.notjc" @click="notjcClick(scope.row)"></el-checkbox>
					</el-table-column>
		            <el-table-column
		              v-slot="scope"
		              label="合格"
		              width="60"
		            >
		              
		             <el-checkbox v-model="scope.row.zc" @click="zcClick(scope.row)"></el-checkbox>
		            
		            </el-table-column>
		            <el-table-column
		              v-slot="scope"
		              label="不合格" 
		              width="70"
		            >
		               <el-checkbox v-model="scope.row.yc" @click="ycClick(scope.row)"></el-checkbox>
		            </el-table-column>
					<el-table-column
					  prop="检测方法"
					  label="检测方法"
					  width="90"
					/>
					<el-table-column
					  prop="检验频率"
					  label="检验频率"
					  width="150"
					/>
					<el-table-column
					  prop="相关标准"
					  label="相关标准"
					  width="180"
					/>
		          </el-table>
		        </el-tab-pane>
		      
		        <el-tab-pane label="附加检验记录"  @click="showTable('附加检验记录')"  name="second">
		          <el-table
		            tooltip-effect="dark"
		            :data="fujiaselectData"
		            row-key="ID"
		            highlight-current-row="true"
		          				:show-overflow-tooltip="true"
		            border  @row-click="dianjianhandle"
		            style="width:100%; height:320px;"
		            @row-dblclick="handleSelectClick"
		            :row-class-name="rowClassName"
		          >
				    <el-table-column
				      v-slot="scope"
				      label="不检测" 
				      width="75"
				    >
				       <el-checkbox v-model="scope.row.notjc"></el-checkbox>
				    </el-table-column>
		            <el-table-column
		              prop="缺陷备注"
		              label="缺陷及记录"
		              width="720"
		            />
		            <el-table-column
		              prop="编号"
		              label="编号"
		              width="80"
		            />
		          </el-table>
		        </el-tab-pane>
		      </el-tabs>
		    </div>
		  </div>
		  <template #footer>
		    <div v-if="zhichengstatus" class="dialog-footer">
		      <el-button @click="closezhichengDialog">关 闭</el-button>
		      <el-button type="primary" @click="zhichengDialog">提 交</el-button>
		    </div>
		  </template>
		</el-dialog>
		
		<el-dialog
		  v-model="huanxingVisible"
		  title="换型清场"
		  destroy-on-close
		  width="1100px"
		  style="height: 78%;"
		>
		  <div style="display: flex;">
		    <div style="flex: 0.1;">
		      <el-aside width="180px" style="margin: 0;">
		        <div class="JKWTree-tree" style="height: 55vh; border-right: 1px solid #ebeef5;">		          
		          <el-tree :data="huanxingtreeData" :props="defaultProps" highlight-current="true"
		            @node-click="huanxingNodeClick"></el-tree>
		        </div>
		      </el-aside>
		    </div>
		    <div v-if="huanxingstatus" style="flex: 0; margin: 0;">
		      <el-tabs v-model="activNames" type="card" @tab-click="handleClick">
		        <el-tab-pane label="换型清场明细信息"  @click="showTable('换型清场明细信息')"  name="first">
		          
		        </el-tab-pane>
		      
		        <el-tab-pane label="当前设备换型记录"  @click="showTable('当前设备换型记录')"  name="second">
		          <el-table
		            tooltip-effect="dark"
		            :data="huanxingselectData"
		            row-key="ID"
		            highlight-current-row="true"
		          	:show-overflow-tooltip="true"
		            border  @row-click="dianjianhandle"
		            style="width:115vh; height:50vh;"
		            @row-dblclick="handleSelectClick"
		            :row-class-name="rowClassName"
		          >
		            <el-table-column
		              prop="日期"
		              label="日期"
		              width="160"
		            />
		            <el-table-column
		              prop="机台编号"
		              label="机台编号"
		              width="90"
		            />
					<el-table-column
					  prop="班组"
					  label="班组"
					  width="70"
					/>
					<el-table-column
					  prop="工单编号A"
					  label="工单编号A"
					  width="95"
					/>
					<el-table-column
					  prop="印件名称A"
					  label="印件名称A"
					  width="130"
					/>
					<el-table-column
					  prop="印件工序A"
					  label="印件工序A"
					  width="150"
					/>
					<el-table-column
					  prop="码包号A"
					  label="码包号A"
					  width="80"
					/>
					<el-table-column
					  prop="工单编号B"
					  label="工单编号B"
					  width="100"
					/>
					<el-table-column
					  prop="印件名称B"
					  label="印件名称B"
					  width="100"
					/>
					<el-table-column
					  prop="印件工序B"
					  label="印件工序B"
					  width="150"
					/>
					<el-table-column
					  prop="码包号B"
					  label="码包号B"
					  width="80"
					/>
					<el-table-column
					  prop="清场项目A"
					  label="菲林_标样_签样品_留样品"
					  width="190"
					/>
					<el-table-column
					  prop="清场项目B"
					  label="版材_纸张_电化铝_油墨"
					  width="190"
					/>
					<el-table-column
					  prop="清场项目C"
					  label="过版纸_废品_次品"
					  width="170"
					/>
					<el-table-column
					  prop="清场项目D"
					  label="半成品_成品_零头"
					  width="170"
					/>
					<el-table-column
					  prop="清场项目E"
					  label="操作台桌面_抽屉_地面"
					  width="180"
					/>
					<el-table-column
					  prop="机长"
					  label="机长"
					  width="80"
					/>
					<el-table-column
					  prop="班长"
					  label="带班长"
					  width="80"
					/>
					<el-table-column
					  prop="质量巡查员"
					  label="质量巡查员"
					  width="100"
					/>
					<el-table-column
					  prop="创建时间"
					  label="创建时间"
					  width="120"
					/>
					<el-table-column
					  prop="UNIQID"
					  label="UNIQID"
					  width="80"
					/>
		          </el-table>
		        </el-tab-pane>
		      </el-tabs>
		    </div>
		  </div>
		</el-dialog>
		
		<el-dialog
		  v-model="yinbanVisible"
		  title="印版领退"
		  destroy-on-close
		  width="180vh"
		  style="height: 78vh;"
		>
		  <el-row :gutter="24">
		    <el-col :span="4">
		      <el-form-item label="工单编号" prop="id">
		        <el-input v-model="formData.工单编号" :clearable="true" />
		      </el-form-item>
		    </el-col>
			<el-col :span="6">
			  <el-form-item prop="id">
			    <el-input v-model="formData.productCode" :clearable="true"  />
			  </el-form-item>
			</el-col>
			<el-col :span="14">
			  <el-form-item prop="id">
			    <el-input v-model="formData.产品名称" :clearable="true" />
			  </el-form-item>
			</el-col>
		  </el-row>
		
		  <div style="display: flex;">
		    <div style="flex: 1;">
		      <el-aside width="250px" style="margin: 0;">
		        <div class="JKWTree-tree" style="height: 100%; border-right: 1px solid #ebeef5;">		          
		          <el-tree :data="yinbantreeData" :props="defaultProps" highlight-current="true"
		            @node-click="yinbanNodeClick" @node-dblclick="handleNodeDoubleClick"></el-tree>
		        </div>
		      </el-aside>
		    </div>
		    <div style="flex: 1; margin: 0;">
		      <el-table
		        tooltip-effect="dark"
		        :data="yinbanselectData"
		        row-key="ID"
		        highlight-current-row="true"
				:show-overflow-tooltip="true"
		        border  @row-click="dianjianhandle"
		        style="width:1000px; height:400px;"
		        @row-dblclick="handleSelectClick"
		        :row-class-name="rowClassName"
		      >
		        <el-table-column
		          prop="存货编码"
		          label="存货编码"
		          width="100"
		        />
		        <el-table-column
		          prop="存货名称"
		          label="存货名称"
		          width="180"
		        />
		        
		        <el-table-column
				  prop="印版名称"
		          label="印版名称"
		          width="180"
		        />
				<el-table-column
				  prop="供方批号"
				  label="供方批号"
				  width="150"
				/>
				<el-table-column
				  prop="制造日期"
				  label="制造日期"
				  width="170"
				/>
				
				<el-table-column
				  prop="印数"
				  label="印数"
				  width="80"
				/>
				<el-table-column
				  prop="印版类别"
				  label="印版类别"
				  width="90"
				/>
				<el-table-column
				  prop="客户编号"
				  label="客户编号"
				  width="90"
				/>
				
				<el-table-column
				  prop="客户名称"
				  label="客户名称"
				  width="180"
				/>
				<el-table-column
				  prop="产品编号"
				  label="产品编号"
				  width="100"
				/>
				<el-table-column
				  prop="产品名称"
				  label="产品名称"
				  width="180"
				/>
				
				<el-table-column
				  prop="点检方法"
				  label="备注说明"
				  width="90"
				/>
				<!-- <el-table-column
				  prop="点检方法"
				  label="备注说明"
				  width="180"
				/> -->
		        
		      </el-table>
		    </div>
		  </div>
		</el-dialog>
		
		<el-dialog
		  v-model="xunchaVisible"
		  title="管理人员现场巡查记录"
		  destroy-on-close
		  width="1200px"
		  style="height: 78%;"
		>
		  <el-row :gutter="24" style="margin-top=0px; margin-bottom: 1px;">
		    <el-col :span="4" style="margin-top=0px; margin-bottom: 0px;">
		      <el-form-item label="工单编号" prop="id" style="margin-top=0px; margin-bottom: 0px;">
		        <el-input v-model="xunchaData.order" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
		      </el-form-item>
		    </el-col>

		    <el-col :span="9" style="margin-top=0px; margin-bottom: 0px;">
		      <el-row style="margin-top=0px; margin-bottom: 0px;">
		        <el-col style="margin-top=0px; margin-bottom: 0px;">
		          <el-input v-model="xunchaData.product_name" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
		        </el-col>
		      </el-row>
		    </el-col>
			<el-col :span="4" style="margin-top=0px; margin-bottom: 0px;">
			  <el-form-item label="工号 " prop="id" style="margin-top=0px; margin-bottom: 0px;">
			    <el-input v-model="xunchaData.sczl_bh"  @keyup.enter.native="getygsubmit($event, '11')" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
			  </el-form-item>
			</el-col>
			<el-col :span="4" style="margin-top=0px; margin-bottom: 0px;">
			  <el-form-item label="流程单" prop="id" style="margin-top=0px; margin-bottom: 0px;">
			    <el-input v-model="xunchaData.lcdh" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
			  </el-form-item>
			</el-col>
			
		  </el-row>
		  
		  <el-row :gutter="24" style="margin-top=0px; margin-bottom: 1px;">
		    <el-col :span="3" style="margin-top=0px; margin-bottom: 0px;">
		      <el-form-item label="印件编号" prop="id" style="margin-top=0px; margin-bottom: 0px;">
		        <el-input v-model="xunchaData.yjno" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
		      </el-form-item>
		    </el-col>
		    <el-col :span="10" style="margin-top=0px; margin-bottom: 0px;">
		      <el-row style="margin-top=0px; margin-bottom: 0px;">
		        <el-col style="margin-top=0px; margin-bottom: 0px;">
		          <el-input v-model="xunchaData.gxmc" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
		        </el-col>
		      </el-row>
		    </el-col>
			<el-col :span="4" style="margin-top=0px; margin-bottom: 0px;">
			  <el-form-item label="姓名" prop="id" style="margin-top=0px; margin-bottom: 0px;">
			    <el-input v-model="xunchaData.sczl_name" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
			  </el-form-item>
			</el-col>
		  </el-row>
		
		
		<el-row :gutter="24" style="margin-top=0px; margin-bottom: 1px;">
		  <el-col :span="13" style="margin-top=0px; margin-bottom: 0px;">
		    <el-form-item label="检验备注" prop="id" style="margin-top=0px; margin-bottom: 0px;">
		      <el-input v-model="xunchaData.remark" :clearable="true" placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
		    </el-form-item>
		  </el-col>
		  
					
		</el-row>
		
		  <div style="display: flex;">
		    <div style="flex: 0.1;">
		      <el-aside width="150px" style="margin: 0;">
		        <div class="JKWTree-tree" style="height: 100%; border-right: 1px solid #ebeef5;">		          
		          <el-tree :data="xunchatreeData" :props="defaultProps" highlight-current="true"
		            @node-click="xunchaNodeClick" @node-dblclick="handleNodeDoubleClick"></el-tree>
		        </div>
		      </el-aside>
		    </div>
		    <div style="flex: 1; margin: 0;">
		      <el-table
		        tooltip-effect="dark"
		        :data="xunchaselectData"
		        row-key="ID"
		        highlight-current-row="true"
		        border  @row-click="dianjianhandle"
		        style="width:70%; height:330px;"
		        @row-dblclick="handleSelectClick"
		        :row-class-name="rowClassName"
				:show-overflow-tooltip="true"
		      >
		        <el-table-column
		          prop="工单编号"
		          label="工单编号"
		          width="85"
		        />
		        <el-table-column
		          prop="印件号"
		          label="印件号"
		          width="70"
		        />
				<el-table-column
				  prop="工序名称"
				  label="工序名称"
				  width="240"
				/>
				<el-table-column
				  prop="流程单号"
				  label="流程单号"
				  width="85"
				/>
				<el-table-column
				  prop="设备编号"
				  label="设备编号"
				  width="85"
				/>
				<el-table-column
				  prop="班组编号"
				  label="班组编号"
				  width="85"
				/>
				<el-table-column
				  prop="检验备注"
				  label="检验备注"
				  width="85"
				/>
				<el-table-column
				  prop="现场管理人员"
				  label="现场管理人员"
				  width="150"
				/>
				<el-table-column
				  prop="提交时间"
				  label="提交时间"
				  width="165"
				/>
				<el-table-column
				  prop="开工时间"
				  label="开工时间"
				  width="165"
				/>
				<el-table-column
				  prop="分钟差数"
				  label="分钟差数"
				  width="85"
				/>
				<el-table-column
				  prop="归属时段"
				  label="归属时段"
				  width="165"
				/>
		      </el-table>			  
		    </div>
		  </div>
		  
		  <template #footer>
		    <div class="dialog-footer">
		      <el-button @click="closexunchaDialog">关 闭</el-button>
		      <el-button type="primary" @click="xunchaDialog">提 交</el-button>
		    </div>
		  </template>
		</el-dialog>
		
		
		<el-dialog
		  v-model="chanliangVisible"
		  title="日产量上报"
		  destroy-on-close
		  width="1300px"
		  style="height: 115%;"
		>
		  <el-row :gutter="20">
		        <el-row :gutter="20">
		          <el-col :span="15">
		          <el-form-item label="工单编号" prop="id">
		            <el-input v-model="formData3.order" id="工单编号"  @keydown="ent($event, 'rate10', '工单编号', '产品名称')" :clearable="true" placeholder="" />
		          </el-form-item>
		          </el-col>
		        </el-row>

			  <el-col :span="8">
			  <el-form-item label="产品名称" prop="id">
			    <el-input v-model="formData3.product_name" id="产品名称"  @keydown="ent($event, '工单编号', '产品名称', '工序名称')" :clearable="true" placeholder="" />
			  </el-form-item>
			  </el-col>
			  <el-col :span="8">
			  <el-form-item label="工序名称" prop="id">
			    <el-input v-model="formData3.gxmc" id="工序名称"  @keydown="ent($event, '产品名称', '工序名称', '印件号')" :clearable="true" placeholder="" />
			  </el-form-item>
			  </el-col>
			  <el-col :span="8">
			    <el-row :gutter="20">
			      
			    </el-row>
			  </el-col>
		    </el-row>
			
			<el-row :gutter="20">
			      <el-row :gutter="20">
			        <el-col :span="15">
			        <el-form-item label="印件号" prop="id">
			          <el-input v-model="formData3.yjno" id="印件号"  @keydown="ent($event, '工序名称', '印件号', '印件名称')" :clearable="true" placeholder="" />
			        </el-form-item>
			        </el-col>
			      </el-row>
			
				  <el-col :span="8">
				  <el-form-item label="印件名称" prop="id">
					<el-input v-model="formData3.yj_name" id="印件名称"  @keydown="ent($event, '印件号', '印件名称', '工艺名称')" :clearable="true" placeholder="" />
				  </el-form-item>
				  </el-col>
				  <el-col :span="8">
				  <el-form-item label="工艺名称" prop="id">
					<el-input v-model="formData3.gy_name" id="工艺名称"  @keydown="ent($event, '印件名称', '工艺名称', 'gxh')" :clearable="true" placeholder="" />
				  </el-form-item> 
				  </el-col>
				  <el-col :span="2">
				  <el-form-item label="" prop="id">
				    <el-input v-model="formData3.gxh" id="gxh"  @keydown="ent($event, '工艺名称', 'gxh', '日期')" :clearable="true" placeholder="" />
				  </el-form-item>
				  </el-col>						  
			  </el-row>
			  
			  
			  
			  <el-row :gutter="20">
			        <el-row :gutter="20">
			          <el-col :span="15">
			          <el-form-item label="日期" prop="id">
			            <el-input v-model="formData3.日期" id="日期"  @keydown="ent($event, 'gxh', '日期', '流程标牌')" :clearable="true" placeholder="" />
			          </el-form-item>
			          </el-col>
			        </el-row>
			  
			  	  <el-col :span="5">
			  	  <el-form-item label="流程标牌" prop="id">
			  		<el-input v-model="formData3.流程标牌" id="流程标牌"  @keydown="ent($event, '日期', '流程标牌', '上机时间')" :clearable="true" placeholder="" />
			  	  </el-form-item>
			  	  </el-col>
			  	  <el-col :span="5">
			  	  <el-form-item label="上机时间" prop="id">
			  		<el-input v-model="formData3.上机时间" id="上机时间"  @keydown="ent($event, '流程标牌', '上机时间', '下机时间')" :clearable="true" placeholder="" />
			  	  </el-form-item> 
			  	  </el-col>
			  	  <el-col :span="5">
			  	  <el-form-item label="下机时间" prop="">
			  	    <el-input v-model="formData3.下机时间"  id="下机时间"  @keydown="ent($event, '上机时间', '下机时间', '产量')" :clearable="true" placeholder="" />
			  	  </el-form-item>
			  	  </el-col>						  
			    </el-row>
		    
			
			
			<el-row :gutter="20">
			      
			    <el-col :span="3">
			    <el-form-item label="产量" prop="id">
			      <el-input v-model="formData3.产量" id="产量"  @keydown="ent($event, '下机时间', '产量', '制程废品')" :clearable="true" placeholder="" />
			    </el-form-item>
			    </el-col>
				  <el-col :span="3">
				  <el-form-item label="制程废品" prop="id">
					<el-input v-model="formData3.制程废品" id="制程废品"  @keydown="ent($event, '产量', '制程废品', '制程次品')" :clearable="true" placeholder="" />
				  </el-form-item>
				  </el-col>
				  <el-col :span="3">
				  <el-form-item label="制程次品" prop="id">
					<el-input v-model="formData3.制程次品" id="制程次品"  @keydown="ent($event, '制程废品', '制程次品', '前工序废')" :clearable="true" placeholder="" />
				  </el-form-item> 
				  </el-col>
				  <el-col :span="3">
				  <el-form-item label="前工序废" prop="">
				    <el-input v-model="formData3.前工序废" id="前工序废"  @keydown="ent($event, '制程次品', '前工序废', '来料异常')" :clearable="true" placeholder="" />
				  </el-form-item>
				  </el-col>	
				<el-col :span="3">
				<el-form-item label="来料异常" prop="">
				  <el-input v-model="formData3.来料异常" id="来料异常"  @keydown="ent($event, '前工序废', '来料异常', '联数')" :clearable="true" placeholder="" />
				</el-form-item>
				</el-col>
				<el-col :span="3">
				<el-form-item label="联数" prop="">
				  <el-input v-model="formData3.联数" id="联数"  @keydown="ent($event, '来料异常', '联数', '墨色')"  :clearable="true" placeholder="" />
				</el-form-item>
				</el-col>
				<el-col :span="3">
				<el-form-item label="墨色" prop="">
				  <el-input v-model="formData3.墨色" id="墨色"  @keydown="ent($event, '联数', '墨色', '装版总时长')"  :clearable="true" placeholder="" />
				</el-form-item>
				</el-col>
			  </el-row>
			  
			  
			  <el-row :gutter="20">			        
			      <el-col :span="3">
			      <el-form-item label="装版总时长" prop="id">
			        <el-input v-model="formData3.装版总时长" id="装版总时长"  @keydown="ent($event, '墨色', '装版总时长', '打样总工时')"  :clearable="true" placeholder="" />
			      </el-form-item>
			      </el-col>
			  	  <el-col :span="3">
			  	  <el-form-item label="打样总工时" prop="id">
			  		<el-input v-model="formData3.打样总工时" id="打样总工时"  @keydown="ent($event, '装版总时长', '打样总工时', '通电工时')" :clearable="true" placeholder="" />
			  	  </el-form-item>
			  	  </el-col>
			  	  <el-col :span="3">
			  	  <el-form-item label="通电工时" prop="id">
			  		<el-input v-model="formData3.通电工时" id="通电工时"  @keydown="ent($event, '打样总工时', '通电工时', '定额代号')" :clearable="true" placeholder="" />
			  	  </el-form-item> 
			  	  </el-col>
			    </el-row>
				
				
				<el-row :gutter="20">      
				    <el-col :span="3">
				    <el-form-item label="定额代号" prop="id">
				      <el-input v-model="formData3.定额代号" id="定额代号"  @keydown="ent($event, '通电工时', '定额代号', '码包')" :clearable="true" placeholder="" />
				    </el-form-item>
				    </el-col>
					  <el-col :span="3">
					  <el-form-item label="码包" prop="id">
						<el-input v-model="formData3.码包" id="码包"  @keydown="ent($event, '定额代号', '码包', '主电表')" :clearable="true" placeholder="" />
					  </el-form-item>
					  </el-col>
					  <el-col :span="3">
					  <el-form-item label="主电表" prop="id">
						<el-input v-model="formData3.主电表"  id="主电表"  @keydown="ent($event, '码包', '主电表', '辅电表')" :clearable="true" placeholder="" />
					  </el-form-item> 
					  </el-col>					  
					  <el-col :span="3">
					  <el-form-item label="辅电表" prop="id">
						<el-input v-model="formData3.辅电表" id="辅电表"  @keydown="ent($event, '主电表', '辅电表', 'bzdh')" :clearable="true" placeholder="" />
					  </el-form-item> 
					  </el-col>
				  </el-row>
		  <div style="display: flex;">
			  <div style="width: 136vh;">组员及分配比例</div>
			  <div style="width: 15vh;">特殊组员</div>
			  <div>拉料人员</div>
		  </div>
		  <el-row :gutter="10" style="margin-top: 10px;">
		  	 <el-col :span="1">
		  	   <el-input v-model="formData3.sczl_bzdh" id="bzdh"  @keydown="ent($event, '辅电表', 'bzdh', 'bh1')" :clearable="true" placeholder="ZI00401" />
		  	 </el-col>						 
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_bh1" id="bh1"  @keydown="ent($event, 'bzdh', 'bh1', 'bh2')" @keyup.enter.native="getygsubmit($event, '1')" :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_bh2" id="bh2"  @keydown="ent($event, 'bh1', 'bh2', 'bh3')" @keyup.enter.native="getygsubmit($event, '2')" :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_bh3" id="bh3"  @keydown="ent($event, 'bh2', 'bh3', 'bh4')" @keyup.enter.native="getygsubmit($event, '3')" :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_bh4" id="bh4"  @keydown="ent($event, 'bh3', 'bh4', 'bh5')" @keyup.enter.native="getygsubmit($event, '4')" :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_bh5" id="bh5"  @keydown="ent($event, 'bh4', 'bh5', 'bh6')" @keyup.enter.native="getygsubmit($event, '5')" :clearable="true" placeholder="" />
		     </el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_bh6" id="bh6"  @keydown="ent($event, 'bh5', 'bh6', 'bh7')" @keyup.enter.native="getygsubmit($event, '6')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_bh7" id="bh7"  @keydown="ent($event, 'bh6', 'bh7', 'bh8')" @keyup.enter.native="getygsubmit($event, '7')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_bh8" id="bh8"  @keydown="ent($event, 'bh7', 'bh8', 'bh9')" @keyup.enter.native="getygsubmit($event, '8')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_bh9" id="bh9"  @keydown="ent($event, 'bh8', 'bh9', 'bh10')" @keyup.enter.native="getygsubmit($event, '9')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_bh10" id="bh10"  @keydown="ent($event, 'bh9', 'bh10', 'bh11')" @keyup.enter.native="getygsubmit($event, '10')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_bh11" id="bh11"  @keydown="ent($event, 'bh10', 'bh11', 'name1')" @keyup.enter.native="getygsubmit($event, '11')" :clearable="true" placeholder="" />
			</el-col>
		   </el-row>
		   
		   
		  
		  <el-row :gutter="10" style="margin-top: 10px;">
		  	 <el-col :span="1">
		  
		  	 </el-col>						 
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_name1" id="name1"  @keydown="ent($event, 'bh11', 'name1', 'name2')"  :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_name2" id="name2"  @keydown="ent($event, 'name1', 'name2', 'name3')"  :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_name3" id="name3"  @keydown="ent($event, 'name2', 'name3', 'name4')" :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_name4" id="name4"  @keydown="ent($event, 'name3', 'name4', 'name5')" :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_name5" id="name5"  @keydown="ent($event, 'name4', 'name5', 'name6')" :clearable="true" placeholder="" />
		     </el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_name6" id="name6"  @keydown="ent($event, 'name5', 'name6', 'name7')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_name7" id="name7"  @keydown="ent($event, 'name6', 'name7', 'name8')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_name8" id="name8"  @keydown="ent($event, 'name7', 'name8', 'name9')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_name9" id="name9"  @keydown="ent($event, 'name8', 'name9', 'name10')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_name10" id="name10"  @keydown="ent($event, 'name9', 'name10', 'name11')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_name11" id="name11"  @keydown="ent($event, 'name10', 'name11', 'rate1')" :clearable="true" placeholder="" />
			</el-col>
		   </el-row>
		  
		  <el-row :gutter="10" style="margin-top: 10px;">
		  	 <el-col :span="1">
		  	   
		  	 </el-col>						 
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_rate1" id="rate1"  @keydown="ent($event, 'name11', 'rate1', 'rate2')"  :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_rate2" id="rate2"  @keydown="ent($event, 'rate1', 'rate2', 'rate3')"  :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_rate3" id="rate3"  @keydown="ent($event, 'rate2', 'rate3', 'rate4')"  :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_rate4" id="rate4"  @keydown="ent($event, 'rate3', 'rate4', 'rate5')" :clearable="true" placeholder="" />
		     </el-col>
		     <el-col :span="2">
		       <el-input v-model="formData3.sczl_rate5" id="rate5"  @keydown="ent($event, 'rate4', 'rate5', 'rate6')" :clearable="true" placeholder="" />
		     </el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_rate6" id="rate6"  @keydown="ent($event, 'rate5', 'rate6', 'rate7')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_rate7" id="rate7"  @keydown="ent($event, 'rate6', 'rate7', 'rate8')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_rate8" id="rate8"  @keydown="ent($event, 'rate7', 'rate8', 'rate9')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_rate9" id="rate9"  @keydown="ent($event, 'rate8', 'rate9', 'rate10')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">
			  <el-input v-model="formData3.sczl_rate10" id="rate10"  @keydown="ent($event, 'rate9', 'rate10', '工单编号')" :clearable="true" placeholder="" />
			</el-col>
			<el-col :span="2">	  
			</el-col>
		   </el-row>
		   
		   <el-table
		     tooltip-effect="dark"
		     :data="chanliangselectData"
		     row-key="ID"
		     highlight-current-row="true"
		     border
		     style="width:100%"
		     height="400px"
		     @row-dblclick="batchaddSelectClick"
		     :selectable="row => rowSelectable(row)"
		     @selection-change="chanliangSelectionChange"
		   >
		     <el-table-column type="selection" width="55" align="center" label=""></el-table-column>
		     <el-table-column
		       prop="batch"
		       label="物料编号"
		       width="150"
		     />
		     <el-table-column
		   	prop="BOM_物料名称"
		   	label="物料名称"
		   	width="400"
		     />
		     <el-table-column
		       prop="采购单号"
		       label="采购单号"
		       width="150"
		     />
		     <el-table-column
		   	prop="st_wlbh"
		   	label="供方批次"
		   	width="400"
		     />
		     <el-table-column
		       prop="卷号"
		       label="卷号"
		       width="150"
		     />
		     <el-table-column
		       prop="Uniqid"
		       label="UniqID"
		       width="150"
		     />
		   </el-table>	
		   
		  <!-- </el-scrollbar> -->
		  <template #footer>
		    <div class="dialog-footer">
		      <el-button @click="closeDialog">取 消</el-button>
		      <el-button type="primary" @click="chanliangenterDialog">确 定</el-button>
		    </div>
		  </template>
		</el-dialog>
		
		
		<el-dialog
		  v-model="ClearVisible"
		  title="换型清场"
		  destroy-on-close
		  width="1300px"
		  style="height: 115%;"
		>
		  
		   
		   <div style="display: flex;">
		     <div style="flex: 1;">
		       <el-aside width="250px" style="margin: 0;">
		         <div class="JKWTree-tree" style="height: 100%; border-right: 1px solid #ebeef5;">		          
		           <el-tree :data="CleartreeData" :props="defaultProps" highlight-current="true"
		             @node-click="ClearNodeClick" @node-dblclick="ClearDoubleClick"></el-tree>
		         </div>
		       </el-aside>
		     </div>
		     <div style="flex: 1; margin: 0;">
		      <el-tabs v-model="activeName" type="card" @tab-click="duohandleClick"   >
		      
		                  <el-tab-pane label="换型清场明细信息"  @click="showTable('印件资料')"   name="first">
		                    
							
							
							
		                  </el-tab-pane>
		      
		                  <el-tab-pane label="当前设备换型记录" @click="showTable('工艺资料')" name="second">
		                    <el-table ref="multipleTable"
		                              highlight-current-row="true"
		                              :show-overflow-tooltip="true"
		                              :row-style="{ height: '20px' }"
		                              :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
		                              :header-cell-style="{ padding: '0px' }"
		                              @row-dblclick="gyupdateCompanyFunc"
		                              :row-class-name="rowClassStyle"
		                              style="width: 100%;height: 400px" border tooltip-effect="dark" :data="ClearData" row-key="ID" @selection-change="handleSelectionChange"
		                              @row-click="clickybupdate">
		                     <el-table-column type="selection" label="选择" width="55" />
		                      
		                      <el-table-column align="left" label="日期" prop="班组号" width="80" />
		                      <el-table-column align="left" label="机台编号" prop="0" width="240" />
		                      <el-table-column align="left" label="班组" prop="1" width="240" />
		                      <el-table-column align="left" label="工单编号A" prop="2" width="240" />
		                      <el-table-column align="left" label="印件名称A" prop="3" width="240" />
		                      <el-table-column align="left" label="印件工序A" prop="4" width="100" />
		                      <el-table-column align="left" label="码包号A" prop="5" width="100" />
		                      <el-table-column align="left" label="工单编号B" prop="6" width="100" />
		                      <el-table-column align="left" label="印件名称B" prop="7" width="100" />
		                      <el-table-column align="left" label="印件工序B" prop="8" width="100" />
		                      <el-table-column align="left" label="码包号B" prop="9_正品版" width="120" />
							  <el-table-column align="left" label="菲林_标样_签样品_留样品" prop="6" width="100" />
							  <el-table-column align="left" label="板材_纸张_电化铝_油墨" prop="7" width="100" />
							  <el-table-column align="left" label="过版纸_废品_次品" prop="8" width="100" />
							  <el-table-column align="left" label="半成品_成品_零头" prop="9_正品版" width="120" />
							  <el-table-column align="left" label="操作台桌面_抽屉_地面" prop="8" width="100" />
							  <el-table-column align="left" label="机长" prop="9_正品版" width="120" />
							  <el-table-column align="left" label="带班长" prop="6" width="100" />
							  <el-table-column align="left" label="质量巡查员" prop="7" width="100" />
							  <el-table-column align="left" label="创建时间" prop="8" width="100" />
							  <el-table-column align="left" label="UNIQID" prop="9_正品版" width="120" />
		                    </el-table>
		                  </el-tab-pane>

		      
		                </el-tabs>
		     </div>
		   </div>
		   
		  <!-- </el-scrollbar> -->
		  <template #footer>
		    <div class="dialog-footer">
		      <el-button @click="closeDialog">取 消</el-button>
		      <el-button type="primary" @click="chanliangenterDialog">确 定</el-button>
		    </div>
		  </template>
		</el-dialog>
		
		
		<Shebeizhuangtai
		  v-if="dialogSbyxgl"
		  v-model="dialogSbyxgl"
		  title="【01.30 08:30】【JY01#--海德堡对开八色平版胶印机(JY08-01)】【2311116-->钻石(荷花）盒包装纸】【01--胶印】"
		  :formData="formData"
		/>
		
        </el-main>
      </el-container>
    </el-container>





  </div>
</template>


<script setup>
	
import {
  createCompany,
  deleteCompany,
  deleteCompanyByIds,
  updateCompany,
  findCompany,
  getCompanyList
} from '@/api/company'

import {
  ProcessInspectionRecordsItemAdd,
  AdditionalInspectionRecordAdd,
  getMac,
  remodelGetTab,
  setMachineTeam,
  ModelChangeRecord
} from '@/api/jixiaoguanli/baogong'

import {
  facilityTab,
  facilitychanLiang,
  facilityInspect,
  facilityProduction,
  facilityTeam,
  facilityMachineList,
  facilitySpotCheckItem,
  facilityInspectionItem,
  reportProduceInfo,
  reportName,
  reportInfo,
  reportMachineMac,
  facilityWorklist,
  setProcessStatus,
  submitDailyProduction,
  facilityDetail,
  inspectionRecord,
  getYg,
  submitPatrolRecord,
  getMachineMac,
  setMachineStatus,
  fieldInspectionRecord,
  InspectionItemAdd,
  ProcessInspectionRecordsItem,
  MachineDetailList,
  facilityPrintGetTab,
  facilityPrintDetail,
  facilityProcedure
} from '@/api/jixiaoguanli/jitairibaobiao'

import {
  demoCustomer
} from "@/api/demo";

// 全量引入格式化工具 请按需保留
import { getDictFunc, formatDate, formatBoolean, filterDict, ReturnArrImg, onDownloadFile } from '@/utils/format'
import { ElMessage, ElMessageBox } from 'element-plus'
import { ref, reactive } from 'vue'
import Shebeizhuangtai from '@/view/performance/09-workOrderVerification/componets/shebeizhuangtai.vue'

const dialogSbyxgl=ref(false)
const zhichengstatus=ref(false)
const yinbanselectData = ref([])
defineOptions({
    name: 'Company'
})
const xunchatreeData=ref([{label: '现场巡查记录',} ])
const activName=ref('first')
const activNames=ref('first')
let checked3=ref(false)
const detailData = reactive([])
const treeData=ref([])
const huanxingtreeData=ref([])
const huanxingselectData = ref([])
const huanxingstatus=ref(false)
const zhichengtreeData=ref([{
	label: '首件与过程确认'
},{
	label: '机台检验'
},{
	label: 'IPQC检验'
}])
let  dianjiantreeData;
let JTMC=ref()
let CJMC=ref()
const sbzyData = reactive([])
const FPData = reactive([])
const CLMXData = reactive([])
let JYData = reactive([])

//键盘 input框跳转
const ent = (event,id1,id2,id3) => {

  if (event.keyCode === 13 || event.keyCode === 40) { // Enter 或向下箭头
    const idMap = {
       'bh1': '1',
       'bh2': '2',
       'bh3': '3',
       'bh4': '4',
       'bh5': '5',
       'bh6': '6',
       'bh7': '7',
       'bh8': '8',
       'bh9': '9',
       'bh10': '10',
       'bh11': '11',
     };
	 if (idMap.hasOwnProperty(id2) && event.keyCode === 13) {
	     getygsubmit('', idMap[id2]);
	   }else if(id3!=''){
      document.getElementById(id3).focus()
    }
  } else if (event.keyCode === 38) { // 向上箭头
    if(id1!=''){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 8) { // 删除箭头
    if(id1!='' && document.getElementById(id2).value==''){
      document.getElementById(id1).focus()
    }
    console.log(document.getElementById(id2).value)
  }else if (event.keyCode === 37) { // 向左箭头
    if(id1!='' && document.getElementById(id2).selectionStart==0){
      document.getElementById(id1).focus()
    }
  }else if (event.keyCode === 39) { // 向右箭头
    if(id3!='' && document.getElementById(id2).selectionStart == document.getElementById(id2).value.length){
      document.getElementById(id3).focus()
    }
  }
}

const huanxingNodeClick = (node) => {
  //存放当前节点的nodeId
  if(node.machine){
	  huanxingstatus.value=true
	  modelChangeRecord(node.machine)
  }else{
	  console.log('2')
  }
}
const modelChangeRecord = async (val) => {
  const response = await ModelChangeRecord({machine:val});
  if (response.code === 0) {
	huanxingselectData.value=response.data
  }
}
const handleNodeClick = (nodeData,node) => {
  //存放当前节点的nodeId
  if(nodeData.level === 1){
	  console.log('1')
  }else{
	  console.log('2')
  }
  //  if (nodeData.level === 1) {
  //       console.log(node.label); // 第一级节点
  //     } else if (nodeData.level === 2) {
  //       console.log(node.label); // 第二级节点
		// JTMC=node.label.split("【")[0]
		// FacilityProduction()
		// FacilityWorklist()
		// FacilityTeam(JTMC)
		// // InspectionRecord()
		// // FacilityDetail()
		// // ReportProduceInfo()
		// console.log(JTMC)
  //     } else if (nodeData.level === 3) {
  //       console.log(node.label); // 第三级节点
	 //   }  
	 // JTMC=node.label.split("【")[0]
	 // FacilityProduction()
		 // console.log(node.label)
}
//当前生产订单

// const formDatabz = reactive({
//   sczl_bh12: [],
//   sczl_name12: [],

// });
const classbz=ref([])
const FacilityProduction = async () => {
  const response = await facilityProduction({machine:JTMC});
  if (response.code === 0) {
	    formData.value.工单编号 = response.data.工单编号;
	    formData.value.印件号 = response.data.印件号;
		formData.value.工序号 = response.data.工序名称.substring(0,2);
	    formData.value.工序名称 = response.data.工序名称;
	    formData.value.产品名称 = response.data.产品名称;
		formData.value.班组Id=response.data.班组Id
		formData.value.machine=JTMC
		formData.value.状态=response.data.状态
		BZMC.value=response.data.班组编号
	       // 填充sczl_bh和sczl_name字段
		   let sczl_bhkey=''
		   let sczl_namekey=''
		   if (response.data.班组成员) {
		     for (let i = 0; i < Math.min(Object.keys(response.data.班组成员).length, 9); i++) {
				 sczl_bhkey=`sczl_bh${i+1}`
				 sczl_namekey=`sczl_name${i+1}`
		       formData.value[sczl_bhkey] = response.data.班组成员[i]['编号'];
		       formData.value[sczl_namekey] = response.data.班组成员[i]['姓名'];
			   classbz.value[i]=response.data.班组成员[i]['编号']
		     }
		   }
		   formData.value.class=classbz.value.join(',')
	   //      for (let i = 1; i <= 10; i++) {
	   //        if (response.data.班组成员) {
				// // formData.value.['sczl_bh12'] = response.data.班组成员[i]['编号'];
				// // formData.value['sczl_name12'] = response.data.班组成员[i]['名字'];
				// //  console.log(formData)
				// // console.log(response.data[sczl_bh]['员工姓名'])
				// // console.log(formData.value.sczl_bh)
				// // console.log(sczl_name)
	   //        } else {
				// console.log(555555555555555)
	   //          // 如果字段不存在，可以在这里进行处理
	   //          // console.log('2');
				// // formData.value[sczl_bh] = response.data[sczl_bh]['员工编号'];
				// // formData.value[sczl_name] = response.data[sczl_bh]['员工姓名'];
				// // console.log(formData.value.sczl_bh)
				// // console.log(sczl_name)
	   //        }
	   //      }
	   console.log()
	   const responses = await MachineDetailList({workshop:CJMC});
	   if(responses.code===0){
		   responses.data.map(item=>{
			   if(item.设备编号==JTMC){
				   formData.value.status=item.状态
			   }
		   })
	   }
	   if(response.data.工单编号){
		   InspectionRecord()
		   FacilityDetail()
	   }
		FacilityWorklist()
		FacilityTeam(JTMC)
	    
  }
}
//设备工作清单
const FacilityWorklist = async () => {
  const response = await facilityWorklist({machine:JTMC});
  if (response.code === 0) {
	// console.log(response)
	sbzyData.splice(0, sbzyData.length, ...response.data);
	formData.value.productCode= response.data[0]['产品代号']
	selectData.value=[]
	const res = await facilityProcedure({ Gd_gdbh: sbzyData[0]['工单编号|质量信息'].substring(0, 7) })
	formData.value.productCode= response.data[0]['产品代号']
	console.log(res)
	if (res.code === 0) {
	    selectData.value = res.data
	}
  }
}
//检验记录
const InspectionRecord = async () => {
  const response = await inspectionRecord({machine:JTMC,Gd_gdbh:formData.value.工单编号,team:BZMC.value});
  if(response.code==0){
	 // 提取 inspectiontime 作为列名
	        // Extract inspectiontime as columnNames
	  columnNames = response.data.inspectiontime;

	  // Populate drzcData with row data
	  for (const key in response.data) {
		if (key !== 'inspectiontime') {
		  const item = response.data[key];
		  const rowData = {
			'工单编号': item['工单编号'],
			'印件号': item['印件号'],
			'工序名称': item['工序名称'],
			'检验项目': item['检验项目']
		  };

		  // Initialize time columns with '—'
		 columnNames.forEach(time => {
			rowData[time] = '';
		  });

		  // Split inspectresult and fill the corresponding time columns
		  const results = item['inspectresult'].split(',');
		  results.forEach(result => {
			if (columnNames.includes(result)) {
			  rowData[result] = '√';
			}else{rowData[result] = ''}
		  });

		  // Add the row data to drzcData
		  JYData.push(rowData);
		}
	  }
	  console.log(JYData);
  }
}
//当班产量明细
const FacilityDetail = async () => {
  const response = await facilityDetail({ machine: JTMC, Gd_gdbh: formData.value.工单编号, team:BZMC.value });
  if (response.code === 0) {
    CLMXData.splice(0, CLMXData.length, ...Object.values(response.data));
	formData.value.production_now=response.data[0].产量
	formData.value.production_all=response.data.total.产量
  }
};
//员工编号回车事件
const getygsubmit = (event, inputName) => {

	  console.log(inputName)
	 
		  let combinedString = 'sczl_bh' + inputName;
		   console.log(combinedString)
		  //  let variableName = 'sczl_gdbh'+inputName;
		   let variableValue = eval('formData3.value.' + combinedString);
		   console.log(variableValue)
		   GetYg(variableValue,inputName)  
}
//获取员工信息
const GetYg = async (value,inputName) => {
  const response = await getYg({sczl_bh:value});
  console.log(response) 
  if (response.code === 0) {
	console.log(response.data.ygxm) 
	let Bname = 'sczl_name' + inputName;
	formData3.value[Bname]=response.data.ygxm
	// console.log(formData.value[Bname])
  }
}
// 验证规则
const rule = reactive({
})

const searchRule = reactive({
  createdAt: [
    { validator: (rule, value, callback) => {
      if (searchInfo.value.startCreatedAt && !searchInfo.value.endCreatedAt) {
        callback(new Error('请填写结束日期'))
      } else if (!searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt) {
        callback(new Error('请填写开始日期'))
      } else if (searchInfo.value.startCreatedAt && searchInfo.value.endCreatedAt && (searchInfo.value.startCreatedAt.getTime() === searchInfo.value.endCreatedAt.getTime() || searchInfo.value.startCreatedAt.getTime() > searchInfo.value.endCreatedAt.getTime())) {
        callback(new Error('开始日期应当早于结束日期'))
      } else {
        callback()
      }
    }, trigger: 'change' }
  ],
})

const elFormRef = ref()
const elSearchFormRef = ref()

// =========== 表格控制部分 ===========
const page = ref(1)
const total = ref(0)
const pageSize = ref(10)
const tableData = ref([])
const zhibiaoselectData=ref([])
const yinbanVisible = ref(false)
const yinbantreeData=ref([])
const fujiaselectData=ref([])
const searchInfo = ref({})

// 重置
const onReset = () => {
  searchInfo.value = {}
  getTableData()
}

// 搜索
const onSubmit = () => {
  elSearchFormRef.value?.validate(async(valid) => {
    if (!valid) return
    page.value = 1
    pageSize.value = 10
    getTableData()
  })
}

// 分页
const handleSizeChange = (val) => {
  pageSize.value = val
  getTableData()
}

// 修改页面容量
const handleCurrentChange = (val) => {
  page.value = val
  getTableData()
}

const getTableData = async () => {
  const response = await facilityTab();
  if (response.code === 0 && response.data) {
    const workshops = response.data; // 车间数据

    // 在推送新项之前将 treeData 重置为空数组
    treeData.value = []; // 使用 .value 访问响应式引用的值

    for (const workshopName in workshops) {
      const workshopNode = {
        label: workshopName,
        children: [],
        level: 1 // 添加层级属性
      };

      const machines = workshops[workshopName]; // 车间下的机器

      for (const machineName in machines) {
         const machineNode = {
           label: machineName,
           children: [],
           level: 2, // 添加层级属性
           parentNode: workshopNode
         };
      
        // Now that machineNode is initialized, you can refer to it
         const childrenNodes = machines[machineName].map(dateTime => {
             const dateOnly = dateTime.split(' ')[0];
             return {
               label: dateOnly,
               level: 3, // 添加层级属性
               parentNode: machineNode
             };
           });
      
        // Assign the childrenNodes to the machineNode's children property
        machineNode.children = childrenNodes;
      
        // Finally, push the machineNode to the workshopNode's children array
        workshopNode.children.push(machineNode);
      }

      // 将 workshopNode 推送到响应式 treeData 数组
      treeData.value.push(workshopNode);
    }
  }
};
// 查询
const getTableList = async() => {
  const table = await getCompanyList({ page: page.value, pageSize: pageSize.value, ...searchInfo.value })
  if (table.code === 0) {
    tableData.value = table.data.list
    total.value = table.data.total
    page.value = table.data.page
    pageSize.value = table.data.pageSize
  }
}

// getTableData()
//删除
function onDel() {
	
}
//完工
function onOver() {
	SetProcessStatus()
	FacilityProduction()
}
//完工事件
const SetProcessStatus = async () => {
  const RESCODE={
	 order:'2311114', 
	 yjno:'01',
	 gxh:'01',
  }
  console.log(formData.value.工单编号,formData.value.印件号,formData.value.工序号)
  const response = await setProcessStatus({order:formData.value.工单编号,yjno:formData.value.印件号,gxh:formData.value.工序号});
  if (response.code === 0) {
	FacilityProduction
  }
  console.log(response)
}
import { nextTick } from 'vue';
//设备点检
function ondianjian() {
  getSpotCheckItem(JTMC).then(treeData  => {
    if (treeData) {
      // 如果获取成功，treeData 就是我们需要的树形结构数据
      dianjiantreeData = treeData;
      console.log('222');
      console.log(dianjiantreeData);
      // 使用 nextTick 来确保在更新 dianjianVisible 后立即刷新视图
      nextTick(() => {
         dianjianVisible.value = true;
      });
	 
      // 这里可以处理treeData，例如将其赋值给某个状态管理变量或者用于渲染界面
    } else {
      // 如果获取失败，则treeData为null
      console.log('获取巡检项目树形结构数据失败');
    }
  });
  
}
//机台印版领用->右侧详情
const facilityPrintDetailItem = async (value) => {
  try {
    // 调用接口获取巡检项目数据
    const response = await facilityPrintDetail({ workOrder: formData.value.工单编号,code:value,productCode:formData.value.productCode });
	// const response = await facilityPrintDetail({ workOrder: '2312165',code:'0521',productCode:'104601001' });
    // 检查接口返回的状态码
    if (response.code === 0) {
     console.log(response)
	 yinbanselectData.value=response.data
    }
  } catch (error) {
    // 捕获并打印异常
    console.error("获取数据出错：" + error);
    return null;
  }
};
const yinbanNodeClick = (node, check, nodeData) => {
  if (node.children && node.children.length > 0) {
    // 点击的是父节点，且有子节点
    // 执行相应的父节点单击事件处理逻辑
    // 这里可以添加你想要的处理逻辑，比如展开/折叠节点等
  } else {
    // 点击的是子节点，或者没有子节点
    // 执行相应的子节点单击事件处理逻辑
	yinbanselectData.value=[]
     facilityPrintDetailItem(node.code)
  }
};
const onyinban = async() => {
	const res = await facilityPrintGetTab({productCode:formData.value.productCode})
	if(res.code===0){
		yinbantreeData.value=[{
			label:'产品印版库',
			children:res.data.map(item=>({
			label:item.印版分类,
			code:item.编号
		}))
		}]
		console.log(res.data.map(item=>({
			label:item.印版分类,
			code:item.编号
		})))
		yinbanVisible.value = true;
	}
}
const onzhicheng = async () => {
	zhichengstatus.value=false
	xunchaData.value=[]
	const response = await reportProduceInfo({machine:JTMC.split("#")[0]});
	if (response.code === 0) {
		xunchaData.value.order=response.data.order
		xunchaData.value.yjno=response.data.yjno
		xunchaData.value.product_name=response.data.product_name
		xunchaData.value.gxmc=response.data.gxmc
		xunchaData.value.lcdh=0
		xunchaData.value.sczl_bh=''
		xunchaData.value.sczl_name=''
		xunchaData.value.remark=''
		zhichengVisible.value = true;
	}
}

const chanliangselectData = reactive([])
const chanliangVisible = ref(false)
const huanxingVisible = ref(false)
const xunchaVisible = ref(false)

//设置机台状态
function onstatus() {
	dialogSbyxgl.value=true
	 SetMachineStatus()
	 // ReportProduceInfo()
}
function onClear() {
	huanxingVisible.value=true
	 RemodelGetTab()
}
const RemodelGetTab = async() => {
  const response = await remodelGetTab()
  let arr=[]
  if (response.code === 0) {
	  for(let key in response.data){
		  if(response.data[key][0]){
			  let children =[]
			  for (let i = 0; i < response.data[key].length; i++) {
				  children.push({label:response.data[key][i],machine:key})
			  }
			  arr.push({
				  label:key,
				  children:children
			  })
			  console.log(response.data[key].length)
		  }else{
			 arr.push({label:key}) 
		  }
	  }
	  huanxingtreeData.value=arr
  }
}
//设置机台状态
const SetMachineStatus = async () => {
  // const response = await setMachineStatus({
	 //  machine:'JY03',
	 //  gy_name:'02-胶印〖白、黑、哑油【预干】、NT光油',
	 //  order:'2311114',
	 //  yjno:'1',
	 //  class:'ZM00545,ZM01351,ZM01170',
	 //  status:'维修',
	 //  production_now:'',
	 //  production_all:'',
  // });
  // if (response.code === 0) {
  // }
}
//提交巡查记录
function onxuncha() {
	xunchaData.value=[]
	ReportProduceInfo()
}
//巡检弹窗确定
const xunchaDialog = async () => {
   SubmitPatrolRecord()
}
const closexunchaDialog = async () => {
   xunchaVisible.value=false
}

const dianjianDialog = async () => {
	dianjianselectData.splice(0, dianjianselectData.length, ...dianjianselectData.map(item=>{
		if(item.zc==true){
			item.status='正常'
		}
		if(item.yc==true){
			item.status='异常'
		}
		if(item.notjc==true){
			item.status='不检测'
		}
		item.itemName=item.检验项目
		item.method=item.点检方法
		item.standard=item.判定标准
		delete item.notjc
		delete item.zc
		delete item.yc
		delete item.检验项目
		delete item.点检方法
		delete item.判定标准
		return item
	}))
	const response = await InspectionItemAdd(dianjianselectData);
	if (response.code === 0) {
		  ElMessage({
		    type: 'success',
		    message: '成功'
		  })
		  dianjianVisible.value=false
	}
}
const zhichengDialog = async () => {
	console.log(fujiaselectData.value)
	let arr =[]
	zhibiaoselectData.value.map(item=>{
		if(item.zc==true){
			item.result='合格'
			item.item=item.检验项目
			item.instrument=item.检测方法
			item.standard=item.相关标准
			delete item.notjc
			delete item.zc
			delete item.yc
			delete item.检验项目
			delete item.检测方法
			delete item.相关标准
			delete item.检验频率
			arr.push(item)
			return item
		}
		if(item.yc==true){
			item.result='不合格'
			item.item=item.检验项目
			item.instrument=item.检测方法
			item.standard=item.相关标准
			delete item.notjc
			delete item.zc
			delete item.yc
			delete item.检验项目
			delete item.检测方法
			delete item.相关标准
			delete item.检验频率
			arr.push(item)
			return item
		}
		if(item.notjc==true){
			item.result='不检测'
			item.item=item.检验项目
			item.instrument=item.检测方法
			item.standard=item.相关标准
			delete item.notjc
			delete item.zc
			delete item.yc
			delete item.检验项目
			delete item.检测方法
			delete item.相关标准
			delete item.检验频率
			// arr.push(item)
			return item
		}
		
	})
	let arrs=[]
	let fujiastatus=0
	fujiaselectData.value.map(item=>{
		if(item.notjc==true){
			return item
		}else{
			fujiastatus=1
			item.remark=item.缺陷备注
			delete item.notjc
			delete item.缺陷备注
			delete item.编号
			arrs.push(item)
			return item
		}
		
	})
	if(fujiastatus==1){
		const responses = await AdditionalInspectionRecordAdd(arrs);
		fujiastatus=0
	}
	// const response = await ProcessInspectionRecordsItemAdd(arr);
	const response = await ProcessInspectionRecordsItemAdd(zhibiaoselectData.value);
	// const responses = await AdditionalInspectionRecordAdd(zhibiaoselectData.value);
	if (response.code === 0) {
		  ElMessage({
		    type: 'success',
		    message: '成功'
		  })
		  zhichengVisible.value=false
		  zhibiaoselectData.value=[]
		  fujiaselectData.value=[]
	}
}
const closedianjianDialog = async () => {
	dianjianVisible.value=false
}
const closezhichengDialog = async () => {
	zhichengVisible.value=false
}

//获取机台生产信息
const ReportProduceInfo = async (value,inputName) => {
  const response = await reportProduceInfo({machine:JTMC.split("#")[0]});
  if (response.code === 0) {
	xunchaData.value.order=response.data.order
	xunchaData.value.yjno=response.data.yjno
	xunchaData.value.product_name=response.data.product_name
	xunchaData.value.gxmc=response.data.gxmc
	xunchaData.value.lcdh=0
	xunchaData.value.sczl_bh=''
	xunchaData.value.sczl_name=''
	xunchaData.value.remark=''
	FieldInspectionRecord()
    xunchaVisible.value=true 
  }
}
// 假设 xunchaselectData 是一个 ref 对象
const xunchaselectData = ref([]);
const xunchaData = ref([]);

// 在 FieldInspectionRecord 方法中填充数据
const FieldInspectionRecord = async () => {
  const response = await fieldInspectionRecord({ workOrder: xunchaData.value.order, team: BZMC.value});
  console.log(response);
  if (response.code === 0) {
    xunchaselectData.value = response.data;
  }
}
//获取机台编号
const GetMachineMac = async () => {
	var xmlhttp = null;
	var res;
	if (window.XMLHttpRequest) {
		xmlhttp = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	// 2. 设置回调函数
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			res = eval('('+xmlhttp.response+')');
			let result = ''
			  for (let i = 0; i < res.macAddress.length; i++) {
				if (i % 2 === 0 && i !== 0) {
				  result += '-' // 根据实际需求修改分隔符
				}
				result += res.macAddress[i]
			  }
		}
	}
	// 3. 打开一个连接http://10.10.4.42/
	xmlhttp.open("get", "http://127.0.0.1:8090/init")
	// 5. 发送
	xmlhttp.send();
  // const response = await getMachineMac({ addr: '68-ED-A4-26-5F-8E' });
  const response = await getMachineMac({ addr: '68-ED-A4-26-60-C8' });
  // const response = await getMachineMac({ addr: '40-62-31-21-4E-15' });
  // const response = await getMachineMac({ addr: '68-ED-A4-26-5F-42' });
  // const response = await getMachineMac({ addr: '68-ED-A4-26-60-E5' });
  // const response = await getMachineMac({ addr: '68-ED-A4-26-5E-4E' });
  // const response = await getMachineMac({ addr: '68-ED-A4-26-60-D1' });
  console.log(response);
  if (response.code === 0) {
    // 将接口返回的数据添加到树型结构中
    let newNode = {
      label: response.data["使用部门"],
      level: 1,
      children: [
        {
          label: response.data["设备编号"],
          level: 2,
        }
      ]
    };
    treeData.value.push(newNode);
	CJMC=newNode.label
	console.log('1231231233')
	console.log('1231231233')
	console.log('1231231233')
	console.log('1231231233')
	console.log(CJMC)
    JTMC = newNode.children[0].label;
    FacilityProduction();
  }
}
GetMachineMac()
//提交巡查记录
const SubmitPatrolRecord = async () => {
	console.log(JTMC.split("#")[0])
  const response = await submitPatrolRecord({
	  type:'现场巡查记录',
	  machine:JTMC.split("#")[0],
	  order:xunchaData.value.order,
	  yjno:xunchaData.value.yjno,
	  process:xunchaData.value.lcdh,
	  no:xunchaData.value.sczl_bh,
	  name:xunchaData.value.sczl_name,
	  remark:xunchaData.value.remark,
  });
  console.log(response) 
  if (response.code === 0) {
	  ElMessage({
	    type: 'success',
	    message: '成功'
	  })
	  xunchaVisible.value=false
  }
}


//日产量上报
function onchanliang() {
	 console.log(JTMC.split("#")[0]); // 通过value属性获取ref对象的值，然后再调用split方法
	ReportInfo()
}
//日产量详情获取
const ReportInfo = async () => {
  const response = await reportInfo({ machine: JTMC.split("#")[0] });
  if (response.code === 0) {
    const { order_info, class: classInfo } = response.data;
    const newData = {
      order: order_info.order,
      yjno: order_info.yjno,
      gxh: order_info.gxh,
      gxmc: order_info.gxmc,
      product_name: order_info.product_name,
      yj_name: order_info.yj_name,
      gy_name: order_info.gy_name,
      sczl_jtbh: classInfo.sczl_jtbh.split('#')[0],
      sczl_bzdh: classInfo.sczl_bzdh,
      sys_id: classInfo.sys_id,
      sys_rq: classInfo.sys_rq,
      mod_rq: classInfo.mod_rq,
      UniqId: classInfo.UniqId,
      sczl_bh1: classInfo.sczl_bh1,
      sczl_bh2: classInfo.sczl_bh2,
      sczl_bh3: classInfo.sczl_bh3,
      sczl_bh4: classInfo.sczl_bh4,
      sczl_bh5: classInfo.sczl_bh5,
      sczl_bh6: classInfo.sczl_bh6,
      sczl_bh7: classInfo.sczl_bh7,
      sczl_bh8: classInfo.sczl_bh8,
      sczl_bh9: classInfo.sczl_bh9,
      sczl_bh10: classInfo.sczl_bh10,
      sczl_name1: classInfo.sczl_name1,
      sczl_name2: classInfo.sczl_name2,
      sczl_name3: classInfo.sczl_name3,
      sczl_name4: classInfo.sczl_name4,
      sczl_name5: classInfo.sczl_name5,
      sczl_name6: classInfo.sczl_name6,
      sczl_name7: classInfo.sczl_name7,
      sczl_name8: classInfo.sczl_name8,
      sczl_name9: classInfo.sczl_name9,
      sczl_name10: classInfo.sczl_name10,
      sczl_rate1: classInfo.sczl_rate1,
      sczl_rate2: classInfo.sczl_rate2,
      sczl_rate3: classInfo.sczl_rate3,
      sczl_rate4: classInfo.sczl_rate4,
      sczl_rate5: classInfo.sczl_rate5,
      sczl_rate6: classInfo.sczl_rate6,
      sczl_rate7: classInfo.sczl_rate7,
      sczl_rate8: classInfo.sczl_rate8,
      sczl_rate9: classInfo.sczl_rate9,
      sczl_rate10: classInfo.sczl_rate10,
    };
    formData3.value = { ...formData3.value, ...newData };
	chanliangselectData.splice(0, chanliangselectData.length, ...response.data.bom)
	chanliangVisible.value=true
  }
  // getTableData()
}


//日报表弹窗确定
const chanliangenterDialog = async () => {
 SubmitDailyProduction()
}
//日报表上传
const SubmitDailyProduction = async () => {

  const restoredData = {
    sczl_gdbh:formData3.value.order,
    sczl_yjno:formData3.value.yjno,
    sczl_gxh:formData3.value.gxh,
    sczl_gxmc: formData3.value.gxmc,
	sczl_bzdh: formData3.value.sczl_bzdh,
	sczl_bh1: formData3.value.sczl_bh1,
	sczl_bh2: formData3.value.sczl_bh2,
	sczl_bh3: formData3.value.sczl_bh3,
	sczl_bh4: formData3.value.sczl_bh4,
	sczl_bh5: formData3.value.sczl_bh5,
	sczl_bh6: formData3.value.sczl_bh6,
	sczl_bh7: formData3.value.sczl_bh7,
	sczl_bh8: formData3.value.sczl_bh8,
	sczl_bh9: formData3.value.sczl_bh9,
	sczl_bh10: formData3.value.sczl_bh10,
	sczl_rate1: formData3.value.sczl_rate1,
	sczl_rate2: formData3.value.sczl_rate2,
	sczl_rate3: formData3.value.sczl_rate3,
	sczl_rate4: formData3.value.sczl_rate4,
	sczl_rate5: formData3.value.sczl_rate5,
	sczl_rate6: formData3.value.sczl_rate6,
	sczl_rate7: formData3.value.sczl_rate7,
	sczl_rate8: formData3.value.sczl_rate8,
	sczl_rate9: formData3.value.sczl_rate9,
	sczl_rate10: formData3.value.sczl_rate10,
	sczl_jtbh: formData3.value.sczl_jtbh,
	sczl_rq: formData3.value.日期,
	sczl_num: formData3.value.流程标牌,
	sczl_sj1: formData3.value.上机时间,
	sczl_sj2: formData3.value.下机时间,
	sczl_cl: formData3.value.产量,
	sczl_zcfp: formData3.value.制程废品,
	sczl_zccp: formData3.value.制程次品,
	last_fp: formData3.value.前工序废,
	less_sl: formData3.value.来料异常,
	sczl_ls: formData3.value.联数,
	sczl_ms: formData3.value.墨色,
	zb_time: formData3.value.装版总时长,
	dy_time: formData3.value.打样总工时,
	run_time: formData3.value.通电工时,
	sczl_dedh: formData3.value.定额代号,
	code: formData3.value.码包,
	main_meter: formData3.value.主电表,
	auxiliary_meter: formData3.value.辅电表,
	bom: formData3.value.formattedArray
  }
  console.log(restoredData)
  console.log(formData3.value.formattedArray)
  const response = await submitDailyProduction(restoredData);
  console.log(response)
  if (response.code === 0) {
	  ElMessage({
	    type: 'success',
	    message: '成功'
	  })
      FacilityDetail()
      chanliangVisible.value=false
  }
}
// let formattedArray 
// 产量单选
const chanliangSelectionChange = (val) => {
	// if(val.length>0){		
	// 	multipleSelection.value = val
	// 	const lenth=val.length
	// 	lastCellValue=val[lenth-1].UniqId
	// 	console.log(val)
	// 	val.splice(0, val.length);  // 清空 val 数组	
	// 	console.log(lastCellValue)
	// }
	const selectedItems =val
	// 存储batch和st_wlbh的数组
	formData3.value.formattedArray = selectedItems.map(item => `${item.batch}-${item.st_wlbh}`).join(',');
	console.log(formData3.value.formattedArray);
	// console.log(selectedItems)
}
//获取设备点检->检验项目
const FacilityInspectionItem = async (value) => {
  try {
    // 调用接口获取巡检项目数据
    const response = await facilityInspectionItem({ unitName: value ,machine:JTMC.split("#")[0]});
    // 检查接口返回的状态码
    if (response.code === 0) {
     console.log(response)
	 dianjianselectData.splice(0, dianjianselectData.length, ...response.data.map(item=>{
		 item.notjc=true;
		 item.zc=false;
		 item.yc=false;
		 item.remark=''
		 item.unitName=value
		 item.team=BZMC.value
		 item.machine=JTMC
		 return item
	 }))
    }
  } catch (error) {
    // 捕获并打印异常
    console.error("获取巡检项目数据出错：" + error);
    return null;
  }
};

//树形结构单机
const dianjianselectData = reactive([])


const dianjianNodeClick = (node, check, nodeData) => {
	
	console.log('111')
  if (node.children && node.children.length > 0) {
    // 点击的是父节点，且有子节点
    // 执行相应的父节点单击事件处理逻辑
    // 这里可以添加你想要的处理逻辑，比如展开/折叠节点等
  } else {
    // 点击的是子节点，或者没有子节点
    // 执行相应的子节点单击事件处理逻辑
     FacilityInspectionItem(node.label)
  }
};
const category =ref()
const zhichengNodeClick = (node, check) => {
	if(node.label){
		zhichengstatus.value=true
		category.value=node.label
		processInspectionRecordsItem()
	}
};
const processInspectionRecordsItem = async (value) => {
  const response = await ProcessInspectionRecordsItem({ process: xunchaData.value.gxmc });
  if (response.code === 0) {
	zhibiaoselectData.value=response.data.首件.指标检验.map(item=>{
		 item.notjc=true;
		 item.zc=false;
		 item.yc=false;
		 item.remark=''
		 item.category=category.value
		 item.workOrder=xunchaData.value.order
		 item.yjno=xunchaData.value.yjno
		 item.flow=xunchaData.value.lcdh
		 item.team=BZMC.value
		 item.machine=JTMC.split("#")[0]
		 return item
	 })
	 fujiaselectData.value=response.data.首件.附加.map(item=>{
	 	 item.notjc=true;
	 	 item.workOrder=xunchaData.value.order
	 	 item.yjno=xunchaData.value.yjno
	 	 item.flow=xunchaData.value.lcdh
	 	 item.machine=JTMC.split("#")[0]
	 	 return item
	  })
    
  }
};
const notjcClick =  (val) => {
  try {
	if(val.notjc==false){
		val.zc=false
		val.yc==false
	}else{
		val.zc=true
		val.yc==false
	}
  } catch (error) {
    console.error('An error occurred:', error);
  }
};
const zcClick =  (val) => {
  try {
	  if(val.notjc==false){
		 if(val.zc==false){
		 	val.yc=false
		 }else{
		 	val.yc==true
		 } 
	  }{
		val.zc=true  
	  }
  } catch (error) {
    console.error('An error occurred:', error);
  }
};
const ycClick =  (val) => {
  try {
	  if(val.notjc==false){
		if(val.yc==false){
			val.zc=false
		}else{
			val.zc=true
		}  
	  }else{
		val.yc=true  
	  }
  } catch (error) {
    console.error('An error occurred:', error);
  }
};

let pandingfangfa=ref()
//检验项目单击
const dianjianhandle = async (val, row) => {
  try {
    console.log(val.判定标准);
    pandingfangfa.value = val.判定标准;
  } catch (error) {
    console.error('An error occurred:', error);
  }
};

const rowClassName = (row, column) => {
  try {
    if (row.unchecked) {
      return 'row-yellow';
    }
    return '';
  } catch (error) {
    console.error('An error occurred:', error);
    return '';
  }
};
function duohandleClick(table) {
  console.log(table.props.label)
  if(table.props.label=='当班产量明细'){
	  zdtreeType.value=true
  }else{
	  zdtreeType.value=false
  }
}

// 异步函数，用于获取指定设备的巡检项目，并且将结果格式化为树形结构数据
const getSpotCheckItem = async (machineName) => {
  try {
    // 调用接口获取巡检项目数据
    const response = await facilitySpotCheckItem({ machine: machineName });
    // 检查接口返回的状态码
    if (response.code === 0) {
      // 构建树形结构数据
      const childrenData = Object.entries(response.data).map(([id, label]) => {
        return {
          id,    // 子节点的唯一标识
          label, // 子节点的标签
          children: [] // 初始化子节点数组
        };
      });

      // 创建包含父节点的树形结构数据
      const treeData = [{
        id: machineName,    // 父节点的唯一标识
        label: machineName, // 父节点的标签
        children: childrenData // 子节点数据
      }];

      // 返回构建好的树形结构数据
      return treeData;
    } else {
      // 如果接口返回的状态码不是0，打印错误信息
      console.error("接口返回错误：" + response.msg);
      return null;
    }
  } catch (error) {
    // 捕获并打印异常
    console.error("获取巡检项目数据出错：" + error);
    return null;
  }
};

// 班组人员及分配比例
const FacilityTeam = async (value) => {
  const response = await facilityTeam({ machine: value });
  if (response.code === 0) {
    console.log(response);

    // 清空 bzData 数组
    bzData.splice(0, bzData.length);

    // 遍历接口返回的数据，并给每个对象添加 JTMC 属性
    const updatedData = response.data.map(item => {
      return { ...item, JTMC: value }; // 添加 JTMC 属性
    });

    // 将更新后的数据添加到 bzData 数组
    bzData.push(...updatedData);
	FPData.push(...updatedData)
	console.log(FPData)
  }
};
//班组维护
function onBZ() {
	FacilityTeam(JTMC)
	fetchData()
	detailShow.value=true
	console.log('2222')
}


// 下拉框选项数据
    const dropdownOptions = ref([]);
    // 选中的选项
    const selectedOption = ref('');
 // 获取接口数据并转换为下拉框需要的格式
const fetchData = async () => {
  try {
    // Simulate API call
    const response = await facilityMachineList();
    if (response.code === 0) {
      // Transform data format
      const options = response.data.map((item) => ({
        label: item,
        value: item
      }));
      dropdownOptions.value = options;

      // Default to selecting the first option
       const defaultOption = options.find(option => option.value === JTMC);
		if (defaultOption) {
		  selectedOption.value = defaultOption.value;
		} else if (options.length > 0) {
		  // 如果 myDefaultValue 不在选项中，选择第一个选项
		  selectedOption.value = options[0].value;
		}
    }
  } catch (error) {
    console.error('Error fetching data:', error);
    // Handle the error appropriately
  }
};
// formData
let BZMC=ref()
let lastCellValue=ref()
let parts =reactive([])
const formData3= ref({
	order:'',
	yjno:'',
	gxh:'',
	gxmc:'',
	product_name:'',
	yj_name:'',
	gy_name:'',
	sczl_jtbh:'',
	sczl_bzdh:'',
	sys_id:'',
	sys_rq:'',
	mod_rq:'',
	UniqId:'',
	sczl_bh1:'',
	sczl_bh2:'',
	sczl_bh3:'',
	sczl_bh4:'',
	sczl_bh5:'',
	sczl_bh6:'',
	sczl_bh7:'',
	sczl_bh8:'',
	sczl_bh9:'',
	sczl_bh10:'',
	sczl_name1:'',
	sczl_name2:'',
	sczl_name3:'',
	sczl_name4:'',
	sczl_name5:'',
	sczl_name6:'',
	sczl_name7:'',
	sczl_name8:'',
	sczl_name9:'',
	sczl_name10:'',
	sczl_rate1:'',
	sczl_rate2:'',
	sczl_rate3:'',
	sczl_rate4:'',
	sczl_rate5:'',
	sczl_rate6:'',
	sczl_rate7:'',
	sczl_rate8:'',
	sczl_rate9:'',
	sczl_rate10:'',
	日期:'',
	流程标牌:'',
	上机时间:'',
	下机时间:'',
	产量:'',
	制程废品:'',
	制程次品:'',
	前工序废:'',
	来料异常:'',
	联数:'',
	墨色:'',
	装版总工时:'',
	打样总工时:'',
	通电工时:'',
	定额代号:'',
	码包:'',
	主电表:'',
	辅电表:'',
	formattedArray:'',
})
// 自动化生成的字典（可能为空）以及字段
const formData= ref({
	// 工单编号:'',
	// 印件号:'',
	// 工序名称:'',
	// 产品名称:'',
	// sczl_bh1:'',
	// sczl_bh2:'',
	// sczl_bh3:'',
	// sczl_bh4:'',
	// sczl_bh5:'',
	// sczl_bh6:'',
	// sczl_bh7:'',
	// sczl_bh8:'',
	// sczl_bh9:'',
	// sczl_bh10:'',
	// sczl_name1:'',
	// sczl_name2:'',
	// sczl_name3:'',
	// sczl_name4:'',
	// sczl_name5:'',
	// sczl_name6:'',
	// sczl_name7:'',
	// sczl_name8:'',
	// sczl_name9:'',
	// sczl_name10:'',
	// 班组:'',
	// order:'',
	// yjno:'',
	// product_name:'',
	// gxmc:'',
})
const formDatasData= reactive([])

const formDatas = ref({
  code1:'',
  code2:'',
  code3:'',
  code4:'',
  code5:'',
  code6:'',
  code7:'',
  code8:'',
  code9:'',
  code10:'',
  name1:'',
  name2:'',
  name3:'',
  name4:'',
  name5L:'',
  name6:'',
  name7:'',
  name8:'',
  name9:'',
  name10:'',
  percentage1:'',
  percentage2:'',
  percentage3:'',
  percentage4:'',
  percentage5:'',
  percentage6:'',
  percentage7:'',
  percentage8:'',
  percentage9:'',
  percentage10:'',
})

const currentBz ={}
//班组单击
const BZhandle = (val, row) => {
	console.log(val.ID)
	console.log(val)
  currentBz.value=val
  formDatas.value  = {};
  for (const key in val) {
    if (val[key] === 0) {
      break;
    }
    const parts = val[key].split(/[\s()]+/);
    const code = parts[0];
    const name = parts[1];
    const percentage = parts[2];

    // 根据索引填充不同的字段
    const index = parseInt(key) + 1; // 索引从1开始
    formDatas.value['code' + index] = code;
    formDatas.value['name' + index] = name;
    formDatas.value['percentage' + index] = percentage;
	BZMC.value=val.班组号
  }
};
const selectBz = async() => {
	if(currentBz.value){
		BZMC.value=currentBz.value.班组号
		let sczl_bhkey=''
		let sczl_namekey=''
		if (currentBz.value) {
		  for (let i = 1; i <= 6; i++) {
		  	sczl_bhkey=`sczl_bh${i}`
		    sczl_namekey=`sczl_name${i}`
		    formData.value[sczl_bhkey] = '';
		    formData.value[sczl_namekey] = '';
		  }
		  for (let i = 1; i <= Math.min(Object.keys(currentBz.value).length-4, 6); i++) {
			sczl_bhkey=`sczl_bh${i}`
			sczl_namekey=`sczl_name${i}`
			console.log(currentBz.value[i-1].split(' '))
		    formData.value[sczl_bhkey] = currentBz.value[i-1].split(' ')[0];
		    formData.value[sczl_namekey] = currentBz.value[i-1].split(' ')[1];
		    classbz.value[i-1]=currentBz.value[i-1].split(' ')[0]
		  }
		  formData.value.class=classbz.value.join(',')
		}
		const response = await setMachineTeam({
			machine: JTMC.split("#")[0],
			order:formData.value.工单编号,
			yjno:formData.value.印件号,
			gy_name:formData.value.工序名称,
			sczl_bzdh:BZMC.value,
			status:formData.value.状态,
			production_now:0,
			production_all:0,
			team_id:currentBz.value.ID
			})
		if(response.code===0){
			ElMessage({
			  type: 'success',
			  message: '成功'
			})
		}
		currentBz.value={}
	}
}
const delBz = async() => {
	if(currentBz.value){
		ElMessageBox.confirm('确定要删除吗?', '提示', {
		    confirmButtonText: '确定',
		    cancelButtonText: '取消',
		    type: 'warning'
		}).then(() => {
		        teamDel(currentBz.value.ID)
		    })
	currentBz.value={}
	}
}
	

// ============== 表格控制部分结束 ===============

// 获取需要的字典 可能为空 按需保留
const setOptions = async () =>{
}

// 获取需要的字典 可能为空 按需保留
setOptions()


// 多选数据
const multipleSelection = ref([])
// 多选
const handleSelectionChange = (val) => {
    multipleSelection.value = val
}
const zdtreeType = ref(false)
const selectData = ref([])
const showsTable = (val,tab) => {
	
}
const showTable = (val,tab) => {
	// zdtreeType.value=false
}
// 删除行
const deleteRow = (row) => {
    ElMessageBox.confirm('确定要删除吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
    }).then(() => {
            deleteCompanyFunc(row)
        })
    }


// 批量删除控制标记
const deleteVisible = ref(false)
// 多选删除
const onDelete = async() => {
      const ids = []
      if (multipleSelection.value.length === 0) {
        ElMessage({
          type: 'warning',
          message: '请选择要删除的数据'
        })
        return
      }
      multipleSelection.value &&
        multipleSelection.value.map(item => {
          ids.push(item.ID)
        })
      const res = await deleteCompanyByIds({ ids })
      if (res.code === 0) {
        ElMessage({
          type: 'success',
          message: '删除成功'
        })
        if (tableData.value.length === ids.length && page.value > 1) {
          page.value--
        }
        deleteVisible.value = false
        getTableData()
      }
    }

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

// 更新行
const updateCompanyFunc = async(row) => {
    const res = await findCompany({ ID: row.ID })
    type.value = 'update'
    if (res.code === 0) {
        formData.value = res.data.recompany
        dialogFormVisible.value = true
    }
}

const yjupdateCompanyFunc = async(row) => {
    const res = await setMachineTeam({
			machine: JTMC.split("#")[0],
			order:row['工单编号|质量信息'].split('|')[0],
			yjno:row['印件资料'].split('-')[0],
			gy_name:row['工序名称'],
			sczl_bzdh:BZMC.value,
			status:formData.value.状态,
			production_now:0,
			production_all:0,
			team_id:formData.value.班组Id
			})
    if (res.code === 0) {
		FacilityProduction()
		
		ElMessage({
		        type: 'success',
		        message: '成功'
		    })
    }
}

// 删除行
const deleteCompanyFunc = async (row) => {
    const res = await deleteCompany({ ID: row.ID })
    if (res.code === 0) {
        ElMessage({
                type: 'success',
                message: '删除成功'
            })
            if (tableData.value.length === 1 && page.value > 1) {
            page.value--
        }
        getTableData()
    }
}

// 弹窗控制标记
const dialogFormVisible = ref(false)
const dianjianVisible = ref(false)
const zhichengVisible = ref(false)
// 查看详情控制标记
const detailShow = ref(false)
const bzData = reactive([])
// 打开详情弹窗
const openDetailShow = () => {
  detailShow.value = true
}


// 打开详情
const getDetails = async (row) => {
  // 打开弹窗
  const res = await findCompany({ ID: row.ID })
  if (res.code === 0) {
    formData.value = res.data.recompany
    openDetailShow()
  }
}


// 关闭详情弹窗
const closeDetailShow = () => {
  detailShow.value = false
  // formData.value = {
  //         address: '',
  //         image: '',
  //         name: '',
  //         }
}


// 打开弹窗
const openDialog = () => {
    // type.value = 'create'
	
	// console.log('222')
	// FacilityInspect()
 //    dialogFormVisible.value = true
}
let drzcData=[]
let columnNames=[]
//当日制程检验记录
const FacilityInspect = async () => {
  const response = await facilityInspect({machine:'JY01#',date:'2024-01-04'});
  console.log(response)
  if(response.code==0){
	 // 提取 inspectiontime 作为列名
	        // Extract inspectiontime as columnNames
	  columnNames = response.data.inspectiontime;

	  // Populate drzcData with row data
	  for (const key in response.data) {
		if (key !== 'inspectiontime') {
		  const item = response.data[key];
		  const rowData = {
			'工单编号': item['工单编号'],
			'印件号': item['印件号'],
			'工序名称': item['工序名称'],
			'检验项目': item['检验项目']
		  };

		  // Initialize time columns with '—'
		 columnNames.forEach(time => {
			rowData[time] = '';
		  });

		  // Split inspectresult and fill the corresponding time columns
		  const results = item['inspectresult'].split(',');
		  results.forEach(result => {
			if (columnNames.includes(result)) {
			  rowData[result] = '√';
			}else{rowData[result] = ''}
		  });

		  // Add the row data to drzcData
		  drzcData.push(rowData);
		}
	  }
	  console.log(drzcData);
  }
}
// 关闭弹窗
const closeDialog = () => {
    dialogFormVisible.value = false
    formData.value = {
        address: '',
        image: '',
        name: '',
        }
}
const equipmentCode=ref('JY01')
const equipmentName=ref('海德堡对开')
const workOrder=ref('2312117')
const number=ref('1907')
// 弹窗确定
const enterDialog = async () => {
     elFormRef.value?.validate( async (valid) => {
             if (!valid) return
              let res
              switch (type.value) {
                case 'create':
                  res = await createCompany(formData.value)
                  break
                case 'update':
                  res = await updateCompany(formData.value)
                  break
                default:
                  res = await createCompany(formData.value)
                  break
              }
              if (res.code === 0) {
                ElMessage({
                  type: 'success',
                  message: '创建/更改成功'
                })
                closeDialog()
                getTableData()
              }
      })
}

</script>

<style>
.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;
}
.groupbox
      {margin:10px;
      width:500px;
      height:500px;
     border:thin solid black;
     padding:10px}
  .grouptitle
      {display:block;
     margin-top:-24px;
     margin-left:20px;
     width:150px;
     text-align:center;
     background-color:white}
/* 选中某行时的背景色*/
.el-table__body tr.current-row>td {
  background: #ff80ff !important;
}
	
</style>