mes-ai-admin-backend-ui/src/view/yunyin/chanpinziliao/chanpinziliao.vue

<template>
  <div>
    <el-container>
      <!--    左侧树侧形结构-->
      <el-aside width="300px">
        <div class="JKWTree-tree" style="height: 346px">
          <h3> 产品管理</h3>
<!--          <el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick"></el-tree>-->
          <el-tree :data="treeData"  :props="defaultProps" @node-click="handleNodeClick" @node-expand="handleNodeExpand">
            <template #default="{node,data}">
              {{data['客户编号']}}【{{data['客户名称']}}】
            </template>
          </el-tree>
        </div>
      </el-aside>

      <!--  右侧内容区域 -->
      <el-container>
        <el-main>
          <!--      搜索框 -->
          <div class="gva-search-box">
            <el-form ref="elSearchFormRef" :inline="true"  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" icon="edit" @click="onStatusClick">状态设置</el-button>
                <el-dialog v-model="onstatuslist" title="状态设置" width="20%" style="height: 25%; position: fixed; bottom: 35%; left: 40%">
                  <div style="display: flex; flex-direction: column; align-items: center; height: 100%;">
                    <div style="width: 100%; height: 230px; margin: 0 auto; padding: 0px">
                      <div style="width: 100%; height: 50px;">
                        <el-radio-group v-model="status">
                          <el-radio label="在产">在产</el-radio>
                          <el-radio label="停产">停产</el-radio>
                        </el-radio-group>
                      </div>
                      <div style="width: 100%; display: flex; justify-content: center; align-items: flex-end; height: 35%;">
                        <div slot="footer" class="dialog-footer" style="text-align: center;">
                          <el-button type="primary" @click="handleConfirm">执行</el-button>
                          <el-button @click="handleCancel">放弃</el-button>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-dialog>

<!--                <el-button type="primary" disabled icon="edit" @click="" style="margin-left: 10px">工艺方案复制</el-button>-->

<!--            工艺方案更名-->
                <el-button type="primary" icon="edit" @click="gygmClick" style="margin-left: 10px">工艺方案更名</el-button>
                <el-dialog v-model="gygmlist" title="工艺方案更名" width="40%" style="height: 40%; position: fixed; bottom: 30%; left: 30%">
                  <div style="display: flex; flex-direction: column;  height: 100%;">
                    <el-form-item label="产品代号:" prop="process">
                      <el-input v-model="gyformData['process']" disabled :clearable="true" placeholder="" style="width: 160px;"/>
                    </el-form-item>
                    <br>
                    <el-form-item label=" " prop="processName">
                      <el-input v-model="gyformData['processName']" disabled :clearable="true" placeholder="" style="width: 100%;" />
                    </el-form-item>
                    <br>
                    <el-form-item label="工艺方案原名:" prop="originalName">
                      <el-select v-model="gyformData.originalName" placeholder="请选择" style="width: 160px;">
                        <el-option v-for="option in gyformData.originalNameOptions" :key="option" :label="option" :value="option" />
                      </el-select>
                    </el-form-item>
                    <br>
                    <el-form-item label="工艺方案新名:" prop="newName" >
                      <el-input v-model="gyformData['newName']" :clearable="true" placeholder="" style="width: 160px;"/>
                    </el-form-item>

                    <div class="dialog-footer" style="margin-top: 15px; margin-left: 280px;">
                      <el-button type="primary" @click="gygmhandleConfirm">执行</el-button>

                      <el-button @click="gygmhandleCancel">放弃</el-button>
                    </div>
                  </div>
                </el-dialog>

