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

<template>
  <div>
   <header>
		<el-button type="primary" class="bt" @click="onBZ">班组维护</el-button>
		<el-button type="primary" class="bt" @click="onzhicheng"  >制程检验</el-button>
		<el-button type="primary" class="bt" @click="onxuncha">管理巡查</el-button>
		<el-button type="primary" class="bt" @click="ondianjian">设备点检</el-button>
		<el-button type="primary" class="bt" @click="onyinban">印版领退</el-button>
		<!-- <el-button type="primary" @click="onstatus" >设置机台状态</el-button> -->
		<el-button type="primary" class="bt" @click="oncomplaints" >客诉记录</el-button>
		<el-button type="primary" class="bt" @click="onClear" >换型清场</el-button>
		<el-button type="primary" class="bt" @click="pd_gdprintonClick" >工单打印</el-button>
		<el-button type="primary" class="bt" @click="gzSel" >员工工资查询</el-button>
		<el-button type="primary" class="bt" @click="hesuan" v-if="AddType === true">核算参数调整</el-button>
		<el-button type="primary" icon="edit"   @click="onxzhscsclick"     class="bt" title="修正核算参数">修正核算参数</el-button>
		<el-button type="primary" icon="edit"   @click="gd_gxclhconClick"  class="bt" title="工序产量核查">工序产量核查</el-button>
		<el-button type="primary" class="bt" @click="onADD" v-if="AddType === true">新增</el-button>
		<el-button type="primary" class="bt" @click="onDel"  v-if="DelType === true" >删除</el-button>
		<el-button type="primary" icon="edit"   @click="deldbcl_onclick" :disabled="dbclSelection === ''"   class="bt" title="当班产量明细" >当班产量明细删除</el-button>
		<el-button type="primary" class="bt" @click="onRCL">日产量批量维护</el-button>
		<!-- <el-button type="primary" @click="onClear2" >换型清场</el-button> -->
	</header>
	
    <el-container>
      <layout-sider :resize-directions="['right']" :width="220" style="margin-right: 10px;" >
        <div class="JKWTree-tree" style="height: 70vh;" >
          <h3>设备运行跟踪</h3>
          <el-tree :data="treeData" class="treecolor" highlight-current @node-click="handleNodeClick" />
        </div>
      </layout-sider>
      <el-container>
		  
        <el-main>
		<div class="button-container" v-if="showbutton" style="height: 50%;width: 100%; flex: 1; border: 0px magenta solid; margin: 0; padding: 0;">
			<button v-for="(item, index) in machineData" :key="index" class="custom-button" @click="handleButtonClick(item.设备编号)">
			  <img :src="`/src/assets/${item.状态}.png`" :alt="altText" style="max-width: 100%; height: auto;"/>
			  <span style="margin-top: 8px;">{{ item.设备编号 + ' - ' + item.设备名称 }}</span>
			</button>
		</div>

		<div class="gva-search-box" v-if="JTMCOn" style="overflow: hidden; padding: 0; display: flex;">
			<div style="flex: 1; border: 0px magenta solid; margin: 0; padding: 0;">
			  <el-row :gutter="20">
				<el-col :span="24">
				  <el-form-item label="工单编号" prop="name">
					<el-row :gutter="20">
					  <el-col :span="6"><el-input v-model="formData.工单编号" disabled :clearable="true"/></el-col>
					  <el-col :span="18"><el-input v-model="formData.产品名称" disabled :clearable="true"/></el-col>
					</el-row>
				  </el-form-item>
				</el-col>
			  </el-row>
			  <el-row :gutter="20">
				<el-col :span="6">
				 <el-form-item label="印件编号" prop="id"><el-input v-model="formData.印件编号" disabled :clearable="true"  /></el-form-item>
				</el-col>
			  <el-col :span="17">
				 <el-form-item label="工序名称" prop="name"><el-input v-model="formData.工序名称" disabled :clearable="true"  /></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-col :span="4"><el-input v-model="formData.sczl_bh1" disabled :clearable="true"  /></el-col>
				<el-col :span="4"><el-input v-model="formData.sczl_bh2" disabled :clearable="true"  /></el-col>
				<el-col :span="4"><el-input v-model="formData.sczl_bh3" disabled :clearable="true"  /></el-col>
				<el-col :span="4"><el-input v-model="formData.sczl_bh4" disabled :clearable="true"  /></el-col>
				<el-col :span="4"><el-input v-model="formData.sczl_bh5" disabled :clearable="true"  /></el-col>
				<el-col :span="4"><el-input v-model="formData.sczl_bh6" disabled :clearable="true"  /></el-col>
			</el-row>
			<el-row :gutter="1">
				<el-col :span="4"><el-input v-model="formData.sczl_name1" disabled :clearable="true"  /></el-col>
				<el-col :span="4"><el-input v-model="formData.sczl_name2" disabled :clearable="true"  /></el-col>
				<el-col :span="4"><el-input v-model="formData.sczl_name3" disabled :clearable="true"  /></el-col>
				<el-col :span="4"><el-input v-model="formData.sczl_name4" disabled :clearable="true"  /></el-col>
				<el-col :span="4"><el-input v-model="formData.sczl_name5" disabled :clearable="true"  /></el-col>
				<el-col :span="4"><el-input v-model="formData.sczl_name6" disabled :clearable="true"  /></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="340" />
		   <el-table-column prop="completed" label="已完成板数" width="150" />
		 </el-table>
		</div>
