<template>
  <div>
    <el-container>
      <!-- 左侧树形结构 -->
      <el-aside width="170px">
        <div class="JKWTree-tree" style="width: 100%;height: 746px">
          <h3>工单管理</h3>
          <el-tree :data="treeData.data" title=""  @node-click="handleNodeClick"></el-tree>
        </div>
      </el-aside>

      <!-- 右侧内容区域 -->
      <el-container>
        <el-main>
          <!-- 搜索框 -->
          <div class="gva-search-box">
            <el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
              <el-form-item>
                <el-input v-model="searchInfo" placeholder="搜索工单编号" clearable style="width: 200px;"></el-input>
                <el-button type="primary" icon="search" @click="onSubmit" style="margin-left: 10px">查询</el-button>
<!--                <el-button icon="refresh" @click="onReset">重置</el-button>-->
<!--                <el-button type="primary" icon="plus" @click="openDialog">新增</el-button>-->

                <el-button type="primary" disabled icon="search" @click="ontlssclick" style="margin-left: 10px">U8投料试算</el-button>

                <!--                印用产品资料弹窗-->
                <el-button type="primary" icon="edit" @click="onyycpzlclick" style="margin-left: 10px">印用产品资料</el-button>
                <el-dialog v-model="onyycpzllist" title="获取产品资料" width="45%" style=";height: 490px;top: 10%">
                  <div style="display: flex; flex-direction: column; align-items: center; height: 100%; padding: 20px;">

                    <el-form-item label="工单编号" prop="processName" style="width: 100%; margin-bottom: 10px;">
                      <el-input v-model="yycpzlformData['gdbh']" :clearable="true" placeholder="" style="width: 23%;" />
                    </el-form-item>
                    <el-form-item label="客户代号" prop="processName" style="width: 100%; margin-bottom: 10px;">
                      <el-input v-model="yycpzlformData['khdh']" :clearable="true" placeholder="" style="width: 23%; margin-right: 10px;" />
                      <el-input v-model="yycpzlformData['khmc']" :clearable="true" placeholder="" style="width: 320px;" />
                    </el-form-item>

                    <el-form-item label="产品代号" prop="processName" style="width: 100%; margin-bottom: 10px;">
                      <el-input v-model="yycpzlformData['cpdh']" :clearable="true" placeholder="" style="width: 23%;" />
                    </el-form-item>

                    <el-form-item label="产品名称" prop="processName" style="width: 100%; margin-bottom: 10px;">
                      <el-input v-model="yycpzlformData['cpmc']" :clearable="true" placeholder="" style="width: 69%; height: 70px" type="textarea" rows="2" :resize="false" />
                    </el-form-item>

                    <el-form-item label="创建选择" style="width: 100%; margin-bottom: 10px;">
                      <div style="display: flex; align-items: center;">
                        <div style="flex: 1; display: flex; flex-direction: column;">
                          <el-checkbox disabled v-model="yycpzlformData['yjzl']">获取印件资料</el-checkbox>
                          <el-checkbox disabled v-model="yycpzlformData['gyap']" style="margin-top: 10px;">获取工艺安排</el-checkbox>
                        </div>
                        <el-form-item label="工艺方案" prop="processName" style="flex: 1; margin-left: 10px;">
                          <el-input v-model="yycpzlformData['gyfa']" :clearable="true" placeholder="" style="width: 200px;" />
                        </el-form-item>
                      </div>
                    </el-form-item>

                    <div style="width: 100%; display: flex; justify-content: center; align-items: flex-end; height: 35%; margin-top: 20px;">
                      <div slot="footer" class="dialog-footer" style="text-align: center;">
                        <el-button type="primary" @click="yycpzlhandleConfirm">执行</el-button>
                        <el-button @click="yycpzlhandleCancel">放弃</el-button>
                      </div>
                    </div>
                  </div>
                </el-dialog>

                <el-button type="primary" disabled icon="search" @click="oneditgxclhsclick" style="margin-left: 10px">工序产量核算</el-button>
                <el-button type="primary" disabled icon="search" @click="oneditgylctzclick" style="margin-left: 10px">工艺流程调整</el-button>
                <el-button type="primary" disabled icon="search" @click="oneditugdclick" style="margin-left: 10px">查改U8工单</el-button>
                <el-button type="primary" disabled icon="search" @click="oneditztfwclick" style="margin-left: 10px">状态复位</el-button>
                <el-button type="primary" disabled icon="search" @click="onxzhsxsclick" style="margin-left: 10px">修正核算参数</el-button>
                <el-button type="primary" disabled icon="search" @click="onzjfpxsclick" style="margin-left: 10px">质检废品系数</el-button>


              </el-form-item>
            </el-form>
          </div>

          <!-- 表格列表 -->
          <div class="gva-table-box">
            <el-table ref="multipleTable"
                      style="width: 100%;height: 40vh"
                      :row-style="{ height: '20px' }"
                      :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                      :header-cell-style="{ padding: '0px' }"
                      border
                      tooltip-effect="dark"
                      :data="tableData"
                      row-key="ID"
                      @row-click="tableRowClick"
                      highlight-current-row="true"
                      @row-dblclick="updateCompanyFunc"
                      @selection-change="handleSelectionChange"
                      :show-overflow-tooltip="true">
              <el-table-column type="selection" width="55"/>
                <el-table-column align="left" label="工单编号" prop="工单编号"  width="90" />
                <el-table-column align="left" label="生产分类" prop="生产分类" width="90" />
                <el-table-column align="left" label="销售订单号" prop="销售订单号" width="100" />
                <el-table-column align="left" label="产品代号" prop="产品代号" width="100" />
                <el-table-column align="left" label="产品名称" prop="产品名称" width="370" />
                <el-table-column align="left" label="订单数量" prop="订单数量" width="100" />
                <el-table-column align="left" label="单位" prop="单位" />
                <el-table-column align="left" label="折合大箱" prop="折合大箱" width="90" />
                <el-table-column align="left" label="投料率" prop="投料率"  />
                <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="110" />
                <el-table-column align="left" label="产量提交时间" prop="产量提交时间" width="110" />
                <el-table-column align="left" label="建档用户" prop="建档用户" width="110" />
                <el-table-column align="left" label="建档时间" prop="建档时间" width="160" />
                <el-table-column align="left" label="更新时间" prop="更新时间" width="160" />
            </el-table>
            <!-- 分页 -->