<!--             工艺方案附加 -->
                <el-button type="primary"  icon="edit" @click="fjClick" style="margin-left: 10px">工艺方案附加</el-button>
                <el-dialog v-model="fjlist" title="工艺方案附加" width="1400px" style="height: 740px;bottom: 6%;">
                  <div>

                    <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="fjformData['process']" disabled :clearable="true" placeholder="" style="width: 160px;"/>
                      </el-form-item>
                      <el-input v-model="fjformData['processName']" disabled :clearable="true" placeholder="" style="flex: 1;"/>
                      <el-form-item label="工艺方案:" prop="originalName"  style="margin-left: 20px;">
                        <el-select v-model="fjformData.originalName" placeholder="请选择" style="width: 160px;" @click="onoriginalNameclick" @change="handleOriginalNameChange">
                          <el-option v-for="option in fjformData.originalNameOptions" :key="option" :label="option" :value="option" />
                        </el-select>
                      </el-form-item>
                    </div>

                    <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="fjformData['dqprocess']"
                                  @keyup.enter="getProductValue" :clearable="true" placeholder="输入新产品" style="width: 160px;"/>
                      </el-form-item>
                      <el-input v-model="fjformData['dqprocessName']"
                                :disabled="!!fjformData['dqprocessName']"
                                placeholder="点击输框获取产品名称" @click="ondqprocessNameclick" :clearable="true"  style="flex: 1;"/>
                      <el-form-item label="工艺方案:" prop="originalName" style="margin-left: 20px;">
                        <el-input v-model="fjformData['dqoriginalName']" :clearable="true" placeholder="" style="width: 160px;"/>
                      </el-form-item>
                    </div>
                        <el-table ref="multipleTable"
                                  :show-overflow-tooltip="true"
                                  :row-style="{ height: '20px' }"
                                  :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                                  :header-cell-style="{ padding: '0px' }"
                                  style="width: 100%;height: 450px" border tooltip-effect="dark"
                                  :data="fjtableData" row-key="ID" @selection-change="handleSelectionChange">
                          <el-table-column v-slot="scope" align="left" label=方案 width="100" >
                            <el-input disabled v-model="scope.row.programme" :clearable="false"/>
                          </el-table-column>
                          <el-table-column v-slot="scope" align="left" label="印件号" width="100">
                            <el-input v-model="scope.row.Gy0_yjno" :clearable="false"/>
                          </el-table-column>
                          <el-table-column v-slot="scope" align="left" label="工序号" width="100" >
                            <el-input v-model="scope.row.Gy0_gxh" :clearable="false"/>
                          </el-table-column>
                          <el-table-column v-slot="scope" align="left" label="工序名称" width="340" >
                            <el-input disabled v-model="scope.row.Add_gxmc" :clearable="false"/>
                          </el-table-column>
                          <el-table-column v-slot="scope" align="left" label="工价系列" width="100" >
                            <el-input disabled v-model="scope.row.difficulty_coe" :clearable="false"/>
                          </el-table-column>
                          <el-table-column v-slot="scope" align="left" label="损耗系数" width="100" >
                            <el-input disabled v-model="scope.row.loss_coe" :clearable="false"/>
                          </el-table-column>
                          <el-table-column v-slot="scope" align="left" label="开数" width="100" >
                            <el-input  v-model="scope.row.Gy0_Ks" :clearable="false"/>
                          </el-table-column>
                          <el-table-column v-slot="scope" align="left" label="联数" width="100" >
                            <el-input  v-model="scope.row.Gy0_ls" :clearable="false"/>
                          </el-table-column>
                          <el-table-column v-slot="scope" align="left" label="备注" width="200" >
                            <el-input disabled v-model="scope.row.remark" :clearable="false"/>
                          </el-table-column>
                          <el-table-column v-slot="scope" align="left" label="车间" width="120" >
                            <el-input disabled v-model="scope.row.Gy0_site" :clearable="false"/>
                          </el-table-column>
                          <el-table-column v-slot="scope" align="left" label="设备编号" width="100" >
                            <el-input disabled v-model="scope.row.Gy0_sbbh" :clearable="false"/>
                          </el-table-column>
                        </el-table>

                    <div class="dialog-footer" style="margin-top: 14px; margin-left: 50%;">
                      <el-button type="primary" @click="fjbzgx">附加标准工序</el-button>
                      <el-button type="primary" @click="gxdqcpgx">更新当前产品工序</el-button>
                      <el-button type="primary" :disabled="!fjformData['dqoriginalName']" @click="fjhandleConfirm">建立工艺方案</el-button>
                      <el-button type="primary" @click="fjhandleCancel">放弃操作</el-button>
                    </div>

                  </div>
                </el-dialog>

<!--              点击附加标准工序 显示 产品工艺流程附加选择 -->
                  <el-dialog v-model="cpgylcfjxx" title="产品工艺流程附加选择" width="1400px" style="height: 740px;bottom: 6%;">
                  <div>
                    <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="cpgyformData['dqprocess']"
                                  @keyup.enter="cpgygetProductValue" :clearable="true" placeholder="输入新产品" style="width: 160px;"/>
                      </el-form-item>
                      <el-input v-model="cpgyformData['dqprocessName']"
                                :disabled="!!cpgyformData['dqprocessName']"
                                placeholder="点击输框获取产品名称" @click="cpgyondqprocessNameclick" :clearable="true"  style="flex: 1;"/>
                      <el-form-item label="工艺方案:" prop="originalName" style="margin-left: 20px;">
                        <el-input v-model="cpgyformData['dqoriginalName']" :clearable="true" placeholder="" style="width: 160px;"/>
                      </el-form-item>
                    </div>

                    <div class="dialog-footer" style="margin-top: 14px; margin-left: 50%;">
                      <el-button type="primary" @click="onfjbzgxexecute">执 行</el-button>
                      <el-button type="primary" @click="onfjbzgxcancellation">放 弃</el-button>
                    </div>

                  </div>
                </el-dialog>


<!--                点击附加标准工序弹出框-->
                <el-button type="primary"  icon="edit" @click="fjbzgxClick" style="margin-left: 10px;display: none" >工艺方案附加</el-button>
                <el-dialog v-model="fjbzgxlist" title="附加标准工序" width="1400px" style="height: 740px;bottom: 6%;">
                  <div>
                    <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="fjbzgxformData['process']" disabled :clearable="true" placeholder="" style="width: 160px;"/>
                      </el-form-item>
                      <el-input v-model="fjbzgxformData['processName']" disabled :clearable="true" placeholder="" style="flex: 1;"/>
                      <el-form-item label="工艺方案:" prop="originalName"  style="margin-left: 20px;">
                        <el-select v-model="ffjbzgxformData.originalName" placeholder="请选择" style="width: 160px;">
                          <el-option v-for="option in fjbzgxformData.originalNameOptions" :key="option" :label="option" :value="option" />
                        </el-select>
                      </el-form-item>
                    </div>

                    <el-table ref="multipleTable"
                              :show-overflow-tooltip="true"
                              :row-style="{ height: '20px' }"
                              :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                              :header-cell-style="{ padding: '0px' }"
                              style="width: 100%;height: 450px" border tooltip-effect="dark"
                              :data="fjbzgxtableData" row-key="ID" @selection-change="fjbzgxhandleSelectionChange">
                      <el-table-column align="left" label="附加方案" prop="programme"  width="70"/>

                    </el-table>
                    <div class="dialog-footer" style="margin-top: 14px; margin-left: 50%;">
                      <el-button type="primary" @click="fjbzgxzx">执行</el-button>
                      <el-button type="primary" @click="fjbzgxfq">放弃</el-button>
                    </div>
                  </div>
                </el-dialog>