</div>

          <div v-if="JTMCOn" class="gva-table-box" >
            <div class="gva-btn-list">
            </div>
            <el-tabs v-model="activName" type="card" @tab-click="duohandleClick">
                        <el-tab-pane label="设备作业清单"  @click="showTable('印件资料')"  name="first"  :class="{ 'active-tab': activeTab === 'first' }" >
                          <el-table ref="multipleTable"
                                    :show-overflow-tooltip="true"
                                    highlight-current-row="true"
									:cell-class-name="sbzyqdsatusCellClass"
                                    :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="bh"  width="80"/> -->
                            <el-table-column align="left" sortable label="工单编号|质量信息" prop="工单编号|质量信息" width="145" />
							<el-table-column align="left" sortable label="印件资料" prop="印件资料" width="240" />
                            <el-table-column align="left" sortable label="工序名称" prop="工序名称" width="100" />
                            <el-table-column align="left" sortable label="计划产量/已完成" prop="计划产量/已完成" width="130"/>
                            <el-table-column align="left" sortable label="装版时数" prop="装版时数" width="85"/>
                            <el-table-column align="left" sortable label="工序产能" prop="工序产能" width="85"/>
                            <el-table-column align="left" sortable label="计划工时" prop="计划工时" width="85"/>
                            <el-table-column align="left" sortable label="计划生产时段" prop="计划生产时段" width="210" />
                            <el-table-column align="left" sortable label="排产备注" prop="排产备注" width="100" />
                            <el-table-column align="left" sortable 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" width="55" />-->
                            <!-- <el-table-column align="left" label="选择" prop="方案"  width="70"/> -->
                            <el-table-column align="left" sortable label="班组号" prop="班组号" width="70" />
                            <el-table-column align="left" sortable label="组员1" prop="0" width="200" />
                            <el-table-column align="left" sortable label="组员2" prop="1" width="200" />
                            <el-table-column align="left" sortable label="组员3" prop="2" width="200" />
                            <el-table-column align="left" sortable label="组员4" prop="3" width="200" />
                            <el-table-column align="left" sortable label="组员5" prop="4" width="200" />
                            <el-table-column align="left" sortable label="组员6" prop="5" width="70" />
                            <el-table-column align="left" sortable label="组员7" prop="6" width="70" />
                            <el-table-column align="left" sortable label="组员8" prop="7" width="70" />
                            <el-table-column align="left" sortable label="组员9" prop="8" width="70" />
                            <el-table-column align="left" sortable label="组员10" prop="9_正品版" width="70" />
                          </el-table>
                        </el-tab-pane>

                        <el-tab-pane label="当班产量明细" @click="showTable('印版资料')" 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="dbclmxSelectionChange">
                          <el-table-column type="selection" width="55" />
                          <el-table-column fixed align="left" sortable label="生产时段" prop="生产时间段"  width="180"/>
                          <el-table-column fixed align="left" sortable label="工单编号" prop="工单编号" width="90" />
                          <el-table-column fixed align="left" sortable label="产品名称" prop="产品名称" width="150" />
                          <el-table-column fixed align="left" sortable label="印件及工序" prop="印件及工序" width="320"/>
                          <el-table-column align="left" sortable label="标牌号" prop="标牌号"  width="80"/>
                          <el-table-column align="left" sortable label="产量" prop="产量" width="100"/>
                          <el-table-column align="left" sortable label="制程废品" prop="制程废品" width="100" />
                          <el-table-column align="left" sortable label="制程次品" prop="制程次品" width="100" />
                          <el-table-column align="left" sortable label="前工序废" prop="前工序废" width="100" />
						  <el-table-column align="left" sortable label="来料异常" prop="来料异常"  width="100"/>
						  <el-table-column align="left" sortable  label="装版工时" prop="装版工时" width="100" />
						  <el-table-column align="left" sortable  label="保养工时" prop="保养工时" width="100" />
						  <el-table-column align="left" sortable  label="打样工时" prop="打样工时" width="100"/>
						  <el-table-column align="left"  sortable label="异常停机工时" prop="异常停机工时"  width="120"/>
						  <el-table-column align="left" sortable  label="通电工时" prop="通电工时" width="100"/>
						  <el-table-column align="left" sortable  label="码开始行" prop="码开始行" width="100" />
						  <el-table-column align="left" sortable  label="码结束行" prop="码结束行" width="100" />
						  <el-table-column align="left" sortable  label="码包" prop="码包" width="100" />
						  <el-table-column align="left" sortable  label="主电表" prop="主电表"  width="100"/>
						  <el-table-column align="left" sortable  label="辅电表" prop="辅电表" width="100" />
						  <el-table-column align="left" sortable  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" sortable label="工单编号" prop="工单编号"  width="85"/>
                          <el-table-column align="left" sortable label="印件号" prop="印件号" width="70" />
                          <el-table-column align="left" sortable label="工序名称" prop="工序名称" width="85" />
                          <el-table-column align="left" sortable label="检验项目" prop="检验项目" width="85"/>
                          <el-table-column  v-for="time in columnNames" :key="time"  :label="time" :prop="time" align="center" width="80"  ></el-table-column>
                        </el-table>
                        </el-tab-pane>
                      </el-tabs>
          </div>

          <el-dialog v-model="detailShow" fullscreen
           style="font-size: 50px;font-weight: bold;" lock-scroll :before-close="closeDetailShow" title="机台班组维护" destroy-on-close>
            <div>
          			<el-table ref="multipleTable"
						:row-style="{ height: '20px' }"
						:cell-style="{ padding: '0px' ,color:'blue'}" :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="195"/>
          			  <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="特殊组员" prop="9" width="100"/>
          			  <el-table-column align="left" label="UNIQID" prop="ID" width="100"/>
          			</el-table>
          			</div>

            <div style="margin-top:100px;">
          			<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-select v-model="BZMC" placeholder="" >
						  <el-option label="A 班" value="A 班"></el-option>
						  <el-option label="B 班" value="B 班"></el-option>
						</el-select>
          			   </el-form-item>
          			 </el-col>
          			</el-row>
          			<div style="display: flex;">
          			<div class="groupbox float-div" style="height: 17vh; width: 130vh;">
                  <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="3"><el-input v-model="formDatas.code1" @keyup.enter.native="getbzyg($event, '1')"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.code2" @keyup.enter.native="getbzyg($event, '2')" /></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.code3" @keyup.enter.native="getbzyg($event, '3')"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.code4" @keyup.enter.native="getbzyg($event, '4')"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.code5" @keyup.enter.native="getbzyg($event, '5')"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.code6" @keyup.enter.native="getbzyg($event, '6')"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.code7" @keyup.enter.native="getbzyg($event, '7')"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.code8" @keyup.enter.native="getbzyg($event, '8')"/></el-col>
          			  </el-row>
          			 <el-row :gutter="10" style="margin-top: 1px;">
                    <el-col :span="3"><el-input v-model="formDatas.name1" style="color:#00FF00"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.name2"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.name3"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.name4"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.name5"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.name6"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.name7"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.name8"/></el-col>
          			  </el-row>
          			  <el-row :gutter="10" style="margin-top: 1px;">
                    <el-col :span="3"><el-input v-model="formDatas.percentage1"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.percentage2"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.percentage3"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.percentage4"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.percentage5"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.percentage6"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.percentage7"/></el-col>
                    <el-col :span="3"><el-input v-model="formDatas.percentage8"/></el-col>
          			  </el-row>
          			</div>
          			<div style="height: 50vh; width: 15vh;margin-top: 3vh;">
          				<el-button type="text"></el-button>
          				 <el-button style="margin-bottom: 1vh; width:15vh;background-color:cornflowerblue;font-size: 2.0vh;font-weight: bold; color: white;" @click="addBz" >新 增</el-button>
          				 <el-button style="margin-bottom: 1vh; width:15vh;background-color:cornflowerblue;font-size: 2.0vh;font-weight: bold; color: white;" @click="selectBz" >更新当前班组</el-button>
          				 <el-button style="margin-bottom: 1vh; width:15vh;background-color:cornflowerblue;font-size: 2.0vh;font-weight: bold; color: white;" @click="delBz" >删除当前班组</el-button>
          			</div>
          			</div>
          			</div>
          </el-dialog>

		<!-- 日产量批量维护 -->
		<el-dialog v-model="detailShow_rcl" fullscreen
           style="font-size: 50px;font-weight: bold;" lock-scroll :before-close="closeDetailShow_rcl" title="日产量批量维护" destroy-on-close>
            <div>
          			<el-table ref="multipleTable"
						:row-style="{ height: '20px' }"
						:cell-style="{ padding: '0px' ,color:'blue'}" :header-row-style="{ height: '20px' }"
						:header-cell-style="{ padding: '0px' }"
						:show-overflow-tooltip="true"
						highlight-current-row="true" @row-click="BZhandle_rcl"
						style="width: 100%;height: 250px;margin-top: 0px;" border tooltip-effect="dark"
						:data="bzData_rcl" row-key="ID" @selection-change="BZSelectionChange_rcl">
          			  <!-- <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="195"/>
          			  <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="特殊组员" prop="9" width="100"/>
          			  <el-table-column align="left" label="UNIQID" prop="ID" width="100"/>
          			</el-table>
          			</div>



            <div style="margin-top:100px;">
          			<el-row :gutter="20">
          			 <el-col :span="10">
          			   <el-form-item label="机台编号" prop="id">
						   <el-input v-model="selectedOption_rcl" disabled/>
          			   </el-form-item>
          			 </el-col>
          			 <el-col :span="10">
          			   <el-form-item label="班组编号" prop="id">
						   <el-input v-model="BZMC_rcl" disabled/>
          			   </el-form-item>
          			 </el-col>
          			</el-row>
          			<div style="display: flex;">
          			<div class="groupbox float-div" style="height: 17vh; width: 130vh;">
                  <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="3"><el-input disabled v-model="formDatas_rcl.code1" @keyup.enter.native="getbzyg($event, '1')"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.code2" @keyup.enter.native="getbzyg($event, '2')" /></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.code3" @keyup.enter.native="getbzyg($event, '3')"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.code4" @keyup.enter.native="getbzyg($event, '4')"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.code5" @keyup.enter.native="getbzyg($event, '5')"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.code6" @keyup.enter.native="getbzyg($event, '6')"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.code7" @keyup.enter.native="getbzyg($event, '7')"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.code8" @keyup.enter.native="getbzyg($event, '8')"/></el-col>
          			  </el-row>
          			 <el-row :gutter="10" style="margin-top: 1px;">
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.name1" style="color:#00FF00"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.name2"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.name3"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.name4"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.name5"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.name6"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.name7"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.name8"/></el-col>
          			  </el-row>
          			  <el-row :gutter="10" style="margin-top: 1px;">
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.percentage1"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.percentage2"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.percentage3"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.percentage4"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.percentage5"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.percentage6"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.percentage7"/></el-col>
                    <el-col :span="3"><el-input disabled v-model="formDatas_rcl.percentage8"/></el-col>
          			  </el-row>
          			</div>
          			<div style="height: 50vh; width: 15vh;margin-top: 3vh;">
          				<el-button type="text"></el-button>
          				 <el-button style="margin-bottom: 1vh; width:15vh;background-color:cornflowerblue;font-size: 2.0vh;font-weight: bold; color: white;" @click="selectBz_rcl" >更新</el-button>
          			</div>
          			</div>
          			</div>
          </el-dialog>
		  

          <!-- 组员及分配比例         -->
          <el-dialog v-model="blModel" :before-close="() => blModel = false" style="width: 20%">
            <el-form>
              <div>
                <el-table :data="employeeData" border :show-overflow-tooltip="true" :cell-class-name="blplanUsageCellClass"  @row-click="tablebllickHandler($event)">
                  <el-table-column prop="员工编号" label="员工编号"></el-table-column>
                  <el-table-column prop="ygxm" label="员工姓名"></el-table-column>
                </el-table>
              </div>
            </el-form>
          </el-dialog>

        <el-dialog
          v-model="dianjianVisible"
          title="设备点检记录"
          destroy-on-close
          width="1300px"
		  style="height: 80%;"
        >
          <el-row :gutter="24">
            <el-col :span="3">
              <el-form-item label="设备编号" prop="id">
                <el-input v-model="formData.JTMC" :clearable="true" />
              </el-form-item>
            </el-col>
            <el-col :span="10">
              <el-row>
                <el-col>
                  <el-input v-model="formData.产品名称" :clearable="true"  />
                </el-col>
              </el-row>
            </el-col>
          </el-row>

          <div style="display: flex;">
            <div style="flex: 0.1;">
              <el-aside width="200px" style="margin: 0;">
                <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:400px;"
                @row-dblclick="handleSelectClick"
                :row-class-name="rowClassName"
              >
                <el-table-column
                  prop="检验项目"
                  label="检验项目"
                  width="300"
                />
                <el-table-column
                  prop="点检方法"
                  label="点检方法"
                  width="180"
                />
                <el-table-column
                  v-slot="scope"
				  label="正常"
                  width="80"
                >

                 <el-checkbox v-model="scope.row.zc" @change="zcClick(scope.row)"></el-checkbox>

                </el-table-column>
                <el-table-column
                  v-slot="scope"
                  label="异常"
                  width="80"
                >
                   <el-checkbox v-model="scope.row.yc" @change="ycClick(scope.row)"></el-checkbox>
                </el-table-column>
                <el-table-column
                  label="备注说明"
                  width="180"
                >
				</el-table-column>
                <el-table-column
				  v-slot="scope"
                  label="不检测"
                  width="80"
                >
                   <el-checkbox v-model="scope.row.notjc" @change="notjcClick(scope.row)"></el-checkbox>
                </el-table-column>
              </el-table>
			  <el-row :gutter="20">
			    <el-col :span="20">
			        <el-input v-model="pandingfangfa"  style="height: 50px;" :clearable="true"  />
			    </el-col>
			  </el-row>
            </div>
          </div>
        </el-dialog>

		<el-dialog
		  v-model="yinbanVisible"
		  title="选择"
		  destroy-on-close
		  width="1300px"
		  style="height: 110%;"
		>
		  <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"
		        border  @row-click="dianjianhandle"
		        style="width:1000px; height:400px;"
		        @row-dblclick="handleSelectClick"
		        :row-class-name="rowClassName"
		      >
		        <el-table-column
		          prop="存货编码"
		          label="存货编码"
		          width="180"
		        />
		        <el-table-column
		          prop="存货名称"
		          label="存货名称"
		          width="180"
		        />

		        <el-table-column
				  prop="印版名称"
		          label="印版名称"
		          width="180"
		        />
				<el-table-column
				  prop="供方批号"
				  label="供方批号"
				  width="180"
				/>
				<el-table-column
				  prop="制造日期"
				  label="制造日期"
				  width="180"
				/>

				<el-table-column
				  prop="印数"
				  label="印数"
				  width="180"
				/>
				<el-table-column
				  prop="印版类别"
				  label="印版类别"
				  width="180"
				/>
				<el-table-column
				  prop="客户编号"
				  label="客户编号"
				  width="180"
				/>

				<el-table-column
				  prop="客户名称"
				  label="客户名称"
				  width="180"
				/>
				<el-table-column
				  prop="产品编号"
				  label="产品编号"
				  width="180"
				/>
				<el-table-column
				  prop="产品名称"
				  label="产品名称"
				  width="180"
				/>

				<el-table-column
				  prop="点检方法"
				  label="备注说明"
				  width="180"
				/>
				<el-table-column
				  prop="点检方法"
				  label="备注说明"
				  width="180"
				/>

		      </el-table>
		    </div>
		  </div>
		</el-dialog>

		<el-dialog
		  v-model="xunchaVisible"
		  title="管理人员现场巡查记录"
		  destroy-on-close
		  width="1300px"
		  style="height: 65%;"
		>


		<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="xunchatreeData" :props="defaultProps" highlight-current="true"
		          @node-click="xunchaNodeClick"></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:1000px; height:400px;"
		      @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="180"
			  />
			<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="145"
			/>
			<el-table-column
			  prop="提交时间"
			  label="提交时间"
			  width="160"
			/>
			<el-table-column
			  prop="开工时间"
			  label="开工时间"
			  width="160"
			/>
			<el-table-column
			  prop="分钟差数"
			  label="分钟差数"
			  width="85"
			/>
			<el-table-column
			  prop="归属时段"
			  label="归属时段"
			  width="160"
			/>
		    </el-table>
		  </div>
		</div>
		  <template #footer>
		    <div class="dialog-footer">
		      <!-- <el-button @click="closeDialog">关 闭</el-button> -->
		      <!-- <el-button type="primary" @click="xunjianerDialog">提 交</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
		              style="width:100%; height:310px;"
		              :row-class-name="rowClassName">
		              <el-table-column prop="检验项目" label="检验项目" width="270" />

		              <el-table-column label="不检测" width="70">
		                  <template v-slot="scope">
		                      <el-radio v-model="scope.row.selected" label="不检测">
		                          <span style="visibility: hidden;">不检测</span>
		                      </el-radio>
		                  </template>
		              </el-table-column>

		              <el-table-column label="合格" width="60">
		                  <template v-slot="scope">
		                      <el-radio v-model="scope.row.selected" label="合格">
		                          <span style="visibility: hidden;">合格</span>
		                      </el-radio>
		                  </template>
		              </el-table-column>

		              <el-table-column label="不合格" width="70">
		                  <template v-slot="scope">
		                      <el-radio v-model="scope.row.selected" label="不合格">
		                          <span style="visibility: hidden;">不合格</span>
		                      </el-radio>
		                  </template>
		              </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 label="缺陷及记录" width="720">
					     <template #default="scope">
					       <el-input v-model="scope.row['缺陷备注']" placeholder="请输入缺陷及记录"></el-input>
					     </template>
					   </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>


		<div v-if="dateOn" >
		  <el-tabs v-model="activName" type="card" @tab-click="handleClick">
			<el-tab-pane label="当日上报产量"  @click="showTable('当日上报产量')"  name="first">
				<!-- 非JP机台 -->
			  <el-table ref="multipleTable"
						v-if="! isJPJT"
						:show-overflow-tooltip="true"
						@selection-change="selectionChange($event)"
						:row-style="{ height: '20px' }"
						:cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
						:header-cell-style="{ padding: '0px' }" @row-click="getUid"
						highlight-current-row="true" @row-dblclick="gytableDatadoubleClick"
						style="width: 100%;height: 70vh" border tooltip-effect="dark" :data="gytableData" row-key="ID" >
				<el-table-column type="selection" width="55" />
				<!-- <el-table-column align="left" label="选择" prop="工单编号"  width="100"/> -->
				<el-table-column fixed align="left" label="产品名称" prop="产品名称"  width="200"/>
				<el-table-column fixed align="left" label="工序" prop="工序"  width="100"/>
				<el-table-column fixed align="left" label="产量" prop="产量"  width="70"/>
				<el-table-column align="left" label="千件工价" prop="千件工价"  width="85"/>
				<el-table-column align="left" label="日定额" prop="日定额"  width="85"/>
				<el-table-column align="left" label="补产标准" prop="补产标准"  width="85"/>
				<el-table-column align="left" label="难度系数" prop="难度系数"  width="85"/>
				<el-table-column align="left" label="印刷方式" prop="印刷方式"  width="85"/>
				<el-table-column align="left" label="备注" prop="备注"  width="100"/>
				<el-table-column align="left" label="组员1" prop="组员1" width="170" />
				<el-table-column align="left" label="组员2" prop="组员2" width="170" />
				<el-table-column align="left" label="组员3" prop="组员3" width="170" />
				<el-table-column align="left" label="组员4" prop="组员4" width="170" />
				<el-table-column align="left" label="组员5" prop="组员5" width="70" />
				<el-table-column align="left" label="组员6" prop="组员6" width="70" />
				<el-table-column align="left" label="组员7" prop="组员7" width="70" />
				<el-table-column align="left" label="组员8" prop="组员8" width="70" />
				<el-table-column align="left" label="组员9" prop="组员9" width="70" />
				<el-table-column align="left" label="组员10" prop="组员10" width="70" />
				<el-table-column align="left" label="制程废品" prop="制程废品" width="85" />
				<el-table-column align="left" label="制程次品" prop="制程次品" width="85" />
				<el-table-column align="left" label="前工序废" prop="前工序废" width="85" />
				<el-table-column align="left" label="来料异常" prop="来料异常"  width="85"/>
				<el-table-column align="left" label="装版工时" prop="装版工时" width="85" />
				<el-table-column align="left" label="保养工时" prop="保养工时" width="85" />
				<el-table-column align="left" label="打样工时" prop="打样工时" width="85"/>
				<el-table-column align="left" label="异常总工时" prop="异常总工时" width="85"/>
				<el-table-column align="left" label="异常补时" prop="异常补时" width="85"/>
				<el-table-column align="left" label="异常类型" prop="异常类型"  width="110"/>
				<el-table-column align="left" label="通电工时" prop="通电工时" width="85"/>
				<el-table-column align="left" label="码开始行" prop="码开始行" width="85" />
				<el-table-column align="left" label="码结束行" prop="码结束行" width="85" />
				<el-table-column align="left" label="码包" prop="码包" width="70" />
				<el-table-column align="left" label="主电表" prop="主电表"  width="70"/>
				<el-table-column align="left" label="辅电表" prop="辅电表" width="70" />
				<el-table-column align="left" label="色度数" prop="色度数" width="70" />
				<el-table-column align="left" label="用户" prop="用户" width="210" />
				<el-table-column align="left" label="更新时间" prop="更新时间" width="160" />
			  </el-table>
			  <el-table ref="multipleTable"
			  						v-else
			  						:show-overflow-tooltip="true"
			  						@selection-change="selectionChange($event)"
			  						:row-style="{ height: '20px' }"
			  						:cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
			  						:header-cell-style="{ padding: '0px' }" @row-click="getUid"
			  						highlight-current-row="true" @row-dblclick="JPgytableDatadoubleClick"
			  						style="width: 100%;height: 70vh" border tooltip-effect="dark" :data="JPgytableData" row-key="ID" >
			  				<el-table-column type="selection" width="55" />
			  				<el-table-column fixed align="left" label="工单编号" prop="工单编号"  width="130"/>
							<el-table-column  align="left" label="印件号" prop="yjno"  width="115"/>
			  				<el-table-column  align="left" label="产品名称" prop="产品名称"  width="200"/>
							<el-table-column  align="left" label="工序名称" prop="gxmc"  width="200"/>
							<el-table-column  align="left" label="千件工价" prop="千件工价"  width="100"/>
							<el-table-column  align="left" label="检验类型" prop="检验类型"  width="130"/>
							<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="bzdh"  width="115"/>
							<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="100"/>
							<el-table-column  align="left" label="工序" prop="工序"  width="100"/>
							<el-table-column  align="left" label="组员1" prop="组员1"  width="100"/>
							<el-table-column  align="left" label="组员2" prop="组员2"  width="100"/>
							<el-table-column  align="left" label="更新时间" prop="更新时间"  width="160"/>
			  </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: 70vh" border tooltip-effect="dark" :data="drzcDatas" row-key="ID" @selection-change="handleSelectionChange">
				<el-table-column type="selection" width="55" />
				<el-table-column align="left" label="工单编号" prop="工单编号"  width="85"/>
				<el-table-column align="left" label="印件号" prop="印件号" width="70" />
				<el-table-column align="left" label="工序名称" prop="工序名称" width="85" />
				<el-table-column align="left" label="检验项目" prop="检验项目" width="85"/>
						 <el-table-column
							v-for="time in columnNames"
							:key="time"
							:label="time"
							:prop="time"
							align="center"
							width="80"
						  ></el-table-column>
			  </el-table>
			</el-tab-pane>
		  </el-tabs>
		</div>
		<el-dialog v-model="complaintsShow" style="width: 1000px" lock-scroll :before-close="closecomplaintsShow" 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="complaintshandle"
		              style="width: 100%;height: 250px;margin-top: 0px;" border tooltip-effect="dark"
								:data="complaintsData" row-key="ID" @selection-change="complaintsSelectionChange">
		    <!-- <el-table-column type="selection" width="55" /> -->
		    <el-table-column align="left" label="产品编号" prop="产品编号" width="120"/>
		    <el-table-column align="left" label="产品名称" prop="产品名称" width="200"/>
		    <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="100"/>
		    <el-table-column align="left" label="订单编号" prop="订单编号" width="100"/>
		    <el-table-column align="left" label="缺陷关键字" prop="缺陷关键字" width="140"/>
		    <el-table-column align="left" label="客诉性质" prop="客诉性质" width="100"/>
		    <el-table-column align="left" label="主要责任部门" prop="主要责任部门" width="140"/>
		    <el-table-column align="left" label="次要责任部门" prop="次要责任部门" width="140"/>
		  </el-table>
				<el-row :gutter="20">
				 <el-col :span="6">
				   <el-form-item label="客户编号" prop="id">
				   <el-input v-model="selectedRowData.客户编号" :clearable="true" placeholder="" />
				   </el-form-item>
				 </el-col>
				 <el-col :span="15">
				   <el-form-item label="客户名称" prop="id">
					<el-input v-model="selectedRowData.客户名称" :clearable="true" placeholder="" />
				   </el-form-item>
				 </el-col>
				</el-row>


				<el-row :gutter="20">
				 <el-col :span="6">
				   <el-form-item label="客诉单号" prop="id">
				   <el-input v-model="selectedRowData.客诉单号" :clearable="true" placeholder="" />
				   </el-form-item>
				 </el-col>
				 <el-col :span="5">
				   <el-form-item label="客诉日期" prop="id">
					<el-input v-model="selectedRowData.客诉日期" :clearable="true" placeholder="" />
				   </el-form-item>
				 </el-col>
				 <el-col :span="5">
				   <el-form-item label="方式" prop="id">
				 	<el-input v-model="selectedRowData.客诉方式" :clearable="true" placeholder="" />
				   </el-form-item>
				 </el-col>
				 <el-col :span="5">
				   <el-form-item label="批次号" prop="id">
				 	<el-input v-model="selectedRowData.订单编号" :clearable="true" placeholder="" />
				   </el-form-item>
				 </el-col>
				</el-row>


				<el-row :gutter="20">
				 <el-col :span="20">
				   <el-form-item label="反馈问题" prop="id">
				   <el-input v-model="selectedRowData.客诉描述" :clearable="true" placeholder="" />
				   </el-form-item>
				 </el-col>
				</el-row>

				<el-row :gutter="20">
				 <el-col :span="20">
				   <el-form-item label="缺陷关键字" prop="id">
				   <el-input v-model="selectedRowData.缺陷关键字" :clearable="true" placeholder="" />
				   </el-form-item>
				 </el-col>
				</el-row>

				<el-row :gutter="20">
				 <el-col :span="5">
				   <el-form-item label="性质" prop="id">
				   <el-input v-model="selectedRowData.客诉性质" :clearable="true" placeholder="" />
				   </el-form-item>
				 </el-col>
				 <el-col :span="5">
				   <el-form-item label="扣分" prop="id">
					<el-input v-model="selectedRowData.扣分" :clearable="true" placeholder="" />
				   </el-form-item>
				 </el-col>
				</el-row>
					<div style="display: flex;">


					</div>
		</el-dialog>


		<el-dialog
		  v-model="huanxingVisible"
		  title="换型清场"
		  destroy-on-close
		  width="145vh"
		  style="height: 78vh;"
		  :before-close="closehuanxingVisible"
		>
		  <div style="display: flex;">
		    <div style="flex: 0.1;">
		      <el-aside width="26vh" style="margin: 0;">
		        <div class="JKWTree-tree" style="height: 60vh; 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">
					<div style="width:110vh">
						<el-descriptions :column="9" border>
						  <el-descriptions-item :span="9">
							  <el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
							    <el-col :span="6" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-form-item label="日期:" prop="id" style="margin-top=0px; margin-bottom: 0px;">
									<el-input v-model="huanxingData.日期"  placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
							      </el-form-item>
							    </el-col>
								<el-col :span="2" style="margin-bottom: 0px;margin-top: 0px;">

								</el-col>
							    <el-col :span="6" style="margin-bottom: 0px;margin-top: 0px;">
									<el-form-item label="机台编号:" prop="id" style="margin-top=0px; margin-bottom: 0px;">
									 <el-input v-model="huanxingData.机台编号"  placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
									</el-form-item>
							    </el-col>
								<el-col :span="1" style="margin-bottom: 0px;margin-top: 0px;">

								</el-col>
							    <el-col :span="6" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-form-item label="班组:" prop="id" style="margin-top=0px; margin-bottom: 0px;">
									<el-input v-model="huanxingData.班组"  placeholder="" style="margin-top=0px; margin-bottom: 0px;"/>
							      </el-form-item>
							    </el-col>
							  </el-row>
						  </el-descriptions-item>
						  <el-descriptions-item label="清场原因 从" :span="9">
						    <el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
						      <el-col :span="8" style="margin-bottom: 0px;margin-top: 0px;">
						        <el-form-item label="工单编号:" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
						          <el-input v-model="huanxingData.工单编号A"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
						        </el-form-item>
						      </el-col>
						      <el-col :span="16" style="margin-bottom: 0px;margin-top: 0px;">
						        <el-form-item label="印件名称:" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
						          <el-input v-model="huanxingData.印件名称A"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
						        </el-form-item>
						      </el-col>
						    </el-row>
							<el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
							  <el-col :span="12" style="margin-bottom: 0px;margin-top: 0px;">
							    <el-form-item label="印件工序:" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-input v-model="huanxingData.印件工序A"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
							    </el-form-item>
							  </el-col>
							  <el-col :span="6" style="margin-bottom: 0px;margin-top: 0px;">
							  </el-col>
							  <el-col :span="6" style="margin-bottom: 0px;margin-top: 0px;">
							    <el-form-item label="码包号" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-input v-model="huanxingData.码包号A"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
							    </el-form-item>
							  </el-col>
							</el-row>
						  </el-descriptions-item>
						  <el-descriptions-item label="清场原因 到" :span="9">
						    <el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
						      <el-col :span="8" style="margin-bottom: 0px;margin-top: 0px;">
						        <el-form-item label="工单编号:" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
						          <el-input v-model="huanxingData.工单编号B"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
						        </el-form-item>
						      </el-col>
						      <el-col :span="16" style="margin-bottom: 0px;margin-top: 0px;">
						        <el-form-item label="印件名称:" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
						          <el-input v-model="huanxingData.印件名称B"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
						        </el-form-item>
						      </el-col>
						    </el-row>
						    <el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
						      <el-col :span="12" style="margin-bottom: 0px;margin-top: 0px;">
						        <el-form-item label="印件工序:" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
						          <el-input v-model="huanxingData.印件工序B"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
						        </el-form-item>
						      </el-col>
						      <el-col :span="6" style="margin-bottom: 0px;margin-top: 0px;">
						      </el-col>
						      <el-col :span="6" style="margin-bottom: 0px;margin-top: 0px;">
						        <el-form-item label="码包号" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
						          <el-input v-model="huanxingData.码包B"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
						        </el-form-item>
						      </el-col>
						    </el-row>
						  </el-descriptions-item>
						  <el-descriptions-item label="清场确认项目" :span="9">

							  <el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
							    <el-col :span="12" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-form-item label="菲林_标样_签样品_留样品" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
							        <el-checkbox v-model="huanxingData.项目1"></el-checkbox>
							      </el-form-item>
							    </el-col>
							    <el-col :span="12" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-form-item label="版材_纸张_电化铝_油墨" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
							        <el-checkbox v-model="huanxingData.项目2"></el-checkbox>
							      </el-form-item>
							    </el-col>
							  </el-row>

							  <el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
							    <el-col :span="12" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-form-item label="过版纸_废品_次品" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
							        <el-checkbox v-model="huanxingData.项目3"></el-checkbox>
							      </el-form-item>
							    </el-col>
							    <el-col :span="12" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-form-item label="半成品_成品_零头" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
							        <el-checkbox v-model="huanxingData.项目4"></el-checkbox>
							      </el-form-item>
							    </el-col>
							  </el-row>


							  <el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
							    <el-col :span="12" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-form-item label="操作台桌面_抽屉_地面" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
							        <el-checkbox v-model="huanxingData.项目5"></el-checkbox>
							      </el-form-item>
							    </el-col>
							  </el-row>


						  </el-descriptions-item>
						  <el-descriptions-item label="清场确认人" :span="9">
							  <el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
							    <el-col :span="12" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-form-item label="机长签字" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
							        <el-input v-model="huanxingData.机长"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
							      </el-form-item>
							    </el-col>
							  </el-row>
							  <el-row :gutter="24" style="margin-bottom: 0px;margin-top: 0px;">
							    <el-col :span="12" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-form-item label="带班主管签字" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
							        <el-input v-model="huanxingData.班长"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
							      </el-form-item>
							    </el-col>
							    <el-col :span="12" style="margin-bottom: 0px;margin-top: 0px;">
							      <el-form-item label="质量巡查员签字" prop="id" style="margin-bottom: 0px;margin-top: 0px;">
							        <el-input v-model="huanxingData.质量巡查员"  placeholder="" style="margin-bottom: 0px;margin-top: 0px;"/>
							      </el-form-item>
							    </el-col>
							  </el-row>
						  </el-descriptions-item>
						</el-descriptions>
					</div>

		        </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="chanliangVisible" destroy-on-close
		  width="70%" style="height: 110vh;" :before-close="closechanliangVisible" :title="type2 === 'create' ? '新增' : '修改'">
		  <el-row :gutter="24">
		    <el-col :span="6">
		      <el-form-item label="工单编号:" prop="flatFeed" class="mab">
		       <el-input v-model="formdata3.value.工单编号" id="工单编号" @blur="getCPMCsubmit()" @keydown="ent1($event)"  :clearable="true" />
		      </el-form-item>
		    </el-col>
		    <el-col :span="18">
		      <el-form-item label="产品名称:" prop="perTenThousand" class="mab" label-width="150">
		  	  <el-input v-model="formdata3.value.cpmc" id="产品名称"  @keydown="ent1($event)"  :clearable="true" />
		      </el-form-item>
		    </el-col>
		  </el-row>

			<el-row :gutter="24">
				<el-col :span="6">
				  <el-form-item label="印件号:" prop="flatFeed" class="mab">
				  <el-input v-model="formdata3.value.yjno" id="印件号" @keydown="ent1($event)" :clearable="true" />
				  </el-form-item>
				</el-col>
				<el-col :span="18">
				  <el-form-item label="印件名称:" prop="perTenThousand" class="mab" label-width="150">
				  <el-input v-model="formdata3.value.yjmc" id="印件名称"  @keydown="ent1($event)"  :clearable="true" />
				  </el-form-item>
				</el-col>
			</el-row>

			<el-row :gutter="24">
			  <el-col :span="14">
			    <el-form-item label="工序名称:" prop="flatFeed" class="mab">
			    <el-input v-model="formdata3.value.gxmc" id="工序名称" @focus="gxmcHandleFocus()" @blur="getGXsubmit()" @keydown="ent1($event)" :clearable="true" style="width: 350px;"  />
			    <el-input v-model="formdata3.value.gxh" id="工序号"  :readonly=true :clearable="true" style="width: 50px; margin-left: 10px;" />
			    </el-form-item>
			  </el-col>
			  <el-col :span="10">
			    <el-form-item label="工艺名称:" prop="perTenThousand" class="mab">
			  	  <el-input v-model="formdata3.value.gymc" id="工艺名称"  @keydown="ent1($event)" :readonly=true :clearable="true" style="width: 200px;" />
			    </el-form-item>
			  </el-col>
			</el-row>
			
			<el-row :gutter="24">
			  <el-col :span="6">
			    <el-form-item label="日期:" prop="flatFeed" class="mab">
				 <el-date-picker v-model="formdata3.value.rq" type="datetime" format="YYYY/MM/DD" value-format="YYYY-MM-DD" @keydown="ent1($event)"/>
			    </el-form-item>
			  </el-col>
			  <el-col :span="6">
				  <el-form-item label="机器:"  class="mab" prop="remark">
				    <el-select v-model="formdata3.value.sczl_jtbh" 
				               id="机器"  @keydown="ent1($event)" @change="jtbh_change()"
				               style="flex: 1; height: auto; width: 100px;">
				      <el-option
				          v-for="(item, index) in gdzl_MachineList_address.data"
				          :key="index"
				          :label="item.split('-->')[0].trim()"
				          :value="item.split('-->')[0].trim()">
				        {{ item }}
				      </el-option>
				    </el-select>
				  </el-form-item>
			    <!-- <el-form-item label="机器:" prop="flatFeed" class="mab">
			    <el-input v-model="formdata3.value.sczl_jtbh"  id="机器"  @keydown="ent1($event)" @blur="getJtbhsubmit()" :clearable="true" style="width: 100px;" />
			    </el-form-item> -->
			  </el-col>
			  <el-col :span="7">
			    <el-form-item label="开工时间:" prop="flatFeed" class="mab">
					   <el-date-picker v-model="formdata3.value.starttime" type="datetime"  format="YYYY/MM/DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" @keydown="ent1($event)" />
			    </el-form-item>
			  </el-col>
				<el-col :span="5" style="margin-top=0px; margin-bottom: 1px;">
				<el-form-item label="流程单号" prop="id" style="margin-top=0px; margin-bottom: 1px;">
					<el-input v-model="formdata3.value.num" id="流程单号" style="margin-top=0px; margin-bottom: 1px;"  @keydown="ent1($event)"  placeholder="" />
				</el-form-item>
				</el-col>
			</el-row>

			<el-row :gutter="24">
			  <el-col :span="9">
			    <el-form-item label="上机时间:" prop="flatFeed" class="mab">
			     <!-- <el-input v-model="formdata3.value.sj1"  id="日期"   @keydown="ent1($event)"  :clearable="true" style="width: 170px;" /> -->
				 <el-date-picker
				         v-model="formdata3.value.sj1"
				         type="datetime"
				         format="YYYY/MM/DD hh:mm:ss"
				         value-format="YYYY-MM-DD h:m:s"
						 @keydown="ent1($event)"
				       />
			    </el-form-item>
			  </el-col>
			  <el-col :span="6">
			    <el-form-item label="下机时间:" prop="flatFeed" class="mab">
			    <!-- <el-input v-model="formdata3.value.sj2"  id="机器"  @keydown="ent1($event)" :clearable="true" style="width: 170px;" /> -->
				<el-date-picker
				        v-model="formdata3.value.sj2"
				        type="datetime"
				        format="YYYY/MM/DD hh:mm:ss"
				        value-format="YYYY-MM-DD h:m:s"
						@keydown="ent1($event)"
				      />
			    </el-form-item>
			  </el-col>
			</el-row>



			  <el-row :gutter="24">
			    <el-col :span="6">
			      <el-form-item label="墨色:" prop="flatFeed" class="mab">
			  				  <el-input v-model="formdata3.value.色度数" id="墨色" @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
			      </el-form-item>
			    </el-col>
			    <el-col :span="8">
			      <el-form-item label="加工联数:" prop="flatFeed" class="mab" >
			      <el-input v-model="formdata3.value.联数" id="加工联数"  @keydown="ent1($event)" :clearable="true" style="width: 100px; margin-right: 30px;" />

				  </el-form-item>
			    </el-col>
				<el-col :span="5">
				  <el-form-item label="产量:" prop="flatFeed" class="mab">
				   <el-input v-model="formdata3.value.产量" id="产量"  @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
				  </el-form-item>
				</el-col>
				<el-col :span="5">
				  <el-form-item label="制程废品:" prop="flatFeed" class="mab">
				  <el-input v-model="formdata3.value.制程废品" id="制程废品"  @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
				  </el-form-item>
				</el-col>
			  </el-row>


			  <el-row :gutter="24">
			    <el-col :span="4">
			      <el-form-item label="制程次品:" prop="flatFeed" class="mab">
			  				  <el-input v-model="formdata3.value.制程次品" id="制程次品" @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
			      </el-form-item>
			    </el-col>
			    <el-col :span="4">
			      <el-form-item label="前工序废:" prop="flatFeed" class="mab" >
			      <el-input v-model="formdata3.value.前工序废" id="前工序废"  @keydown="ent1($event)" :clearable="true" style="width: 100px; margin-right: 30px;" />
			  				  </el-form-item>
			    </el-col>
					<el-col :span="5">
					  <el-form-item label="来料异常:" prop="flatFeed" class="mab">
					   <el-input v-model="formdata3.value.来料异常" id="来料异常"  @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
					  </el-form-item>
					</el-col>
					<el-col :span="10">
					  <el-form-item label="换型类型:" prop="flatFeed" class="mab">
					  <el-input v-model="formdata3.value.换型类型" id="换型类型" disabled  :clearable="true" style="width: 200px;" />
					  </el-form-item>
					</el-col>
			  </el-row>


			  <el-row :gutter="30">
			    <el-col :span="5">
			      <el-form-item label="装版总工时:" prop="flatFeed" class="mab">
			  				  <el-input v-model="formdata3.value.装版工时" id="装版总工时" @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
			      </el-form-item>
			    </el-col>
			    <el-col :span="5">
			      <el-form-item label="装版补产工时:" prop="flatFeed" class="mab" >
			      <el-input v-model="formdata3.value.装版补产工时" id="装版补产工时"  @keydown="ent1($event)" :clearable="true" style="width: 100px; margin-right: 30px;" />
			  				  </el-form-item>
			    </el-col>
				<el-col :span="5">
				  <el-form-item label="打样总工时:" prop="flatFeed" class="mab">
				   <el-input v-model="formdata3.value.打样工时" id="打样工时"  @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
				  </el-form-item>
				</el-col>
				<el-col :span="5">
				  <el-form-item label="打样补产工时:" prop="flatFeed" class="mab">
				  <el-input v-model="formdata3.value.打样补产工时" id="打样补产工时"  @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
				  </el-form-item>
				</el-col>
				<el-col :span="4">
				  <el-form-item label="保养工时:" prop="flatFeed" class="mab">
				  <el-input v-model="formdata3.value.保养工时" id="保养工时"  @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
				  </el-form-item>
				</el-col>
			  </el-row>

			  <el-row :gutter="24">
			    <el-col :span="6">
			      <el-form-item label="异常总工时:" prop="flatFeed" class="mab">
			  		<el-input v-model="formdata3.value.异常总工时" id="异常总工时" style="margin-top=0px; margin-bottom: 1px;"  @keydown="ent1($event)"  placeholder="" />
			      </el-form-item>
			    </el-col>
			    <el-col :span="8">
			      <el-form-item label="异常类型:" prop="flatFeed" class="mab">
			      <el-input v-model="formdata3.value.异常类型"  disabled  id="异常类型"  :clearable="true" style="width: 100px;" />
			      </el-form-item>
			    </el-col>
			  	<el-col :span="5" style="margin-top=0px; margin-bottom: 1px;">
			  	<el-form-item label="异常补贴工时" prop="id" style="margin-top=0px; margin-bottom: 1px;">
			  		<el-input v-model="formdata3.value.异常补时" id="异常补贴工时" style="margin-top=0px; margin-bottom: 1px;"  @keydown="ent1($event)"  placeholder="" />
			  	</el-form-item>
			  	</el-col>
			  </el-row>

			  <el-row :gutter="24">
			    <el-col :span="8">
			      <el-form-item label="通电时间:" prop="flatFeed" class="mab">
			      <el-input v-model="formdata3.value.通电工时"  id="通电时间"  @keydown="ent1($event)" :clearable="true" style="width: 100px;" />
			      </el-form-item>
			    </el-col>
			  	<el-col :span="5" style="margin-top=0px; margin-bottom: 1px;">
			  	<el-form-item label="定额代号" prop="id" style="margin-top=0px; margin-bottom: 1px;">
			  		<el-input v-model="formdata3.value.dedh" id="定额代号" style="margin-top=0px; margin-bottom: 1px;"  @keydown="ent1($event)"  placeholder="" />
			  	</el-form-item>
			  	</el-col>
				<el-col :span="3" style="margin-top=0px; margin-bottom: 1px;">
				<el-form-item label="码包" prop="id" style="margin-top=0px; margin-bottom: 1px;">
					<el-input v-model="formdata3.value.码包" id="码包" style="margin-top=0px; margin-bottom: 1px;"  @keydown="ent1($event)"  placeholder="" />
				</el-form-item>
				</el-col>
			  </el-row>


			  <el-row :gutter="24">
			    <el-col :span="4">
			      <el-form-item label="码开始行:" prop="flatFeed" class="mab">
			  		<el-input v-model="formdata3.value.码开始行" id="码开始行" @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
			      </el-form-item>
			    </el-col>
			    <el-col :span="4">
			      <el-form-item label="码结束行:" prop="flatFeed" class="mab" >
					<el-input v-model="formdata3.value.码结束行" id="码结束行"  @keydown="ent1($event)" :clearable="true" style="width: 100px; margin-right: 30px;" />
			  	  </el-form-item>
			    </el-col>
				<el-col :span="5">
				  <el-form-item label="主电表:" prop="flatFeed" class="mab">
				   <el-input v-model="formdata3.value.主电表" id="主电表"  @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
				  </el-form-item>
				</el-col>
				<el-col :span="10">
				  <el-form-item label="辅电表:" prop="flatFeed" class="mab">
				  <el-input v-model="formdata3.value.辅电表" id="辅电表"  @keydown="ent1($event)" :clearable="true" style="width: 200px;" />
				  </el-form-item>
				</el-col>
			  </el-row>

		  <div style="display: flex;">
			  <div style="width: 95vh;">组员及分配比例</div>
			  <div style="width: 9vh;">特殊组员</div>
			  <div>拉料人员</div>
		  </div>

		    <el-row :gutter="10" style="margin-top: 1vh;">
          <el-col :span="2"><el-input v-model="formdata3.value.bzdh" id="bzdh"  @keydown="ent1($event)"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员1['编号']" id="bh1"   @keyup.enter.native="GetYg($event, '1')"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员2['编号']" id="bh2"   @keyup.enter.native="GetYg($event, '2')"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员3['编号']" id="bh3"   @keyup.enter.native="GetYg($event, '3')"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员4['编号']" id="bh4"   @keyup.enter.native="GetYg($event, '4')"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员5['编号']" id="bh5"   @keyup.enter.native="GetYg($event, '5')"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员6['编号']" id="bh6"   @keyup.enter.native="GetYg($event, '6')"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员7['编号']" id="bh7"   @keyup.enter.native="GetYg($event, '7')"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员8['编号']" id="bh8"   @keyup.enter.native="GetYg($event, '8')"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员9['编号']" id="bh9"   @keyup.enter.native="GetYg($event, '9')"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员10['编号']" id="bh10" @keyup.enter.native="GetYg($event, '10')"/></el-col>
          <el-col :span="2">
			<el-select v-model="formdata3.value.拉料['编号']" id="bh11" @change="GetLl('create')">
				<el-option label="" value="" />
				<el-option label="李有文" value="李有文" />
				<el-option label="张杭强" value="张杭强" />
				<el-option label="朱喜文" value="朱喜文" />
				<el-option label="刘旭青" value="刘旭青" />
				<el-option label="刘芳民" value="刘芳民" />
				<el-option label="李当林" value="李当林" />
				<el-option label="王赞文" value="王赞文" />
			</el-select>
			<!-- <el-input v-model="formdata3.value.拉料['编号']" id="bh11"   @keyup.enter.native="GetYg($event, '11')"/> -->
		  </el-col>
		  	</el-row>

        <el-row :gutter="10" style="margin-top: 10px;">
          <el-col :span="2"></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员1['姓名']" id="name1"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员2['姓名']" id="name2"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员3['姓名']" id="name3"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员4['姓名']" id="name4"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员5['姓名']" id="name5"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员6['姓名']" id="name6"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员7['姓名']" id="name7"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员8['姓名']" id="name8"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员9['姓名']" id="name9"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员10['姓名']" id="name10"/></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.拉料['姓名']" id="name11"/></el-col>
        </el-row>

        <el-row :gutter="10" style="margin-top: 10px;">
          <el-col :span="2"></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员1['比例']" id="rate1"  @keydown="ent($event, 'bh11', 'rate1', 'rate2')"   placeholder="" /></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员2['比例']" id="rate2"  @keydown="ent($event, 'rate1', 'rate2', 'rate3')"   placeholder="" /></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员3['比例']" id="rate3"  @keydown="ent($event, 'rate2', 'rate3', 'rate4')"   placeholder="" /></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员4['比例']" id="rate4"  @keydown="ent($event, 'rate3', 'rate4', 'rate5')"  placeholder="" /></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员5['比例']" id="rate5"  @keydown="ent($event, 'rate4', 'rate5', 'rate6')"  placeholder="" /></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员6['比例']" id="rate6"  @keydown="ent($event, 'rate5', 'rate6', 'rate7')"  placeholder="" /></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员7['比例']" id="rate7"  @keydown="ent($event, 'rate6', 'rate7', 'rate8')"  placeholder="" /></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员8['比例']" id="rate8"  @keydown="ent($event, 'rate7', 'rate8', 'rate9')"  placeholder="" /></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员9['比例']" id="rate9"  @keydown="ent($event, 'rate8', 'rate9', 'rate10')"  placeholder="" /></el-col>
          <el-col :span="2"><el-input v-model="formdata3.value.组员10['比例']" id="rate10"  @keydown="ent($event, 'rate9', 'rate10', '工单编号')"  placeholder="" /></el-col>
          <el-col :span="2"></el-col>
         </el-row>
		  <!-- </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>
		
		
		<!-- JP机台独立页面 -->
		<el-dialog v-model="JPchanliangVisible" :before-close="JPcloseDialog" style="width: 60%;margin: 50px auto" :title="'班组产量提报'" destroy-on-close>
		  <el-row>
		    <el-form :model="JPformdata" label-position="right" ref="elFormRef" :rules="rule" >
		      <el-row :gutter="24">
		        <el-form-item label="工单编号:" prop="customerCode" class="mab" label-width="90">
		          <el-input v-model="JPformdata['工单编号']" style="width: 110px;"  placeholder="Enter回车" id="工单编号" @blur="JPgetCPMCsubmit()"  @keydown="JPent($event)"/>
		        </el-form-item>
				<el-form-item label="产品名称:" prop="customerName" class="mab" label-width="130">
				  <el-input v-model="JPformdata['产品名称']"   style="width: 520px;" id="产品名称" @keydown="JPent($event)"/>
				</el-form-item>
		      </el-row>
			  
			  <el-row :gutter="24">
			    <el-form-item label="印件号:" prop="customerCode" class="mab" label-width="90">
			      <el-input v-model="JPformdata['印件号']" style="width: 110px;" id="印件号" placeholder="Enter回车" @keydown="JPent($event)"/>
			    </el-form-item>
				<el-form-item label="印件名称:" prop="customerName" class="mab" label-width="130">
				  <el-input v-model="JPformdata['印件名称']" style="width: 520px;" id="印件名称"  @keydown="JPent($event)"/>
				</el-form-item>
			  </el-row>
			  
			  <el-row :gutter="24">
			    <el-form-item label="工序号:" prop="customerCode" class="mab" label-width="90">
			      <el-input v-model="JPformdata['工序号']" style="width: 110px;" id="工序号"  placeholder="Enter回车"  @blur="JPgetGXsubmit()" @keydown="JPent($event)"/>
			    </el-form-item>
				<el-form-item label="工序名称" prop="customerName" class="mab" label-width="130">
				  <el-input v-model="JPformdata['工序名称']" style="width: 520px;" id="工序名称" @keydown="JPent($event)"/>
				</el-form-item>
			  </el-row>
			  
			  <el-row :gutter="24">
			    <el-form-item label="日期:" prop="customerCode" class="mab" label-width="80">
					 <el-date-picker v-model="JPformdata['日期']" style="width: 130px;" type="datetime" format="YYYY/MM/DD" value-format="YYYY-MM-DD" @keydown="ent1($event)"/>
			      <!-- <el-input v-model="JPformdata['日期']" style="width: 110px;" id="日期" @keydown="JPent($event)"/> -->
			    </el-form-item>
				<el-form-item label="流程标牌:" prop="customerCode" class="mab" label-width="130">
				  <el-input v-model="JPformdata['流程标牌']" style="width: 110px;" id="流程标牌" @keydown="JPent($event)"/>
				</el-form-item>
				<el-form-item label="检验类别:" prop="customerCode" class="mab" label-width="90">
				  <el-input v-model="JPformdata['检验类别']" style="width: 110px;" id="检验类别" @keydown="JPent($event)"/>
				</el-form-item>
				<el-form-item label="废品率系数:" prop="customerCode" class="mab" label-width="100">
				  <el-input v-model="JPformdata['废品率系数']" style="width: 110px;" id="废品率系数" @keydown="JPent($event)"/>
				</el-form-item>
			  </el-row>
			  
			  <el-row :gutter="24">
				<el-form-item label="计件箱数:" prop="customerCode" class="mab" label-width="540">
				  <el-input v-model="JPformdata['计件箱数']" style="width: 110px;" id="计件箱数" @keydown="JPent($event)"/>
				</el-form-item>
				<el-form-item label="每箱数量:" prop="customerCode" class="mab" label-width="100">
				  <el-input v-model="JPformdata['每箱数量']" style="width: 110px;" id="每箱数量" @keydown="JPent($event)"/>
				</el-form-item>
			  </el-row>
			  
			  <el-row :gutter="24">
			    <el-form-item label="换膜总工时" prop="customerCode" class="mab" label-width="90">
			      <el-input v-model="JPformdata['换膜总工时']" style="width: 110px;" id="换膜总工时" @keydown="JPent($event)"/>
			    </el-form-item>
				<el-form-item label="通电工时:" prop="customerCode" class="mab" label-width="130">
				  <el-input v-model="JPformdata['通电工时']" style="width: 110px;" id="通电工时" @keydown="JPent($event)"/>
				</el-form-item>
				<el-form-item label="定额代号:" prop="customerCode" class="mab" label-width="90">
				  <el-input v-model="JPformdata['定额代号']" style="width: 160px;" id="定额代号" @keydown="JPent($event)"/>
				</el-form-item>
			  </el-row>
			  
			  <div style="display: flex;">
			  	  <div>组员及分配比例</div>
			    </div>
			      <el-row :gutter="10" style="margin-top: 1vh;">
					  <el-col :span="2">
					    <el-input v-model="JPformdata['bzdh']" id="bzdh" @keydown="JPent($event)"/>
					  </el-col>
			        <el-col v-for="i in 10" :key="i" :span="2">
			          <el-input v-model="JPformdata['组员' + i]['编号']" :id="'bh' + i" @keydown="JPent($event,i,'1')"/>
			        </el-col>
			      </el-row>
			      
			      <el-row :gutter="10" style="margin-top: 1vh;">
			        <el-col :span="2">
			          <!-- 空列，用于对齐 -->
			        </el-col>
			        <el-col v-for="i in 10" :key="i" :span="2">
			          <el-input v-model="JPformdata['组员' + i]['姓名']" :id="'xm' + i" @keydown="JPent($event)"/>
			        </el-col>
			      </el-row>
			      
			      <el-row :gutter="10" style="margin-top: 1vh;">
			        <el-col :span="2">
			          <!-- 空列，用于对齐 -->
			        </el-col>
			        <el-col v-for="i in 10" :key="i" :span="2">
			          <el-input v-model="JPformdata['组员' + i]['比例']" :id="'bl' + i" @keydown="JPent($event)" />
			        </el-col>
			      </el-row>
		    </el-form>
		  </el-row>
		  <template #footer>
		    <div class="dialog-footer" style="text-align: right;">
		      <el-button @click="JPcloseDialog">取 消</el-button>
		      <el-button type="primary"  @click="JPenterDialog">确 定</el-button>
		    </div>
		  </template>
		</el-dialog>
		
		<!-- JP检品独立  印件选择-->
		<el-dialog v-model="JPdialogSelectVisible_Yj" title="选择" destroy-on-close width="600px" @keydown="JPselect_Yj($event)" >
            <el-table tooltip-effect="dark" :data="JPselectData_Yj"
              row-key="ID" highlight-current-row="true"
              border style="width:100%"
              @row-dblclick="JPhandleSelectClick_Yj" >
              <el-table-column prop="yjno" label="印件号" width="80" />
			  <el-table-column prop="yjmc" label="印件名称" width="480" />		 
            </el-table>
          </el-dialog>
		  
		  
		  <!-- JP检品独立 印件选择 -->
		  <el-dialog v-model="JPdialogSelectVisible_Gx" title="选择" destroy-on-close width="600px" >
		      <el-table tooltip-effect="dark" :data="JPselectData_Gx"
		        row-key="ID" highlight-current-row="true"
		        border style="width:100%"
		        @row-dblclick="JPhandleSelectClick_Gx">
		  		<el-table-column prop="name" label="" width="560" />	      	 
		      </el-table>
		    </el-dialog>
			
			<el-dialog v-model="JPdialogSelectVisible_LX" title="选择" destroy-on-close width="300px" >
				    <el-table
				       :data="JPtableData"
				       ref="table"
				       @row-dblclick="JPhandleRowClick"
				       highlight-current-row>
				       <el-table-column prop="name" label="名称" width="150"></el-table-column>
				       <el-table-column prop="type" label="类别" width="100"></el-table-column>
				     </el-table>
			</el-dialog>
			

		<el-dialog v-model="MachineVisible" :before-close="closeMachineVisible" :title="type === '0' ? '新增' : '机台状态显示'"
		  destroy-on-close width="80%" style="height: 100%;">
		  <div class="button-container">
		    <button v-for="(item, index) in machineData" :key="index" class="custom-button" @click="handleButtonClick(item.设备编号)">
		      <img :src="`/src/assets/${item.状态}.png`" :alt="altText" style="max-width: 100%; height: auto;"/>
		      <span style="margin-top: 8px;">{{ item.设备编号 + ' - ' + item.设备名称 }}</span>
		    </button>
		  </div>
		</el-dialog>


          <!--当日上报产量 组员及分配比例-->
          <el-dialog v-model="blModellist" :before-close="() => blModellist = false" style="width: 20%">
            <el-form>
              <div>
                <el-table :data="employeeDatalist" border :show-overflow-tooltip="true" :cell-class-name="blplanUsageCellClass"  @row-click="tablebllickHandlerlist($event)">
                  <el-table-column prop="员工编号" label="员工编号"></el-table-column>
                  <el-table-column prop="ygxm" label="员工姓名"></el-table-column>
                </el-table>
              </div>
            </el-form>
          </el-dialog>
		  
		  <!--当日上报产量 组员及分配比例-->
		  <el-dialog v-model="JPblModellist" :before-close="() => JPblModellist = false" style="width: 20%">
		    <el-form>
		      <div>
		        <el-table :data="JPemployeeDatalist" border :show-overflow-tooltip="true" :cell-class-name="JPblplanUsageCellClass"  @row-click="JPtablebllickHandlerlist($event)">
		          <el-table-column prop="员工编号" label="员工编号"></el-table-column>
		          <el-table-column prop="ygxm" label="员工姓名"></el-table-column>
		        </el-table>
		      </div>
		    </el-form>
		  </el-dialog>
		  
	
	
		  
		  
		  
		  
		  
		  <el-dialog v-model="JPchanliangVisibleedit" :before-close="JPcloseDialogedit" style="width: 60%;margin: 50px auto" :title="'修改班组产量提报'" destroy-on-close>
		    <el-row>
		      <el-form :model="JPformdata" label-position="right" ref="elFormRef" :rules="rule" >
		        <el-row :gutter="24">
		          <el-form-item label="工单编号:" prop="customerCode" class="mab" label-width="90">
		            <el-input v-model="JPformdataedit['工单编号']" style="width: 110px;"  placeholder="Enter回车" id="工单编号" @blur="JPgetCPMCsubmitedit()"  @keydown="JPentedit($event)"/>
		          </el-form-item>
		  		<el-form-item label="" prop="customerName" class="mab" >
		  		  <el-input v-model="JPformdataedit['产品名称']"   style="width: 520px;" id="产品名称" @keydown="JPentedit($event)"/>
		  		</el-form-item>
		        </el-row>
		  	  
		  	  <el-row :gutter="24">
		  	    <el-form-item label="印件号:" prop="customerCode" class="mab" label-width="90">
		  	      <el-input v-model="JPformdataedit['印件号']" style="width: 110px;" id="印件号" placeholder="Enter回车" @keydown="JPentedit($event)"/>
		  	    </el-form-item>
		  		<el-form-item label="" prop="customerName" class="mab">
		  		  <el-input v-model="JPformdataedit['印件名称']" style="width: 520px;" id="印件名称"  @keydown="JPentedit($event)"/>
		  		</el-form-item>
		  	  </el-row>
		  	  
		  	  <el-row :gutter="24">
				  <el-form-item label="工序名称" prop="customerName" class="mab" label-width="90">
				    <el-input v-model="JPformdataedit['工序名称']" style="width: 520px;" id="工序名称" @keydown="JPentedit($event)"/>
				  </el-form-item>
		  	    <el-form-item label="" prop="customerCode" class="mab">
		  	      <el-input v-model="JPformdataedit['工序号']" style="width: 50px;" id="工序号"  placeholder="Enter回车"  @blur="JPgetGXsubmit()" @keydown="JPentedit($event)"/>
		  	    </el-form-item>
				<el-form-item label="检验类别:" prop="customerCode" class="mab" label-width="100">
				  <el-input v-model="JPformdataedit['检验类别']" style="width: 110px;" id="检验类别" @keydown="JPentedit($event)"/>
				</el-form-item>
				<el-form-item label="废品率系数:" prop="customerCode" class="mab" label-width="100">
				  <el-input v-model="JPformdataedit['废品率系数']" style="width: 110px;" id="废品率系数" @keydown="JPentedit($event)"/>
				</el-form-item>
		  	  </el-row>
		  	  
		  	  <el-row :gutter="24">
		  	    <el-form-item label="日期:" prop="customerCode" class="mab" label-width="90">
					<el-date-picker v-model="JPformdataedit['日期']" style="width: 130px;" type="datetime" format="YYYY/MM/DD" value-format="YYYY-MM-DD" @keydown="JPentedit($event)"/>
		  	    </el-form-item>
				<el-form-item label="机器:" prop="customerCode" class="mab" label-width="80">
					<el-input v-model="JPformdataedit['机器']" style="width: 90px;" id="机器" @keydown="JPentedit($event)"/>
				</el-form-item>
		  		<el-form-item label="流程标牌:" prop="customerCode" class="mab" label-width="80">
		  		  <el-input v-model="JPformdataedit['流程标牌']" style="width: 110px;" id="流程标牌" @keydown="JPentedit($event)"/>
		  		</el-form-item>
		  		<el-form-item label="计件箱数:" prop="customerCode" class="mab" label-width="180">
		  		  <el-input v-model="JPformdataedit['计件箱数']" style="width: 110px;" id="计件箱数" @keydown="JPentedit($event)"/>
		  		</el-form-item>
		  		<el-form-item label="每箱数量:" prop="customerCode" class="mab" label-width="100">
		  		  <el-input v-model="JPformdataedit['每箱数量']" style="width: 110px;" id="每箱数量" @keydown="JPentedit($event)"/>
		  		</el-form-item>
		  	  </el-row>
		  	  
		  	  <el-row :gutter="24">
		  	    <el-form-item label="换膜总工时" prop="customerCode" class="mab" label-width="90">
		  	      <el-input v-model="JPformdataedit['换膜总工时']" style="width: 110px;" id="换膜总工时" @keydown="JPentedit($event)"/>
		  	    </el-form-item>
		  		<el-form-item label="换膜补产工时:" prop="customerCode" class="mab" label-width="130">
		  		  <el-input v-model="JPformdataedit['换膜补产工时']" style="width: 110px;" id="换膜补产工时" @keydown="JPentedit($event)"/>
		  		</el-form-item>
		  		<el-form-item label="保养工时:" prop="customerCode" class="mab" label-width="320">
		  		  <el-input v-model="JPformdataedit['保养工时:']" style="width: 110px;" id="保养工时:" @keydown="JPentedit($event)"/>
		  		</el-form-item>
		  	  </el-row>
			  <el-row :gutter="24">
			    <el-form-item label="异常总工时" prop="customerCode" class="mab" label-width="90">
			      <el-input v-model="JPformdataedit['异常总工时']" style="width: 110px;" id="异常总工时" @keydown="JPentedit($event)"/>
			    </el-form-item>
				<el-form-item label="异常类型:" prop="customerCode" class="mab" label-width="130">
				  <el-input v-model="JPformdataedit['异常类型']" style="width: 110px;" id="异常类型" @keydown="JPentedit($event)"/>
				</el-form-item>
				<el-form-item label="异常补贴工时:" prop="customerCode" class="mab" label-width="350">
				  <el-input v-model="JPformdataedit['异常补贴工时:']" style="width: 110px;" id="异常补贴工时:" @keydown="JPentedit($event)"/>
				</el-form-item>
				<el-form-item label="通电时间:" prop="customerCode" class="mab" label-width="90">
				  <el-input v-model="JPformdataedit['通电时间:']" style="width: 110px;" id="通电时间:" @keydown="JPentedit($event)"/>
				</el-form-item>
			  </el-row>
			  <el-row :gutter="24">
			    <el-form-item label="定额代号" prop="customerCode" class="mab" label-width="90">
			      <el-input v-model="JPformdataedit['定额代号']" style="width: 200px;" id="定额代号" @keydown="JPentedit($event)"/>
			    </el-form-item>
			  </el-row>
			  
		  	  
		  	  <div style="display: flex;">
		  	  	  <div>组员及分配比例</div>
		  	    </div>
		  	      <el-row :gutter="10" style="margin-top: 1vh;">
		  			  <el-col :span="2">
		  			    <el-input v-model="JPformdataedit['bzdh']" id="bzdh" @keydown="JPentedit($event)"/>
		  			  </el-col>
		  	        <el-col v-for="i in 10" :key="i" :span="2">
		  	          <el-input v-model="JPformdataedit['组员' + i]['编号']" :id="'bh' + i" @keydown="JPentedit($event,i,'1')"/>
		  	        </el-col>
		  	      </el-row>
		  	      
		  	      <el-row :gutter="10" style="margin-top: 1vh;">
		  	        <el-col :span="2">
		  	          <!-- 空列，用于对齐 -->
		  	        </el-col>
		  	        <el-col v-for="i in 10" :key="i" :span="2">
		  	          <el-input v-model="JPformdataedit['组员' + i]['姓名']" :id="'xm' + i" @keydown="JPentedit($event)"/>
		  	        </el-col>
		  	      </el-row>
		  	      
		  	      <el-row :gutter="10" style="margin-top: 1vh;">
		  	        <el-col :span="2">
		  	          <!-- 空列，用于对齐 -->
		  	        </el-col>
		  	        <el-col v-for="i in 10" :key="i" :span="2">
		  	          <el-input v-model="JPformdataedit['组员' + i]['比例']" :id="'bl' + i" @keydown="JPentedit($event)" />
		  	        </el-col>
		  	      </el-row>
		      </el-form>
		    </el-row>
		    <template #footer>
		      <div class="dialog-footer" style="text-align: right;">
		        <el-button @click="JPcloseDialogedit">取 消</el-button>
		        <el-button type="primary"  @click="JPenterDialogedit">确 定</el-button>
		      </div>
		    </template>
		  </el-dialog>
		  
		  
		  
		  
		  <!-- 修改 JP检品独立  印件选择-->
		  <el-dialog v-model="JPdialogSelectVisible_Yjedit" title="选择" destroy-on-close width="600px" @keydown="JPselect_Yjedit($event)" >
		      <el-table tooltip-effect="dark" :data="JPselectData_Yjedit"
		        row-key="ID" highlight-current-row="true"
		        border style="width:100%"
		        @row-dblclick="JPhandleSelectClick_Yjedit" >
		        <el-table-column prop="yjno" label="印件号" width="80" />
		  	  <el-table-column prop="yjmc" label="印件名称" width="480" />		 
		      </el-table>
		    </el-dialog>
		    
		    
		    <!-- 修改 JP检品独立 印件选择 -->
		    <el-dialog v-model="JPdialogSelectVisible_Gxedit" title="选择" destroy-on-close width="600px" >
		        <el-table tooltip-effect="dark" :data="JPselectData_Gxedit"
		          row-key="ID" highlight-current-row="true"
		          border style="width:100%"
		          @row-dblclick="JPhandleSelectClick_Gxedit">
		    		<el-table-column prop="name" label="" width="560" />	      	 
		        </el-table>
		      </el-dialog>
		  	
		  	<el-dialog v-model="JPdialogSelectVisible_LXedit" title="选择" destroy-on-close width="300px" >
		  		    <el-table
		  		       :data="JPtableDataedit"
		  		       ref="table"
		  		       @row-dblclick="JPhandleRowClickedit"
		  		       highlight-current-row>
		  		       <el-table-column prop="name" label="名称" width="150"></el-table-column>
		  		       <el-table-column prop="type" label="类别" width="100"></el-table-column>
		  		     </el-table>
		  	</el-dialog>
		  
		  <!--修改 JP检品机 当日上报产量 组员及分配比例-->
		  <el-dialog v-model="JPblModellistedit" :before-close="() => JPblModellistedit = false" style="width: 20%">
		    <el-form>
		      <div>
		        <el-table :data="JPemployeeDatalistedit" border :show-overflow-tooltip="true" :cell-class-name="JPblplanUsageCellClassedit"  @row-click="JPtablebllickHandlerlistedit($event)">
		          <el-table-column prop="员工编号" label="员工编号"></el-table-column>
		          <el-table-column prop="ygxm" label="员工姓名"></el-table-column>
		        </el-table>
		      </div>
		    </el-form>
		  </el-dialog>
		  
		  
		  
		  

		<el-dialog v-model="hesuanVisible" :before-close="closehesuanVisible" title="核算参数调整" destroy-on-close width="40%" style="height: 50%;">
		  <div>
		    <el-radio-group v-model="selected" @change="agreeChange" style="display: flex; flex-direction: column;">
		      <div style="display: flex; align-items: center;">
		        <label>参数类型：</label>
		        <el-radio label="难度调整系数"></el-radio>
		      </div>
		      <div style="display: flex; align-items: center;margin-left: 40px;">
		        <el-radio label="凹印版距"></el-radio>
		      </div>
		      <div style="display: flex; align-items: center;margin-left: 25px;">
		        <el-radio label="色度数"></el-radio>
		      </div>
			  <div style="display: flex; align-items: center;margin-left: 55px;">
			    <el-radio label="废品率系数"></el-radio>
			  </div>
		    </el-radio-group>
		  </div>

		  <div style="margin-left: 70px;">
		    <el-col :span="15">
				<el-form-item label="废品率系数:" prop="flatFeed" class="mab" v-if="FPlxs === true">
				  <el-input v-model="hesuanValue.废品率系数" id="辅电表" @keydown="ent1($event)"  style="width: 200px;" v-if="FPlxs === true"/>
				</el-form-item>
		      <el-form-item label="缩放系数:" prop="flatFeed" class="mab" v-if="SFType === true">
		        <el-input v-model="hesuanValue.缩放系数" id="辅电表" @keydown="ent1($event)"  style="width: 200px;" v-if="SFType === true"/>
		      </el-form-item>
		      <el-form-item label="产品板距:" prop="flatFeed" class="mab" v-if="CPType === true">
		        <el-input v-model="hesuanValue.产品板距" id="辅电表" @keydown="ent1($event)"  style="width: 200px;" v-if="CPType === true"/>
		      </el-form-item>
		      <el-form-item label="印刷方式:" prop="flatFeed" class="mab" v-if="CPType === true">
				  <el-select v-model="hesuanValue.印刷方式" placeholder="" style="width: 190px;"  v-if="CPType === true"	>
				    <el-option label="卷对卷" value="卷对卷"></el-option>
				    <el-option label="卷对张" value="卷对张"></el-option>
				  </el-select>
		        <!-- <el-input v-model="hesuanValue.印刷方式" id="辅电表" @keydown="ent1($event)" :clearable="true" style="width: 200px;" v-if="CPType === true"/> -->
		      </el-form-item>
		      <el-form-item label="色度数 :" prop="flatFeed" class="mab" v-if="SDType === true">
		        <el-input v-model="hesuanValue.色度数" id="辅电表" @keydown="ent1($event)" :clearable="true" style="width: 200px;" v-if="SDType === true" />
		      </el-form-item>
		    </el-col>
		  </div>

		  <template #footer>
		    <div class="dialog-footer">
		      <el-button @click="hesuanVisiblecloseDialog">取 消</el-button>
		      <el-button type="primary" @click="hesuanenterDialog">确 定</el-button>
		    </div>
		  </template>
		</el-dialog>