<!--            <div class="gva-pagination">-->
<!--              <el-pagination layout="total, sizes, prev, pager, next, jumper" :current-page="page"-->
<!--                             :page-size="pageSize" :page-sizes="[10, 30, 50, 100]" :total="total"-->
<!--                             @current-change="handleCurrentChange" @size-change="handleSizeChange" />-->
<!--            </div>-->
          </div>

          <!--  印件、工艺、BOM表格列表  -->
          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="印件资料"  @click="showTable('印件资料')"  name="first">
              <el-table ref="multipleTable"
                        :row-style="{ height: '20px' }"
                        :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                        :header-cell-style="{ padding: '0px' }"
                        :show-overflow-tooltip="true"
                        highlight-current-row="true"
                        @row-dblclick="yjupdateCompanyFunc"
                        style="width: 100%;height: 400px" border tooltip-effect="dark" :data="yjtableData" row-key="ID" @selection-change="handleSelectionChange">
                <el-table-column type="selection" width="55" />
                <el-table-column align="left" label="印件号" prop="印件号"  width="80"/>
                <el-table-column align="left" label="印件代号" prop="印件代号"  width="120"/>
                <el-table-column align="left" label="印件名称" prop="印件名称"  width="340"/>
                <el-table-column align="left" label="纸张代号" prop="纸张代号"  width="100"/>
                <el-table-column align="left" label="纸张名称" prop="纸张名称"  width="340"/>
                <el-table-column align="left" label="投料规格" prop="投料规格"  width="100"/>
                <el-table-column align="left" label="平张投料" prop="平张投料"  width="100"/>
                <el-table-column align="left" label="开料规格" prop="开料规格"  width="100"/>
                <el-table-column align="left" label="开数*联数" prop="开数*联数"  width="100"/>
                <el-table-column align="left" label="建档用户" prop="建档用户"  width="120"/>
                <el-table-column align="left" label="建档时间" prop="建档时间"  width="160"/>
                <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' }"
                        highlight-current-row="true"
                        :show-overflow-tooltip="true"
                        @row-dblclick="gyupdateCompanyFunc"
                        style="width: 100%;height: 400px" border tooltip-effect="dark" :data="gytableData" row-key="ID" @selection-change="handleSelectionChange">
                <el-table-column type="selection" width="55" />
                <el-table-column align="left" label="重点工序" prop="重点工序"  width="100"/>
                <el-table-column align="left" label="印件-工序" prop="印件-工序"  width="100"/>
                <el-table-column align="left" label="备选工序" prop="备选工序"  width="100"/>
                <el-table-column align="left" label="工序名称" prop="工序名称"  width="340"/>
                <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="160"/>
                <el-table-column align="left" label="人工检_废检" prop="人工检_废检"  width="160"/>
                <el-table-column align="left" label="机检_正品板" prop="机检_正品板"  width="160"/>
                <el-table-column align="left" label="机检_次品板" prop="机检_次品板"  width="160"/>
                <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="450"/>
                <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="160"/>
                <el-table-column align="left" label="建档日期" prop="建档日期"  width="160"/>
                <el-table-column align="left" label="更新时间" prop="更新时间"  width="160"/>
              </el-table>
            </el-tab-pane>

            <el-tab-pane label="BOM资料" @click="showTable('BOM资料')" name="third">
              <el-table ref="multipleTable"
                        :row-style="{ height: '20px' }"
                        :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                        :header-cell-style="{ padding: '0px' }"
                        :show-overflow-tooltip="true"
                        highlight-current-row="true"
                        @row-dblclick="bomupdateCompanyFunc"
                        style="width: 100%;height: 400px" border tooltip-effect="dark" :data="bomtableData" row-key="ID" @selection-change="handleSelectionChange">
                <el-table-column type="selection" width="55" />
                <el-table-column align="left" label="方案" prop="方案"  width="120"/>
                <el-table-column align="left" label="物料编号" prop="物料编号"  width="100"/>
                <el-table-column align="left" label="物料名称" prop="物料名称"  width="400"/>
                <el-table-column align="left" label="计划用量" prop="计划用量"  width="100"/>
                <el-table-column align="left" label="建档用户" prop="建档用户"  width="120"/>
                <el-table-column align="left" label="建档时间" prop="建档时间"  width="160"/>
                <el-table-column align="left" label="更新时间" prop="更新时间"  width="160"/>
                <el-table-column align="left" label="消耗定量" prop="消耗定量"  width="210"/>
              </el-table>
            </el-tab-pane>

          </el-tabs>

         <!-- 修改工单资料弹窗 -->
         <el-dialog v-model="dialogFormVisible" :before-close="closeDialog"
                    style="width: 1300px;height: 750px;; bottom: 7%"
                    :title="'修改工单资料'" destroy-on-close>
           <el-row>
             <el-form :model="scgdformData" label-position="right" ref="elFormRef" :rules="rule" label-width="120px">
				        <!-- 第一排 -->
                <el-row :gutter="24">
                  <el-col :span="6">
                    <el-form-item label="重点工单:" prop="keyOrder">
                      <el-input v-model="scgdformData['重点工单']"  placeholder="" style="width: 140px;"/>
                    </el-form-item>
                  </el-col>
                  <el-col :span="6">
                    <el-form-item label="开单日期" prop="orderDate">
                      <el-date-picker v-model="scgdformData['开单日期']" type="date" placeholder="选择日期"  style="width: 280px;" />
                    </el-form-item>
                  </el-col>
                  <el-col :span="5">
                    <el-form-item label="工单编号:" prop="orderNumber">
                      <el-input v-model="scgdformData['工单编号']"  placeholder="" style="width: 140px;"/>
                    </el-form-item>
                  </el-col>
                  <el-col :span="5">
                    <el-form-item label="生产类型:" prop="productionType">
                      <el-input v-model="scgdformData['生产类型']" placeholder="" style="width: 140px;" />
                    </el-form-item>
                  </el-col>
                </el-row>
              <!-- 第二排 -->
              <el-row :gutter="24">
              <el-col :span="6">
                <el-form-item label="客户代号:" prop="customerCode">
                <el-input v-model="scgdformData['客户代号']"  placeholder="" style="width: 140px;" />
                </el-form-item>
              </el-col>
              <el-col :span="16">
                <el-form-item label="客户名称:" prop="customerName">
                <el-input v-model="scgdformData['客户名称']"  placeholder=""  />
                </el-form-item>
              </el-col>
              </el-row>
              <!-- 第三排 -->
              <el-row :gutter="24">
              <el-col :span="6">
                <el-form-item label="产品代码:" prop="productCode">
                <el-input v-model="scgdformData['产品代号']"  placeholder="" style="width: 140px;"/>
                </el-form-item>
              </el-col>
              <el-col :span="16">
                <el-form-item label="产品名称:" prop="productName">
                <el-input v-model="scgdformData['产品名称']"  placeholder="" />
                </el-form-item>
              </el-col>
              </el-row>
              <!-- 第四排 -->
              <el-row :gutter="24">
                <el-col :span="6">
                  <el-form-item label="印件代码:" prop="customerCode">
                    <el-input v-model="scgdformData['印件代号']"  placeholder="" style="width: 140px;"/>
                  </el-form-item>
                </el-col>
                <el-col :span="16">
                  <el-form-item label="印件名称:" prop="customerName">
                    <el-input v-model="scgdformData['印件名称']" placeholder=""  />
                  </el-form-item>
                </el-col>
              </el-row>
                  <!-- 第五排 -->
               <el-row :gutter="24">
                 <el-col :span="6">
                   <el-form-item label="订单数量:" prop="orderQuantity">
                     <el-input v-model="scgdformData['订单数量']"  placeholder="" style="width: 140px;" />
                   </el-form-item>
                 </el-col>
                 <el-col :span="6">
                   <el-form-item label="交货日期:" prop="deliveryDate">
                     <el-date-picker v-model="scgdformData['交货日期']" type="date" placeholder="选择日期"  style="width: 280px;" />