<!--                <el-button type="primary" disabled icon="edit" @click="gygmClick" style="margin-left: 10px">计损色数修正</el-button>-->
<!--                <el-button type="primary" disabled icon="edit" @click="" style="margin-left: 10px">质检废品系数</el-button>-->

                <el-button type="primary" disabled icon="Download" @click="cpexportToExcel" style="margin-left: 10px">导出产品资料</el-button>
                <el-dialog v-model="cpdialogexportToExcel" title="导出产品资料" width="50%">
                </el-dialog>

                <el-button type="primary" disabled icon="Download" @click="gyexportToExcel" style="margin-left: 10px">导出工艺流程</el-button>
                <el-dialog v-model="gydialogexportToExcel" title="导出工艺流程" width="50%">
                </el-dialog>

              </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-class-name="tableRowClass"
                      highlight-current-row="true"
                      @selection-change="handleSelectionChange"
                      @row-dblclick="updateCompanyFunc"
                      @row-click="tableRowClick"
                      :show-overflow-tooltip="true">
              <el-table-column type="selection" width="55" />
              <el-table-column align="left" label="客户编号" prop="客户编号" width="100" />
              <el-table-column align="left" label="产品编号" prop="产品编号" width="115" />
              <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="100" />
              <el-table-column align="left" label="状态" prop="状态"  width="100"/>
              <el-table-column align="left" label="U8UID" prop="U8UID" width="100" />
              <el-table-column align="left" label="最后修改" prop="Sys_id" width="160" />
              <el-table-column align="left" label="建档日期" prop="Sys_rq" width="160" />
              <el-table-column sortable align="left" label="更新日期" prop="Mod_rq" width="160" />
              <el-table-column align="left" label="UniqID" prop="UniqID" width="100" />
              <el-table-column align="left" label="最近接单时间" prop="receiveDate" width="160" />
              <el-table-column align="left" label="工艺" prop="gyData" width="100"/>
              <el-table-column align="left" label="印件数" prop="yjData" width="100" />
            </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>

          <!--   印件资料、工艺资料、印版资料、技术资料附件表格 -->
          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">

            <el-tab-pane label="印件资料"  @click="showTable('印件资料')"  name="first">
              <el-table ref="multipleTable"
                        :show-overflow-tooltip="true"
                        highlight-current-row="true"
                        :row-style="{ height: '20px' }"
                        :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
                        :header-cell-style="{ padding: '0px' }"
                        @row-dblclick="yjupdateCompanyFunc"
                        style="width: 100%;height: 330px" 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="yj_yjno"  width="80"/>
                <el-table-column align="left" label="印件代号" prop="yj_yjdh" width="100" />
                <el-table-column align="left" label="印件名称" prop="yj_yjmc" width="540" />
                <el-table-column align="left" label="纸张单号" prop="yj_zzdh" width="100"/>
                <el-table-column align="left" label="纸张名称" prop="yj_zzmc" width="340"/>
                <el-table-column align="left" label="投料规格" prop="yj_tlgg" width="240"/>
                <el-table-column align="left" label="开料规格" prop="yj_klgg" width="100"/>
                <el-table-column align="left" label="开数" prop="yj_ks" width="80" />
                <el-table-column align="left" label="联数" prop="yj_ls" width="80" />
                <el-table-column align="left" label="备注" prop="yj_desc" width="200" />
                <el-table-column align="left" label="建档用户" prop="sys_id" width="130" />
                <el-table-column align="left" label="建档日期" prop="sys_rq" width="160" />
                <el-table-column align="left" label="更新日期" prop="mod_rq" width="160"/>
              </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="gytableData" 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" label="印件" prop="Gy0_yjno" width="80" />
                <el-table-column align="left" label="工序" prop="Gy0_gxh" width="70" />
                <el-table-column align="left" label="工序名称" prop="gy0_gxmc" width="120" />
                <el-table-column align="left" label="工序名称" prop="add_gxmc" width="340" />
                <el-table-column align="left" label="开数" prop="Gy0_Ks" width="70" />
                <el-table-column align="left" label="联数" prop="Gy0_ls" width="70" />
                <el-table-column align="left" label="备注" prop="备注" width="150" />
                <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="Gy0_Ms" width="100" />
                <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="120"/>
                <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="120"/>
                <el-table-column align="left" label="设备编号" prop="Gy0_sbmc" 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="印版资料" @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="ybtableData" row-key="ID" @selection-change="handleSelectionChange"
                      >
              <el-table-column type="selection" width="55" />
              <el-table-column align="left" label="方案" prop="YB_方案"  width="70"/>
              <el-table-column align="left" label="印件号" prop="YB_Yjno" width="80" />
              <el-table-column align="left" label="印版类别" prop="印版类别" width="100" />
              <el-table-column align="left" label="存货编码" prop="存货编码" width="100"/>
              <el-table-column align="left" label="印版名称" prop="印版名称"  width="440"/>
              <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="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="jstableData" row-key="ID" @selection-change="handleSelectionChange">
              <el-table-column type="selection" width="55" />
              <el-table-column align="left" label="序号" prop="序号"  width="120"/>
              <el-table-column align="left" label="适用工序" prop="适用工序" width="120" />
              <el-table-column align="left" label="备注" prop="备注" width="120" />
              <el-table-column align="left" label="文件类型" prop="文件类型" width="120"/>
              <el-table-column align="left" label="关联产品" prop="关联产品"  width="360"/>
              <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-tabs>

          <!-- 表格弹窗 -->
          <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="type==='create'?'添加产品基本资料':'修改产品基本资料'" destroy-on-close>
            <el-row>
              <el-scrollbar height="500px">
                <el-form :model="formDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="100px">
                  <el-row>
                    <el-col :span="10">
                      <el-form-item label="客户编号:" prop="address">
                        <el-input v-model="formDataTest['客户编号']" :clearable="true" placeholder="" style="width: 120px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="24">
                      <el-form-item label="客户名称:" prop="gender">
                        <el-input v-model="formDataTest['客户名称']" :clearable="true" placeholder=""  />
                      </el-form-item>
                    </el-col>
                    <el-col :span="10">
                      <el-form-item label="印品代号:" prop="address">
                        <el-input v-model="formDataTest['U8UID']" :clearable="true" placeholder="" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="6">
                      <el-form-item label="版本号:" prop="gender">
                        <el-input v-model="formDataTest['版本号']" :clearable="true" placeholder=""/>
                      </el-form-item>
                    </el-col>
                    <el-col :span="6">
                      <el-form-item label="客户料号:" prop="idCard">
                        <el-input v-model="formDataTest['客户料号']" :clearable="true" placeholder=""  />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <el-form-item label="产品名称:" prop="department">
                        <el-input v-model="formDataTest['产品名称']" :clearable="true" placeholder=""  />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="10">
                      <el-form-item label="产品类别:" prop="department">
                        <el-input v-model="formDataTest['产品类别']" :clearable="true" placeholder="" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="10">
                      <el-form-item label="单位:" prop="department">
                        <el-input v-model="formDataTest['计量单位']" :clearable="true" placeholder=""  />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-col :span="24">
                  <el-form-item label="成品规格:" prop="department">
                    <el-input v-model="formDataTest['成品规格']" :clearable="true" placeholder="" />
                  </el-form-item>
                  </el-col>
                    <el-col :span="24">
                      <el-form-item label="产品备注:" prop="remark">
                        <el-input type="textarea" v-model="formDataTest['产品备注']" :rows="4" :clearable="true" placeholder=""  />
                      </el-form-item>
                    </el-col>
                </el-form>
              </el-scrollbar>

            </el-row>

            <template #footer>
              <div class="dialog-footer">
                <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" :title="type==='create'?'添加产品基本资料':'修改产品基本资料'" destroy-on-close>
            <el-row>
              <el-scrollbar height="500px">
                <el-form :model="yjformDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="140px">
                  <el-row>
                    <el-form-item label="印件号:" prop="address">
                      <el-input v-model="yjformDataTest['yj_yjno']" clearable placeholder="请输入印件号" style="width: 140px;" />
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-form-item label="印件代号:" prop="address">
                      <el-input v-model="yjformDataTest['yj_yjdh']" clearable placeholder="请输入印件代码" style="width: 140px;" />
                    </el-form-item>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                    <el-form-item label="印件名称:" prop="address">
                      <el-input v-model="yjformDataTest['yj_yjmc']" clearable placeholder="请输入印件代码" style="width: 100%;" />
                    </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <el-form-item label="纸张:" prop="address">
                        <el-row>
                            <el-input v-model="yjformDataTest['yj_zzdh']" clearable placeholder="" style="width: 120px;" />
                            <el-input v-model="yjformDataTest['yj_zzmc']" clearable placeholder=""  style="width: 460px;" />
                        </el-row>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <el-form-item label="投料（mm*mm）:" prop="address">
                        <el-input v-model="yjformDataTest['yj_tlgg']" clearable placeholder="请输入投料规格"  style="width: 140px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="12">
                      <el-form-item label="开料（mm*mm）:" prop="address">
                        <el-input v-model="yjformDataTest['yj_klgg']" clearable placeholder="请输入开料规格" style="width: 140px;" />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <el-form-item label="开数:" prop="address">
                        <el-input v-model="yjformDataTest['yj_ks']" clearable placeholder="请输入开数" style="width: 140px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="12">
                      <el-form-item label="联数:" prop="address">
                        <el-input v-model="yjformDataTest['yj_ls']" clearable placeholder="请输入联数"  style="width: 140px;"/>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <el-form-item label="备注说明:" prop="remark">
                        <el-input type="textarea" v-model="yjformDataTest['yj_desc']" rows="4" clearable placeholder="请输入备注说明"  />
                      </el-form-item>
                    </el-col>
                  </el-row>
                </el-form>
              </el-scrollbar>
            </el-row>
            <template #footer>
              <div class="dialog-footer">
                <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" :title="type==='create'?'添加工艺产品基本资料':'修改工艺产品基本资料'" destroy-on-close>
            <el-row>
              <el-scrollbar height="500px">
                <el-form :model="gyformDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="100px" >
                  <el-row>
                    <el-col :span="5">
                      <el-form-item label="工序方案:" prop="address">
                        <el-input v-model="gyformDataTest['方案']" clearable placeholder="" style="width: 90px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="4">
                      <el-form-item label="印件编号:" prop="address">
                        <el-input v-model="gyformDataTest['Gy0_yjno']" clearable placeholder="" style="width: 90px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="4">
                      <el-form-item label="工序编号:" prop="address">
                        <el-input v-model="gyformDataTest['Gy0_gxh']" clearable placeholder="" style="width: 90px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="4">
                      <el-form-item label="加工开数" prop="address">
                        <el-input v-model="gyformDataTest['Gy0_Ks']" clearable placeholder="" style="width: 90px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="4">
                      <el-form-item label="加工联数:" prop="address">
                        <el-input v-model="gyformDataTest['Gy0_ls']" clearable placeholder="" style="width: 90px;" />
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                    <el-col :span="6">
                      <el-form-item label="车间名称:" prop="address">
                        <el-input v-model="gyformDataTest['gy0_site']" clearable placeholder="" style="width: 140px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="6">
                      <el-form-item label="工艺名称:" prop="address">
                        <el-input v-model="gyformDataTest['gy0_gxmc']" clearable placeholder="" style="width: 140px;" />
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                    <el-col :span="24">
                      <el-form-item label="工序名称:" prop="address">
                        <el-input v-model="gyformDataTest['add_gxmc']" clearable placeholder="" style="width: 100%;" />
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                    <el-col :span="6">
                      <el-form-item label="可用设备:" prop="address">
                        <el-input v-model="gyformDataTest['Gy0_sbbh']" clearable placeholder="" style="width: 140px;" />
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                    <el-col :span="5">
                      <el-form-item label="标准损耗:" prop="address">
                        <el-input v-model="gyformDataTest['Gy0_shdh']" clearable placeholder="" style="width: 90px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="5">
                      <el-form-item label="基础损耗:" prop="address">
                        <el-input v-model="gyformDataTest['基础损耗']" clearable placeholder="" style="width: 90px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="6">
                      <el-form-item label="损耗率" prop="address">
                        <el-input v-model="gyformDataTest['损耗率']" clearable placeholder="" style="width: 90px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="6">
                      <el-form-item label="工价系数:" prop="address">
                        <el-input v-model="gyformDataTest['工价系数']" clearable placeholder="" style="width: 90px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="6">
                      <el-form-item label="损耗系数:" prop="address">
                        <el-input v-model="gyformDataTest['损耗系数']" clearable placeholder="" style="width: 90px;" />
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                    <el-col :span="24">
                      <el-form-item label="工序备注:" prop="remark">
                        <el-input type="textarea" v-model="gyformDataTest['备注']" rows="4" clearable placeholder="请输入备注说明" />
                      </el-form-item>
                    </el-col>
                  </el-row>
                </el-form>
              </el-scrollbar>
            </el-row>
            <template #footer>
              <div class="dialog-footer">
                <el-button @click="gycloseDialog">取 消</el-button>
                <el-button type="primary" @click="gyenterDialog">确 定</el-button>
              </div>
            </template>
          </el-dialog>

          <!-- 印版资料 弹窗 -->
          <el-dialog v-model="ybdialogFormVisible" :before-close="ybcloseDialog" :title="type==='create'?'添加产品印版资料':'修改产品印版资料'" destroy-on-close>
            <el-row>
              <el-scrollbar height="500px">
                <el-form :model="ybformDataTest" label-position="right" ref="elFormRef" :rules="rule" label-width="100px" >
                  <el-row>
                    <el-col :span="8">
                      <el-form-item label="工序方案:" prop="address">
                        <el-input v-model="ybformDataTest['YB_方案']" clearable placeholder="" style="width: 100px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="印件号:" prop="address">
                        <el-input v-model="ybformDataTest['YB_Yjno']" clearable placeholder="" style="width: 100px;" />
                      </el-form-item>
                    </el-col>
                    <el-col :span="8">
                      <el-form-item label="工序编号:" prop="address">
                        <el-input v-model="ybformDataTest['']" clearable placeholder="" style="width: 100px;" />
                      </el-form-item>
                    </el-col>
                  </el-row>

                  <el-row>
                    <el-col :span="24">
                      <el-form-item label="工艺名称:" prop="address">
                        <el-input v-model="ybformDataTest['gy0_site']" clearable placeholder="" style="width: 100%;" />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <el-form-item label="工序名称:" prop="address">
                        <el-input v-model="ybformDataTest['gy0_site']" clearable placeholder="" style="width: 100%;" />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="10 ">
                      <el-form-item label="存货编码:" prop="address">
                        <el-input v-model="ybformDataTest['存货编码']" clearable placeholder="" style="width: 140px;" />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <el-form-item label="存货名称:" prop="address">
                        <el-input v-model="ybformDataTest['印版名称']" clearable placeholder="" style="width: 100%;" />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <el-form-item label="印版备注:" prop="address">
                        <el-input v-model="ybformDataTest['gy0_site']" clearable placeholder="" style="width: 100%;" />
                      </el-form-item>
                    </el-col>
                  </el-row>
                </el-form>
              </el-scrollbar>
            </el-row>
            <template #footer>
              <div class="dialog-footer">
                <el-button @click="ybcloseDialog">取 消</el-button>
                <el-button type="primary" @click="ybenterDialog">确 定</el-button>
              </div>
            </template>
          </el-dialog>

        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