<!--工序产量核查【弹窗】-->
          <el-dialog v-model="gd_gxclhclist" title="工序产量核查" style="width: 100%;height: 100%;margin: 0px;padding: 0px">
            <el-button type="" @click="gxclhcCancel">退出</el-button>
            <div style="width: 100%; height: 60px; padding: 0px; margin: 10px 0px 0px 0px; display: flex; align-items: center;">
              <div style="width: 100%; height: 60px; padding: 0px;  display: flex; align-items: center;">
                <el-form-item label="工单编号" prop="currentProcess" style="margin-right: 20px; padding: 0px">
                  <el-input v-model="gxclhcformData['gdbh']"  @keyup.enter="gxclhcProductValue"  />
                </el-form-item>
              </div>
            </div>
            <el-table ref="paichengRef"
                      :show-overflow-tooltip="true"
                      :row-style="{ height: '0px' }"
                      :cell-style="{ padding: '0px' }" :header-row-style="{ height: '0px' }"
                      :header-cell-style="{ padding: '0px' }"
                      style="width: 100%;height: 70vh" border tooltip-effect="dark"
                      highlight-current-row="true"
                      @row-click="gxclhc_tableRowClick"
                      :data="gxclhc_Data" row-key="ID"
                      :cell-class-name="gxclhcCellClass">
              <template v-for="(item, idx) in gxclhc_Columns">
                <el-table-column #default="{ row, column, $index }" align="left" :label="item.label" :width="item.width" >
                  {{row[item.prop]}}
                </el-table-column>
              </template>
            </el-table>
          </el-dialog>
		  

		<!--修正核算参数-->
		<el-dialog v-model="xzhscslist"   title="修正核算参数"  style="width: 100%;height: 100%;margin: 0px;padding: 0px">
		  <el-button type="primary"  @click="xzhscsConfirm">更新</el-button>
		  <el-button type="" @click="sxzhscsCancel">退出</el-button>
		  <div style="width: 100%; height: 60px; padding: 0px; margin: 10px 0px 0px 0px; display: flex; align-items: center;">
		    <el-form-item label="当前工单 :" prop="currentProcess" style="margin-right: 20px; padding: 0px">
		      <el-input v-model="xzhscsformData['gdbh']"
		                @keyup.enter="xzhscsgetProductValue"  style="width: 200px;"/>
		      <el-input v-model="xzhscsformData['cpdh']"   disabled   style="width: 120px;margin-left: 10px;"/>
		      <el-input v-model="xzhscsformData['gdmc']"   disabled   style="width: 500px;"/>