<!--                     <el-input v-model="scgdformData['交货日期']" type="date"  placeholder="" style="width: 140px;" />-->
                   </el-form-item>
                 </el-col>
                 <el-col :span="5">
                   <el-form-item label="投料率:" prop="feedRate">
                     <el-input v-model="scgdformData['投料率']"  placeholder="" style="width: 140px;" />
                   </el-form-item>
                 </el-col>
                 <el-col :span="5">
                   <el-form-item label="平均合格率:" prop="passRate">
                     <el-input v-model="scgdformData['平均合格率']"  placeholder="" style="width: 140px;" />
                   </el-form-item>
                 </el-col>
               </el-row>
              <!-- 第六排 -->
              <el-row :gutter="24">
                <el-col :span="6">
                  <el-form-item label="平张投料:" prop="flatFeed">
                    <el-input v-model="scgdformData['平张投料']" placeholder="" style="width: 140px;" />
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="万小张:" prop="perTenThousand">
                    <el-input v-model="scgdformData['万小张']"  placeholder="" style="width: 110px;" />
                    <el-input v-model="scgdformData['单位']"  placeholder="" style="width: 60px;" />
                  </el-form-item>
                </el-col>
                <el-col :span="5">
                  <el-form-item label="投料大箱:" prop="feedBox">
                    <el-input v-model="scgdformData['折合大箱']" placeholder="" style="width: 140px;" />
                  </el-form-item>
                </el-col>
                <el-col :span="5">
                  <el-form-item label="库存大箱:" prop="stockBox">
                    <el-input v-model="scgdformData['库存大箱']"  placeholder="" style="width: 140px;" />
                  </el-form-item>
                </el-col>
              </el-row>

                  <!-- 第七排 -->
              <el-row :gutter="20">
                <el-col :span="20">
                  <el-form-item label="销售订单号:" prop="salesOrder">
                    <el-input v-model="scgdformData['销售订单号']"  placeholder="" />
                  </el-form-item>
                </el-col>
              </el-row>

                  <!-- 第八排 -->
              <el-row :gutter="20">
                <el-col :span="20">
                  <el-form-item label="警语版面:" prop="warningLayout">
                    <el-input v-model="scgdformData['警语版面']"  placeholder=""  />
                  </el-form-item>
                </el-col>
              </el-row>

              <!-- 第九排 -->
              <el-row :gutter="20">
                <el-col :span="6">
                  <el-form-item label="版本号:" prop="versionNumber">
                    <el-input v-model="scgdformData['版本号']"  placeholder="" />
                  </el-form-item>
                </el-col>
                <el-col :span="14">
                  <el-form-item label="客户ERP编码:" prop="customerErpCode">
                    <el-input v-model="scgdformData['客户ERP编码']"  placeholder=""  />
                  </el-form-item>
                </el-col>
              </el-row>

              <!-- 第十排 -->
              <el-row :gutter="20">
                <el-col :span="6">
                  <el-form-item label="码源数量:" prop="codeSourceQuantity">
                    <el-input v-model="scgdformData['码源数量']"  placeholder="" style="width: 170px;" />
                  </el-form-item>
                </el-col>
                <el-col :span="14">
                  <el-form-item label="进程备注:" prop="processNote">
                    <el-input v-model="scgdformData['进程备注']"  placeholder="" />
                  </el-form-item>
                </el-col>
              </el-row>

             <el-row :gutter="20">
               <el-col :span="20">
                 <el-form-item label="备注说明:" prop="remark">
                   <el-input type="textarea" v-model="scgdformData['备注']" :rows="2" :clearable="true" placeholder="" style="width: 100%;" />
                 </el-form-item>
               </el-col>
             </el-row>
             </el-form>
           </el-row>
             <template #footer>
                 <div class="dialog-footer" style="text-align: center;">
                 <el-button @click="closeDialog">取 消</el-button>
                 <el-button type="primary" @click="enterDialog">确 定</el-button>
                 </div>
             </template>
		   </el-dialog>

          <!-- 修改印件资料弹窗 -->
          <el-dialog v-model="yjdialogFormVisible" :before-close="yjcloseDialog"
                     style="width: 1300px;height: 750px;; bottom: 7%"
                     :title="'修改印件资料'" destroy-on-close>
            <el-form-item label="印件号:" prop="keyOrder">
              <el-input v-model="yjformData['印件号']"  placeholder="" style="width: 140px;"/>
            </el-form-item>
            <el-form-item label="印件代码:" prop="keyOrder">
              <el-input v-model="yjformData['印件代码']"  placeholder="" style="width: 140px;"/>