//点击按钮显示下方表格
export default {
  data() {
    return {
      currentTable: '',
      activeName: 'first'

    };
  },
  methods: {
    tableRowClass({row,rowIndex}){
      if(row.状态==="停产"){
        return "warning-row"
      }
    },
    rowClassStyle({row,rowIndex}){
      // debugger
      // if(row.Gy0_yjno===this.selection.Gy0_yjno){
      //   return "warning-row"
      // }
    },
    clickybupdate(row,column,event){
    // this.selection=row
      // this.rowClassStyle()

    },
    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,
  editGyName, editGyNo,
  getCustom,
  getDepartment,
  getProduct,
  getProductData,
  getProductGy,
  getStaffList,
  setProductStatus
} from "@/api/yunyin/yunying";
defineOptions({   name: 'Company'})

// =========== 导出Excel表格 ===========
// //导出产品
// const cpdialogexportToExcel = ref(false)
// const cpexportToExcel = () => {
//   console.log('点击了导出产品按钮')
//   cpdialogexportToExcel.value = true;
// }
//
// //导出工艺
// const gydialogexportToExcel = ref(false)
// const gyexportToExcel = () => {
//   console.log('点击了导出工艺流程按钮')
//   gydialogexportToExcel.value = true;
// }

// =========== 状态设置 ===========
const onstatuslist = ref(false);
const status = ref('在产'); // 默认选择在产
const _stacode = ref(null);
//点击【状态设置】按钮
const onStatusClick = () => {
  if(_product_code.value == null){
    onstatuslist.value = false;
    alert('请选择树形后，再操作此功能');
  }else{
    _stacode.value = _product_code.value;
    onstatuslist.value = true;
  }
};
// 状态设置放弃按钮
const handleCancel = () => {
  onstatuslist.value = false;
  console.log('点击了取消');
};
// 状态设置执行按钮
const handleConfirm = async () => {
  onstatuslist.value = false;
    let statusCode;
    let code = _stacode.value;
    if (status.value === '在产') {
      statusCode = 1;
    } else if (status.value === '停产') {
      statusCode = 2;
    }
    const data = await setProductStatus({ code: code, status: statusCode });
    console.log(data);
};
handleCancel(_stacode);

// =========== 工艺方案附加 ===========
const fjlist = ref(false);
const fjformData = reactive({
  //↓当前产品数据
  process: '',//当前产品
  processName: '',//产品名称
  processfa: [],//工艺方案
  originalName: '', // 工艺方案默认选择的值
  //↓新产品数据
  dqprocess: '',
  dqprocessName: '',
  dqoriginalName: ''
});
const fjtableData = ref([]);
const _originalNamev = ref(null);
//获取选择下拉框当前方案的值
const onoriginalNameclick = () => {
    console.log("当前方案选择的值是：" + fjformData.originalName);
}
//输入新产品点击后面input获取新产品的值
const ondqprocessNameclick = () => {
  _originalNamev.value = fjformData['dqprocess'];
  _ongetProductclick();
}

//新产品输入框回车事件
const getProductValue = () => {
  _originalNamev.value = fjformData['dqprocess'];
  _ongetProductclick();
}

//封装获取单个产品基础数据方法[用来获取新产品名称]
const _ongetProductclick = async ()=>{
  let params = {}
  params.search = _originalNamev.value;
  params.limit = pageSize.value;
  params.page = page.value;
  try {
    const WorkListdata = await getProduct(params);
    fjformData['dqprocessName'] = WorkListdata.data.data[0]['产品名称'];
  } catch (error) {
    console.error(error);
  }
}

//当前产品号通过接口查询工艺数据
const getProductGys = async (product_code,plan) => {
  const WorkListdata = await getProductGy({product_code:product_code,plan:plan});
  fjtableData.value = WorkListdata.data
};

//点击【工艺方案附加】按钮
const fjClick = () => {
  if(_product_code.value == null){
    fjlist.value = false;
    alert('请选择分类项目，再操作此功能');
  }else{
    fjlist.value = true;
    if (gytableData.length === 0) {
      fjlist.value = false;
      alert('没有工艺资料');
    } else {
      //默认新产品为空
      fjformData.dqprocess = ''
      fjformData.dqprocessName = ''
      fjformData.dqoriginalName = ''
      //将值赋值给当前产品
      fjformData.process = _product_code.value;
      fjformData.processName = _kehu_code.value;
      //获取方案
      const uniqueSchemeSet = new Set();
      gytableData.forEach(item => {
        uniqueSchemeSet.add(item['方案']);
      });
      const uniqueSchemeArray = Array.from(uniqueSchemeSet);
      fjformData.originalNameOptions = [];// 清空原有数据
      fjformData.originalNameOptions = fjformData.originalNameOptions.concat(uniqueSchemeArray);
      // 设置默认选择第一个选项
      if (fjformData.originalNameOptions.length > 0) {
        fjformData.originalName = fjformData.originalNameOptions[0];
      }
    }
    const product_code = fjformData.process
    const plan = fjformData.originalName
    // console.log(product_code)
    getProductGys(product_code,plan)
  }
};


//==========点击【附加标准工序】按钮=====弹出新页面==========
const cpgyformData = reactive({
  dqprocess: '',
  dqprocessName: '',
  dqoriginalName: ''
});
const cpgylcfjxx = ref(false);
const _cpgyoriginalNamev = ref(null);
const fjbzgx = async () => {
  //清空输入框数据
  cpgyformData['dqprocess'] = '';
  cpgyformData['dqprocessName'] = '';
  cpgyformData['dqoriginalName'] = '';
  cpgylcfjxx.value = true;
  // fjlist.value = false;
}
//输入新产品点击后面input获取新产品的值
const cpgyondqprocessNameclick = () => {
  _cpgyoriginalNamev.value = cpgyformData['dqprocess'];
  _cpgyongetProductclick();
}
//新产品输入框回车事件
const cpgygetProductValue = () => {
  _cpgyoriginalNamev.value = fjformData['dqprocess'];
  _cpgyongetProductclick();
}
const _cpgyongetProductclick = async ()=>{
  let params = {}
  params.search = _cpgyoriginalNamev.value;
  params.limit = pageSize.value;
  params.page = page.value;
  try {
    const WorkListdata = await getProduct(params);
    cpgyformData['dqprocessName'] = WorkListdata.data.data[0]['产品名称'];
  } catch (error) {
    console.error(error);
  }
}

//点击【附加标准工序执行】按钮
const onfjbzgxexecute = async () => {
  cpgylcfjxx.value = false;
}

//点击【附加标准工序放弃】按钮
const onfjbzgxcancellation = async () => {
  cpgylcfjxx.value = false;
}

//点击【更新当前产品工序】按钮，更新的是表格数据
const gxdqcpgx = async () => {
  const rawValueArray = fjtableData._rawValue;
  const formattedData = rawValueArray.map(item => {
    return {
      UniqID: item.UniqID,
      Gy0_yjno: item.Gy0_yjno,
      Gy0_gxh: item.Gy0_gxh,
      Gy0_Ks: item.Gy0_Ks,
      Gy0_ls: item.Gy0_ls
    };
  });
  console.log(formattedData);
  // const editGyNamedata = await editGyName({formattedData:formattedData});
  // console.log(editGyNamedata);
  // fjlist.value = false;
};

//点击【建立工艺方案】按钮，当前的方案建立到新产品方案中
const fjhandleConfirm = async () => {
  fjlist.value = false;
};

//点击【工艺方案附加放弃操作】按钮
const fjhandleCancel = () => {
  fjlist.value = false;
};

// =========== 工艺方案更名 ===========
const gygmlist = ref(false);
const _gygmstacode = ref(null);
const gyformData = reactive({
  process: '',
  processName: '',
  originalNameOptions: [],
  newName: '',
  originalName: '', // 工艺方案默认选择的值
});
//点击【工艺方案更名】按钮
const gygmClick = () => {
  if(_product_code.value == null){
    gygmlist.value = false;
    alert('请选择分类项目，再操作此功能');
  }else{
    gygmlist.value = true;
    gyformData.process = _product_code.value;
    gyformData.processName = _kehu_code.value;
    if (gytableData.length === 0) {
      gygmlist.value = false;
      alert('没有工艺资料');
    } else {
      const uniqueSchemeSet = new Set();
      gytableData.forEach(item => {
        uniqueSchemeSet.add(item['方案']);
      });
      const uniqueSchemeArray = Array.from(uniqueSchemeSet);
      gyformData.originalNameOptions = []; // 清空原有数据
      gyformData.originalNameOptions = gyformData.originalNameOptions.concat(uniqueSchemeArray);
      // 设置默认选择第一个选项
      if (gyformData.originalNameOptions.length > 0) {
        gyformData.originalName = gyformData.originalNameOptions[0];
      }
    }
  }
};
// 点击工艺方案更名中【放弃】按钮
const gygmhandleCancel = () => {
  gygmlist.value = false;
};

// 点击工艺方案更名【执行】按钮
const gygmhandleConfirm = async () => {
  gygmlist.value = false;
  let params = {}
  params.code = gyformData.process;
  params.old_name = gyformData.originalName;
  params.new_name = gyformData.newName;
  //确定后清空 工艺方案原名 输入框
  gyformData.originalName = ''
  //确定后清空 工艺方案新名 输入框
  gyformData.newName = ''
  try {
    const WorkListdata = await editGyName(params);
    if (WorkListdata.code === 0) {
      console.log(WorkListdata.msg);
    } else {
      console.log(WorkListdata.msg);
    }
  } catch (error) {
    console.error(error);
  }
};

gygmhandleCancel(_gygmstacode);

// =========== 左侧树侧形结构 ===========
const treeData = ref({})
const getCustomdata = async () => {
  try {
    const data  = await getCustom()
    treeData.value = data.data;
  } catch (error) {
    console.error('Error fetching custom data:', error);
  }
}
getCustomdata()

//点击左侧树形获取列表
const tableData = reactive([])
const _custom_code = ref(null)
const handleNodeClick = async (node) => {
  _custom_code.value = node.客户编号;
  searchInfo.value = '';
  _getProduct()
};
//印件资料
const yjtableData = reactive([])
//工艺资料
const gytableData = reactive([])
//印版资料
const ybtableData = reactive([])
//技术资料附件
const jstableData = reactive([])
//全局调用产品编号
const _product_code = ref(null)
//全局调用产品名称
const _kehu_code = ref(null)
const tableRowClick = async (row) => {
  _product_code.value = row.产品编号;
  _kehu_code.value = row.产品名称;
  const res = await getProductData({product_code:_product_code.value});
  yjtableData.splice(0, yjtableData.length, ...res.data.yjData);//印件资料表格
  gytableData.splice(0, gytableData.length, ...res.data.gyData);//工艺资料表格
  ybtableData.splice(0, ybtableData.length, ...res.data.ybData);//印版资料表格
};
// 搜索查询
const searchInfo = ref('')
//点击【查询】按钮
const onSubmit = () => {
  _custom_code.value = '';
  _getProduct();
};
// 重置
// const onReset = () => {
//   searchInfo.value = {}
//   getTableData()
// }

//封装获取单个产品基础数据方法
const _getProduct = async ()=>{
  let params = {}
  params.search = searchInfo.value;
  params.custom_code = _custom_code.value;
  params.limit = pageSize.value;
  params.page = page.value;
  try {
    const WorkListdata = await getProduct(params);
    tableData.splice(0, tableData.length, ...WorkListdata.data.data);//表格
    total.value = tableData.length;//共多少条
  } catch (error) {
    console.error(error);
  }
}

// ========分页==============
const page = ref(1)
const total = ref(0)
const pageSize = ref(10)
const handleCurrentChange = (val) => {
  page.value = val;
  _getProduct();
};
// 修改页面容量 点击多少条/页
const handleSizeChange = (val) => {
  page.value = 15;//默认显示十条
  pageSize.value = val;
  _getProduct();
};
//=========表格列表修改========
let formDataTest = reactive({})
//修改
const updateCompanyFunc = async (row) => {
  formDataTest = row;
  dialogFormVisible.value = true;
};
// 弹窗
const dialogFormVisible = ref(false)
// 打开弹窗
const openDialog = () => {
  type.value = 'create'
  dialogFormVisible.value = true
}
// 关闭弹窗
const closeDialog = () => {
  dialogFormVisible.value = false
  formData.value = {
    address: '',
    image: '',
    name: '',
  }
}

//=========印件修改========
let yjformDataTest = reactive({})
//修改
const yjupdateCompanyFunc = async (row) => {
  yjformDataTest = row;
  yjdialogFormVisible.value = true;
};
// 弹窗
const yjdialogFormVisible = ref(false)
// 打开弹窗
const yjopenDialog = () => {
  type.value = 'create'
  yjdialogFormVisible.value = true
}
// 关闭弹窗
const yjcloseDialog = () => {
  yjdialogFormVisible.value = false
  formData.value = {
    address: '',
    image: '',
    name: '',
  }
}
//=========工艺修改========
let gyformDataTest = reactive({})
//修改
const gyupdateCompanyFunc = async (row) => {
  // const product_code = row.产品编号;
  const product_code = _product_code.value;
  const res = await getProductGy({product_code:product_code});//接口
  gyformDataTest = row;
  // console.log(row);
  gydialogFormVisible.value = true;
};
// 弹窗
const gydialogFormVisible = ref(false)
// 打开弹窗
const gyopenDialog = () => {
  type.value = 'create'
  gydialogFormVisible.value = true
}
// 关闭弹窗
const gycloseDialog = () => {
  gydialogFormVisible.value = false
  formData.value = {
    address: '',
    image: '',
    name: '',
  }
}
//=========印版修改========
let ybformDataTest = reactive({})
//修改
const ybupdateCompanyFunc = async (row) => {
  // const product_code = row.产品编号;
  const product_code = _product_code.value;
  // const res = await getProductGy({product_code:product_code});//接口
  // console.log(res);
  ybformDataTest = row;
  // console.log(row);
  ybdialogFormVisible.value = true;
};
// 弹窗
const ybdialogFormVisible = ref(false)
// 打开弹窗
const ybopenDialog = () => {
  type.value = 'create'
  ybdialogFormVisible.value = true
}
// 关闭弹窗
const ybcloseDialog = () => {
  ybdialogFormVisible.value = false
  formData.value = {
    address: '',
    image: '',
    name: '',
  }
}

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

// 验证规则
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 setOptions = async () =>{
}

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

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

// 弹窗确定
const enterDialog = async () => {
  elFormRef.value?.validate( async (valid) => {
    if (!valid) return
    let res
    switch (type.value) {
      case 'create':
        res = await createCompany(formData.value)
        break
      case 'update':
        res = await updateCompany(formData.value)
        break
      default:
        res = await createCompany(formData.value)
        break
    }
    if (res.code === 0) {
      ElMessage({
        type: 'success',
        message: '创建/更改成功'
      })
      closeDialog()
      getTableData()
    }
  })
}
</script>
<style>
.JKWTree-container {
  display: flex;
}
.JKWTree-tree {
  width: 300px;
  background-color: #fff;
  padding: 10px;
  margin-right: 20px;
}
.JKWTree-tree h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 10px 0;
}
.JKWTree-content {
  flex: 1;
}
.el-table .warning-row {
  background: #FFFF80;
}
/* 选中某行时的背景色*/
.el-table__body tr.current-row>td {
  background: #ff80ff !important;
}
</style>