<!-- 			  <el-input v-model="xzhscsformData['yjdh']"   disabled   style="width: 120px;margin-left: 10px;"/>
			  <el-input v-model="xzhscsformData['yjmc']"   disabled   style="width: 500px;"/> -->
		    </el-form-item>
		  </div>
		  <div style="width: 100%; height: 60px; padding: 0px; margin: 5px 0px 0px 260px; display: flex; align-items: center;">
		    <el-form-item label=" :" prop="currentProcess" style="margin-right: 20px; padding: 0px">
		      <!-- <el-input v-model="xzhscsformData['gdbh']"
		                @keyup.enter="xzhscsgetProductValue"  style="width: 200px;"/>
		      <el-input v-model="xzhscsformData['cpdh']"   disabled   style="width: 120px;margin-left: 10px;"/>
		      <el-input v-model="xzhscsformData['gdmc']"   disabled   style="width: 500px;"/> -->
		  			  <el-input v-model="xzhscsformData['yjdh']"   disabled   style="width: 120px;margin-left: 10px;"/>
		  			  <el-input v-model="xzhscsformData['yjmc']"   disabled   style="width: 500px;"/>
		    </el-form-item>
		  </div>
		  <el-table ref="paichengRef"
		            :show-overflow-tooltip="true"
		            :row-style="{ height: '0px' }"
		            :cell-style="{ padding: '0px' }" :header-row-style="{ height: '0px' }"
		            :header-cell-style="{ padding: '0px' }"
		            style="width: 100%;height: 74vh" border tooltip-effect="dark"
		            :data="sxzhscstableData" row-key="ID"
		            :cell-class-name="sxzhscsCellClass">
		    <template v-for="(item, idx) in xzhstableColumns">
		      <el-table-column #default="{ row, column, $index }" align="left" :label="item.label" :width="item.width" >
		        <div v-if="['难度系数', '损耗代号', '印刷方式', '版距','计损色数', '损耗系数'].includes(item.prop)">
		          <el-input v-model="row[item.prop]" :clearable="false"
		                    :id="`input${idx}${$index}`" />
		        </div>
		        <div v-else>{{ row[item.prop] }}</div>
		      </el-table-column>
		    </template>
		  </el-table>
		</el-dialog>

<el-dialog v-model="gzSelVisible" title="员工工资明细查询"
		  destroy-on-close fullscreen
		  style="font-size: 50px;font-weight: bold;"
		>
			<el-button v-for="ygbh in gz_bzbh" type="primary" @click="gz_ontable(ygbh)">{{ ygbh }}</el-button>
            <!-- 数据展示 -->
            <el-table ref="gz_multipleTable" style="width: 100%;height: 40vh;padding-top: 5px;" tooltip-effect="dark" :data="gz_tableData" row-key="ID"
              highlight-current-row="true" border :show-overflow-tooltip="true"
			   :row-style="{ height: '20px' }"
			   :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
			   :header-cell-style="{ padding: '0px' }"
			   >
			  <el-table-column v-for="column in tableCols1"
			    :key="column.prop" :prop="column.prop"
			    :label="column.label" :width="column.width"
			    show-overflow-tooltip="true" sortable
			  />
            </el-table>
		    <!-- 数据展示 -->
		    <el-table ref="gz_multipleTable2" style="width: 100%;height: 40vh;padding-top: 30px;" tooltip-effect="dark" :data="gz_tableData2" row-key="ID"
		      highlight-current-row="true" border
			  :row-style="{ height: '20px' }"
			  :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
			  :header-cell-style="{ padding: '0px' }"
			  :show-overflow-tooltip="true"
			 >
		  	  <el-table-column v-for="column in tableCols2"
		  	    :key="column.prop" :prop="column.prop"
		  	    :label="column.label" :width="column.width"
		  	    show-overflow-tooltip="true" sortable
		  	  />
		    </el-table>
		</el-dialog>
		
		<!-- 印件选择 -->
		<el-dialog v-model="dialogSelectVisible_Yj" title="选择" destroy-on-close width="600px" @keydown="select_Yj($event)" >
            <el-table tooltip-effect="dark" :data="selectData_Yj"
              row-key="ID" highlight-current-row="true"
              border style="width:100%"
              @row-dblclick="handleSelectClick_Yj"
            >
              <el-table-column prop="yjno" label="印件号" width="80" />
			  <el-table-column prop="yjmc" label="印件名称" width="480" />		 
            </el-table>
          </el-dialog>
		  
		<!-- 机台编号选择 -->
		<el-dialog v-model="dialogSelectVisible_Gx" title="选择" destroy-on-close width="600px" >
		    <el-table tooltip-effect="dark" :data="selectData_Gx"
		      row-key="ID" highlight-current-row="true"
		      border style="width:100%"
		      @row-dblclick="handleSelectClick_Gx"
		    >
				<el-table-column prop="name" label="" width="560" />	      	 
		    </el-table>
		  </el-dialog>
		  
		<Shebeizhuangtai
		  v-if="dialogSbyxgl"
		  v-model="dialogSbyxgl"
		  :title="titinfo"
		  :formData="formData"
		/>

        </el-main>

      </el-container>
    </el-container>



<PrintPage ref="printPageRef" />
  </div>
</template>

<script setup>
import {
  createCompany,
  deleteCompany,
  deleteCompanyByIds,
  updateCompany,
  findCompany,
  getCompanyList
} from '@/api/company'
import {
  EquipmentSchedulingEdit, Procedure,
  teamDel, WorkList, WorkOrderDel
} from "@/api/yunyin/yunying";
import {
  facilityTab,
  facilitychanLiang,
  facilityInspect,
  facilityProduction,
  facilityTeam,
  facilityMachineList,
  facilitySpotCheckItem,
  facilityInspectionItem,
  reportProduceInfo,
  reportName,
  reportInfo,
  reportMachineMac,
  facilityWorklist,
  setProcessStatus,
  submitDailyProduction,
  facilityDetail,
  inspectionRecord,
  getYg,
  facilityProcedure,
  facilityPrintGetTab,
  facilityPrintDetail,
  ProcessInspectionRecordsItem,
   MachineDetailList,
   ComplaintRecord,
   remodelGetTab,
   ModelChangeRecord,
   MachineChanliangDetail,
   chanliangEdit,
   productionGdmc,
   productionYjmc,
   ChanliangDel,
   ChanliangAdd,
   MachineChanliangDetailEdit,
   ChanliangWorkorder,
   ChanliangPrintDetail,
   ChanliangProcessDetail,
   EmployeeData,
   RemodelDetail,
   AdditionalInspectionRecordAdd,
   ProcessInspectionRecordsItemAdd,
   CoefficientEdit,
   ChromaDataEdit,
   PrintingModeDataEdit,
   dailysearch,
   dailygetGzByYgbh,
   productionDedh,
   YieldTeamEdit,
   getTimelist,
   JPmachineDetail,
   JpChanliangEdit,
   JpUploade
} from '@/api/jixiaoguanli/jitairibaobiao'
import{ 
	AccountingParameter,
	ProductNameData,
	AccountingParameterEdit,
	gdzl_MachineList,
	getOrderProcessCount,
	RejectionEdit
  }  from "@/api/yunyin/yunying";
import {
MachineTeamAdd,
  setMachineTeam,
} from '@/api/jixiaoguanli/baogong'
import {
  FieldInspectionRecord
} from "@/api/mes/job";
import Shebeizhuangtai from '@/view/performance/09-workOrderVerification/componets/shebeizhuangtai.vue'
// 全量引入格式化工具 请按需保留
import { getDictFunc, formatDate, formatBoolean, filterDict, ReturnArrImg, onDownloadFile } from '@/utils/format'
import { Layout, LayoutContent, LayoutHeader, LayoutSider } from '@arco-design/web-vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { ref, reactive } from 'vue'
import { useUserStore } from '@/pinia/modules/user'
import PrintPage from './components/print.vue'

const userStore = useUserStore()
const sys_id='['+userStore.userInfo.userName+'/'+userStore.userInfo.nickName+']'

defineOptions({
    name: 'Company'
})

const printPageRef = ref()
const DelType = ref(false)
const AddType = ref(false)
const gytableData = ref([])
const drzcDatas =ref([])
const detailData = reactive([])
const treeData=ref([])
const yinbantreeData=ref([])
let  dianjiantreeData;
let JTMC=ref()
let date=ref()
let titinfo=ref()
let JTMCOn=ref()
let showbutton=ref()
let dateOn=ref()
const  activName  = ref('first')
let productCode=ref()
const sbzyData = reactive([])
const FPData = reactive([])
const CLMXData = reactive([])
let JYData = reactive([])
const selectData = ref([])
const isJPJT = ref(false)
const handleNodeClick = (nodeData,node) => {
  // 取消所有节点的颜色
  const allNodes = document.querySelectorAll('.treecolor .el-tree-node');
  allNodes.forEach(node => {
    node.querySelector('.el-tree-node__label').style.color = '';
  });
  // 获取点击的节点
  const clickedNodeId = node['id'];
  const clickedNode = document.querySelector(`.treecolor .el-tree-node[data-key="${clickedNodeId}"]`);
  if (clickedNode) {
    // 给当前点击的节点改变颜色
    clickedNode.querySelector('.el-tree-node__label').style.color = 'red';
  }


  //存放当前节点的nodeId
   if (nodeData.level === 1) {
		CJMC.value=node.label
		showbutton.value=true
		JTMCOn.value=false
		dateOn.value=false
		MachinelList()
		DelType.value = false
		AddType.value = false
		// MachineVisible.value=true
      } else if (nodeData.level === 2) {
		sbzyData.length = 0;
		FPData.length=0;
		CLMXData.length=0;
		JYData.length=0;
		JTMC=node.label.split("-")[0]
		CJMC.value=nodeData.parentNode.label
		JTMCOn.value=true
		dateOn.value=false
		showbutton.value=false
		FacilityProduction()
		FacilityWorklist()
		DelType.value = false
		AddType.value = false
      } else if (nodeData.level === 3) {
		  CJMC.value=nodeData.parentNode.parentNode.label
		  JTMC=nodeData.machineName.split("-")[0]
		  console.log(nodeData)
		  // 等于JP开头的机台
		  if (/^JP.+/.test(JTMC)) {
			  isJPJT.value = true
			  JTMCOn.value=false
			  dateOn.value=true
			  FacilityInspect()
			  JPmachineDetails(JTMC, nodeData.label);
			  
			  date=node.label
			  JPgytableData.value=[]
			  drzcDatas.value=[]
			  columnNames=[]
			  drzcData=[]
			  showbutton.value=false
			  DelType.value = true
			  AddType.value = true
		  } else {
			  isJPJT.value = false
			  JTMCOn.value=false
			  dateOn.value=true
			  date=node.label
			  gytableData.value=[]
			  drzcDatas.value=[]
			  columnNames=[]
			  drzcData=[]
			  showbutton.value=false
			  FacilityInspect()
			  FacilitychanLiang()
			  DelType.value = true
			  AddType.value = true
		  }
		 
	   }
}
// JP当日上报产量
const JPgytableData = ref([])
const JPmachineDetails = async (jt, riqi) => {
  const JPmachineDetail_data = await JPmachineDetail({machine: jt, date: riqi});
  console.log(JPmachineDetail_data)
  _rclsb_gdbh.value = JPmachineDetail_data.data[0]['工单编号']
  if (JPmachineDetail_data.code === 0) {
	let totalA = JPmachineDetail_data.data.totalA
	let totalB = JPmachineDetail_data.data.totalB
	
	delete JPmachineDetail_data.data.totalA
	delete JPmachineDetail_data.data.totalB
	JPgytableData.value = Object.values(JPmachineDetail_data.data)
	console.log(totalA)
	if(totalA.length === 1){
		if(totalA){
			let rowA = {
				工单编号: 'A班产量:',
				yjno: totalA[0].检验类型+ ':' +totalA[0].箱数,
			}
			JPgytableData.value.push(rowA)
		}
		if(totalB){
			let rowB = {
				工单编号: 'B班产量:',
				yjno: totalB[0].检验类型+ ':' +totalB[0].箱数,
			}
			JPgytableData.value.push(rowB)
		}
	}else{
		if(totalA){
			let rowA = {
				工单编号: 'A班产量:',
				yjno: totalA[0].检验类型+ ':' +totalA[0].箱数,
				产品名称: totalA[1].检验类型+ ':' +totalA[1].箱数,
			}
			JPgytableData.value.push(rowA)
		}
		if(totalB){
			let rowB = {
				工单编号: 'B班产量:',
				yjno: totalB[0].检验类型+ ':' +totalB[0].箱数,
				产品名称: totalB[1].检验类型+ ':' +totalB[1].箱数,
			}
			JPgytableData.value.push(rowB)
		}
	}
	
	// return require(`@/assets/${machineData.状态}.png`);
	// MachineVisible.value=true
  }
}

const hesuanVisible = ref(false)
const MachineVisible = ref(false)
const machineData = reactive([])
const hesuanValue = reactive({})
const MachinelList = async () => {
  const response = await MachineDetailList({workshop:CJMC.value});
  if (response.code === 0) {
	machineData.splice(0, machineData.length, ...response.data);
	console.log(machineData)
	// return require(`@/assets/${machineData.状态}.png`);
	// MachineVisible.value=true
  }
}






//设置机台状态
function handleButtonClick(deviceId) {
	 console.log(deviceId);
	 MachineVisible.value=false
	 // dialogSbyxgl.value=true
	 JTMC=deviceId.split("-")[0]
	 // JTMCOn.value=true
	 // dateOn.value=false
	 console.log(JTMC)
	 GetdialogSbyxgl()

	 // GetdialogSbyxgl(deviceId)

}
const GetdialogSbyxgl = async () => {
    const response = await facilityProduction({machine:JTMC});
    if (response.code === 0) {
    	console.log(response)
    	// 填充formData对象的基本字段
    	 //    formData.value.工单编号 = response.data.工单编号;
    	 //    formData.value.印件编号 = response.data.印件号;
    	 //    formData.value.工序名称 = response.data.工序名称;
    	 //    formData.value.产品名称 = response.data.产品名称;
    		// formData.value.班组 = response.data.班组编号;
    		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.班组成员 = response.data.班组成员;
    		formData.value.班组Id=response.data.班组Id
    		formData.value.machine=JTMC
    		formData.value.状态=response.data.状态
			let time = new Date();
			time.setDate(time.getDate() - 0); // 今天的前N天的日期，N自定义
			titinfo = `${time.getFullYear()}-${time.getMonth() + 1}-${time.getDate()}`;
			titinfo+='【'+JTMC+response.data.工单编号+response.data.产品名称+'】'+response.data.工序名称
    		let sczl_bhkey=''
    		let sczl_namekey=''
    		if (response.data.班组成员) {
    		  for (let i = 0; i < Math.min(Object.keys(response.data.班组成员).length, 6); 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]['姓名'];
    			console.log(response.data.班组成员[i]['编号'])
    			classbz.value[i]=response.data.班组成员[i]['编号']
    		  }
    		}
    		formData.value.class=classbz.value.join(',')
    		console.log(formData.value.class)
    		formData.value.JTMC=JTMC
    		const responses = await MachineDetailList({workshop:CJMC.value});
    		if(responses.code===0){
    				   responses.data.map(item=>{
    					   if(item.设备编号==JTMC){
    						   formData.value.status=item.状态
    					   }
    				   })
    		}
    		// console.log(formData.value.工单编号)

    }
    FacilityWorklist()
	onstatus()
}


const gzSelVisible = ref(false)
const gz_tableData = reactive([])
const gz_tableData2 = reactive([])
let gz_bzbh = [];

const tableCols1 = [
  { label: '员工编号', prop: 'bh', width: '105' },
  { label: '员工姓名', prop: '员工姓名', width: '105' },
  { label: '日期', prop: 'sczl_rq', width: '120' },
  { label: '计件工资', prop: '计件工资', width: '105' },
  { label: '加班工资', prop: '加班工资', width: '105' },
  { label: '计时时数', prop: '计时时数', width: '105' },
  { label: '计时工资', prop: '计时工资', width: '135' },
  { label: '日工资合计', prop: '日工资合计', width: '135' },
]
const tableCols2 = [
  { label: '日期', prop: 'sczl_rq', width: '100' },
  { label: '工单编号', prop: 'sczl_gdbh', width: '105' },
  { label: '产品名称', prop: 'Gd_cpmc', width: '120' },
  { label: '印件及工序', prop: 'sczl_type', width: '120' },
  { label: '机台', prop: 'sczl_jtbh', width: '87' },
  { label: '车头产量', prop: '班组车头产量', width: '105' },
  { label: '计件产量', prop: '计件产量', width: '105' },
  { label: '补产产量', prop: '补产产量', width: '105' },
  { label: '核算产量', prop: '核算产量', width: '105' },
  { label: '达标定额', prop: '达标定额', width: '105' },
  { label: '千件工价', prop: '千件工价', width: '105' },
  { label: '计件工资', prop: '个人计件工资', width: '105' },
  { label: '加班工资', prop: '个人加班工资', width: '105' },
  { label: '装版工时', prop: '装版工时', width: '120' },
  { label: '保养工时', prop: '保养工时', width: '105' },
  { label: '打样工时', prop: '打样工时', width: '105' },
  { label: '异常停机', prop: '异常停机工时', width: '105' },
  { label: '补产标准', prop: '补产标准', width: '120' },
  { label: '分摊比例', prop: 'Rate', width: '105' },
]

//员工工资查询
const gzSel = () =>{
	if(formData.value.班组成员==undefined){
		ElMessage({ type: 'warning', message: '请先选择机台' });
		return
	}
	if(formData.value.班组成员.length==0){
		ElMessage({ type: 'warning', message: '未获取到员工' });
		return
	}
	for (let index in formData.value.班组成员) {
		gz_bzbh[index] = formData.value.班组成员[index]['编号']
	}
	gzSelVisible.value=true
}
// 查询
const gz_ontable =  (ygbh) => {
	// 创建一个Date对象
	var currentDate = new Date();
	// 获取年份
	var year = currentDate.getFullYear();
	// 获取月份（注意，月份从0开始，所以需要加1）
	var month = currentDate.getMonth() + 1;
	if (month < 10) {
	    month = "0" + month;
	}
	var date = year+ "" +month
  const response = dailysearch({date: date, search: ygbh}).then(response=>{
	  if (response.code === 0) {
		  const originalData = response.data;
		     const summaryData = generateSummaryData(originalData);
		     // 将合计数据插入到原始数据中
		     const combinedData = [];
		     originalData.forEach((item, index) => {
		       combinedData.push(item);
		       const nextItem = originalData[index + 1];
		       if (nextItem==undefined) {
		         // 如果下一个员工姓名与当前不同，插入合计数据
		         const currentSummary = summaryData.shift();
		         combinedData.push(currentSummary);

		       }
		     });
	  	      // 更新表格数据
	  	      gz_tableData.splice(0, gz_tableData.length, ...combinedData);
	  }
  });

  dailygetGzByYgbh({date:date,code:ygbh}).then(response=>{
  	  if(response.code==0){
  	  	   gz_tableData2.splice(0, gz_tableData2.length, ...response.data);
  	  }
  })

}

const generateSummaryData = (data) => {
  const summaryData = [];
  let currentName = null;
  let currentSummary = null;

  data.forEach((item) => {
    const name = item['员工姓名'].trim(); // 获取员工姓名并去除空格
    if (name !== currentName) {
      // 如果员工姓名发生改变，说明需要插入合计数据
      if (currentSummary) {
        // 将上一个员工的合计数据插入到数组中
        summaryData.push(currentSummary);
      }
      // 创建新的合计数据
      currentSummary = {
        '员工姓名': name,
		'日期': 0,
        '计件工资': 0,
        '加班工资': 0,
        '计时时数': 0,
        '计时工资': 0,
        '日工资合计': 0
      };
      currentName = name;
    }

    // 更新合计数据
	currentSummary['日期']++;
    currentSummary['计件工资'] += parseFloat(item['计件工资']);
    currentSummary['加班工资'] += parseFloat(item['加班工资']);
    currentSummary['计时时数'] += parseFloat(item['计时时数']);
    currentSummary['计时工资'] += parseFloat(item['计时工资']);
    currentSummary['日工资合计'] += parseFloat(item['日工资合计']);
	currentSummary['员工姓名']='合计（'+currentSummary['日期']+'天）';
  });

  // 将最后一个员工的合计数据插入到数组中
  if (currentSummary) {
    summaryData.push(currentSummary);
  }

  // 将日期填充到表格中
  summaryData.forEach((summary) => {
    summary['计件工资'] = summary['计件工资'].toFixed(2); // 保留两位小数
	summary['加班工资'] = summary['加班工资'].toFixed(2);
	summary['计时时数'] = summary['计时时数'].toFixed(2);
	summary['计时工资'] = summary['计时工资'].toFixed(2);
	summary['日工资合计'] = summary['日工资合计'].toFixed(2);
  });

  return summaryData;
};



// const getImagePath = async (machineData.状态) => {
//   return require(`@/assets/${status}.png`);
// }
const classbz=ref([])
const GDBH=ref()
//当前生产订单
const FacilityProduction = async () => {
  const response = await facilityProduction({machine:JTMC});
  if (response.code === 0) {
	console.log(response)
	if(response.data===null){
		formData.value.工单编号 = '';
		formData.value.印件号 = '';
		formData.value.工序号 = '';
		formData.value.工序名称 = '';
		formData.value.产品名称 = '';
		formData.value.班组Id=''
		formData.value.machine=JTMC
		formData.value.状态=''
		let sczl_bhkey=''
		let sczl_namekey=''
	   for (let i = 0; i < 6; i++) {
					 sczl_bhkey=`sczl_bh${i+1}`
					 sczl_namekey=`sczl_name${i+1}`
		formData.value[sczl_bhkey] = '';
		formData.value[sczl_namekey] = '';
	  }
		console.log(sbzyData)
	}else{
		// 填充formData对象的基本字段
		 //    formData.value.工单编号 = response.data.工单编号;
		 //    formData.value.印件编号 = response.data.印件号;
		 //    formData.value.工序名称 = response.data.工序名称;
		 //    formData.value.产品名称 = response.data.产品名称;
			// formData.value.班组 = response.data.班组编号;
			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.班组成员 = response.data.班组成员;
			formData.value.班组Id=response.data.班组Id
			formData.value.machine=JTMC
			formData.value.状态=response.data.状态

			let sczl_bhkey=''
			let sczl_namekey=''
			if (response.data.班组成员) {
			  for (let i = 0; i < Math.min(Object.keys(response.data.班组成员).length, 6); 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(',')
			formData.value.JTMC=JTMC
			const responses = await MachineDetailList({workshop:CJMC.value});
			if(responses.code===0){
					   responses.data.map(item=>{
						   if(item.设备编号==JTMC){
							   formData.value.status=item.状态
						   }
					   })
			}
	}
  }
  // getTableData()
}
let CJMC=ref()
//设备工作清单
const FacilityWorklist = async () => {
  const response = await facilityWorklist({machine:JTMC});
  if (response.code === 0) {
	// console.log(response)
	sbzyData.splice(0, sbzyData.length, ...response.data);
	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
	}
	// console.log('33333')
	FacilityTeam(JTMC)
  }
}
//检验记录
const InspectionRecord = async () => {
	console.log(formData.value.班组)
  const response = await inspectionRecord({machine:JTMC,Gd_gdbh:formData.value.工单编号,team:BZMC.value});
  // const response = await inspectionRecord({machine:'JY01#',Gd_gdbh:'2311114',team:'A班'});
  // const response = await inspectionRecord({machine:'JY01#',Gd_gdbh:'2312191',team:'A班'});
  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
		  JYData.push(rowData);
		}
	  }
	  console.log(JYData);
  }
}
const dbclSelection = ref('')
//当班产量明细复选框
const dbclmxSelectionChange = (selection, type) => {
  console.log(selection)
  if (selection.length > 1) {
  	ElMessage({type: 'warning',message: '您只能选择一条进行删除！'})
    // 重置选择项
  	dbclSelection.value = '';  // 清空之前的选择
  	selection.splice(0, selection.length);  // 清空当前选择数组
  	return false;
  }else{
  	  const ids = selection.map(item => item.UniqId);
  	  dbclSelection.value = ids.join(',');
  	  console.log(dbclSelection.value)
  }
  
}