<!--              <el-input v-model="yjformData['印件代码']"  placeholder="" style="width: 140px;"/>-->
            </el-form-item>

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

          <!-- 修改工艺资料弹窗 -->
          <el-dialog v-model="gydialogFormVisible" :before-close="gycloseDialog"
                     style="width: 1300px;height: 750px;; bottom: 7%"
                     :title="'修改工艺资料'" destroy-on-close>

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

          <!-- 修改BOM资料弹窗 -->
          <el-dialog v-model="bomdialogFormVisible" :before-close="bomcloseDialog"
                     style="width: 1300px;height: 750px;; bottom: 7%"
                     :title="'修改BOM资料'" destroy-on-close>

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

        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
//点击按钮显示下方表格
export default {
  data() {
    return {
      currentTable: '', // 当前展示的表格
      activeName: 'first',
      // 其他表格数据...
    };
  },
  methods: {
    showTable(tableName) {
      // console.log(tableName)
      // 根据点击的按钮设置当前展示的表格
      this.currentTable = tableName;
    },
    showTableChange() {
      // 处理表格选中事件
    },
    // 其他方法...
  }
};
</script>
<script setup>
// 全量引入格式化工具 请按需保留
import {createCompany, deleteCompany, deleteCompanyByIds, updateCompany, findCompany, getCompanyList} from '@/api/company'
import { getDictFunc, formatDate, formatBoolean, filterDict, ReturnArrImg, onDownloadFile } from '@/utils/format'
import { ElMessage, ElMessageBox } from 'element-plus'
import { ref, reactive } from 'vue'
import {
  DataList,
  WorkList,
  Craft,
  Printed,
  Bom,
  ProductInformation,
  DataCorrection,
  setProductStatus,
  getProduct
} from "@/api/yunyin/yunying";
defineOptions({name: 'Company'})
// =========== 导出Excel表格 ===========
// const exportToExcel = () => {
//   console.log('点击了导出按钮')
//   dialogexportToExcel.value = true;
// }
// // 导出Excel弹窗
// const dialogexportToExcel = ref(false)