//当班产量明细
const deldbcl_onclick = async () => {
  console.log(dbclSelection.value)
  if (dbclSelection.value !== '') {
    try {
      //产量上报数据删除
      const res1 = await ChanliangDel({UniqId: dbclSelection.value})
      if(res1.code === 0){
        ElMessage.success('当班产量明细删除成功')
        //当班产量明细
        const response = await facilityDetail({ machine: JTMC, Gd_gdbh: formData.value.工单编号, team: BZMC.value });
        console.log(response);
        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.产量
        }
      }
    } catch(err) {
      ElMessage.error(err)
    }
  }
}



const FacilityDetail = async () => {
	console.log('123123')
	console.log(JTMC)
	console.log('123123')
	console.log(formData.value.工单编号)
	console.log('123123')
	console.log(formData.value.班组)
	formData.value.production_now=0
	formData.value.production_all=0
  // const response = await facilityDetail({ machine: JTMC, Gd_gdbh: formData.value.工单编号, team: formData.value.班组 });
   const response = await facilityDetail({ machine: JTMC, Gd_gdbh: formData.value.工单编号, team: BZMC.value });
  // const response = await facilityDetail({ machine: JTMC, Gd_gdbh: '2311114', team:'A班' });
  if (response.code === 0) {
	console.log('123123')
    console.log(response);
    CLMXData.splice(0, CLMXData.length, ...Object.values(response.data));
	formData.value.production_now=response.data[0].产量
	formData.value.production_all=response.data.total.产量
  }
};


// 验证规则
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 searchInfo = ref({})
const xunchaVisible = ref(false)


const xunchatreeData=ref([{label: '现场巡查记录',} ])

// 重置
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,
			   machineName:machineName,
               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()
const type2 = ref('')

// 修改班组产量提报
const JPchanliangVisibleedit = ref(false)
const JPformdataedit = reactive({
  '工单编号':'',
  '产品名称':'',
  '印件号':'',
  '印件名称':'',
  '工序号':'',
  '工序名称':'',
  '日期':'',
  '流程标牌':'',
  '检验类别':'',
  '废品率系数':'',
  '计件箱数':'',
  '每箱数量':'',
  '换膜总工时':'',
  '通电工时':'',
  '定额代号':'',
  '组员1': {'编号': '','姓名': '','比例': '',},
  '组员2': {'编号': '','姓名': '','比例': '',},
  '组员3': {'编号': '','姓名': '','比例': '',},
  '组员4': {'编号': '','姓名': '','比例': '',},
  '组员5': {'编号': '','姓名': '','比例': '',},
  '组员6': {'编号': '','姓名': '','比例': '',},
  '组员7': {'编号': '','姓名': '','比例': '',},
  '组员8': {'编号': '','姓名': '','比例': '',},
  '组员9': {'编号': '','姓名': '','比例': '',},
  '组员10': {'编号': '','姓名': '','比例': '',}
})

// 双击JP当日上报产量
const JPgytableDatadoubleClick = async (row) => {
	console.log(row)
	JPformdataedit['工单编号'] = row['工单编号'];
	JPformdataedit['产品名称'] = row['产品名称'];
	JPformdataedit['印件号'] = row['yjno'];
	JPformdataedit['印件名称'] = row['cpmc'];
	JPformdataedit['工序号'] = row['gxh'];
	JPformdataedit['工序名称'] = row['工序'];
	JPformdataedit['检验类别'] = row['检验类型'];
	JPformdataedit['废品率系数'] = row['废品率系数'];
	JPformdataedit['日期'] = row['sczl_rq'];
	JPformdataedit['机器'] = JTMC;
	JPformdataedit['流程标牌'] = row['num'];
	JPformdataedit['计件箱数'] = row['计件箱数'];
	JPformdataedit['每箱数量'] = row['每箱数量'];
	JPformdataedit['换膜总工时'] = row['换膜总工时'];
	JPformdataedit['换膜补产工时'] = row['换膜补时'];
	JPformdataedit['保养工时'] = row['保养工时'];
	JPformdataedit['异常总工时'] = row['异常总工时'];
	JPformdataedit['异常类型'] = row['异常类型'];
	JPformdataedit['异常补贴工时'] = row['异常补时'];
	JPformdataedit['通电工时'] = row['通电工时'];
	JPformdataedit['定额代号'] = row['定额代号'];
	JPformdataedit['bzdh'] = row['bzdh'];
	
	for (let i = 1; i <= 10; i++) {
	  JPformdataedit[`组员${i}`]['编号'] = row[`sczl_bh${i}`];
	}
	for (let i = 1; i <= 10; i++) {
	  JPformdataedit[`组员${i}`]['姓名'] = row[`sczl_name${i}`];
	}
	for (let i = 1; i <= 10; i++) {
	  JPformdataedit[`组员${i}`]['比例'] = row[`sczl_rate${i}`];
	}

	// Object.assign(JPformdataedit,row);
	JPchanliangVisibleedit.value = true
}
//当日上报产量确定
const JPenterDialogedit = async () => {
	// console.log(JPformdataedit)
	const JPformattedData = {
		UniqId:uid.value,
	  sczl_jtbh:JTMC+'#',
	  sczl_gdbh: JPformdataedit['工单编号'],
	  sczl_yjno: JPformdataedit['印件号'],
	  sczl_gxh: JPformdataedit['工序号'],
	  sczl_gxmc: JPformdataedit['工序名称'],
	  sczl_type: JPformdataedit['检验类别'],
	  sczl_废品率系数: JPformdataedit['废品率系数'],
	
	  sczl_rq: JPformdataedit['日期'],
	  sczl_jtbh: JPformdataedit['机器'],
	  sczl_num: JPformdataedit['流程标牌'],
	  sczl_cl: JPformdataedit['计件箱数'],
	  sczl_Pgcl: JPformdataedit['每箱数量'],
	  
	  sczl_装版总工时: JPformdataedit['换膜总工时'],
	  sczl_装版工时: JPformdataedit['换膜补产工时'],
	  sczl_保养工时: JPformdataedit['保养工时'],
	  
	  sczl_异常停机工时: JPformdataedit['异常总工时'],
	  sczl_异常类型1: JPformdataedit['异常类型'],
	  sczl_异常工时1: JPformdataedit['异常补贴工时'],
	  
	  sczl_设备运行工时: JPformdataedit['通电工时'],
	  sczl_dedh: JPformdataedit['定额代号'],
	  sczl_bzdh: JPformdataedit['bzdh'],
	  sczl_bh1: JPformdataedit.组员1['编号'],
	  sczl_bh2: JPformdataedit.组员2['编号'],
	  sczl_bh3: JPformdataedit.组员3['编号'],
	  sczl_bh4: JPformdataedit.组员4['编号'],
	  sczl_bh5: JPformdataedit.组员5['编号'],
	  sczl_bh6: JPformdataedit.组员6['编号'],
	  sczl_bh7: JPformdataedit.组员7['编号'],
	  sczl_bh8: JPformdataedit.组员8['编号'],
	  sczl_bh9: JPformdataedit.组员9['编号'],
	  sczl_bh10: JPformdataedit.组员10['编号'],
	  sczl_bh98:'',
	  sczl_rate1: JPformdataedit.组员1['比例'],
	  sczl_rate2: JPformdataedit.组员2['比例'],
	  sczl_rate3: JPformdataedit.组员3['比例'],
	  sczl_rate4: JPformdataedit.组员4['比例'],
	  sczl_rate5: JPformdataedit.组员5['比例'],
	  sczl_rate6: JPformdataedit.组员6['比例'],
	  sczl_rate7: JPformdataedit.组员7['比例'],
	  sczl_rate8: JPformdataedit.组员8['比例'],
	  sczl_rate9: JPformdataedit.组员9['比例'],
	  sczl_rate10: JPformdataedit.组员10['比例'],
	  
	};
	console.log(JPformattedData)
	
	const JpChanliangEdit_edit = await JpChanliangEdit(JPformattedData);
	console.log(JpChanliangEdit_edit)
	if (JpChanliangEdit_edit.code === 0) {
		JPchanliangVisibleedit.value = false
		JPmachineDetails();
	  ElMessage({type: 'success',message: '添加成功'})
	} else {
	  ElMessage({type: 'error',message: '添加失败'})
	}
}
//当日上报产量取消
const JPcloseDialogedit = async () => {
	JPchanliangVisibleedit.value = false
}





//班组产量提报 JP检品机单独页面
const JPchanliangVisible = ref(false)
const JPformdata = reactive({
  '工单编号':'',
  '产品名称':'',
  '印件号':'',
  '印件名称':'',
  '工序号':'',
  '工序名称':'',
  '日期':'',
  '流程标牌':'',
  '检验类别':'',
  '废品率系数':'',
  '计件箱数':'',
  '每箱数量':'',
  '换膜总工时':'',
  '通电工时':'',
  '定额代号':'',
  '组员1': {'编号': '','姓名': '','比例': '',},
  '组员2': {'编号': '','姓名': '','比例': '',},
  '组员3': {'编号': '','姓名': '','比例': '',},
  '组员4': {'编号': '','姓名': '','比例': '',},
  '组员5': {'编号': '','姓名': '','比例': '',},
  '组员6': {'编号': '','姓名': '','比例': '',},
  '组员7': {'编号': '','姓名': '','比例': '',},
  '组员8': {'编号': '','姓名': '','比例': '',},
  '组员9': {'编号': '','姓名': '','比例': '',},
  '组员10': {'编号': '','姓名': '','比例': '',}
})

//班组产量提报 JP检品机 班组产量提报确定
const JPenterDialog = async() => {
	// console.log(JPformdata)
	const JPformattedData = {
	  sczl_jtbh:JTMC+'#',
	  sczl_gdbh: JPformdata['工单编号'],
	  sczl_yjno: JPformdata['印件号'],
	  sczl_gxh: JPformdata['工序号'],
	  sczl_gxmc: JPformdata['工序名称'],
	  sczl_rq: JPformdata['日期'],
	  sczl_num: JPformdata['流程标牌'],
	  sczl_type: JPformdata['检验类别'],
	  sczl_废品率系数: JPformdata['废品率系数'],
	  sczl_cl: JPformdata['计件箱数'],
	  sczl_Pgcl: JPformdata['每箱数量'],
	  sczl_装版工时: JPformdata['换膜总工时'],
	  sczl_设备运行工时: JPformdata['通电工时'],
	  sczl_dedh: JPformdata['定额代号'],
	  sczl_bzdh: JPformdata['bzdh'],
	  sczl_bh1: JPformdata.组员1['编号'],
	  sczl_bh2: JPformdata.组员2['编号'],
	  sczl_bh3: JPformdata.组员3['编号'],
	  sczl_bh4: JPformdata.组员4['编号'],
	  sczl_bh5: JPformdata.组员5['编号'],
	  sczl_bh6: JPformdata.组员6['编号'],
	  sczl_bh7: JPformdata.组员7['编号'],
	  sczl_bh8: JPformdata.组员8['编号'],
	  sczl_bh9: JPformdata.组员9['编号'],
	  sczl_bh10: JPformdata.组员10['编号'],
	  sczl_bh98:'',
	  sczl_rate1: JPformdata.组员1['比例'],
	  sczl_rate2: JPformdata.组员2['比例'],
	  sczl_rate3: JPformdata.组员3['比例'],
	  sczl_rate4: JPformdata.组员4['比例'],
	  sczl_rate5: JPformdata.组员5['比例'],
	  sczl_rate6: JPformdata.组员6['比例'],
	  sczl_rate7: JPformdata.组员7['比例'],
	  sczl_rate8: JPformdata.组员8['比例'],
	  sczl_rate9: JPformdata.组员9['比例'],
	  sczl_rate10: JPformdata.组员10['比例'],
	  
	};
	console.log(JPformattedData)
	
	const JpUploade_edit = await JpUploade(JPformattedData);
	console.log(JpUploade_edit)
	if (JpUploade_edit.code === 0) {
		JPchanliangVisible.value = false
	  ElMessage({type: 'success',message: '添加成功'})
	} else {
	  ElMessage({type: 'error',message: '添加失败'})
	}
	
}

//班组产量提报 JP检品机 班组产量提报取消
const JPcloseDialog = async() => {
	JPchanliangVisible.value = false
}

//班组产量提报 回车JPent
const JPemployeeDatalistedit = ref('')
const JPblModellistedit = ref(false)
const JPdialogSelectVisible_LXedit = ref(false)

const JPtableDataedit = ref([
	{ name: '废品版', type: '废品版' },
	{ name: '正品版', type: '正品版' },
])

const JPhandleRowClickedit = async (row) => {
	JPformdataedit['检验类别'] = row['name']
	JPdialogSelectVisible_LXedit.value = false
}
//工单编号回车事件
 const JPgetCPMCsubmitedit = () => {
	 // console.log(12)
	 // getMachineReportInfos();
 	if(JPformdataedit.工单编号!=''){
 		ChanliangWorkorder({search:JPformdataedit['工单编号'],machine:JTMC}).then(response=>{
			// console.log(response)
 		  if (response.code === 0) {
			  if(response.data){
				  JPformdataedit['产品名称'] = response.data[0].cpmc
				  document.getElementById('产品名称').style.color = 'red';
				  // JPgetYJMCsubmit()
			  }else{
				  ElMessage({
				    type: 'error',
				    message: response.msg
				  })
				  JPformdataedit['工单编号'] = '';
				  JPformdataedit['产品名称'] = '';
				  document.getElementById('产品名称').style.color = 'black';
			  }
 			  
 			}else{
				JPformdataedit['工单编号'] = '';
				JPformdataedit['产品名称'] = '';
 				document.getElementById('产品名称').style.color = 'black';
 			}
 		});
 	}else{
 		ElMessage({
 		  type: 'error',
 		  message: '请注意, 工单编号输入空置, 除非有特殊需要！'
 		})
 		gxmc.value = '';
 		document.getElementById('产品名称').style.color = 'black';
 	}
 }
 
 
 //印件选择
 const JPdialogSelectVisible_Yjedit = ref(false)
 const JPselectData_Yjedit = reactive([])
 // 处理选择框
 const JPhandleSelectClick_Yjedit = (row, column, event) => {
 	const { yjno, yjmc, ls } = row
 	JPformdataedit['印件号'] = yjno
 	JPformdataedit['印件名称'] = yjmc
 	JPdialogSelectVisible_Yjedit.value = false
 }
 const JPselect_Yjedit = (event) => {
  if (event.keyCode === 40) { // 向下箭头
 	 if (currentIndex.value < JPselectData_Yjedit.length - 1) {
 		 currentIndex.value++;
 		 JPsetCurrent_Yjedit(JPselectData_Yjedit[currentIndex.value]);
 	 } else {
 		 currentIndex.value = 0;
 		 JPsetCurrent_Yjedit(JPselectData_Yjedit[currentIndex.value]); // 到达最后一行时回到第一行			
 	 }
  } else if (event.keyCode === 38) { // 向上箭头
 	 if (currentIndex.value > 0) {
 		 currentIndex.value--;
 		 JPsetCurrent_Yjedit(JPselectData_Yjedit[currentIndex.value]);
 	 } else {
 		 currentIndex.value = JPselectData_Yjedit.length - 1;
 		 JPsetCurrent_Yjedit(JPselectData_Yjedit[currentIndex.value]); // 到达第一行时回到最后一行
 	 }
  } else if (event.keyCode === 13) { // 回车键
 	 JPdialogSelectVisible_Yjedit.value = false;
  }
 }
 //工序选择
  const JPdialogSelectVisible_Gxedit = ref(false)
  const JPselectData_Gxedit = reactive([])
 const JPtable_Gxedit = ref()
  // 处理选择框
  const JPhandleSelectClick_Gxedit = (row, column, event) => {
  	  const { gxh, name, gxmc } = row
  	  JPformdataedit['工序号'] = gxh
  	  JPformdataedit['工序名称'] = name
      JPdialogSelectVisible_Gxedit.value = false
 	 
  }

const JPentedit = async (event,key,val) => {
	if(event.keyCode === 13){
		//组员及比例分配
		if(event.keyCode === 13 && val === '1'){
			let bzyg=''
			bzyg=`组员${key}`
			let bzxm=''
			bzxm=`组员${key}`
			if(JPformdataedit[bzyg]['编号']){
				const getYg_response = await getYg({sczl_bh:JPformdataedit[bzyg]['编号']});
				// console.log(getYg_response)
				if (getYg_response.code === 0) {
				  if(getYg_response.data.length === 1){
					JPformdataedit[bzyg]['姓名'] = getYg_response.data[0].ygxm
					JPformdataedit[bzyg]['编号'] = getYg_response.data[0].员工编号
				  }else{
					JPblModellistedit.value = true;
					// console.log(getYg_response.data)
					JPemployeeDatalistedit.value = getYg_response.data // 假设响应数据是数组
				  }
				}
			}
		}
		if(event.target.id === '检验类别'){
			JPdialogSelectVisible_LXedit.value = true
		}
		if(event.target.id === '印件号'){
			if(JPformdataedit['工单编号']!=''){
				//获取印件名称
			 	ChanliangPrintDetail({gdbh:JPformdataedit['工单编号']}).then(response=>{
					console.log(response)
				  if (response.code === 0) {
			 		  if(response.data){
			 			  if(response.data.length==1){
							  JPformdataedit['印件号'] = response.data[0].yjno
			 				  JPformdataedit['印件名称'] = response.data[0].yjmc
			 				  setColorReadonly('印件名称')
			 			  }else{
			 				  JPselectData_Yjedit.splice(0,  JPselectData_Yjedit.length, ...response.data)
			 				  JPdialogSelectVisible_Yjedit.value=true
			 			  }
			 			  
			 		  }else{
			 			  ElMessage({
			 			    type: 'error',
			 			    message: response.msg
			 			  })
			 		  }
					}
				});
			}else{
				ElMessage({
				  type: 'error',
				  message: '印件编号不存在, 将恢复默认值, 请仔细确认数据准确性！'
				})
			}
		}
		if(event.target.id === '工序号'){
			//弹出选择
			ChanliangProcessDetail({gdbh:JPformdataedit['工单编号'],yjno:JPformdataedit['印件号'],machine:''}).then(response=>{
				console.log(response)
				if (response.code === 0) {
					if(response.data){
						if(response.data.length === 1){
							JPformdataedit['工序号']=response.data[0].gxh
							JPformdataedit['工序名称']=response.data[0].name
						}else{
							JPselectData_Gxedit.splice(0, JPselectData_Gxedit.length, ...response.data)
							JPdialogSelectVisible_Gxedit.value = true
						}
					}else{
						ElMessage({
						  type: 'error',
						  message: response.msg
						})
					}
				}
			})
		}
	}
	
   const inputs = document.getElementsByTagName('input');
   const currentIndex = Array.from(inputs).indexOf(event.target);
   if (event.keyCode === 13 || event.keyCode === 40) { // Enter 或向下箭头
       let nextIndex = currentIndex + 1;
       while (nextIndex < inputs.length) {
           if (inputs[nextIndex].disabled) {
               console.log("当前输入框为disabled，跳过");
               nextIndex++; // 跳过disabled的输入框
               continue;
           }
           if (!inputs[nextIndex].readOnly) {
               nextTick(() => {
                   inputs[nextIndex].focus();
                   inputs[nextIndex].select();
               });
               break;
           }
           nextIndex++;
       }
   }
 else if (event.keyCode === 38) { // 向上箭头
     for (let i = currentIndex - 1; i >= 0; i--) {
       if (!inputs[i].readOnly) {
         nextTick(()=>{
         	inputs[i].focus();
 			inputs[i].select();
         })
         break;
       }
     }
   } else if (event.keyCode === 8) { // 删除箭头
     if (event.target.selectionStart === 0) {
       for (let i = currentIndex - 1; i >= 0; i--) {
         if (!inputs[i].readOnly) {
           nextTick(()=>{
           	inputs[i].focus();
 			inputs[i].setSelectionRange(0, 0);
           })
           break;
         }
       }
     }
   } else if (event.keyCode === 37) { // 向左箭头
     if (event.target.selectionStart === 0) {
       for (let i = currentIndex - 1; i >= 0; i--) {
         if (!inputs[i].readOnly) {
           nextTick(()=>{
           	inputs[i].focus();
 			inputs[i].select();
           })
           break;
         }
       }
     }
   } else if (event.keyCode === 39) { // 向右箭头
     if (event.target.selectionStart === event.target.value.length) {
       for (let i = currentIndex + 1; i < inputs.length; i++) {
         if (!inputs[i].readOnly) {
           nextTick(()=>{
           	inputs[i].focus();
 			inputs[i].select();
           })
           break;
         }
       }
     }
   }
 }








//班组产量提报 打开新增页面
const onADD = async() => {
// function onADD(){
	console.log(JTMC)
	//判断是否为JP 检品机器【是检品机独立页面】
	if (JTMC.startsWith('JP')) {
		JPchanliangVisible.value = true
		//获取当天日期接口
		getTimelistss();
		//获取产量上报数据信息接口
		getMachineReportInfos();
	} else {
	  type2.value="create"
	  //通过车间名称查询机台【机器】
	  gdzl_MachineList({address:CJMC.value}).then( MachineList_jitai =>{
	  	gdzl_MachineList_address.data = MachineList_jitai.data;
	  });
	  
	  //打开新增按钮获取
	  	qita_jitaidata();
	  	
	  	if(uid.value == undefined){
	  		initfordata3()
	  		chanliangVisible.value=true
	  		return
	  	}
	  const response = await MachineChanliangDetail({UniqId:uid.value});
	    if (response.code === 0) {
	  	 chanliangVisible.value=true
	  	 formdata3.value=response.data
	  	 const result=formdata3.value.gxmc.match(/-(.{2})/)
	  	 formdata3.value.gymc=result[1]
	  	 formdata3.value.sczl_jtbh=JTMC
	  	 formdata3.value.yjmc=response.data.印件名称
	  	 formdata3.value.rq=date
	  	 if (formdata3.value.bzdh === 'A班') {
	  	     formdata3.value.starttime = ''; // 清空值
	  	     setTimeout(()=>{
	  			formdata3.value.starttime = date + " 08:30:00"; // 设置为 20:30:00
	  	     })
	  	 } else if (formdata3.value.bzdh === 'B班') {
	  	     formdata3.value.starttime = ''; // 清空值
	  	     setTimeout(()=>{
	  	     	formdata3.value.starttime = date + " 20:30:00"; // 设置为 20:30:00
	  	     })
	  	 }
		 //部分数据置空
		 formdata3.value.产量 = '';
		 formdata3.value.制程废品 = '0.0';
		 formdata3.value.制程次品 = '0.0';
		 formdata3.value.前工序废 = '0.0';
		 formdata3.value.来料异常 = '0.0';
		 formdata3.value.装版工时 = '0.00';
		 formdata3.value.装版补产工时 = '0.00';
		 formdata3.value.打样工时 = '0.00';
		 formdata3.value.打样补产工时 = '0.00';
		 formdata3.value.保养工时 = '0.00';
		 formdata3.value.异常总工时 = '0.00';
		 formdata3.value.通电工时 = '0.00';
	  	 console.log(formdata3.value)
	    }
	}
}

//班组产量提报 获取当天日期接口
const getTimelistss = async () => {
	const getTimelistss = await getTimelist();
	console.log(getTimelistss)
	JPformdata['日期'] = getTimelistss.data.date
}

//班组产量提报 获取产量上报数据信息接口
const getMachineReportInfos = async () => {
	const getMachineReportInfos = await reportInfo({machine:JTMC = JTMC.replace(/#/g, '')});
	console.log(getMachineReportInfos)
	JPformdata['bzdh'] = getMachineReportInfos.data.class.sczl_bzdh
	JPformdata['工单编号'] = _rclsb_gdbh.value
	JPformdata['产品名称'] = getMachineReportInfos.data.order_info.product_name
	JPformdata['定额代号'] = getMachineReportInfos.data.order_info.dedh
	
	for (let i = 1; i <= 10; i++) {
	  JPformdata[`组员${i}`]['比例'] = getMachineReportInfos.data.class[`sczl_rate${i}`];
	}
}

 //工单编号回车事件
 const JPgetCPMCsubmit = () => {
	 // console.log(12)
	 // getMachineReportInfos();
 	if(JPformdata.工单编号!=''){
 		ChanliangWorkorder({search:JPformdata['工单编号'],machine:JTMC}).then(response=>{
			// console.log(response)
 		  if (response.code === 0) {
			  if(response.data){
				  JPformdata['产品名称'] = response.data[0].cpmc
				  document.getElementById('产品名称').style.color = 'red';
				  // JPgetYJMCsubmit()
			  }else{
				  ElMessage({
				    type: 'error',
				    message: response.msg
				  })
				  JPformdata['工单编号'] = '';
				  JPformdata['产品名称'] = '';
				  document.getElementById('产品名称').style.color = 'black';
			  }
 			  
 			}else{
				JPformdata['工单编号'] = '';
				JPformdata['产品名称'] = '';
 				document.getElementById('产品名称').style.color = 'black';
 			}
 		});
 	}else{
 		ElMessage({
 		  type: 'error',
 		  message: '请注意, 工单编号输入空置, 除非有特殊需要！'
 		})
 		gxmc.value = '';
 		document.getElementById('产品名称').style.color = 'black';
 	}
 }
 
 //印件选择
const JPdialogSelectVisible_Yj = ref(false)
const JPselectData_Yj = reactive([])
// 处理选择框
const JPhandleSelectClick_Yj = (row, column, event) => {
	const { yjno, yjmc, ls } = row
	JPformdata['印件号'] = yjno
	JPformdata['印件名称'] = yjmc
	JPdialogSelectVisible_Yj.value = false
}
const JPselect_Yj = (event) => {
 if (event.keyCode === 40) { // 向下箭头
	 if (currentIndex.value < JPselectData_Yj.length - 1) {
		 currentIndex.value++;
		 JPsetCurrent_Yj(JPselectData_Yj[currentIndex.value]);
	 } else {
		 currentIndex.value = 0;
		 JPsetCurrent_Yj(JPselectData_Yj[currentIndex.value]); // 到达最后一行时回到第一行			
	 }
 } else if (event.keyCode === 38) { // 向上箭头
	 if (currentIndex.value > 0) {
		 currentIndex.value--;
		 JPsetCurrent_Yj(JPselectData_Yj[currentIndex.value]);
	 } else {
		 currentIndex.value = JPselectData_Yj.length - 1;
		 JPsetCurrent_Yj(JPselectData_Yj[currentIndex.value]); // 到达第一行时回到最后一行
	 }
 } else if (event.keyCode === 13) { // 回车键
	 JPdialogSelectVisible_Yj.value = false;
 }
}
//工序选择
 const JPdialogSelectVisible_Gx = ref(false)
 const JPselectData_Gx = reactive([])
const JPtable_Gx = ref()
 // 处理选择框
 const JPhandleSelectClick_Gx = (row, column, event) => {
 	  const { gxh, name, gxmc } = row
 	  JPformdata['工序号'] = gxh
 	  JPformdata['工序名称'] = name
     JPdialogSelectVisible_Gx.value = false
	 
 }
 
//班组产量提报 回车JPent
const JPemployeeDatalist = ref('')
const JPblModellist = ref(false)
const JPdialogSelectVisible_LX = ref(false)

const JPtableData = ref([
	{ name: '废品版', type: '废品版' },
	{ name: '正品版', type: '正品版' },
])

const JPhandleRowClick = async (row) => {
	JPformdata['检验类别'] = row['name']
	JPdialogSelectVisible_LX.value = false
}



const JPent = async (event,key,val) => {
	if(event.keyCode === 13){
		//组员及比例分配
		if(event.keyCode === 13 && val === '1'){
			let bzyg=''
			bzyg=`组员${key}`
			let bzxm=''
			bzxm=`组员${key}`
			if(JPformdata[bzyg]['编号']){
				const getYg_response = await getYg({sczl_bh:JPformdata[bzyg]['编号']});
				console.log(getYg_response)
				if (getYg_response.code === 0) {
				  if(getYg_response.data.length === 1){
					JPformdata[bzyg]['姓名'] = getYg_response.data[0].ygxm
					JPformdata[bzyg]['编号'] = getYg_response.data[0].员工编号
				  }else{
					  console.log(456)
					JPblModellist.value = true;
					// console.log(getYg_response.data)
					JPemployeeDatalist.value = getYg_response.data // 假设响应数据是数组
				  }
				}
			}
		}
		if(event.target.id === '检验类别'){
			JPdialogSelectVisible_LX.value = true
		}
		if(event.target.id === '印件号'){
			if(JPformdata['工单编号']!=''){
				//获取印件名称
			 	ChanliangPrintDetail({gdbh:JPformdata['工单编号']}).then(response=>{
					// console.log(response)
				  if (response.code === 0) {
			 		  if(response.data){
			 			  if(response.data.length==1){
							  JPformdata['印件号'] = response.data[0].yjno
			 				  JPformdata['印件名称'] = response.data[0].yjmc
			 				  setColorReadonly('印件名称')
			 			  }else{
			 				   JPselectData_Yj.splice(0,  JPselectData_Yj.length, ...response.data)
			 				  JPdialogSelectVisible_Yj.value=true
			 			  }
			 			  
			 		  }else{
			 			  ElMessage({
			 			    type: 'error',
			 			    message: response.msg
			 			  })
			 		  }
					}
				});
			}else{
				ElMessage({
				  type: 'error',
				  message: '印件编号不存在, 将恢复默认值, 请仔细确认数据准确性！'
				})
			}
		}
		if(event.target.id === '工序号'){
			//弹出选择
			ChanliangProcessDetail({gdbh:JPformdata['工单编号'],yjno:JPformdata['印件号'],machine:''}).then(response=>{
				// console.log(response)
				if (response.code === 0) {
					if(response.data){
						if(response.data.length === 1){
							JPformdata['工序号']=response.data[0].gxh
							JPformdata['工序名称']=response.data[0].name
						}else{
							JPselectData_Gx.splice(0, JPselectData_Gx.length, ...response.data)
							JPdialogSelectVisible_Gx.value = true
						}
					}else{
						ElMessage({
						  type: 'error',
						  message: response.msg
						})
					}
				}
			})
		}
	}
	
   const inputs = document.getElementsByTagName('input');
   const currentIndex = Array.from(inputs).indexOf(event.target);
   if (event.keyCode === 13 || event.keyCode === 40) { // Enter 或向下箭头
       let nextIndex = currentIndex + 1;
       while (nextIndex < inputs.length) {
           if (inputs[nextIndex].disabled) {
               console.log("当前输入框为disabled，跳过");
               nextIndex++; // 跳过disabled的输入框
               continue;
           }
           if (!inputs[nextIndex].readOnly) {
               nextTick(() => {
                   inputs[nextIndex].focus();
                   inputs[nextIndex].select();
               });
               break;
           }
           nextIndex++;
       }
   }
 else if (event.keyCode === 38) { // 向上箭头
     for (let i = currentIndex - 1; i >= 0; i--) {
       if (!inputs[i].readOnly) {
         nextTick(()=>{
         	inputs[i].focus();
 			inputs[i].select();
         })
         break;
       }
     }
   } else if (event.keyCode === 8) { // 删除箭头
     if (event.target.selectionStart === 0) {
       for (let i = currentIndex - 1; i >= 0; i--) {
         if (!inputs[i].readOnly) {
           nextTick(()=>{
           	inputs[i].focus();
 			inputs[i].setSelectionRange(0, 0);
           })
           break;
         }
       }
     }
   } else if (event.keyCode === 37) { // 向左箭头
     if (event.target.selectionStart === 0) {
       for (let i = currentIndex - 1; i >= 0; i--) {
         if (!inputs[i].readOnly) {
           nextTick(()=>{
           	inputs[i].focus();
 			inputs[i].select();
           })
           break;
         }
       }
     }
   } else if (event.keyCode === 39) { // 向右箭头
     if (event.target.selectionStart === event.target.value.length) {
       for (let i = currentIndex + 1; i < inputs.length; i++) {
         if (!inputs[i].readOnly) {
           nextTick(()=>{
           	inputs[i].focus();
 			inputs[i].select();
           })
           break;
         }
       }
     }
   }
 }
 
 const JPclickedlist = ref(false);
 const JPtablebllickHandlerlist = async (row, column, event) => {
     if (JPclickedlist.value) {
       // 如果已经点击过一次，则不再执行操作
       return;
     }
     let nextIndex = 1;
     while (JPformdata[`组员${nextIndex}`]['编号'] !== '') {
       nextIndex++;
       if (nextIndex > 10) {
         // 如果所有字段都已经填满，则不做任何事情并退出函数
         return;
       }
     }
     // 将选定的值分配给下一个空的代码和名称字段
     JPformdata[`组员${nextIndex-1}`]['编号'] = row.员工编号;
     JPformdata[`组员${nextIndex-1}`]['姓名'] = row.ygxm;
     JPblModellist.value = false;
     JPclickedlist.value = true;
     setTimeout(() => {
       JPclickedlist.value = false;
     }, 300); // 300毫秒内再次点击将不会触发事件，你可以根据需要调整这个延迟时间
   };
   
   const JPclickedlistedit = ref(false);
 const JPtablebllickHandlerlistedit = async (row, column, event) => {
     if (JPclickedlistedit.value) {
       // 如果已经点击过一次，则不再执行操作
       return;
     }
     let nextIndex = 1;
     while (JPformdataedit[`组员${nextIndex}`]['编号'] !== '') {
       nextIndex++;
       if (nextIndex > 10) {
         // 如果所有字段都已经填满，则不做任何事情并退出函数
         return;
       }
     }
     // 将选定的值分配给下一个空的代码和名称字段
     JPformdataedit[`组员${nextIndex-1}`]['编号'] = row.员工编号;
     JPformdataedit[`组员${nextIndex-1}`]['姓名'] = row.ygxm;
     JPblModellistedit.value = false;
     JPclickedlistedit.value = true;
     setTimeout(() => {
       JPclickedlistedit.value = false;
     }, 300); // 300毫秒内再次点击将不会触发事件，你可以根据需要调整这个延迟时间
   };


const Selection_ids = ref('')
// 印件资料多选、工艺资料多选
const selectionChange = (selection) => {
	const ids = selection.map(item => {
	  return item.UniqId
	})
    Selection_ids.value = ids.join(',')
}
//删除
function onDel() {
	Chanliangdel()
}

// 日产量上报删除
const Chanliangdel = async() => {
	if(!Selection_ids.value){
		ElMessage({
		  type: 'warning',
		  message: '请勾选要删除的数据'
		})
		return
	}
    const res = await ChanliangDel({ UniqId:Selection_ids.value})
    if (res.code === 0) {
    ElMessage({
      type: 'success',
      message: '成功'
    })
	FacilitychanLiang()
    }else{
		ElMessage({
		  type: 'error',
		  message: '失败'
		})
	}
}
//核算调整
function hesuan(){
	hesuanVisible.value=true
}
//制程检验
const zhichengstatus=ref(false)
const xunchaData = ref([]);
const zhichengVisible = ref(false)
const zhichengtreeData=ref([{
	label: '首件与过程确认'
},{
	label: '机台检验'
},{
	label: 'IPQC检验'
}])
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 category =ref()
const zhibiaoselectData=ref([])
const fujiaselectData=ref([])
const zhichengNodeClick = (node, check) => {
	if(node.label){
		zhichengstatus.value=true
		category.value=node.label
		processInspectionRecordsItem()
	}
};


//工单打印
const pd_gdprintonClick = () => {
	if(formData.value.工单编号==''){
		ElMessage({ type: 'warning', message: '未获取到工单' });
		return
	}
  printPageRef.value.open(formData.value.工单编号)
}

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]
		 item.selected = '不检测';
		 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 zhichengDialog = async () => {
	console.log(zhibiaoselectData.value)
	// return
	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
		}

	})
	
	console.log(arrs)
	// return
	if(fujiastatus==1){
		const responses = await AdditionalInspectionRecordAdd(arrs);
		fujiastatus=0
	}
	
	// 使用filter方法过滤掉所有result为"不检测"的对象
	const filteredData = zhibiaoselectData.value.filter(item => item.selected !== "不检测");
	console.log(filteredData);
	// return false;
	const response = await ProcessInspectionRecordsItemAdd(filteredData);
	console.log(response);
	if (response.code === 0) {
		  ElMessage({
		    type: 'success',
		    message: '成功'
		  })
		  zhichengVisible.value=false
		  zhibiaoselectData.value=[]
		  fujiaselectData.value=[]
	}
}
const closezhichengDialog = async () => {
	zhichengVisible.value=false
}
//设置机台状态
const dialogSbyxgl=ref(false)
function onstatus() {
	dialogSbyxgl.value=true
	 SetMachineStatus()
	 // ReportProduceInfo()
}


//设置机台状态
const SetMachineStatus = async () => {

}

//客诉记录
const complaintsShow = ref(false)
const complaintsData = reactive([])
function oncomplaints() {
	Complaints()

}
// 客诉记录表格填充
const Complaints = async() => {
	if(finishedcode.value==null){
	ElMessage({
	  type: 'error',
	  message: '请先选择产品',
	})
	return
	}
	const res = await ComplaintRecord({productCode :finishedcode.value})
    if (res.code === 0) {
		if(res.data==null){
		ElMessage({
		  type: 'error',
		  message: '此产品暂无客诉记录',
		})
		}else{
			complaintsData.splice(0, complaintsData.length, ...res.data);
			console.log(complaintsData);
			console.log(complaintsData[0].产品编号)
			selectedRowData.value=complaintsData[0]
			console.log(selectedRowData)
			complaintsShow.value=true
		}

    }
}
const selectedRowData = ref({

})
//客诉表格单击
const complaintshandle = (val, row) => {
	console.log(val)
	selectedRowData.value=val
};
//换型清场
const huanxingVisible = ref(false)
const huanxingtreeData=ref([])
const huanxingselectData = ref([])
const huanxingstatus=ref(false)
const activNames=ref('first')
function onClear() {
	huanxingVisible.value=true
	 RemodelGetTab()
}
function onClear2() {
	console.log(formData.value.工单编号)
	console.log(BZMC)
}
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
  }else{
	  ElMessage({
	    type: 'error',
	    message: '请注意, 工单编号输入空置, 除非有特殊需要！'
	  })
  }
}

const huanxingNodeClick = (node) => {
  //存放当前节点的nodeId
  //存放当前节点的nodeId
  if(node.machine){
  	  // console.log(node.label.split('/')[1])
  	  huanxingstatus.value=true
  	  remodelDetail(node.label.split('/')[1])
  	  modelChangeRecord(node.machine)
  }else{
  	  console.log('2')
  }
}
const huanxingData = ref({})
const remodelDetail = async (val) => {
  const response = await RemodelDetail({UniqId:val});
  if (response.code === 0) {
	huanxingData.value=response.data
	if(response.data.项目1==1){
		huanxingData.value.项目1=true
	}else{
		huanxingData.value.项目1=false
	}
	if(response.data.项目2==1){
		huanxingData.value.项目2=true
	}else{
		huanxingData.value.项目2=false
	}
	if(response.data.项目3==1){
		huanxingData.value.项目3=true
	}else{
		huanxingData.value.项目3=false
	}
	if(response.data.项目4==1){
		huanxingData.value.项目4=true
	}else{
		huanxingData.value.项目4=false
	}
	if(response.data.项目5==1){
		huanxingData.value.项目5=true
	}else{
		huanxingData.value.项目5=false
	}
  }else{
	  ElMessage({
	    type: 'error',
	    message: '请注意, 工单编号输入空置, 除非有特殊需要！'
	  })
  }
}
const modelChangeRecord = async (val) => {
  const response = await ModelChangeRecord({machine:val});
  if (response.code === 0) {
	huanxingselectData.value=response.data
  }
}
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 onyinban = async() => {
	console.log(formData.value.productCodes)
	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 onxuncha = async() => {
	xunchaVisible.value=true
}

//获取设备点检->检验项目
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 facilityPrintDetailItem = async (value) => {
  try {
    // 调用接口获取巡检项目数据
    // const response = await facilityPrintDetail({ workOrder: formData.value.工单编号,code:value,productCode:productCode.value });
	const response = await facilityPrintDetail({ workOrder: formData.value.工单编号,code:value,productCode:formData.value.productCode });
    // 检查接口返回的状态码
    if (response.code === 0) {
     console.log(response)
	 yinbanselectData.value=response.data
    }
  } catch (error) {
    // 捕获并打印异常
    console.error("获取数据出错：" + error);
    return null;
  }
};

//树形结构单机
const dianjianselectData = reactive([])
const yinbanselectData = ref([])
const xunchaselectData = ref([])
const dianjianNodeClick = (node, check, nodeData) => {
  if (node.children && node.children.length > 0) {
    // 点击的是父节点，且有子节点
    // 执行相应的父节点单击事件处理逻辑
    // 这里可以添加你想要的处理逻辑，比如展开/折叠节点等
  } else {
    // 点击的是子节点，或者没有子节点
    // 执行相应的子节点单击事件处理逻辑
	console.log(node.label)
	console.log(JTMC.split("#")[0])
	 // FacilityInspectionItem({unitName:node.label ,machine:JTMC.split("#")[0]})

     FacilityInspectionItem(node.label,)

  }
};
const yinbanNodeClick = (node, check, nodeData) => {
  if (node.children && node.children.length > 0) {
    // 点击的是父节点，且有子节点
    // 执行相应的父节点单击事件处理逻辑
    // 这里可以添加你想要的处理逻辑，比如展开/折叠节点等
  } else {
    // 点击的是子节点，或者没有子节点
    // 执行相应的子节点单击事件处理逻辑
     facilityPrintDetailItem(node.code)
	 // console.log()

  }
};
const xunchaNodeClick = (node, check, nodeData) => {
	if(node){
		fieldInspectionRecord()
	}
}

const fieldInspectionRecord = async () => {
	let time = new Date();
	time.setDate(time.getDate() - 0); // 今天的前N天的日期，N自定义
	time= `${time.getFullYear()}-${time.getMonth() + 1}-${time.getDate()}`;
	console.log(time+' 08:30:00')
	const response = await FieldInspectionRecord({ workOrder: formData.value.工单编号,team:BZMC.value,start:time+' 08:30:00' });
	if (response.code === 0) {
		xunchaselectData.value=response.data
	}
}

let pandingfangfa=ref()
//检验项目单击
const dianjianhandle =  (val, row) => {
  try {
    pandingfangfa.value = val.判定标准;
  } catch (error) {
    console.error('An error occurred:', error);
  }
};
const notjcClick =  (val) => {
	console.log("不检测")
	val.notjc==true
	val.zc=false
	val.yc==false
};
const zcClick =  (val) => {
	console.log("合格")
	val.notjc==false
	val.zc=true
	val.yc==false
};
const ycClick =  (val) => {
	console.log("不合格")
	val.notjc==false
	val.zc=false
	val.yc==true
};

const rowClassName = (row, column) => {
  try {
    if (row.unchecked) {
      return 'row-yellow';
    }
    return '';
  } catch (error) {
    console.error('An error occurred:', error);
    return '';
  }
};

// 异步函数，用于获取指定设备的巡检项目，并且将结果格式化为树形结构数据
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;
  }
};

//班组维护
// function onBZ() {
const onBZ = async () => {
	// console.log(JTMC)
	FacilityTeam(JTMC)
	fetchData()
	detailShow.value=true
	
}

// 班组人员及分配比例
const FacilityTeam = async (value) => {
  const response = await facilityTeam({ machine: value });
  console.log(response)
    console.log(123123212132)
  if (response.code === 0) {
	BZMC.value=response.data[0]['班组号']
	InspectionRecord()
	FacilityDetail()
    // 清空 bzData 数组
    bzData.splice(0, bzData.length);
	FPData.splice(0, FPData.length);
    // 遍历接口返回的数据，并给每个对象添加 JTMC 属性
    const updatedData = response.data.map(item => {
      return { ...item, JTMC: value }; // 添加 JTMC 属性
    });
    // 将更新后的数据添加到 bzData 数组
    bzData.push(...updatedData)
	FPData.push(...updatedData)
	return 1
  }
};


//日产量批量维护
function onRCL() {
	if(!Selection_ids.value){
		ElMessage({
		  type: 'warning',
		  message: '请先勾选数据'
		})
		return
	}
	FacilityTeam_rcl(JTMC)
	detailShow_rcl.value=true
	console.log('333')
}
let BZMC_rcl=ref()
const bzData_rcl = reactive([])
const selectedOption_rcl = ref('');
// 班组人员及分配比例
const FacilityTeam_rcl = async (value) => {
  const response = await facilityTeam({ machine: value });
  if (response.code === 0) {
	// formData.value.班组 = response.data[0]['班组号'];
	BZMC_rcl.value = response.data[0]['班组号']
	selectedOption_rcl.value = JTMC

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

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

    // 将更新后的数据添加到 bzData 数组
    bzData_rcl.push(...updatedData);
	return 1
  }
};
//班组单击
const currentBz_rcl ={}
const BZvalue_rcl=ref()
const BZhandle_rcl = (val) => {
  currentBz_rcl.value = val
  BZvalue_rcl.value=val.ID
  formDatas_rcl.value = {};
  let sczl_bhkey_rcl = ''
  let sczl_namekey_rcl = ''
  let percentagekey_rcl = ''
  console.log(currentBz_rcl)
  if (currentBz_rcl.value[9]) {
    for (let i = 1; i <= 9; i++) {
      sczl_bhkey_rcl = `code${i}`
      sczl_namekey_rcl = `name${i}`
      percentagekey_rcl = `percentage${i}`
      formDatas_rcl.value[sczl_bhkey_rcl] = '';
      formDatas_rcl.value[sczl_namekey_rcl] = '';
      formDatas_rcl.value[percentagekey_rcl] = '';
    }
    formDatas_rcl.value.code8 = currentBz_rcl.value[9].split(' ')[0];
    formDatas_rcl.value.name8 = currentBz_rcl.value[9].split(' ')[1]
    formDatas_rcl.value.percentage8 = parseFloat(currentBz_rcl.value[9].split(' ')[2].split('(')[1].split(')')[0])/100
    for (let i = 1; i <= Math.min(Object.keys(currentBz_rcl.value).length - 5, 6); i++) {
      sczl_bhkey_rcl = `code${i}`
      sczl_namekey_rcl = `name${i}`
      percentagekey_rcl = `percentage${i}`
      formDatas_rcl.value[sczl_bhkey_rcl] = currentBz_rcl.value[i - 1].split(' ')[0];
      formDatas_rcl.value[sczl_namekey_rcl] = currentBz_rcl.value[i - 1].split(' ')[1];
      if(isNaN(parseFloat(currentBz_rcl.value[i - 1].split(' ')[2].split('(')[1].split(')')[0]))){
        formDatas_rcl.value[percentagekey_rcl] = currentBz_rcl.value[i - 1].split(' ')[2].split('(')[1].split(')')[0];
      }else{
        formDatas_rcl.value[percentagekey_rcl] = parseFloat(currentBz_rcl.value[i - 1].split(' ')[2].split('(')[1].split(')')[0])/100;
      }
    }
  } else {
    for (let i = 1; i <= 10; i++) {
      sczl_bhkey_rcl = `code${i}`
      sczl_namekey_rcl = `name${i}`
      percentagekey_rcl = `percentage${i}`
      formDatas_rcl.value[sczl_bhkey_rcl] = '';
      formDatas_rcl.value[sczl_namekey_rcl] = '';
      formDatas_rcl.value[percentagekey_rcl] = '';
    }
    for (let i = 1; i <= Math.min(Object.keys(currentBz_rcl.value).length - 4, 6); i++) {
      sczl_bhkey_rcl = `code${i}`
      sczl_namekey_rcl = `name${i}`
      percentagekey_rcl = `percentage${i}`
      formDatas_rcl.value[sczl_bhkey_rcl] = currentBz_rcl.value[i - 1].split(' ')[0];
      formDatas_rcl.value[sczl_namekey_rcl] = currentBz_rcl.value[i - 1].split(' ')[1];
      if(isNaN(parseFloat(currentBz_rcl.value[i - 1].split(' ')[2].split('(')[1].split(')')[0]))){
        formDatas_rcl.value[percentagekey_rcl] = currentBz_rcl.value[i - 1].split(' ')[2].split('(')[1].split(')')[0];
      }else{
        formDatas_rcl.value[percentagekey_rcl] = parseFloat(currentBz_rcl.value[i - 1].split(' ')[2].split('(')[1].split(')')[0])/100;
      }
    }
  }
	BZMC_rcl.value=val.班组号
};

const selectBz_rcl = () => {
	if(currentBz_rcl.value==undefined){
		ElMessage({
		  type: 'warning',
		  message: '请选择班组'
		})
		return
	}
	console.log(Selection_ids.value)
	console.log(currentBz_rcl.value.ID)
	YieldTeamEdit({'Uniqid': Selection_ids.value, 'teamID': currentBz_rcl.value.ID}).then( res => {
		if(res.code==0){
			ElMessage({
			  type: 'success',
			  message: '成功'
			})
			closeDetailShow_rcl()
			FacilitychanLiang()
		}
	})
}


const blModel = ref(false)
const employeeData = ref('')
const getbzyg = async (value,key) => {
	console.log(12)
  let bzyg=''
  bzyg=`code${key}`
  let bzxm=''
  bzxm=`name${key}`
  const response = await getYg({sczl_bh:formDatas.value[bzyg]});
  console.log(response)
  if (response.code === 0) {
    if(response.data.length === 1){
      formDatas.value[bzxm]= response.data[0].ygxm
      formDatas.value[bzyg]= response.data[0].员工编号
    }else{
      blModel.value = true;
      console.log(response.data)
      employeeData.value = response.data // 假设响应数据是数组
    }
  }
}

const clicked = ref(false);
const tablebllickHandler = async (row, column, event) => {
  if (clicked.value) {
    // 如果已经点击过一次，则不再执行操作
    return;
  }
  let nextIndex = 1;
  while (formDatas.value[`code${nextIndex}`] !== '' && formDatas.value[`name${nextIndex}`] !== '') {
    nextIndex++;
    if (nextIndex > 8) {
      // 如果所有字段都已经填满，则不做任何事情并退出函数
      return;
    }
  }
  // 将选定的值分配给下一个空的代码和名称字段
  formDatas.value[`code${nextIndex}`] = row.员工编号;
  formDatas.value[`name${nextIndex}`] = row.ygxm;
  blModel.value = false;
  clicked.value = true;
  setTimeout(() => {
    clicked.value = false;
  }, 300); // 300毫秒内再次点击将不会触发事件，你可以根据需要调整这个延迟时间
};

const blplanUsageCellClass = ({row, column, rowIndex, columnIndex}) =>{
  if (column.property === '员工编号' || column.property === 'ygxm') {
    return 'plan-usage-low';
  }
}
const JPblplanUsageCellClass = ({row, column, rowIndex, columnIndex}) =>{
  if (column.property === '员工编号' || column.property === 'ygxm') {
    return 'plan-usage-low';
  }
}
const JPblplanUsageCellClassedit = ({row, column, rowIndex, columnIndex}) =>{
  if (column.property === '员工编号' || column.property === 'ygxm') {
    return 'plan-usage-low';
  }
}