// =========== 印用产品资料 ===========
const yycpzlformData = reactive({
  gdbh: '',
  khdh: '',
  khmc: '',
  cpdh: '',
  cpmc: '',
  yjzl:true,
  gyap: true,
  gyfa: '',
});
const onyycpzllist = ref(false);
//点击【印用产品资料】按钮
const onyycpzlclick = () => {
  if(_Gd_gdbh.value == null){
    onyycpzllist.value = false;
    ElMessage({
      type: 'warning',
      message: '请选择具体的工单后，再操作此功能'
    })
  }else{
    console.log(_Gd_gdbh.value)
    _ProductInformations();
    onyycpzllist.value = true;
  }
};
//引用产品资料->修改产品资料
const _ProductInformations = async ()=>{
  let params = {}
  params.workOrder = _Gd_gdbh.value;
  try {
    const ProductInformations = await ProductInformation(params);
    console.log(ProductInformations);
    yycpzlformData['gdbh'] = ProductInformations.data['工单编号'];
    yycpzlformData['khdh'] = ProductInformations.data['客户代号'];
    yycpzlformData['khmc'] = ProductInformations.data['客户名称'];
    yycpzlformData['cpdh'] = ProductInformations.data['产品代号'];
    yycpzlformData['cpmc'] = ProductInformations.data['产品名称'];
  } catch (error) {
    console.error(error);
  }
}