const addBz = async() => {
  // selectedOption.value='YS-JY06-002||印品质量检测机(JP1020-18)'
  // console.log(selectedOption.value)
  // console.log(BZMC.value)
  // console.log(selectedOption.value.split('|')[0])
  const response = await MachineTeamAdd({
    sczl_jtbh:  selectedOption.value.split('|')[0],
    sczl_bzdh:  BZMC.value,
    sczl_bh1:   formDatas.value.code1,
    sczl_bh2:   formDatas.value.code2,
    sczl_bh3:   formDatas.value.code3,
    sczl_bh4:   formDatas.value.code4,
    sczl_bh5:   formDatas.value.code5,
    sczl_bh6:   formDatas.value.code6,
    sczl_bh7:   formDatas.value.code7,
    sczl_bh8:   formDatas.value.code10,
    sczl_bh9:   formDatas.value.code9,
    sczl_bh10:   formDatas.value.code8,
    sczl_rate1: formDatas.value.percentage1,
    sczl_rate2: formDatas.value.percentage2,
    sczl_rate3: formDatas.value.percentage3,
    sczl_rate4: formDatas.value.percentage4,
    sczl_rate5: formDatas.value.percentage5,
    sczl_rate6: formDatas.value.percentage6,
    sczl_rate7: formDatas.value.percentage7,
    sczl_rate8: formDatas.value.percentage10,
    sczl_rate9: formDatas.value.percentage9,
    sczl_rate10: formDatas.value.percentage8,
    sys_id: sys_id
  })
  // console.log()
  if (response.code === 0) {
    ElMessage({
      type: 'success',
      message: '成功'
    })
	FacilityTeam(JTMC)
	fetchData()
    // FacilityProduction()
  }
}
const currentBz ={}
const selectBz = async() => {
	if(currentBz.value){
		BZMC.value=currentBz.value.班组号
		let sczl_bhkey=''
		let sczl_namekey=''
    if (currentBz.value[9]) {
      for (let i = 1; i <= 9; i++) {
        sczl_bhkey=`sczl_bh${i}`
        sczl_namekey=`sczl_name${i}`
        formData.value[sczl_bhkey] = '';
        formData.value[sczl_namekey] = '';
      }
      formData.value.sczl_bh10 = currentBz.value[9].split(' ')[0];
      formData.value.sczl_name10=currentBz.value[9].split(' ')[1]
      for (let i = 1; i <= Math.min(Object.keys(currentBz.value).length-5, 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]
      }
      classbz.value.push(currentBz.value[9].split(' ')[0])
      formData.value.class=classbz.value.join(',')
      console.log(formData.value)
    }else{
      for (let i = 1; i <= 10; 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:'生产',
			production_now:0,
			production_all:0,
			team_id:currentBz.value.ID
			})
		if(response.code===0){
			ElMessage({
			  type: 'success',
			  message: '成功'
			})
      FacilityProduction()
    }
		// currentBz.value={}
	}
	
	detailShow.value = false;
}
const delBz = async() => {

	const UniqId=currentBz.value.ID
	console.log(currentBz.value.ID)
	if(currentBz.value){
		ElMessageBox.confirm('确定要删除吗?', '提示', {
		    confirmButtonText: '确定',
		    cancelButtonText: '取消',
		    type: 'warning'
		}).then(() => {
      const response = teamDel({UniqId:UniqId})
	  response.then(result => {
	    if(result.code===0){
	      ElMessage({
	        type: 'success',
	        message: '成功'
	      })
	    		console.log(response)
	    		FacilityTeam(JTMC)
	    		fetchData()
	    }
	  });
		    })
    currentBz.value={}
	}
}

const selected = ref('');
// 下拉框选项数据
const dropdownOptions = ref([]);
// 选中的选项
const selectedOption = ref('');
// 获取接口数据并转换为下拉框需要的格式
const fetchData = async () => {
  try {
    const response = await facilityMachineList();
	console.log(response)
	console.log(5555555555)
    if (response.code === 0) {
      const options = response.data.map((item) => ({
        label: item,
        value: item
      }));
	  console.log(JTMC)
	  const selectionValue = options.find(item => {
		  return item.value.indexOf(JTMC) !== -1
	  })
	  
      selectedOption.value = selectionValue.value ?? options[0].value
	  dropdownOptions.value = options
	  
		// 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 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:'',
})
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 formDatas_rcl = 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 BZvalue=ref()
const BZhandle = (val) => {
	
	console.log(currentBz.value)
  currentBz.value = val
  BZvalue.value=val.ID
  formDatas.value = {};
  let sczl_bhkey = ''
  let sczl_namekey = ''
  let percentagekey = ''
  if (currentBz.value[9]) {
    for (let i = 1; i <= 9; i++) {
      sczl_bhkey = `code${i}`
      sczl_namekey = `name${i}`
      percentagekey = `percentage${i}`
      formDatas.value[sczl_bhkey] = '';
      formDatas.value[sczl_namekey] = '';
      formDatas.value[percentagekey] = '';
    }
    formDatas.value.code8 = currentBz.value[9].split(' ')[0];
    formDatas.value.name8 = currentBz.value[9].split(' ')[1]
    formDatas.value.percentage8 = parseFloat(currentBz.value[9].split(' ')[2].split('(')[1].split(')')[0])/100
    for (let i = 1; i <= Math.min(Object.keys(currentBz.value).length - 5, 6); i++) {
      sczl_bhkey = `code${i}`
      sczl_namekey = `name${i}`
      percentagekey = `percentage${i}`
      formDatas.value[sczl_bhkey] = currentBz.value[i - 1].split(' ')[0];
      formDatas.value[sczl_namekey] = currentBz.value[i - 1].split(' ')[1];
      if(isNaN(parseFloat(currentBz.value[i - 1].split(' ')[2].split('(')[1].split(')')[0]))){
        formDatas.value[percentagekey] = currentBz.value[i - 1].split(' ')[2].split('(')[1].split(')')[0];
      }else{
        formDatas.value[percentagekey] = parseFloat(currentBz.value[i - 1].split(' ')[2].split('(')[1].split(')')[0])/100;
      }
    }
  } else {
    for (let i = 1; i <= 10; i++) {
      sczl_bhkey = `code${i}`
      sczl_namekey = `name${i}`
      percentagekey = `percentage${i}`
      formDatas.value[sczl_bhkey] = '';
      formDatas.value[sczl_namekey] = '';
      formDatas.value[percentagekey] = '';
    }
    for (let i = 1; i <= Math.min(Object.keys(currentBz.value).length - 4, 6); i++) {
      sczl_bhkey = `code${i}`
      sczl_namekey = `name${i}`
      percentagekey = `percentage${i}`
      formDatas.value[sczl_bhkey] = currentBz.value[i - 1].split(' ')[0];
      formDatas.value[sczl_namekey] = currentBz.value[i - 1].split(' ')[1];
      if(isNaN(parseFloat(currentBz.value[i - 1].split(' ')[2].split('(')[1].split(')')[0]))){
        formDatas.value[percentagekey] = currentBz.value[i - 1].split(' ')[2].split('(')[1].split(')')[0];
      }else{
        formDatas.value[percentagekey] = parseFloat(currentBz.value[i - 1].split(' ')[2].split('(')[1].split(')')[0])/100;
      }
    }
  }
  console.log(formDatas)
  // 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 chanliangVisible = ref(false)
const formdata3=reactive([])
const initfordata3 = () => {
	formdata3.value = {
		'工单编号':'',
		'cpmc':'',
		'yjno':'',
		'yjmc':'',
		'gxmc':'',
		'gxh':'',
		'gymc':'',
		'rq':'',
		'sczl_jtbh':'',
		'starttime':'',
		'num':'',
		'sj1':'',
		'色度数':'',
		'联数':'',
		'产量':'',
		'制程废品':'',
		'制程次品':'',
		'前工序废':'',
		'来料异常':'',
		'换型类型':'',
		'装版工时':'',
		'装版补产工时':'',
		'打样工时':'',
		'打样补产工时':'',
		'保养工时':'',
		'异常总工时':'',
		'异常类型':'',
		'异常补时':'',
		'通电工时':'',
		'dedh':'',
		'码包':'',
		'码开始行':'',
		'码结束行':'',
		'主电表':'',
		'辅电表':'',
		'组员1':{
			'编号':'',
			'姓名':'',
			'比例':'',
		},
		'组员2':{
			'编号':'',
			'姓名':'',
			'比例':'',
		},
		'组员3':{
			'编号':'',
			'姓名':'',
			'比例':'',
		},
		'组员4':{
			'编号':'',
			'姓名':'',
			'比例':'',
		},
		'组员5':{
			'编号':'',
			'姓名':'',
			'比例':'',
		},
		'组员6':{
			'编号':'',
			'姓名':'',
			'比例':'',
		},
		'组员7':{
			'编号':'',
			'姓名':'',
			'比例':'',
		},
		'组员8':{
			'编号':'',
			'姓名':'',
			'比例':'',
		},
		'组员9':{
			'编号':'',
			'姓名':'',
			'比例':'',
		},
		'组员10':{
			'编号':'',
			'姓名':'',
			'比例':'',
		},
		'拉料':{
			'编号':'',
			'姓名':'',
		}
		
	}
}
function gytableDatadoubleClick(row, column, event) {
 console.log(row)
 type2.value="update"
 MachineChanliang(row.UniqId)
}
const uid=ref()
const _Gd_gdbh=ref()
function getUid(row, column, event) {
 console.log(row)
 uid.value=row['UniqId']
 _Gd_gdbh.value=row['工单编号']
  _gdbhlist.value=row['工单编号']
 console.log("UniqId"+uid.value)
}

//班组产量提报 获取当天日期接口
const qita_jitaidata = async () => {
	const qita_jitaidata = await getTimelist();
	formdata3.value.rq = qita_jitaidata.data.date
}

//获取详细信息
const MachineChanliang = async(value) => {
	//打开新增按钮获取
	qita_jitaidata();
	
	if(uid.value == undefined){
		initfordata3()
		chanliangVisible.value=true
		return
	}
 const response = await MachineChanliangDetail({UniqId:value});
   if (response.code === 0) {
	 chanliangVisible.value=true
	 formdata3.value=response.data
	 const result=formdata3.value.gxmc.match(/-(.{2})/)
	 formdata3.value.gymc=result[1]
	 formdata3.value.sczl_jtbh=JTMC
	 formdata3.value.yjmc=response.data.印件名称
	 formdata3.value.rq=date
	 if (formdata3.value.bzdh === 'A班') {
	     formdata3.value.starttime = ''; // 清空值
	     setTimeout(()=>{
			formdata3.value.starttime = date + " 08:30:00"; // 设置为 20:30:00
	     })
	 } else if (formdata3.value.bzdh === 'B班') {
	     formdata3.value.starttime = ''; // 清空值
	     setTimeout(()=>{
	     	formdata3.value.starttime = date + " 20:30:00"; // 设置为 20:30:00
	     })
	 }
	 console.log(formdata3.value)
   }
 }
 const yjnoArr = ref([0])
 const gxmc = ref('')
 //工单编号回车事件
 const getCPMCsubmit = () => {
 	if(formdata3.value.工单编号!=''){
 		ChanliangWorkorder({search:formdata3.value.工单编号,machine:JTMC}).then(response=>{
 		  if (response.code === 0) {
			  if(response.data){
				  formdata3.value.cpmc = response.data[0].cpmc
				  document.getElementById('产品名称').style.color = 'red';
				  getYJMCsubmit()
			  }else{
				  ElMessage({
				    type: 'error',
				    message: response.msg
				  })
				  formdata3.value.工单编号 = '';
				  formdata3.value.cpmc = '';
				  document.getElementById('产品名称').style.color = 'black';
			  }
 			  
 			}else{
 				formdata3.value.工单编号 = '';
 				formdata3.value.cpmc = '';
 				document.getElementById('产品名称').style.color = 'black';
 			}
 		});
 	}else{
 		ElMessage({
 		  type: 'error',
 		  message: '请注意, 工单编号输入空置, 除非有特殊需要！'
 		})
 		gxmc.value = '';
 		document.getElementById('产品名称').style.color = 'black';
 	}
 }
 const yjnoHandleFocus = () =>{
 	if(yjnoArr.value[0] == 0){
 		formdata3.value.yjno = 1;
 	}else{
 		formdata3.value.yjno = yjnoArr.value[0];
 	}
 }

 //印件号失去焦点事件
 const getYJMCsubmit = () => {
  if(formdata3.value.工单编号!=''){
  	//获取印件名称
 	ChanliangPrintDetail({gdbh:formdata3.value.工单编号}).then(response=>{
  	  if (response.code === 0) {
		  if(response.data){
			  if(response.data.length==1){
				  formdata3.value.yjmc = response.data[0].yjmc
				  formdata3.value.yjno = response.data[0].yjno
				  formdata3.value.联数 = response.data[0].ls
				  setColorReadonly('印件名称')
			  }else{
				  selectData_Yj.splice(0, selectData_Yj.length, ...response.data)
				  dialogSelectVisible_Yj.value=true
			  }
			  
		  }else{
			  ElMessage({
			    type: 'error',
			    message: response.msg
			  })
		  }
  		}
  	});
  }else{
  	ElMessage({
  	  type: 'error',
  	  message: '印件编号不存在, 将恢复默认值, 请仔细确认数据准确性！'
  	})
  }
 }
 //印件选择
 const dialogSelectVisible_Yj = ref(false)
 const selectData_Yj = reactive([])
 // 处理选择框
 const handleSelectClick_Yj = (row, column, event) => {
   const { yjno, yjmc, ls } = row
   formdata3.value.yjno = yjno
   formdata3.value.yjmc = yjmc
   formdata3.value.联数 = ls
   dialogSelectVisible_Yj.value = false
 }
 
 const select_Yj = (event) => {
     if (event.keyCode === 40) { // 向下箭头
         if (currentIndex.value < selectData_Yj.length - 1) {
             currentIndex.value++;
             setCurrent_Yj(selectData_Yj[currentIndex.value]);
         } else {
             currentIndex.value = 0;
             setCurrent_Yj(selectData_Yj[currentIndex.value]); // 到达最后一行时回到第一行			
         }
     } else if (event.keyCode === 38) { // 向上箭头
         if (currentIndex.value > 0) {
             currentIndex.value--;
             setCurrent_Yj(selectData_Yj[currentIndex.value]);
         } else {
             currentIndex.value = selectData_Yj.length - 1;
             setCurrent_Yj(selectData_Yj[currentIndex.value]); // 到达第一行时回到最后一行
         }
     } else if (event.keyCode === 13) { // 回车键
         dialogSelectVisible_Yj.value = false;
     }
 }
 
 //工序选择
 const dialogSelectVisible_Gx = ref(false)
 const selectData_Gx = reactive([])
const table_Gx = ref()
 // 处理选择框
 const handleSelectClick_Gx = (row, column, event) => {
 	  const { gxh, name, gxmc } = row
 	  formdata3.value.gxh = gxh
 	  formdata3.value.gxmc = name
 	  formdata3.value.gymc = gxmc
   dialogSelectVisible_Gx.value = false
 }
 //工序失去焦点事件
 const getGXsubmit = () => {

	//弹出选择
	ChanliangProcessDetail({gdbh:formdata3.value.工单编号,yjno:formdata3.value.yjno,machine:''}).then(response=>{
		if (response.code === 0) {
			if(response.data){
				if(response.data.length==1){
					formdata3.value.gxmc=response.data[0].name
					formdata3.value.gxh=response.data[0].gxh
					formdata3.value.gymc=response.data[0].gxmc
				}else{
					  selectData_Gx.splice(0, selectData_Gx.length, ...response.data)
					  dialogSelectVisible_Gx.value = true
				}
			}else{
				ElMessage({
				  type: 'error',
				  message: response.msg
				})
			}
		}
	})
}
//机台编号失去焦点事件
 const GetjtbhVisible = ref(false)
 const JTBHselectData = reactive([])
 const getJtbhsubmit = () => {
 	gdzl_MachineList({address:CJMC.value}).then(response=>{
 		if(response.code==0){
 			  if(response.data.length!=0 && !response.data.some(item => item.jtbh === formData.value.sczl_jtbh)){
 			  	JTBHselectData.splice(0, selectData.length, ...response.data)
 			  	GetjtbhVisible.value=true
 			  }
 		}
 	});
 	 
 }
 const JTBHSelectClick = (row, column, event) => {
   const { jtbh, jtmc } = row
   formdata3.value.sczl_jtbh=jtbh
   GetjtbhVisible.value = false
 }
 //点击设备编号
const gdzl_MachineList_address = reactive({
  data: []
});

//选择机台编号确定工艺以及开工时间
const jtbh_change = () => {
	//弹出选择
	productionDedh({sczl_jtbh:formdata3.value.sczl_jtbh}).then(response=>{
		if (response.code === 0) {
			if(response.data){
				formdata3.value.dedh=response.data.sys_bh
			}else{
				formdata3.value.dedh=''
			}
		  }
	})
}

//获取拉料人员
const GetLl = (falg) => {
	let llyg = {
		'李有文':2024,
		'张杭强':2023,
		'朱喜文':2022,
		'刘旭青':2021,
		'刘芳民':2020,
		'李当林':2019,
		'王赞文':2018,
	}
	switch(falg){
		case 'create':
			if(formdata3.value.拉料['编号']){
				formdata3.value.拉料['姓名'] = formdata3.value.拉料['编号']
				formdata3.value.拉料['编号'] = llyg[formdata3.value.拉料['姓名']]
			}
			break;
		case create:
			
			break;
	}
}
 //获取员工信息
 // const GetYg = (event,inputName) => {
const GetYg = async (value,key) => {
  let bzyg=''
  bzyg=`组员${key}`
  let bzxm=''
  bzxm=`组员${key}`
  // console.log(formdata3.value[bzyg]['编号'])

  const response = await getYg({sczl_bh:formdata3.value[bzyg]['编号']});
  // console.log(response)

  if (response.code === 0) {
    if(response.data.length === 1){
      formdata3.value[bzxm]['姓名'] = response.data[0].ygxm
      formdata3.value[bzyg]['编号'] = response.data[0].员工编号
    }else{
      blModellist.value = true;
      // console.log(response.data)
      employeeDatalist.value = response.data // 假设响应数据是数组
    }
  }
}
 
const clickedlist = ref(false);
const blModellist = ref(false)
const employeeDatalist = ref('')
const tablebllickHandlerlist = async (row, column, event) => {
  // console.log(row.员工编号)
  // console.log(row.ygxm)
    if (clickedlist.value) {
      // 如果已经点击过一次，则不再执行操作
      return;
    }
    let nextIndex = 1;
    while (formdata3.value[`组员${nextIndex}`]['编号'] !== '') {
      nextIndex++;
      if (nextIndex > 10) {
        // 如果所有字段都已经填满，则不做任何事情并退出函数
        return;
      }
    }
    // 将选定的值分配给下一个空的代码和名称字段
    formdata3.value[`组员${nextIndex-1}`]['编号'] = row.员工编号;
    formdata3.value[`组员${nextIndex-1}`]['姓名'] = row.ygxm;
    blModellist.value = false;
    clickedlist.value = true;
    setTimeout(() => {
      clickedlist.value = false;
    }, 300); // 300毫秒内再次点击将不会触发事件，你可以根据需要调整这个延迟时间
  };


 //追加字体颜色和不可输入
 const setColorReadonly = (id) => {
 	const newInput = document.getElementById(id)
 	newInput.style.color = 'red';
 	newInput.setAttribute('readonly', true);
 }

 //追加字体颜色和可输入
 const unsetColorReadonly = (id) => {
 	const newInput = document.getElementById(id)
 	newInput.style.color = 'black';
 	newInput.removeAttribute('readonly');
 }
 //日报表修改弹窗确定
 const chanliangenterDialog = async () => {
  // SubmitDailyProduction()
  if (type2.value === 'update') {
  	  SubmitDailyProduction()
  } else if (type2.value === 'create') {
  	  add()
  }
 }
 //日报表新增
 const add = async () => {
	 // console.log(date+''+formdata3.value.starttime)
	 const rate1=(parseFloat(formdata3.value.组员1['比例']) / 100).toFixed(5)
	 const rate2=(parseFloat(formdata3.value.组员2['比例']) / 100).toFixed(5)
	 const rate3=(parseFloat(formdata3.value.组员3['比例']) / 100).toFixed(5)
	 const rate4=(parseFloat(formdata3.value.组员4['比例']) / 100).toFixed(5)
	 const rate5=(parseFloat(formdata3.value.组员5['比例']) / 100).toFixed(5)
	 const rate6=(parseFloat(formdata3.value.组员6['比例']) / 100).toFixed(5)
	 const rate7=(parseFloat(formdata3.value.组员7['比例']) / 100).toFixed(5)
	 const rate8=(parseFloat(formdata3.value.组员8['比例']) / 100).toFixed(5)
	 const rate9=(parseFloat(formdata3.value.组员9['比例']) / 100).toFixed(5)
	 const rate10=(parseFloat(formdata3.value.组员10['比例']) / 100).toFixed(5)
   const restoredData = {
     sczl_gdbh:formdata3.value.工单编号,
     sczl_yjno:formdata3.value.yjno,
     sczl_gxh:formdata3.value.gxh,
     sczl_gxmc: formdata3.value.gxmc,
 	sczl_bzdh: formdata3.value.bzdh,
 	sczl_bh1: formdata3.value.组员1['编号'],
 	sczl_bh2: formdata3.value.组员2['编号'],
 	sczl_bh3: formdata3.value.组员3['编号'],
 	sczl_bh4: formdata3.value.组员4['编号'],
 	sczl_bh5: formdata3.value.组员5['编号'],
 	sczl_bh6: formdata3.value.组员6['编号'],
 	sczl_bh7: formdata3.value.组员7['编号'],
 	sczl_bh8: formdata3.value.组员8['编号'],
 	sczl_bh9: formdata3.value.组员9['编号'],
 	sczl_bh10: formdata3.value.组员10['编号'],
 	sczl_bh98:formdata3.value.组员1['编号'],
 	sczl_rate1: rate1,
 	sczl_rate2: rate2,
 	sczl_rate3: rate3,
 	sczl_rate4: rate4,
 	sczl_rate5: rate5,
 	sczl_rate6: rate6,
 	sczl_rate7: rate7,
 	sczl_rate8: rate8,
 	sczl_rate9: rate9,
 	sczl_rate10: rate10,
 	sczl_jtbh: formdata3.value.sczl_jtbh,
	开工时间:formdata3.value.starttime,
	码开始行:formdata3.value.码开始行,
	码结束行:formdata3.value.码结束行,
	sys_id:sys_id,
	sczl_装版工时:formdata3.value.装版补产工时,
	sczl_打样工时:formdata3.value.打样补产工时,
	sczl_异常类型1:formdata3.value.异常类型,
	sczl_异常停机工时:formdata3.value.异常总工时,
	sczl_异常工时1:formdata3.value.异常补时,
	sczl_保养工时:formdata3.value.保养工时,
    sczl_dedh:formdata3.value.dedh,
 	sczl_rq: formdata3.value.rq,
 	sczl_num: formdata3.value.num,
 	sczl_cl: formdata3.value.产量,
 	sczl_zcfp: formdata3.value.制程废品,
 	sczl_zccp: formdata3.value.制程次品,
 	sczl_前工序废: formdata3.value.前工序废,
 	sczl_来料少数: formdata3.value.来料异常,
 	sczl_ls: formdata3.value.联数,
 	sczl_ms: formdata3.value.色度数,
 	sczl_装版总工时: formdata3.value.装版工时,
 	sczl_打样总工时: formdata3.value.打样工时,
 	sczl_设备运行工时: formdata3.value.通电工时,
 	码包: formdata3.value.码包,
 	辅电表: formdata3.value.辅电表,
	主电表:formdata3.value.主电表,
 	sczl_bh98: formdata3.value.拉料['编号'],
   }
   
   if(restoredData.开工时间==undefined){
	   // restoredData.开工时间 = formattedDate
	   restoredData.开工时间 = '1900-01-01 00:00:00'
   }
   console.log(restoredData)
   const response = await ChanliangAdd(restoredData);
   if (response.code === 0) {
 	  ElMessage({type: 'success',message: '成功'})
 	   FacilitychanLiang()
       FacilityDetail()
       chanliangVisible.value=false
   }
 }
 //日报表上传
 const SubmitDailyProduction = async () => {

    const rate1=(parseFloat(formdata3.value.组员1['比例']) / 100).toFixed(5)
    const rate2=(parseFloat(formdata3.value.组员2['比例']) / 100).toFixed(5)
    const rate3=(parseFloat(formdata3.value.组员3['比例']) / 100).toFixed(5)
    const rate4=(parseFloat(formdata3.value.组员4['比例']) / 100).toFixed(5)
    const rate5=(parseFloat(formdata3.value.组员5['比例']) / 100).toFixed(5)
    const rate6=(parseFloat(formdata3.value.组员6['比例']) / 100).toFixed(5)
    const rate7=(parseFloat(formdata3.value.组员7['比例']) / 100).toFixed(5)
    const rate8=(parseFloat(formdata3.value.组员8['比例']) / 100).toFixed(5)
    const rate9=(parseFloat(formdata3.value.组员9['比例']) / 100).toFixed(5)
    const rate10=(parseFloat(formdata3.value.组员10['比例']) / 100).toFixed(5)
   const restoredData = {
    sczl_gdbh:formdata3.value.工单编号,
     sczl_yjno:formdata3.value.yjno,
     sczl_gxh:formdata3.value.gxh,
     sczl_gxmc: formdata3.value.gxmc,
    sczl_bzdh: formdata3.value.bzdh,
    sczl_bh1: formdata3.value.组员1['编号'],
    sczl_bh2: formdata3.value.组员2['编号'],
    sczl_bh3: formdata3.value.组员3['编号'],
    sczl_bh4: formdata3.value.组员4['编号'],
    sczl_bh5: formdata3.value.组员5['编号'],
    sczl_bh6: formdata3.value.组员6['编号'],
    sczl_bh7: formdata3.value.组员7['编号'],
    sczl_bh8: formdata3.value.组员8['编号'],
    sczl_bh9: formdata3.value.组员9['编号'],
    sczl_bh10: formdata3.value.组员10['编号'],
    sczl_bh98:formdata3.value.组员1['编号'],
    sczl_rate1: rate1,
    sczl_rate2: rate2,
    sczl_rate3: rate3,
    sczl_rate4: rate4,
    sczl_rate5: rate5,
    sczl_rate6: rate6,
    sczl_rate7: rate7,
    sczl_rate8: rate8,
    sczl_rate9: rate9,
    sczl_rate10: rate10,
    sczl_jtbh: formdata3.value.sczl_jtbh,
    开工时间:"2024-03-12 08:30:00",
    码开始行:formdata3.value.码开始行,
    码结束行:formdata3.value.码结束行,
    sys_id:sys_id,
    sczl_装版工时:formdata3.value.装版补产工时,
    sczl_打样工时:formdata3.value.打样补产工时,
    sczl_异常类型1:formdata3.value.异常类型,
    sczl_异常停机工时:formdata3.value.异常总工时,
    sczl_异常工时1:formdata3.value.异常补时,
	sczl_保养工时:formdata3.value.保养工时,
    sczl_dedh:formdata3.value.dedh,

    sczl_rq: date,
    sczl_num: formdata3.value.num,
    // sczl_rq: formData3.value.sczl_rq,
    sczl_cl: formdata3.value.产量,
    sczl_zcfp: formdata3.value.制程废品,
    sczl_zccp: formdata3.value.制程次品,
    sczl_前工序废: formdata3.value.前工序废,
    sczl_来料少数: formdata3.value.来料异常,
    sczl_ls: formdata3.value.联数,
    sczl_ms: formdata3.value.色度数,
    sczl_装版总工时: formdata3.value.装版工时,
    sczl_打样总工时: formdata3.value.打样工时,
    sczl_设备运行工时: formdata3.value.通电工时,
    码包: formdata3.value.码包,
    辅电表: formdata3.value.辅电表,
	主电表:formdata3.value.主电表,
    sczl_bh98: formdata3.value.拉料['编号'],
	UniqId:uid.value
   }
   console.log(restoredData)
   // console.log(formData3.value.formattedArray)
   const response = await MachineChanliangDetailEdit(restoredData);
   console.log(response)
   if (response.code === 0) {
 	  ElMessage({
 	    type: 'success',
 	    message: '成功'
 	  })
	   FacilitychanLiang()
       FacilityDetail()
       chanliangVisible.value=false
   }
 }
 selected.value='难度调整系数'

 const SFType=ref(false)
 const CPType=ref(false)
 const SDType=ref(false)
 const FPlxs=ref(false)
if(selected.value==='难度调整系数'){
 	 SFType.value=true
	 CPType.value=false
	 SDType.value=false
 }else if(selected.value=== '凹印版距'){
 	 CPType.value=true
	 SFType.value=false
	 SDType.value=false
 }else if(selected.value=== '色度数'){
 	SDType.value=true
	SFType.value=false
	CPType.value=false
 }
 //选择变化
 const agreeChange = async () => {
 if(selected.value=== '难度调整系数'){
 	 SFType.value=true
	 CPType.value=false
	 SDType.value=false
	 FPlxs.value=false
 }else if(selected.value=== '凹印版距'){
 	 CPType.value=true
	 SFType.value=false
	 SDType.value=false
	 FPlxs.value=false
 }else if(selected.value=== '色度数'){
 	SDType.value=true
	SFType.value=false
	CPType.value=false
	FPlxs.value=false
 }else if(selected.value=== '废品率系数'){
	 FPlxs.value=true
	 SFType.value= false
	 SDType.value= false
	 CPType.value=false
	 // hesuanValue.废品率系数 = '废品率系数'
 }
}

 //核算调整弹窗确定
 const hesuanenterDialog = async () => {
	 console.log(selected.value)
 if(selected.value==='难度调整系数'){
	// console.log(multipleSelection.value.length)
	// const Selection_ids=ref('')
	// console.log(multipleSelection.value[0])
	// for(let i=0;i<multipleSelection.value.length;i++){
	// 	id.value+=multipleSelection.value[i].UniqId+','
	// 	console.log(multipleSelection.value[i].UniqId)
	// }
	console.log(Selection_ids.value)
	console.log(hesuanValue.缩放系数)
	// return false;
	const res = await CoefficientEdit({id:Selection_ids.value,工价系数:hesuanValue.缩放系数 })
	console.log(res)
	if(res.code===0){
		ElMessage({
		  type: 'success',
		  message: '成功'
		})
		// multipleSelection.value=''
		// multipleTable.clearSelection();
		// console.log(multipleSelection.value)
		hesuanVisible.value=false
		FacilitychanLiang()
	}else{
		ElMessage({
		  type: 'error',
		  message: '失败'
		})
	}
 }else if(selected.value=== '凹印版距'){
	 // console.log(hesuanValue.印刷方式)
	 // const Selection_ids=ref('')
	 	  // console.log(multipleSelection.value.length)
	 	  // console.log(multipleSelection.value[0])
	 	  // for(let i=0;i<multipleSelection.value.length;i++){
	 	  // 	id.value+=multipleSelection.value[i].UniqId+','
	 	  // 	console.log(multipleSelection.value[i].UniqId)
	 	  // }
	 	  const res = await PrintingModeDataEdit({id:Selection_ids.value,plate:hesuanValue.产品板距,mode:hesuanValue.印刷方式 })
	 	  console.log(res)
	 	  if(res.code===0){
	 	  	ElMessage({
	 	  	  type: 'success',
	 	  	  message: '成功'
	 	  	})
	 	  	hesuanVisible.value=false
	 		FacilitychanLiang()
	 	  }else{
	 	  	ElMessage({
	 	  	  type: 'error',
	 	  	  message: '失败'
	 	  	})
	 }
 }else if(selected.value=== '色度数'){
	  // const Selection_ids=ref('')
	  // console.log(multipleSelection.value.length)
	  // console.log(multipleSelection.value[0])
	  // for(let i=0;i<multipleSelection.value.length;i++){
	  // 	id.value+=multipleSelection.value[i].UniqId+','
	  // 	console.log(multipleSelection.value[i].UniqId)
	  // }
	  const res = await ChromaDataEdit({id:Selection_ids.value,ms:hesuanValue.色度数 })
	  console.log(res)
	  if(res.code===0){
	  	ElMessage({
	  	  type: 'success',
	  	  message: '成功'
	  	})
	  	hesuanVisible.value=false
		FacilitychanLiang()
	  }else{
	  	ElMessage({
	  	  type: 'error',
	  	  message: '失败'
	  	})
	  }
 }else if(selected.value=== '废品率系数'){
	  // const Selection_ids=ref('')
	  // console.log(multipleSelection.value.length)
	  // console.log(multipleSelection.value[0])
	  // for(let i=0;i<multipleSelection.value.length;i++){
	  // 	id.value+=multipleSelection.value[i].UniqId+','
	  // 	console.log(multipleSelection.value[i].UniqId)
	  // }
	  console.log(uid.value)
	  console.log(hesuanValue.废品率系数)
	  const res = await RejectionEdit({id:Selection_ids.value,rejection:hesuanValue.废品率系数 })
	  console.log(res)
	  if(res.code===0){
	  	ElMessage({
	  	  type: 'success',
	  	  message: '成功'
	  	})
	  	hesuanVisible.value=false
		FacilitychanLiang()
	  }else{
	  	ElMessage({
	  	  type: 'error',
	  	  message: '失败'
	  	})
	  }
 }
 }
 
 // 核算参数调整取消
 const hesuanVisiblecloseDialog = async () => {
 	 hesuanVisible.value = false
 }
 
 
 const ent1 = (event) => {
   const inputs = document.getElementsByTagName('input');
   const currentIndex = Array.from(inputs).indexOf(event.target);

   if (event.keyCode === 13 || event.keyCode === 40) { // Enter 或向下箭头
       let nextIndex = currentIndex + 1;
       while (nextIndex < inputs.length) {
           if (inputs[nextIndex].disabled) {
               console.log("当前输入框为disabled，跳过");
               nextIndex++; // 跳过disabled的输入框
               continue;
           }

           if (!inputs[nextIndex].readOnly) {
               nextTick(() => {
                   inputs[nextIndex].focus();
                   inputs[nextIndex].select();
               });
               break;
           }

           nextIndex++;
       }
   }
 else if (event.keyCode === 38) { // 向上箭头
     for (let i = currentIndex - 1; i >= 0; i--) {
       if (!inputs[i].readOnly) {
         nextTick(()=>{
         	inputs[i].focus();
 			inputs[i].select();
         })
         break;
       }
     }
   } else if (event.keyCode === 8) { // 删除箭头
     if (event.target.selectionStart === 0) {
       for (let i = currentIndex - 1; i >= 0; i--) {
         if (!inputs[i].readOnly) {
           nextTick(()=>{
           	inputs[i].focus();
 			inputs[i].setSelectionRange(0, 0);
           })
           break;
         }
       }
     }
   } else if (event.keyCode === 37) { // 向左箭头
     if (event.target.selectionStart === 0) {
       for (let i = currentIndex - 1; i >= 0; i--) {
         if (!inputs[i].readOnly) {
           nextTick(()=>{
           	inputs[i].focus();
 			inputs[i].select();
           })
           break;
         }
       }
     }
   } else if (event.keyCode === 39) { // 向右箭头
     if (event.target.selectionStart === event.target.value.length) {
       for (let i = currentIndex + 1; i < inputs.length; i++) {
         if (!inputs[i].readOnly) {
           nextTick(()=>{
           	inputs[i].focus();
 			inputs[i].select();
           })
           break;
         }
       }
     }
   }
 }
// =========== 修正核算参数 ===========
const xzhstableColumns = ref(
    [
      { label: '方案', prop: '方案', width: '65' },
      { label: '印件号及工序名称', prop: '印件号及工序名称', width: '300' },
      { label: '参照设备', prop: '参照设备', width: '90' },
      { label: '难度系数', prop: 'sxzhscsold_难度系数', width: '90' },
      { label: '新难度系数', prop: '难度系数', width: '100' },
      { label: '原损耗代号', prop: 'sxzhscsold_损耗代号', width: '150' },
      { label: '基础损耗', prop: '基础损耗', width: '90' },
      { label: '新损耗代号', prop: '损耗代号', width: '150' },
      { label: '原印刷方式', prop: 'sxzhscsold_印刷方式', width: '150' },
      { label: '原来版距', prop: 'sxzhscsold_版距', width: '100' },
      { label: '新印刷方式', prop: '印刷方式', width: '100' },
      { label: '新来版距', prop: '版距', width: '90' },
      { label: '原计损色数', prop: 'sxzhscsold_计损色数', width: '100' },
      { label: '新计损色数', prop: '计损色数', width: '100' },
      { label: '原损耗系数', prop: 'sxzhscsold_损耗系数', width: '100' },
      { label: '新损耗系数', prop: '损耗系数', width: '100' },
    ]
)
const handleKeyDown = (event, x, y, prop) => {
  const currentElement = document.getElementById(`input${x}${y}`);
  if (currentElement === null && currentElement === undefined) return
  let move = 0
  switch (event.keyCode) {
    case 13: // Enter
    case 40: // 向下箭头
      if (y < sxzhscstableData.value.length )
        document.getElementById(`input${x}${y + 1}`).focus();
      break;
    case 38: // 向上箭头
      if ( y > 0) {
        document.getElementById(`input${x}${y - 1}`).focus();
      }
      break;
    case 39: // 向左箭头
      if ( x === 4) {
        move = x + 3
      } else if(x === 7){
        move = x + 3
      } else if( x === 10){
        move = x + 1
      }else if( x === 11){
        move = x + 2
      }else if( x === 13){
        move = x + 2
      }
      document.getElementById(`input${move}${y}`).focus();
      break;
    case 37: // 向右箭头
      if ( x === 15) {
        move = x -  2
      } else if (x=== 13) {
        move = x - 2
      }else if (x=== 11) {
        move = x - 1
      }else if (x=== 10) {
        move = x - 3
      }else if (x=== 7) {
        move = x - 3
      }
      document.getElementById(`input${move}${y}`).focus();
      break;
    default:
      break;
  }
}
const xzhscslist = ref(false);
const xzhscsformData = reactive({
  gdbh: '',
  cpdh: '',
  gdmc: '',
  yjdh:'',
  yjmc:'',
});
const sxzhscstableData = ref([]);
//修正核算参数按钮
const onxzhscsclick = () => {
	console.log(_gdbhlist.value)
  if(_gdbhlist.value == null || _gdbhlist.value == ''){
    xzhscslist.value = false;
    ElMessage({type: 'warning',message: '请选择 设备作业清单工单后，再操作此功能' })
  }else{
    xzhscsformData['gdbh'] = _gdbhlist.value;
    // xzhscsformData['cpdh'] = _Gd_cpdh.value;
    // xzhscsformData['gdmc'] = _Gd_cpmc.value;
    _AccountingParameterdata();
    xzhscslist.value = true;
  }
};
//修正核算参数回车
const xzhscsgetProductValue = () => {
  _AccountingParameterdata()
};
// 修正工单核算参数表格数据
const _AccountingParameterdata = async ()=>{

  // const ProductNamedata = await ProductNameData({workOrder:_Gd_gdbh.value});
  const ProductNamedata = await ProductNameData({workOrder:xzhscsformData['gdbh']});
  if(ProductNamedata.code===0){
	xzhscsformData['cpdh']=ProductNamedata.data.产品代号
	xzhscsformData['gdmc']=ProductNamedata.data.产品名称
	xzhscsformData['yjdh']=ProductNamedata.data.印件代号
	xzhscsformData['yjmc']=ProductNamedata.data.印件名称
  }

  let workOrder = xzhscsformData['gdbh'];
  try {
    const AccountingParameterdata = await AccountingParameter({workOrder:workOrder});
    sxzhscstableData.value = AccountingParameterdata.data;
    const formattedData = AccountingParameterdata.data.map(item=>{
      item.sxzhscsold_难度系数 = item.难度系数;
      item.sxzhscsold_损耗代号 = item.损耗代号;
      item.sxzhscsold_印刷方式 = item.印刷方式;
      item.sxzhscsold_版距 = item.版距;
      item.sxzhscsold_计损色数 = item.计损色数;
      item.sxzhscsold_损耗系数 = item.损耗系数;
      return item
    });
  } catch (error) {
    console.error(error);
  }
}

//修正核算参数更新
const xzhscsConfirm = async () => {
  const firstCharValid = sxzhscstableData.value.map(item => {
    const firstChar = item["损耗代号"] ? item["损耗代号"].charAt(0) : '';
    return firstChar === '0' || firstChar === '';
  });
  // if(firstCharValid.includes(false)){
  //   ElMessage({type: 'warning',message: '损耗代号开头必须是 0' })
  //   return false;
  // }
  if (sxzhscstableData.value) {
    const formattedData = sxzhscstableData.value.map(item => {
      return {
        Uniqid: parseInt(item.UniqId),
        chromatic: parseFloat(item.计损色数) ?? '',
        difficulty: parseFloat(item.难度系数) ?? '',
        loss: item.损耗代号 ??'',
        plate: parseInt(item.版距) ?? '',
        printMode: item.印刷方式 ?? '',
        wastage: parseFloat(item.损耗系数),
      }
    });
    const AccountingParameterEditdata = await AccountingParameterEdit(formattedData);
    if (AccountingParameterEditdata.code === 0) {
      xzhscslist.value = false;
      ElMessage({ type: 'success', message: '更新成功' });
	  sxzhscstableData.value =''
	  xzhscsformData=''
    } else {
      ElMessage({ type: 'error', message: '更新失败' });
    }
  } else {
    console.error("数据错误");
  }
};
//修正核算参数退出
const sxzhscsCancel = () => {
  xzhscslist.value = false;
  sxzhscstableData.value =''
  xzhscsformData=''
};
//修正核算参数颜色
const sxzhscsCellClass = ({row, column, rowIndex, columnIndex}) =>{
  if (column.label === '新难度系数' || column.label === '新损耗代号' || column.label === '新印刷方式' || column.label === '新来版距' || column.label === '新计损色数'  || column.label === '新损耗系数') {
    return 'background-plan-usage-low';
  }
}


//=========工序产量核查===========
const gd_gxclhclist = ref(false);
const gxclhc_Data = ref([]);
const gxclhc_Columns = ref(
    [
      { label: '印件及工序名称', prop: 'concatenatedData', width: '380' },
      // { label: '印件', prop: 'Gy0_yjno', width: '130' },
      // { label: '工序', prop: 'Gy0_gxh', width: '130' },
      // { label: '名称', prop: 'Gy0_gxmc', width: '130' },
      { label: '工序计划产量', prop: 'Gy0_计划接货数', width: '120' },
      { label: '联数', prop: 'Gy0_ls', width: '70' },
      { label: '折算车头产量', prop: '折算车头产量', width: '120' },
      { label: '实际上报产量', prop: 'sczl_cl', width: '120' },
      { label: '制程废品', prop: 'sczl_zcfp', width: '120' },
      { label: '制程废品率', prop: '制程废品率', width: '120' },
      { label: '来料异常', prop: '来料异常', width: '90' },
      { label: '流程单数', prop: 'process_num', width: '90' },
      { label: '当前设备', prop: 'Gy0_sbbh', width: '120' },
      { label: '工序状态', prop: 'PD_WG', width: '90'},
      { label: '首板生产日期', prop: 'sczl_rq', width: '160' },
    ]
)
const gxclhcformData = reactive({
  gdbh: '',
  gdmc: '',
});
// 工序产量核查按钮
const gd_gxclhconClick = async () => {
	console.log(_rclsb_gdbh.value)
  if(_rclsb_gdbh.value === '' || _rclsb_gdbh.value === null){
    ElMessage({type: 'warning',message: '请选择具体的工单，在进行操作'})
    return false;
  }
  gxclhcformData['gdbh'] = _rclsb_gdbh.value;
  gd_gxclhclist.value = true;
  _getOrderProcessCount();
};
//工序产量核查回车
const gxclhcProductValue = async () => {
  _getOrderProcessCount();
}
//工序产量核查退出
const gxclhcCancel = async () => {
  gd_gxclhclist.value = false;
};
//工序产量核查方法接口
const _getOrderProcessCount = async () => {
  const order = gxclhcformData['gdbh'];
  const getOrderProcessCount_list = await getOrderProcessCount({order:order});
  const concatenatedData = getOrderProcessCount_list.data.map(item => {
    // 优化后的代码，使用模板字符串连接字段值并在单个数字前添加零
    const formattedYjno = item.Gy0_yjno.length === 1 ? `0${item.Gy0_yjno}` : item.Gy0_yjno;
    const formattedGxh = item.Gy0_gxh.length === 1 ? `0${item.Gy0_gxh}` : item.Gy0_gxh;
    const concatenatedValue = `${formattedYjno}-${formattedGxh} ${item.Gy0_gxmc} 【${item.Add_gxmc} 】`;
    return {
      ...item,
      concatenatedData: concatenatedValue, // 使用新属性名
    };
  });
  gxclhc_Data.value = concatenatedData;
};

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




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

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

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


// 多选数据
const multipleSelection = reactive([])
// 多选
const handleSelectionChange = (val) => {
	console.log(val)
	console.log(val.length)
	multipleSelection.value= val
	// for(let i=0;i<val.length;i++){
	// 	multipleSelection= val[i].UniqId
	// }
	console.log(multipleSelection.value)
	// console.log(val.UniqId)
 //    multipleSelection.value = val.UniqId
	// console.log(multipleSelection.value)
}

// 删除行
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 cpcode=ref('')
const finishedcode=ref()
const _gdbhlist = ref('')
const yjupdateCompanyFunc = async(row) => {

  console.log(row['工单编号|质量信息'].split('|')[0])
  const Procedurelist = await Procedure({ Gd_gdbh: row['工单编号|质量信息'].replace(/\|$/, '') })
  console.log(Procedurelist)
  selectData.value = Procedurelist.data;


    // const res = await facilityProcedure({ Gd_gdbh: row['工单编号|质量信息'].substring(0, 7) })
	  // console.log(res)
    // if (res.code === 0) {
    //     selectData.value = res.data
    // }
	console.log(row)
	cpcode.value=row.产品代号
	
	_gdbhlist.value = row['工单编号|质量信息'].split('|')[0]
	
    console.log(_gdbhlist.value)
	// console.log(row.产品代号)
	finishedcode.value=row.产品代号
	// console.log(finishedcode.value)
}

// 删除行
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()
    }
}

// //键盘 input框跳转
// const ent = (event,id1,id2,id3) => {
//   if (event.keyCode === 13 || event.keyCode === 40) { // Enter 或向下箭头
// 	if(id3!=''){
//       document.getElementById(id3).focus()
//     }
//   } else if (event.keyCode === 38) { // 向上箭头
//     if(id1!=''){
//       document.getElementById(id1).focus()
//     }
//   }else if (event.keyCode === 8) { // 删除箭头
//     if(id1!='' && document.getElementById(id2).value===''){
//       document.getElementById(id1).focus()
//     }
//   }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 dialogFormVisible = ref(false)
const dianjianVisible = ref(false)
const yinbanVisible = 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
}
const detailShow_rcl = ref(false)
// 关闭详情弹窗
const closeDetailShow_rcl = () => {
  detailShow_rcl.value = false
}


// 打开弹窗
const openDialog = () => {
    // type.value = 'create'
	console.log('222')
	FacilityInspect()
	FacilitychanLiang()
    dialogFormVisible.value = true
}
let drzcData=[]
let columnNames=[]
//当日制程检验记录
const FacilityInspect = async () => {
  const response = await facilityInspect({machine:JTMC,date:date});
  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.row[0]) {
		if (key !== 'InspectionTime') {
		  const item = response.data.row[0][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['time'].split(',');
		  results.forEach(result => {
			if (columnNames.includes(result)) {
			  rowData[result] = '√';
			}else{rowData[result] = ''}
		  });

		  // Add the row data to drzcData
		  drzcData.push(rowData);
		}
	  }
	  drzcDatas.value=drzcData
	  console.log(drzcData);
  }
}

const _rclsb_gdbh = ref('')
// 当日上报产量数据
const FacilitychanLiang = async () => {
  const response = await facilitychanLiang({machine:JTMC,date:date});
  console.log(response.data)
  _rclsb_gdbh.value = response.data[0]['工单编号']
  console.log(12)
  if(response.code==0){
		let totalA = response.data['totalA']
	  	let totalB = response.data['totalB']
		let 制程废品A = response.data['制程废品A']
		let 制程废品B = response.data['制程废品B']
		let 制程次品A = response.data['制程次品A']
		let 制程次品B = response.data['制程次品B']
		let 来料异常A = response.data['来料异常A']
		let 来料异常B = response.data['来料异常B']
		let 装版工时A = response.data['装版工时A']
		let 装版工时B = response.data['装版工时B']
		
	  	 delete response.data['totalA']
	  	 delete response.data['totalB']
		 
		 delete response.data['制程废品A']
		 delete response.data['制程废品B']
		 delete response.data['制程次品A']
		 delete response.data['制程次品B']
		 delete response.data['来料异常A']
		 delete response.data['来料异常B']
		 delete response.data['装版工时A']
		 delete response.data['装版工时B']
		 
	  	gytableData.value=Object.values(response.data)
		
		console.log(response.data)
		
		
		
	  	if(totalA){
	  		let rowA = {
	  			产品名称: 'A班产量：'+totalA,
	  			UniqId: "",bzdh: "",cpmc: "",dedh: "",gxh: "",gxmc: "",num: "",sczl_bh98: "",sj1: "",sj2: "",yjno: "",
	  			主电表: "",产量: "",保养工时: "",制程废品: 制程废品A,制程次品:制程次品A,前工序废: "",千件工价: "",印刷方式: "",备注: "",
	  			工单编号: "",工序: "",异常总工时: "",异常类型: "",异常补时: "",打样工时: "",日定额: "",更新时间: "",来料异常: 来料异常A,用户: "",码包: "",
	  			码开始行: "",码结束行: "",组员1: "",组员2: "",组员3: "",色度数: "",装版工时: 装版工时A,辅电表: "",通电工时: "",难度系数: "",
	  		}
	  		gytableData.value.push(rowA)
	  	}
	  	if(totalB){
	  		let rowB = {
	  			产品名称: 'B班产量：'+totalB,
	  			UniqId: "",bzdh: "",cpmc: "",dedh: "",gxh: "",gxmc: "",num: "",sczl_bh98: "",sj1: "",sj2: "",yjno: "",
	  			主电表: "",产量: "",保养工时: "",制程废品: 制程废品B,制程次品: 制程次品B,前工序废: "",千件工价: "",印刷方式: "",备注: "",
	  			工单编号: "",工序: "",异常总工时: "",异常类型: "",异常补时: "",打样工时: "",日定额: "",更新时间: "",来料异常: 来料异常B,用户: "",码包: "",
	  			码开始行: "",码结束行: "",组员1: "",组员2: "",组员3: "",色度数: "",装版工时:装版工时B,辅电表: "",通电工时: "",难度系数: "",
	  		}
	  		gytableData.value.push(rowB)
	  	}
  }
}

// 关闭弹窗
const closeDialog = () => {
    dialogFormVisible.value = false
	chanliangVisible.value=false
    formData.value = {
        address: '',
        image: '',
        name: '',
        }
}
// 弹窗确定
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()
              }
      })
}

//点击label获取表格数据
function duohandleClick(table) {
  console.log(table.props.label)
  console.log(JTMC)
  if(table.props.label === '设备作业清单'){
	  FacilityWorklist();
  }
  if(table.props.label === '班组人员及分配比例'){
  	 FacilityTeam(JTMC)
  }
  // if(table.props.label=='当班产量明细'){
	 //  FacilityDetail()
	 //  zdtreeType.value=true
  // }else{
	 //  zdtreeType.value=false
  // }
  if(table.props.label === '检验记录'){
  	  InspectionRecord()
  }
}



//设备作业清单 正在生产中 背景颜色
const sbzyqdsatusCellClass = ({row, column, rowIndex, columnIndex}) =>{
  if (row.status === 1) {
    return 'status-plan-usage-low';
  }
}


</script>

<style scoped>
	/* .button-container {
	  display: flex;
	  flex-wrap: wrap;
	} */
.bt{
  /* margin-left: 2px !important;
  padding: 3px !important;
  font-size: 12px; */
  margin-bottom: 5px !important;
}
	.button-container {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: flex-start; /* Align buttons from left to right */
	}

	.custom-button {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  text-align: center; /* Center the text horizontally */
	  flex: 0 0 150px; /* Set the width of each button */
	  height: 170px; /* Allow the height to adjust based on content */
	  margin: 7px; /* Set spacing between buttons */
	}

	.custom-button img {
	  max-width: 100%; /* Ensure the image doesn't exceed the button width */
	}



.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;
}
/*!* 选中某行时的背景色*/
:deep(.el-table__body tr.current-row)>td {
  background: #ff80ff !important;
}
deep(.statusy-plan-usage-low div) {
  color: #8c939d !important;
}
/* 设备作业清单 正在生产中 背景颜色 */
:deep(.status-plan-usage-low ) {
  background: yellow !important;
}
  ::v-deep  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    color: white;        /* 文字颜色 */
    background-color: #4d70ff; /* 背景颜色 */
  }
.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}
	 
/*工序产量核查*/
:deep(.gxclhc—color-column-red div) {
  color: red !important;
}
:deep(.lan-plan-usage-lows div) {
  color: blue !important;
  font-weight: bold;
}
:deep(.lan-plan-usage-lowshui div) {
  color: #8c939d !important;
}

:deep(.plan-usage-low div) {
  color: blue !important;
  font-size: 16px;
  font-weight: bold;
}
</style>