//印用产品资料执行
const yycpzlhandleConfirm = async () => {
  console.log(yycpzlformData)
  // onyycpzllist.value = false;
};
//印用产品资料放弃
const yycpzlhandleCancel = () => {onyycpzllist.value = false;};

// =========== 左侧树侧形结构 ===========
const treeData = reactive({data:[]});
// const treeData = ref({})
const defaultProps = {
  children: 'children',
  label: 'label'
};

const DataListdata = async () => {
  try {
    const data = await DataList();
    for (let key in data.data) {
      // 忽略 "productingAll" 和 "progressAll"
      if (key !== "productingAll" && key !== "progressAll") {
        let temp = data.data[key];
        let object = {};
        object.id = temp[0];
        object.label = data.data[key];
        object.children = [];
        treeData.data.push(object);
      }
    }
  } catch (error) {
    console.error(error);
  }
};
DataListdata();

//点击左侧树形获取编号
const tableData = reactive([])
const handleNodeClick = async (node) => {
  const Gd_khdh = node.label.substring(0, 4);
  try {
    const WorkListdata = await WorkList({ Gd_khdh:Gd_khdh,limit:100,page:1});//接口调用函数
    tableData.splice(0,tableData.length,...WorkListdata.data);//表格数据
    total.value = tableData.length;//共多少条
  } catch (error) {
    console.error(error);
  }
};

//印件资料
const yjtableData = ref([])
//工艺资料
const gytableData = ref([])
//BOM资料
const bomtableData = ref([])
//全局调用工单编号
const _Gd_gdbh = ref(null)
//点击表格行 获取下方表格数据列表
const tableRowClick = async (row) => {
  _Gd_gdbh.value = row.工单编号;
  const Gd_gdbh = row.工单编号;
  const yjres = await Printed({ Gd_gdbh:Gd_gdbh});
  const gyres = await Craft({ Gd_gdbh:Gd_gdbh});
  const bomres = await Bom({ Gd_gdbh:Gd_gdbh});
  yjtableData.value = yjres.data;
  gytableData.value = gyres.data;
  bomtableData.value = bomres.data;
};

// 分页
const handleCurrentChange = (val) => {
  page.value = val;
  // console.log(page)
  // DataListdata();
};

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

// // 自动化生成的字典（可能为空）以及字段
// const formData = ref({
//         address: '',
//         image: '',
//         name: '',
//         })

// 验证规则
// 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 searchInfo = ref('')
//点击【查询】按钮
const onSubmit = () => {
  _DataCorrection();
};

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

// 查询
// const getTableData = async() => {
//   // const table = await getCompanyList({ page: page.value, pageSize: pageSize.value, ...searchInfo.value })
//   // console.log(table)
//   // if (table.code === 0) {
//   //   tableData.value = table.data.lis t
//   //   total.value = table.data.total
//   //   page.value = table.data.page
//   //   pageSize.value = table.data.pageSize
//   // }
// }
// getTableData()

// ============== 表格控制部分结束 ===============
// // 获取需要的字典 可能为空 按需保留
// const setOptions = async () =>{}
//
// // 获取需要的字典 可能为空 按需保留
// setOptions()

// 多选数据
const multipleSelection = ref([])
// 多选
const handleSelectionChange = (val) => {
    multipleSelection.value = val
}

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

//=========表格列表修改========
let scgdformData = reactive({})
//表格工单编号
const _gdbhcode = ref(null)
//双击修改
const updateCompanyFunc = async(row) => {
  Object.assign(scgdformData,row);
  // _gdbhcode.value = row['工单编号'];
  // _DataCorrection();
  dialogFormVisible.value = true
}
// 弹窗控制标记
const dialogFormVisible = ref(false)
// 打开弹窗
const openDialog = () => {dialogFormVisible.value = true;}
// 弹窗确定
const enterDialog = async () => {
  console.log(scgdformData)
  // const formattedData = {
  //   //重点工单
  //   '工单编号': scgdformData['工单编号'],
  //   '生产类型': scgdformData['生产分类'],
  //   '交货日期': scgdformData['交货日期'],
  //   '产品代号': scgdformData['产品代号'],
  //   '产量提交时间': scgdformData['产量提交时间'],
  //   '单位': scgdformData['单位'],
  //   '工单状态': scgdformData['工单状态'],
  //   '工单类型': scgdformData['工单类型'],
  //
  //   '平均合格率': scgdformData['平均合格率'],
  //   '建档时间': scgdformData['建档时间'],
  //   '建档用户': scgdformData['建档用户'],
  //   '开单日期': scgdformData['开单日期'],
  //   '当前生产工序': scgdformData['当前生产工序'],
  //   '投料率': scgdformData['投料率'],
  //   '折合大箱': scgdformData['折合大箱'],
  //   '更新时间': scgdformData['更新时间'],
  //
  //   '订单数量': scgdformData['订单数量'],
  //   '销售订单号': scgdformData['销售订单号'],
  // };
  console.log(formattedData)
}
// 关闭弹窗
const closeDialog = () => {dialogFormVisible.value = false}

// //=========印件列表修改========
// // 弹窗控制标记
// const yjdialogFormVisible = ref(false)
// //双击修改
// let yjformData = reactive({})
// const yjupdateCompanyFunc = async(row) => {
//   // console.log("印件列表修改")
//   console.log(row)
//   Object.assign(yjformData,row);
//   yjdialogFormVisible.value = true
// }
// // 关闭弹窗
// const yjcloseDialog = () => {
//   yjdialogFormVisible.value = false
// }
//
//
// //=========工艺列表修改========
// const gydialogFormVisible = ref(false)
// //双击修改
// const gyupdateCompanyFunc = async(row) => {
//   console.log("工艺列表修改")
//   // Object.assign(scgdformData,row);
//   gydialogFormVisible.value = true
// }
// // 关闭弹窗
// const gycloseDialog = () => {
//   gydialogFormVisible.value = false
// }
//
//
// //=========BOM列表修改========
// const bomdialogFormVisible = ref(false)
// //双击修改
// const bomupdateCompanyFunc = async(row) => {
//   console.log("工艺列表修改")
//   // Object.assign(scgdformData,row);
//   bomdialogFormVisible.value = true
// }
// // 关闭弹窗
// const bomcloseDialog = () => {
//   bomdialogFormVisible.value = false
// }

//工单查改->获取工单信息
const _DataCorrection = async ()=>{
  let params = {}
  if(_gdbhcode.value){
    //双击获取工单编号
    params.Gd_gdbh = _gdbhcode.value;
  }else{
    //搜索获取工单编号
    params.Gd_gdbh = searchInfo.value;
  }
  try {
    const DataCorrectionlist = await DataCorrection(params);
    console.log(DataCorrectionlist);

    //双击获取修改数据
    scgdformData.value = DataCorrectionlist.data;
    console.log(scgdformData.value);

    //搜索获取一条数据
    // tableData.value = DataCorrectionlist.data;

    // console.log(tableData.value['工单编号'])
  } catch (error) {
    console.error(error);
  }
}
</script>
<style>
.JKWTree-container {
  display: flex;
}

.JKWTree-tree {
  width: 300px;
  background-color: #fff;
  padding: 10px;
  margin-right: 20px;
}

.JKWTree-tree h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 10px 0;
}

.JKWTree-content {
  flex: 1;
}
/*关闭拖拽功能*/
.el-textarea textarea {
  resize: none !important;
}
/* 选中某行时的背景色*/
.el-table__body tr.current-row>td {
  background: #ff80ff !important;
}
</style>
