ccl_plm-vue/src/views/modules/proofing/requestForProofing.vue

<template>
  <div class="mod-config">
    <!-- 查询条件 -->
    <el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
      <el-form-item :label="'打样单号'">
        <el-input v-model="searchData.proofingNo" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item :label="'客户编码'">
        <el-input v-model="searchData.customerNo" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item :label="'客户名称'">
        <el-input v-model="searchData.customerDesc" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item :label="'CS'">
        <el-input v-model="searchData.trackerName" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item :label="'项目料号'">
        <el-input v-model="searchData.testPartNo" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item :label="'产品名称'">
        <el-input v-model="searchData.partName" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item :label="'要求交付日期'">
        <el-date-picker
          style="width: 120px"
          v-model="searchData.startDate"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="选择日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item label=" ">
        <div style="text-align: center;"><i class="el-icon-right"></i></div>
      </el-form-item>
      <el-form-item :label="' '">
        <el-date-picker
          style="width: 120px"
          v-model="searchData.endDate"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="选择日期">
        </el-date-picker>
      </el-form-item>
    </el-form>
    <el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
      <el-form-item :label="'项目编码'">
        <el-input v-model="searchData.projectId" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item :label="'项目名称'">
        <el-input v-model="searchData.projectName" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item :label="'NPI工程师'">
        <el-input v-model="searchData.engineerName" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item :label="'优先等级'">
        <dict-data-select v-model="searchData.priorityLevel" clearable style="width: 120px" :use-default-value="false"
                          dict-type="priority_Level"></dict-data-select>
      </el-form-item>
      <el-form-item :label="'状态'" v-if="false">
        <el-select v-model="searchData.proofingResultStatus" style="width: 120px">
          <el-option label="全部" value=""></el-option>
          <el-option label="草稿" value="B"></el-option>
          <el-option label="已下达" value="C"></el-option>
          <el-option label="已完成打样" value="E"></el-option>
          <el-option label="已提交打样" value="S"></el-option>
          <el-option label="客户已反馈" value="R"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item :label="'状态'">
        <el-select v-model="searchData.proofingStatus" style="width: 120px">
          <el-option label="全部" value=""></el-option>
          <el-option label="草稿" value="草稿"></el-option>
          <el-option label="审批中" value="审批中"></el-option>
          <el-option label="已完成" value="已完成"></el-option>
          <el-option label="下达" value="下达"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item :label="' '">
        <el-button @click="getDataList()">查询</el-button>
        <el-button type="primary" @click="addModal()">新增</el-button>
        <el-button type="primary" @click="delModal()">删除</el-button>
        <download-excel
          :fields="fields()"
          :data="exportData"
          type="xls"
          :name="exportName"
          :header="exportHeader"
          :footer="exportFooter"
          :fetch="createExportData"
          :before-generate="startDownload"
          :before-finish="finishDownload"
          worksheet="导出信息"
          class="el-button el-button--primary el-button--medium">
          {{ "导出" }}
        </download-excel>
      </el-form-item>
    </el-form>

    <!-- 打样列表 -->
    <el-table
      :height="height"
      :data="dataList"
      border
      :row-style="rowStyle"
      ref="proofingTable"
      @row-click="proofingClickRow"
      @selection-change="selectionProofing"
      @current-change="changeCurrentRow"
      v-loading="dataListLoading"
      style="width: 100%;">
      <el-table-column
        type="selection"
        header-align="center"
        align="center"
        :selectable="selectFlag"
        width="50">
      </el-table-column>
      <el-table-column
        v-for="(item,index) in columnList" :key="index"
        :sortable="item.columnSortable"
        :prop="item.columnProp"
        :header-align="item.headerAlign"
        :show-overflow-tooltip="item.showOverflowTooltip"
        :align="item.align"
        :fixed="item.fixed === ''?false:item.fixed"
        :min-width="item.columnWidth"
        :label="item.columnLabel">
        <template slot-scope="scope">
          <div v-if="item.columnProp === 'proofingResultStatus'">
            <span v-if="!item.columnHidden">
              <span v-show="scope.row.proofingResultStatus === 'B'">草稿</span>
              <span v-show="scope.row.proofingResultStatus === 'C'">已下达</span>
              <span v-show="scope.row.proofingResultStatus === 'E'">已完成打样</span>
              <span v-show="scope.row.proofingResultStatus === 'S'">已提交打样</span>
              <span v-show="scope.row.proofingResultStatus === 'R'">客户已反馈</span>
            </span>
            <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                               style="width: 100px; height: 80px"/></span>
          </div>
          <div v-else>
            <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
            <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                               style="width: 100px; height: 80px"/></span>
          </div>
        </template>
      </el-table-column>
      <el-table-column
        fixed="right"
        header-align="center"
        align="center"
        width="100"
        label="操作">
        <template slot-scope="scope">
          <el-link style="cursor: pointer" @click="updateModal(scope.row)">编辑</el-link>
          <el-link style="cursor: pointer" v-if="scope.row.proofingResultStatus === 'B'"
                   @click="updateModalStatus(scope.row,'C')">下达
          </el-link>
        </template>
      </el-table-column>
    </el-table>

    <selectDiv ref="selectDiv"></selectDiv>

    <!-- 分页插件 -->
    <el-pagination style="margin-top: 0px"
                   @size-change="sizeChangeHandle"
                   @current-change="currentChangeHandle"
                   :current-page="pageIndex"
                   :page-sizes="[20, 50, 100, 200, 500]"
                   :page-size="pageSize"
                   :total="totalPage"
                   layout="total, sizes, prev, pager, next, jumper">
    </el-pagination>

    <!-- 打样模态框 -->
    <el-dialog :title="modalData.title" @close="closeModalDiaLog" @open="openModalDialog" :close-on-click-modal="false"
               v-drag :visible.sync="modalFlag" top="10vh" width="1200px">
      <el-form label-position="top" ref="modalForm" :model="modalData" :rules="rules">
        <el-row :gutter="15">
          <el-col :span="8">
            <el-row :gutter="10">
              <el-col :span="10">
                <el-form-item prop="customerNo" label="客户编码">
                  <span style="cursor: pointer" slot="label" v-if="modalData.flag === '1'"
                        @click="getBaseList(102,1)"><a herf="#">客户编码</a></span>
                  <el-input :disabled="modalData.flag !== '1' && columnFlagByHeader('customerNo')" v-model="modalData.customerNo"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="14">
                <el-form-item label=" ">
                  <el-input disabled v-model="modalData.customerDesc"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="4">
            <el-form-item label="打样数量" prop="proofingNumber">
              <div class="right">
                <el-input type="number" class="inlineNumber" :disabled="columnFlagByHeader('proofingNumber')" v-model="modalData.proofingNumber"
                          @input="modalData.proofingNumber = modalData.proofingNumber.replace(/^(0+)|[^\d]+/g, '')"></el-input>
              </div>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="优先等级">
              <dict-data-select v-if="modalFlag" :disabled="columnFlagByHeader('priorityLevel')" v-model="modalData.priorityLevel"
                                dict-type="priority_Level"></dict-data-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="要求交付日期" prop="requiredDeliveryDate">
              <el-date-picker v-model="modalData.requiredDeliveryDate" style="width: 100%" type="date"
                              value-format="yyyy-MM-dd" placeholder="选择日期" :disabled="columnFlagByHeader('requiredDeliveryDate')"></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="15">
          <el-col :span="8">
            <el-row :gutter="10">
              <el-col :span="10">
                <el-form-item prop="projectId" label="项目编码">
                  <span slot="label" v-if="modalData.customerNo && modalData.flag === '1'"
                        @click="chooseProjectListFlag = true"><a herf="#">项目编码</a></span>
                  <el-input :disabled="(!modalData.customerNo || modalData.flag !== '1')"
                            v-model="modalData.projectId"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="14">
                <el-form-item label=" ">
                  <el-input disabled v-model="modalData.projectName"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="4">
            <el-form-item>
              <!--            <el-form-item prop="trackerName">-->
              <!--              <span style="cursor: pointer" slot="label" @click="getBaseList(103,1)"><a herf="#">CS</a></span>-->
              <label v-if="columnFlagByHeader('tracker')" slot="label">CS</label>
              <span v-else style="cursor: pointer" slot="label" @click="getBaseList(2051)"><a herf="#">CS</a></span>
              <el-input v-model="modalData.trackerName" :disabled="columnFlagByHeader('tracker')" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item>
              <!--            <el-form-item prop="engineerName">-->
              <!--              <span style="cursor: pointer" slot="label" @click="getBaseList(103,2)"><a herf="#">NPI工程师</a></span>-->
              <label v-if="columnFlagByHeader('engineer')" slot="label">NPI工程师</label>
              <span v-else style="cursor: pointer" slot="label" @click="getBaseList(2052)"><a herf="#">NPI工程师</a></span>
              <el-input v-model="modalData.engineerName" :disabled="columnFlagByHeader('engineer')" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item>
              <!--              <span style="cursor: pointer" slot="label" @click="getBaseList(103,2)"><a herf="#">Approver</a></span>-->
              <label v-if="columnFlagByHeader('approver')" slot="label">Approver</label>
              <span v-else style="cursor: pointer" slot="label" @click="getBaseList(2053)"><a herf="#">Approver</a></span>
              <el-input v-model="modalData.approverName" :disabled="columnFlagByHeader('approver')" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item>
              <!--              <span style="cursor: pointer" slot="label" @click="getBaseList(103,2)"><a herf="#">Approver</a></span>-->
              <label v-if="columnFlagByDelegateAccess('delegateAccess')" slot="label">DelegateAccess</label>
              <span v-else style="cursor: pointer" slot="label" @click="delegateAccessVisible = true"><a herf="#">DelegateAccess</a></span>
              <el-input v-model="delegateAccessName" :disabled="columnFlagByDelegateAccess('delegateAccess')" readonly></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="15">
          <el-col :span="24">
            <el-form-item label="技术注意事项" style="height: 90px">
              <el-input type="textarea" v-model="modalData.technicalConsiderations" :rows="3" resize='none'
                        show-word-limit></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div class="rq">
        <el-form :inline="true" label-position="top" :model="projectPartData">
          <el-form-item label="产品编码">
            <el-input v-model="projectPartData.testPartNo" clearable style="width: 120px"></el-input>
          </el-form-item>
          <el-form-item label="产品名称">
            <el-input v-model="projectPartData.partName" clearable style="width: 120px"></el-input>
          </el-form-item>
          <el-form-item label=" " v-if="modalData.projectId">
            <el-button type="primary" @click="getProjectPartList()">查询</el-button>
          </el-form-item>
        </el-form>
        <el-table
          :height="300"
          :data="projectPartList"
          ref="projectPartTable"
          @row-click="projectPartClickRow"
          @selection-change="selectionProjectPart"
          :row-key="getRowKeys"
          border
          v-loading="dataListLoading"
          style="width: 100%;">
          <el-table-column
            type="selection"
            header-align="center"
            align="center"
            :selectable="checkSelectable"
            :reserve-selection="true"
            width="50">
          </el-table-column>
          <el-table-column
            v-for="(item,index) in projectPartDetailList" :key="index"
            :sortable="item.columnSortable"
            :prop="item.columnProp"
            :header-align="item.headerAlign"
            :show-overflow-tooltip="item.showOverflowTooltip"
            :align="item.align"
            :fixed="item.fixed===''?false:item.fixed"
            :min-width="item.columnWidth"
            :label="item.columnLabel">
            <template slot-scope="scope">
              <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
              <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <el-footer style="height:30px;text-align:center;margin-top: 8px">
        <el-button type="primary" @click="saveData()">保存</el-button>
        <el-button type="primary" @click="modalFlag = false">关闭</el-button>
        <el-button v-if="modalData.proofingStatus === '审批中'" type="primary" @click="agreeSubmit">同意</el-button>
        <el-button v-if="modalData.proofingStatus === '审批中' && modalData.isReject === 'Y'" type="primary" @click="rejectSubmit">驳回</el-button>
      </el-footer>
    </el-dialog>

    <!-- 录入打样结果模态框 -->
    <el-dialog title="录入打样结果" :close-on-click-modal="false" v-drag :visible.sync="enterResultModalFlag"
               width="785px">
      <el-form :inline="true" label-position="top" :model="enterResultData" :rules="enterResultRules"
               style="margin-left: 0px;margin-top: 10px;">
        <el-form-item label="实际交付日期" prop="actualityDeliveryDate" :rules="enterResultRules.actualityDeliveryDate">
          <el-date-picker v-model="enterResultData.actualityDeliveryDate" type="date" value-format="yyyy-MM-dd"
                          placeholder="请选择日期" style="width: 200px"></el-date-picker>
        </el-form-item>
      </el-form>
      <el-form :inline="true" label-position="top" :model="enterResultData" :rules="enterResultRules"
               style="margin-left:0px;margin-top: 5px;">
        <el-form-item label="打样结果信息" prop="proofingResultInformation"
                      :rules="enterResultRules.proofingResultInformation">
          <el-input type="textarea" v-model="enterResultData.proofingResultInformation" :rows="3" resize='none'
                    show-word-limit style="width: 500px;height: 30px"></el-input>
        </el-form-item>
      </el-form>
      <el-form :inline="true" label-position="top" :model="enterResultData" style="margin-left: 0px;margin-top: 50px;">
        <el-form :inline="true" label-position="top" style="margin-top: 5px">
          <el-button type="primary" @click="uploadFile()">上传文件</el-button>
        </el-form>
        <el-table
          :height="200"
          :data="fileContentList"
          border
          v-loading="dataListLoading"
          style="width: 100%">
          <el-table-column
            v-for="(item,index) in fileColumnList" :key="index"
            :sortable="item.columnSortable"
            :prop="item.columnProp"
            :header-align="item.headerAlign"
            :show-overflow-tooltip="item.showOverflowTooltip"
            :align="item.align"
            :fixed="item.fixed===''?false:item.fixed"
            :min-width="item.columnWidth"
            :label="item.columnLabel">
            <template slot-scope="scope">
              <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
              <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
            </template>
          </el-table-column>
          <el-table-column
            fixed="right"
            header-align="center"
            align="center"
            width="100"
            label="操作">
            <template slot-scope="scope">
              <a @click="deleteFile(scope.row)">删除</a>
            </template>
          </el-table-column>
        </el-table>
      </el-form>
      <el-footer style="height:35px;margin-top: 10px;text-align:center">
        <el-button type="primary" @click="saveProofingResult()">保存</el-button>
        <el-button type="primary" @click="enterResultModalFlag = false">关闭</el-button>
      </el-footer>
    </el-dialog>

    <!-- 录入送样信息模态框 -->
    <el-dialog title="录入送样信息" :close-on-click-modal="false" v-drag :visible.sync="submitResultModalFlag"
               width="620px">
      <el-form :inline="true" label-position="top" :model="submitResultData" :rules="submitResultRules"
               style="margin-left: 0px;margin-top: 10px;">
        <el-form-item label="实际送样日期" prop="actualitySendSamplesDate"
                      :rules="submitResultRules.actualitySendSamplesDate">
          <el-date-picker v-model="submitResultData.actualitySendSamplesDate" type="date" value-format="yyyy-MM-dd"
                          placeholder="请选择日期" style="width: 200px"></el-date-picker>
        </el-form-item>
        <el-form-item label="送样方式" prop="sendSamplesMethod" :rules="submitResultRules.sendSamplesMethod">
          <el-select v-model="submitResultData.sendSamplesMethod" style="width: 221px">
            <el-option label="客户自提" value="客户自提"></el-option>
            <el-option label="人员带货" value="人员带货"></el-option>
            <el-option label="其它" value="其它"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="送货信息">
          <el-input v-model="submitResultData.deliverGoodsInformation" style="width: 221px"></el-input>
        </el-form-item>
      </el-form>
      <el-form :inline="true" label-position="top" :model="submitResultData" style="margin-left:0px;margin-top: 5px;">
        <el-form-item label="送货备注">
          <el-input type="textarea" v-model="submitResultData.deliverGoodsRemark" :rows="3" resize='none'
                    show-word-limit style="width: 456px;height: 30px"></el-input>
        </el-form-item>
      </el-form>
      <el-footer style="height:35px;margin-top: 50px;text-align:center">
        <el-button type="primary" @click="saveSubmitResult()">保存</el-button>
        <el-button type="primary" @click="submitResultModalFlag = false">关闭</el-button>
      </el-footer>
    </el-dialog>

    <!-- 客户回复模态框 -->
    <el-dialog title="客户回复" :close-on-click-modal="false" v-drag :visible.sync="customerResponseModalFlag"
               width="620px">
      <el-form :inline="true" label-position="top" :model="customerResponseData" :rules="customerResponseRules"
               style="margin-left: 0px;margin-top: 10px;">
        <el-form-item label="实际回复日期" prop="actualityReplyDate" :rules="customerResponseRules.actualityReplyDate">
          <el-date-picker v-model="customerResponseData.actualityReplyDate" type="date" value-format="yyyy-MM-dd"
                          placeholder="请选择日期" style="width: 185px"></el-date-picker>
        </el-form-item>
        <el-form-item label="客户确认结果" prop="confirmResults" :rules="customerResponseRules.confirmResults">
          <el-select v-model="customerResponseData.confirmResults" style="width: 185px">
            <el-option label="接受" value="接受"></el-option>
            <el-option label="不接受" value="不接受"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="客户确认人" prop="confirmBy" :rules="customerResponseRules.confirmBy">
          <el-input v-model="customerResponseData.confirmBy" style="width: 185px"></el-input>
        </el-form-item>
      </el-form>
      <el-form :inline="true" label-position="top" :model="customerResponseData"
               style="margin-left:0px;margin-top: 5px;">
        <el-form-item label="客户回复信息">
          <el-input type="textarea" v-model="customerResponseData.confirmInformation" :rows="3" resize='none'
                    show-word-limit style="width: 595px;height: 30px"></el-input>
        </el-form-item>
      </el-form>
      <el-footer style="height:35px;margin-top: 50px;text-align:center">
        <el-button type="primary" @click="saveCustomerResponse()">保存</el-button>
        <el-button type="primary" @click="customerResponseModalFlag = false">关闭</el-button>
      </el-footer>
    </el-dialog>

    <!--选择项目模态框-->
    <el-dialog title="选择-项目" @close="closeProjectInfoDialog" @open="searchProjectInfoList"
               :visible.sync="chooseProjectListFlag" width="35%">
      <el-form label-position="top" :model="searchProjectData" ref="closeProjectInfoForm">
        <el-row :gutter="10">
          <el-col :span="6">
            <el-form-item label="项目编码">
              <el-input v-model="searchProjectData.projectId"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="项目名称">
              <el-input v-model="searchProjectData.projectName"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label=" ">
              <el-button type="primary" @click="searchProjectInfoList">查询</el-button>
            </el-form-item>
          </el-col>
        </el-row>
        <el-table :height="223"
                  :data="projectList"
                  border
                  @row-click="projectClickRow">
          <el-table-column label="项目编码" prop="projectId"/>
          <el-table-column label="项目名称" prop="projectName"/>
        </el-table>
      </el-form>
    </el-dialog>

    <!-- 页签 -->
    <el-tabs v-model="activeTable" style="margin-top: 0px; width: 100%; min-height: 300px;" type="border-card"
             @tab-click="tabClick" class="customer-tab">
      <!-- 打样详细信息页签 -->
      <el-tab-pane label="打样详细信息" name="proofing_detail_information" v-if="false">
        <el-form :inline="true" label-position="top" :model="proofingDetailData"
                 style="margin-left: 10px;margin-top: 10px;">
          <el-form-item label="技术注意事项">
            <el-input type="textarea" v-model="proofingDetailData.technicalConsiderations" readonly :rows="3"
                      resize='none' show-word-limit style="width: 600px;height: 30px"></el-input>
          </el-form-item>
        </el-form>
        <el-form :inline="true" label-position="top" :model="proofingDetailData"
                 style="margin-left: 10px;margin-top: 46px;">
          <el-form-item label="是否需要送样">
            <input type="checkbox" v-if="proofingDetailData.isNeedToSendSamples == 'Y'" checked onclick="return false"/>
            <input type="checkbox" v-if="proofingDetailData.isNeedToSendSamples != 'Y'" onclick="return false"/>
          </el-form-item>
          <el-form-item label="送样地址">
            <el-input v-model="proofingDetailData.sendSamplesAddress" readonly style="width: 295px"></el-input>
          </el-form-item>
        </el-form>
        <el-form :inline="true" label-position="top" :model="proofingDetailData"
                 style="margin-left: 10px;margin-top: 46px;">
          <el-form-item label="收货人">
            <el-input v-model="proofingDetailData.consignee" readonly style="width: 295px"></el-input>
          </el-form-item>
          <el-form-item label="收货人联系方式">
            <el-input v-model="proofingDetailData.consigneeContact" readonly style="width: 295px"></el-input>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <!-- 打样结果页签 -->
      <el-tab-pane label="打样结果" name="proofing_result" v-if="false">
        <el-form :inline="true" label-position="top" :model="proofingResultData"
                 style="margin-left: 10px;margin-top: 5px;">
          <el-button v-if="proofingResultData.proofingResultStatus === 'C'" type="primary"
                     @click="proofingResultModal()">录入打样结果
          </el-button>
          <el-button v-if="proofingResultData.proofingResultStatus === 'E'" type="primary"
                     @click="submitProofingModal()">录入送样信息
          </el-button>
          <el-button v-if="proofingResultData.proofingResultStatus === 'S'" type="primary"
                     @click="customerResponseModal()">客户回复
          </el-button>
        </el-form>
        <el-form :inline="true" label-position="top" :model="proofingResultData"
                 style="margin-left: 10px;margin-top: 2px;">
          <el-form-item label="实际交付日期">
            <el-date-picker v-model="proofingResultData.actualityDeliveryDate" readonly type="date"
                            value-format="yyyy-MM-dd" style="width: 240px"></el-date-picker>
          </el-form-item>
          <el-form-item label="是否需要送样">
            <input type="checkbox" v-if="proofingResultData.isNeedToSendSamples == 'Y'" checked onclick="return false"/>
            <input type="checkbox" v-if="proofingResultData.isNeedToSendSamples != 'Y'" onclick="return false"/>
          </el-form-item>
          <el-form-item label="是否送样">
            <input type="checkbox"
                   v-if="proofingResultData.proofingResultStatus == 'S' || proofingResultData.proofingResultStatus == 'R'"
                   checked onclick="return false"/>
            <input type="checkbox"
                   v-if="proofingResultData.proofingResultStatus != 'S' && proofingResultData.proofingResultStatus != 'R'"
                   onclick="return false"/>
          </el-form-item>
        </el-form>
        <el-form :inline="true" label-position="top" :model="proofingResultData"
                 style="margin-left: 10px;margin-top: -1px;">
          <el-form-item label="打样结果信息">
            <el-input type="textarea" v-model="proofingResultData.proofingResultInformation" readonly :rows="2"
                      resize='none' show-word-limit style="width: 760px;height: 20px"></el-input>
          </el-form-item>
        </el-form>
        <el-form :inline="true" label-position="top" :model="proofingResultData"
                 style="margin-left: 10px;margin-top: 26px;">
          <el-form-item label="附件清单">
            <el-table
              :height="90"
              :data="fileContentList"
              border
              v-loading="dataListLoading"
              style="width: 100%">
              <el-table-column
                v-for="(item,index) in fileColumnList" :key="index"
                :sortable="item.columnSortable"
                :prop="item.columnProp"
                :header-align="item.headerAlign"
                :show-overflow-tooltip="item.showOverflowTooltip"
                :align="item.align"
                :fixed="item.fixed===''?false:item.fixed"
                :min-width="item.columnWidth"
                :label="item.columnLabel">
                <template slot-scope="scope">
                  <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
                  <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                                     style="width: 100px; height: 80px"/></span>
                </template>
              </el-table-column>
              <el-table-column
                fixed="right"
                header-align="center"
                align="center"
                width="100"
                label="操作">
                <template slot-scope="scope">
                  <a @click="downloadFile(scope.row)">下载</a>
                </template>
              </el-table-column>
            </el-table>
          </el-form-item>
        </el-form>
        <el-form :inline="true" label-position="top" :model="proofingResultData"
                 style="margin-left: 10px;margin-top: 69px;">
          <el-form-item label="实际送样日期">
            <el-date-picker v-model="proofingResultData.actualitySendSamplesDate" readonly type="date"
                            value-format="yyyy-MM-dd" style="width: 240px"></el-date-picker>
          </el-form-item>
          <el-form-item label="送样方式">
            <el-input v-model="proofingResultData.sendSamplesMethod" readonly style="width: 240px"></el-input>
          </el-form-item>
          <el-form-item label="送货信息">
            <el-input v-model="proofingResultData.deliverGoodsInformation" readonly style="width: 240px"></el-input>
          </el-form-item>
        </el-form>
        <el-form :inline="true" label-position="top" :model="proofingResultData"
                 style="margin-left: 10px;margin-top: -2px;">
          <el-form-item label="送货备注">
            <el-input type="textarea" v-model="proofingResultData.deliverGoodsRemark" readonly :rows="2" resize='none'
                      show-word-limit style="width: 760px;height: 20px"></el-input>
          </el-form-item>
        </el-form>
        <el-form :inline="true" label-position="top" :model="proofingResultData"
                 style="margin-left: 10px;margin-top: 26px;">
          <el-form-item label="客户是否回复">
            <input type="checkbox" v-if="proofingResultData.proofingResultStatus == 'R'" checked
                   onclick="return false"/>
            <input type="checkbox" v-if="proofingResultData.proofingResultStatus != 'R'" onclick="return false"/>
          </el-form-item>
          <el-form-item label="客户确认结果">
            <el-input v-model="proofingResultData.confirmResults" readonly style="width: 205px"></el-input>
          </el-form-item>
          <el-form-item label="实际回复日期">
            <el-date-picker v-model="proofingResultData.actualityReplyDate" readonly type="date"
                            value-format="yyyy-MM-dd" style="width: 240px"></el-date-picker>
          </el-form-item>
          <el-form-item label="客户确认人">
            <el-input v-model="proofingResultData.confirmBy" readonly style="width: 205px"></el-input>
          </el-form-item>
        </el-form>
        <el-form :inline="true" label-position="top" :model="proofingResultData"
                 style="margin-left: 10px;margin-top: -2px;">
          <el-form-item label="客户回复信息">
            <el-input type="textarea" v-model="proofingResultData.confirmInformation" readonly :rows="2" resize='none'
                      show-word-limit style="width: 760px;height: 20px"></el-input>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <!-- 项目信息页签 -->
      <el-tab-pane label="项目信息" name="project_information">
        <el-form label-position="top" :model="projectInformationData" style="margin-left: 10px;margin-top: 5px;margin-right: 10px">
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="项目号">
                  <el-input v-model="projectInformationData.projectId" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="项目名称">
                  <el-input v-model="projectInformationData.projectName" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="项目类型">
                  <el-input v-model="projectInformationData.projectType" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="客户来源">
                  <el-input v-model="projectInformationData.projectSourceDesc" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="优先级">
                  <el-input v-model="projectInformationData.priorityDesc" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="项目状态">
                  <el-input v-model="projectInformationData.status" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="项目经理">
                  <el-input v-model="projectInformationData.projectManagerName" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="项目负责人">
                  <el-input v-model="projectInformationData.projectOwnerName" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="项目权限">
                  <el-input v-model="projectInformationData.userRoleName" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="6">
              <div class="grid-content bg-purple">
                <el-form-item label="创建时间">
                  <el-input v-model="projectInformationData.createDate" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="6">
              <div class="grid-content bg-purple">
                <el-form-item label="创建人">
                  <el-input v-model="projectInformationData.createBy" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="6">
              <div class="grid-content bg-purple">
                <el-form-item label="更新时间">
                  <el-input v-model="projectInformationData.updateDate" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="6">
              <div class="grid-content bg-purple">
                <el-form-item label="更新人">
                  <el-input v-model="projectInformationData.updateBy" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="24">
              <div class="grid-content bg-purple">
                <el-form-item label="项目描述">
                  <el-input v-model="projectInformationData.projectDesc" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="24">
              <div class="grid-content bg-purple">
                <el-form-item label="其它特殊要求">
                  <el-input v-model="projectInformationData.remark" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
        </el-form>
      </el-tab-pane>
      <!-- 客户信息页签 -->
      <el-tab-pane label="客户信息" name="customer_information">
        <el-form label-position="top" :model="customerInformationData"
                 style="margin-left: 10px;margin-top: 5px;margin-right: 10px">
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="客户代码">
                  <el-input v-model="customerInformationData.customerNo" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="客户名称">
                  <el-input v-model="customerInformationData.customerDesc" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="重要程度">
                  <el-input v-model="customerInformationData.importantCustomer" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="客户币种">
                  <el-input v-model="customerInformationData.customerCurrency" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="年营业额">
                  <el-input v-model="customerInformationData.turnoverOfYear" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="年潜在投入">
                  <el-input v-model="customerInformationData.potentialRevenueOfYear" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="客户状态">
                  <el-input v-model="customerInformationData.customerStatus" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="行业">
                  <el-input v-model="customerInformationData.customerIndustry" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="公司名称">
                  <el-input v-model="customerInformationData.companyName" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="客户联系人">
                  <el-input v-model="customerInformationData.contactName" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="联系人电话">
                  <el-input v-model="customerInformationData.contactPhoneNumber1" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="grid-content bg-purple">
                <el-form-item label="联系人职务">
                  <el-input v-model="customerInformationData.position" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="12">
              <div class="grid-content bg-purple">
                <el-form-item label="客户描述">
                  <el-input v-model="customerInformationData.customerDescription" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="12">
              <div class="grid-content bg-purple">
                <el-form-item label="客户联系地址">
                  <el-input v-model="customerInformationData.addressName" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="12">
              <div class="grid-content bg-purple">
                <el-form-item label="地址类型">
                  <el-input v-model="customerInformationData.addressType" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="6">
              <div class="grid-content bg-purple">
                <el-form-item label="创建时间">
                  <el-input v-model="customerInformationData.createDate" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="6">
              <div class="grid-content bg-purple">
                <el-form-item label="创建人">
                  <el-input v-model="customerInformationData.createBy" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="6">
              <div class="grid-content bg-purple">
                <el-form-item label="更新时间">
                  <el-input v-model="customerInformationData.updateDate" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="6">
              <div class="grid-content bg-purple">
                <el-form-item label="更新人">
                  <el-input v-model="customerInformationData.updateBy" readonly></el-input>
                </el-form-item>
              </div>
            </el-col>
          </el-row>
        </el-form>
      </el-tab-pane>
    </el-tabs>

    <!-- chooseList模态框 -->
    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>


    <!-- 客户地址 -->
    <el-dialog title="联系地址清单" :close-on-click-modal="false" v-drag :visible.sync="addressModelFlag" width="520px">
      <el-table
        :height="300"
        :data="addressList"
        @row-dblclick="getAddressData"
        border
        style="width: 100%;">
        <el-table-column
          v-for="(item,index) in columnAddressList" :key="index"
          :sortable="item.columnSortable"
          :prop="item.columnProp"
          :header-align="item.headerAlign"
          :show-overflow-tooltip="item.showOverflowTooltip"
          :align="item.align"
          :fixed="item.fixed==''?false:item.fixed"
          :min-width="item.columnWidth"
          :label="item.columnLabel">
          <template slot-scope="scope">
            <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
            <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                               style="width: 100px; height: 80px"/></span>
          </template>
        </el-table-column>
      </el-table>
      <el-footer style="height:40px;margin-top: 20px;text-align:center">
        <el-button type="primary" @click="addressModelFlag=false">关闭</el-button>
      </el-footer>
    </el-dialog>

    <!-- 联系人 -->
    <el-dialog title="收货人清单" :close-on-click-modal="false" v-drag :visible.sync="contactModelFlag" width="520px">
      <el-table
        :height="300"
        :data="contactList"
        @row-dblclick="getContactData"
        border
        style="width: 100%;">
        <el-table-column
          v-for="(item,index) in columnContactList" :key="index"
          :sortable="item.columnSortable"
          :prop="item.columnProp"
          :header-align="item.headerAlign"
          :show-overflow-tooltip="item.showOverflowTooltip"
          :align="item.align"
          :fixed="item.fixed==''?false:item.fixed"
          :min-width="item.columnWidth"
          :label="item.columnLabel">
          <template slot-scope="scope">
            <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
            <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
                                               style="width: 100px; height: 80px"/></span>
          </template>
        </el-table-column>
      </el-table>
      <el-footer style="height:40px;margin-top: 20px;text-align:center">
        <el-button type="primary" @click="contactModelFlag=false">关闭</el-button>
      </el-footer>
    </el-dialog>
    <el-dialog title="人员选择" @open="openDelegateAccess" @close="closeDelegateAccess" v-drag
               :visible.sync="delegateAccessVisible" width="40vw">
      <el-form :inline="true" label-position="top" :model="proofingDelegateAccess">
        <el-form-item label="编码">
          <el-input v-model="proofingDelegateAccess.delegateAccess" clearable style="width: 120px"></el-input>
        </el-form-item>
        <el-form-item label="名称">
          <el-input v-model="proofingDelegateAccess.delegateAccessName" clearable style="width: 120px"></el-input>
        </el-form-item>
        <el-form-item label=" ">
          <el-button type="primary" @click="searchDelegateAccessByUser()">查询</el-button>
        </el-form-item>
      </el-form>
      <el-table v-if="delegateAccessVisible"
                :height="300"
                :data="baseDelegateAccessList"
                @selection-change="handleSelectionChange"
                @row-click="(row,column, event)=>handleTableClick(row,column, event,'delegateAccesstTable')"
                ref="delegateAccesstTable"
                border
                style="width: 100%;">
        <el-table-column
          type="selection"
          header-align="center"
          align="center"
          width="50">
        </el-table-column>
        <el-table-column label="编码" property="delegateAccess" align="left" header-align="center"/>
        <el-table-column label="名称" property="delegateAccessName" align="left" header-align="center"/>
      </el-table>
      <el-footer style="height:40px;margin-top: 20px;text-align:center">
        <el-button type="primary" @click="confirmDelegateAccess">确定</el-button>
        <el-button type="primary" @click="delegateAccessVisible=false">关闭</el-button>
      </el-footer>
    </el-dialog>

    <!-- 上传文件的modal -->
    <proofingUploadFile ref="proofingUploadFile" @refreshPageTables="getFileContentData()" v-drag></proofingUploadFile>
  </div>
</template>

<script>
import {
  proofingInformationSearch, // 打样信息列表查询
  proofingInformationSave, // 打样信息新增
  proofingInformationEdit, // 打样信息编辑
  proofingInformationDelete, // 打样信息删除
  getFileContentList, // 获取打样单附件列表
  proofingResultSearch, // 获取打样结果对象
  deleteProofingFile, // 文件删除
  saveProofingResult, // 保存打样结果
  saveSubmitResult, // 保存送样结果
  saveCustomerResponse, // 保存客户回复
  getProjectPartList, // 获取产品列表
  getProjectInformation, // 获取项目信息
  getCustomerInformation, // 获取客户信息
} from '@/api/proofing/proofingInformation.js'
import {
  downLoadQuotationFile, // 文件下载
  searchProjectInfoList,
} from '@/api/quotation/quotationInformation.js'
import {
  customerAddressSearch, // 客户联系地址列表查询
} from '@/api/customer/customerAddress.js'
import {
  customerContactSearch, // 客户联系人列表查询
} from '@/api/customer/customerContact.js'
import Chooselist from '@/views/modules/common/Chooselist'
import proofingUploadFile from "./proofing_upload_file"
import DictDataSelect from "../sys/dict-data-select.vue";
import {
  proofingInformationEditStatus,
  searchDelegateAccess,
  searchDelegateAccessByUser, submitChange
} from "../../../api/proofing/proofingInformation";
import {getNodeAuthority} from "../../../api/changeManagement/changeManagement";
import ProjectInfo from "../quotation/sellForQuotation/projectInfo.vue";

export default {
  components: {
    ProjectInfo,
    DictDataSelect,
    Chooselist,
    proofingUploadFile
  },
  watch: {
    searchData: {
      deep: true,
      handler: function (newV, oldV) {
        this.searchData.customerNo = this.searchData.customerNo.toUpperCase()
        this.searchData.projectId = this.searchData.projectId.toUpperCase()
      }
    },
    'modalData.proofingNo'(newV, oldV) {
      if (newV) {
        this.modalData.proofingNo = newV.toUpperCase()
      }
    },
    'modalData.customerNo'(newV, oldV) {
      if (newV) {
        this.modalData.customerNo = newV.toUpperCase()
      }
      if (oldV) {
        if (!newV) {
          this.modalData.customerDesc = ''
        }
        this.modalData.projectId = ''
        this.modalData.consignee = ''
        this.modalData.consigneeContact = ''
        this.modalData.sendSamplesAddress = ''
      }
    },
    'modalData.projectId'(newV, oldV) {
      if (newV) {
        this.modalData.projectId = newV.toUpperCase()
      }
      if (oldV) {
        if (!newV) {
          this.modalData.projectName = ''
        }
        this.modalData.testPartNo = ''
        this.modalData.partName = ''
        this.projectPartListSelections = [];
        this.projectPartList = [];
        this.$refs.projectPartTable.clearSelection();
      }
    },
  },
  computed: {
    delegateAccessName: {
      get() {
        return this.selectionDelegateAccess.map(item => item.delegateAccessName).join(';')
      },
      set(val) {

      }
    },
    columnFlagByHeader() {
      return (value) => {
        if (this.modalData.flag === '1'){
          return false
        }
        if (!this.columnFieldList1){
          return true
        }
        let arr = this.columnFieldList1.filter(a => a.fieldId === value)
        if (arr.length > 0) {
          return arr[0].updateFlag === 'N'
        }
        return true
      }
    },
    columnFlagByDelegateAccess() {
      return (value) => {
        if (this.modalData.flag === '1'){
          return false
        }
        if (!this.columnFieldList2){
          return true
        }
        let arr = this.columnFieldList2.filter(a => a.fieldId === value)
        if (arr.length > 0) {
          return arr[0].updateFlag === 'N'
        }
        return true
      }
    },
  },
  data() {
    return {
      selectionDelegateAccess: [],
      selectionDelegateAccess2: [],
      delegateAccessVisible: false,
      baseDelegateAccessList: [],
      proofingDelegateAccess: {
        delegateAccess: '',
        delegateAccessName: '',
      },
      activeName: 'part',
      // 导出
      exportData: [],
      exportName: '设备分类' + this.dayjs().format('YYYYMMDDHHmmss'),
      exportHeader: ['设备分类'],
      exportFooter: [],
      resultList: [],
      // ======== 行高 ========
      height: 300,
      secondHeight: 200,
      // ======== 分页 ========
      pageIndex: 1,
      pageSize: 50,
      totalPage: 0,
      selectedDataNum: 0,
      // 条件查询
      searchData: {
        site: this.$store.state.user.site,
        customerNo: '',
        customerDesc: '',
        trackerName: '',
        testPartNo: '',
        partName: '',
        proofingStatus: '',
        proofingResultStatus: '',
        startDate: '',
        endDate: '',
        projectId: '',
        projectName: '',
        engineerName: '',
        priorityLevel: '',
        proofingNo: '',
        page: 1,
        limit: 10,
        menuId: this.$route.meta.menuId,
      },
      // 其它
      dataListLoading: false,
      // 初始页签
      activeTable: 'project_information',
      // ======== 数据对象 ========
      modalData: {
        flag: '1',
        title: '打样新增',
        site: this.$store.state.user.site,
        proofingNo: '',
        customerNo: '',
        customerDesc: '',
        projectId: '',
        projectName: '',
        tracker: '',
        trackerName: '',
        testPartNo: '',
        partName: '',
        engineer: '',
        engineerName: '',
        approver: '',
        approverName: '',
        priorityLevel: '',
        proofingNumber: 1,
        requiredDeliveryDate: '',
        remark: '',
        technicalConsiderations: '',
        isNeedToSendSamples: '',
        sendSamplesAddress: '',
        consignee: '',
        consigneeContact: '',
        actualityDeliveryDate: '',
        proofingResultInformation: '',
        actualitySendSamplesDate: '',
        sendSamplesMethod: '',
        deliverGoodsInformation: '',
        deliverGoodsRemark: '',
        actualityReplyDate: '',
        confirmResults: '',
        confirmBy: '',
        confirmInformation: '',
        proofingStatus: '草稿',
        proofingResultStatus: 'B',
        nextToDo: '',
        createDate: '',
        createBy: '',
        updateDate: '',
        updateBy: '',
        nodeConclusion: '',
        stepId: '',
        rejectFlag: '',
        rejectStepId: '',
        isReject: ''
      },
      proofingDetailData: {
        technicalConsiderations: '',
        isNeedToSendSamples: '',
        sendSamplesAddress: '',
        consignee: '',
        consigneeContact: ''
      },
      proofingResultData: {
        proofingResultStatus: '',
        actualityDeliveryDate: '',
        isNeedToSendSamples: '',
        proofingResultInformation: '',
        actualitySendSamplesDate: '',
        sendSamplesMethod: '',
        deliverGoodsInformation: '',
        deliverGoodsRemark: '',
        confirmResults: '',
        actualityReplyDate: '',
        confirmBy: '',
        confirmInformation: ''
      },
      enterResultData: {
        site: this.$store.state.user.site,
        proofingNo: '',
        actualityDeliveryDate: '',
        proofingResultInformation: '',
        updateBy: this.$store.state.user.name,
        proofingResultStatus: '',
        fileContentList: []
      },
      submitResultData: {
        site: this.$store.state.user.site,
        proofingNo: '',
        actualitySendSamplesDate: '',
        sendSamplesMethod: '',
        deliverGoodsInformation: '',
        deliverGoodsRemark: '',
        updateBy: this.$store.state.user.name,
        proofingResultStatus: ''
      },
      customerResponseData: {
        site: this.$store.state.user.site,
        proofingNo: '',
        actualityReplyDate: '',
        confirmResults: '',
        confirmBy: '',
        confirmInformation: '',
        updateBy: this.$store.state.user.name,
        proofingResultStatus: ''
      },
      projectPartData: {
        site: this.$store.state.user.site,
        testPartNo: '',
        partName: ''
      },
      projectInformationData: {
        projectId: '',
        projectName: '',
        projectType: '',
        projectSourceDesc: '',
        priorityDesc: '',
        status: '',
        projectDesc: '',
        projectManagerName: '',
        projectOwnerName: '',
        userRoleName: '',
        remark: ''
      },
      customerInformationData: {
        customerNo: '',
        customerDesc: '',
        importantCustomer: '',
        customerCurrency: '',
        turnoverOfYear: '',
        potentialRevenueOfYear: '',
        customerStatus: '',
        customerIndustry: '',
        companyName: '',
        jobDescription: '',
        customerDescription: '',
        contactName: '',
        contactPhoneNumber1: '',
        position: '',
        addressName: '',
        addressType: '',
        createDate: '',
        createBy: '',
        updateDate: '',
        updateBy: ''
      },
      // ======== 数据列表 ========
      dataList: [],
      fileContentList: [],
      projectPartList: [],
      addressList: [],
      contactList: [],
      // ======== 列表表头 ========
      columnList: [
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1ProofingNo',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'proofingNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '打样单号',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1CustomerNo',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'customerNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '客户编码',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1CustomerDesc',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'customerDesc',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '客户名称',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1ProjectId',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'projectId',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '项目编码',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 110
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1ProjectName',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'projectName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '项目名称',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1TrackerName',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'trackerName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: 'CS',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 80
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1EngineerName',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'engineerName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: 'NPI工程师',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 80
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1EngineerName',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'approverName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: 'Approver',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 80
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1TestPartNo',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'testPartNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '项目料号',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 150
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1PartName',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'partName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '物料名称',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1PriorityLevel',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'priorityLevel',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '优先等级',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 80
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1ProofingNumber',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'proofingNumber',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '打样数量',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 80
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1RequiredDeliveryDate',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'requiredDeliveryDate',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '要求交付日期',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 160
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1ProofingStatus',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'proofingStatus',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '状态',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 80
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1NodeName',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'nodeName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '当前节点',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 150
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1CreateDate',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'createDate',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '创建时间',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 160
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1CreateBy',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'createBy',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '创建人',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 80
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1UpdateDate',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'updateDate',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '更新时间',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 160
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table1UpdateBy',
          tableId: '103001Table1',
          tableName: '打样信息表',
          columnProp: 'updateBy',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '更新人',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 80
        }
      ],
      fileColumnList: [
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table2FileName',
          tableId: '103001Table2',
          tableName: '文件信息表',
          columnProp: 'fileName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '文件名称',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 140
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table2FileRemark',
          tableId: '103001Table2',
          tableName: '文件信息表',
          columnProp: 'fileRemark',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '备注',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 240
        },
        // {
        //   userId: this.$store.state.user.name,
        //   functionId: 103001,
        //   serialNumber: '103001Table2OrderRef3',
        //   tableId: '103001Table2',
        //   tableName: '文件信息表',
        //   columnProp: 'orderRef3',
        //   headerAlign: 'center',
        //   align: 'center',
        //   columnLabel: '文件描述',
        //   columnHidden: false,
        //   columnImage: false,
        //   columnSortable: false,
        //   sortLv: 0,
        //   status: true,
        //   fixed: '',
        //   columnWidth: 120
        // },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table2CreateDate',
          tableId: '103001Table2',
          tableName: '文件信息表',
          columnProp: 'createDate',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '上传时间',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 140
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table2CreatedBy',
          tableId: '103001Table2',
          tableName: '文件信息表',
          columnProp: 'createdBy',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '上传人',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 140
        }
      ],
      projectPartDetailList: [
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3TestPartNo',
          tableId: '102001Table3',
          tableName: '项目物料表',
          columnProp: 'testPartNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '产品编码',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 150
        },
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3PartDesc',
          tableId: '102001Table3',
          tableName: '项目物料表',
          columnProp: 'partDesc',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '产品名称',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        }, {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3PartSpec',
          tableId: '102001Table3',
          tableName: '项目物料表',
          columnProp: 'partSpec',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '产品规格',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        }, {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3PartTypeDesc',
          tableId: '102001Table3',
          tableName: '项目物料表',
          columnProp: 'partTypeDesc',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '产品类型',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3Type',
          tableId: '102001Table3',
          tableName: '项目物料表',
          columnProp: 'type',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '制造类型',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        },
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3UmId',
          tableId: '102001Table3',
          tableName: '项目物料表',
          columnProp: 'umId',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '单位',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 100
        },
        {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3CodeNo',
          tableId: '102001Table3',
          tableName: '项目物料表',
          columnProp: 'codeNo',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '模板编码',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        }, {
          userId: this.$store.state.user.name,
          functionId: 102001,
          serialNumber: '102001Table3CodeDesc',
          tableId: '102001Table3',
          tableName: '项目物料表',
          columnProp: 'codeDesc',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '模板名称',
          columnHidden: false,
          columnImage: false,
          columnSortable: false,
          sortLv: 0,
          status: true,
          fixed: '',
          columnWidth: 120
        }
      ],
      columnAddressList: [
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table4AddressName',
          tableId: '103001Table4',
          tableName: '联系地址表',
          columnProp: 'addressName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '联系地址',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table4ContactStatus',
          tableId: '103001Table4',
          tableName: '联系地址表',
          columnProp: 'addressStatus',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '地址状态',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
        },
      ],
      columnContactList: [
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table5ContactName',
          tableId: '103001Table5',
          tableName: '客户联系人表',
          columnProp: 'contactName',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '客户负责人',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table5ContactPhoneNumber1',
          tableId: '103001Table5',
          tableName: '客户联系人表',
          columnProp: 'contactPhoneNumber1',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '联系方式',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table5PrimaryContact',
          tableId: '103001Table5',
          tableName: '客户联系人表',
          columnProp: 'primaryContact',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '默认联系人',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
        },
        {
          userId: this.$store.state.user.name,
          functionId: 103001,
          serialNumber: '103001Table5ContactStatus',
          tableId: '103001Table5',
          tableName: '客户联系人表',
          columnProp: 'contactStatus',
          headerAlign: 'center',
          align: 'center',
          columnLabel: '人员状态',
          columnHidden: false,
          columnImage: false,
          status: true,
          fixed: '',
        },
      ],
      // ======== 必填规则 ========
      rules: {
        customerNo: [
          {
            required: true,
            message: ' ',
            trigger: ['change', 'blur']
          }
        ],
        trackerName: [
          {
            required: true,
            message: ' ',
            trigger: ['change', 'blur']
          }
        ],
        proofingNumber: [
          {
            required: true,
            message: ' ',
            trigger: ['change', 'blur']
          }
        ],
        projectId: [
          {
            required: true,
            message: ' ',
            trigger: ['change', 'blur']
          }
        ],
        engineerName: [
          {
            required: true,
            message: ' ',
            trigger: ['change', 'blur']
          }
        ],
        partName: [
          {
            required: true,
            message: ' ',
            trigger: ['change', 'blur']
          }
        ],
        priorityLevel: [
          {
            required: true,
            message: ' ',
            trigger: ['change', 'blur']
          }
        ],
        requiredDeliveryDate: [
          {
            required: true,
            message: ' ',
            trigger: ['change', 'blur']
          }
        ]
      },
      enterResultRules: {
        actualityDeliveryDate: [
          {
            required: true,
            message: ' ',
            trigger: 'change'
          }
        ],
        proofingResultInformation: [
          {
            required: true,
            message: ' ',
            trigger: 'change'
          }
        ]
      },
      submitResultRules: {
        actualitySendSamplesDate: [
          {
            required: true,
            message: ' ',
            trigger: 'change'
          }
        ],
        sendSamplesMethod: [
          {
            required: true,
            message: ' ',
            trigger: 'change'
          }
        ]
      },
      customerResponseRules: {
        actualityReplyDate: [
          {
            required: true,
            message: ' ',
            trigger: 'change'
          }
        ],
        confirmResults: [
          {
            required: true,
            message: ' ',
            trigger: 'change'
          }
        ],
        confirmBy: [
          {
            required: true,
            message: ' ',
            trigger: 'change'
          }
        ]
      },
      // ======== 复选数据集 ========
      proofingSelections: [],
      projectPartListSelections: [],
      // ======== 选中的当前行数据 ========
      proofingCurrentRow: {},
      // ======== 模态框开关控制 ========
      modalFlag: false,
      modalDisableFlag: false,
      enterResultModalFlag: false,
      submitResultModalFlag: false,
      customerResponseModalFlag: false,
      // 选择项目弹框开关
      chooseProjectListFlag: false,
      //项目搜索条件
      searchProjectData: {
        site: this.$store.state.user.site,
        projectId: undefined,
        projectName: undefined,
        customerId: undefined,
      },
      // 项目集合
      projectList: [],
      addressModelFlag: false,
      contactModelFlag: false,

      columnFieldList1: [],
      columnFieldList2: [],
    }
  },
  mounted() {
    this.$nextTick(() => {
      this.height = window.innerHeight / 2 - 80;
      /*第二个表格高度的动态调整*/
      this.secondHeight = window.innerHeight / 2 - 206;
    })
  },
  created() {
    if (this.$route.params.type){
      let params = {
        site: this.$route.params.site,
        proofingNo: this.$route.params.docNo,
        limit: this.pageSize,
        page : 1,
      }
      this.dataListLoading = true
      proofingInformationSearch(params).then(({data}) => {
        if (data && data.code === 0) {
          this.dataList = data.page.list
          this.totalPage = data.page.totalCount
          this.$refs.selectDiv.setLengthAll(this.dataList.length)
          // 判断是否全部存在数据
          if (this.totalPage > 0) {
            //设置选中行
            this.$refs.proofingTable.setCurrentRow(this.dataList[0])
            //加载当前的页签的table
            this.refreshCurrentTabTable()
            this.proofingClickRow(this.dataList[0])
            this.updateModal(this.dataList[0])
          } else {
            //设置选中行
            this.$refs.proofingTable.setCurrentRow({})
            // 加载当前的页签的table
            this.refreshCurrentTabTable()
            this.testClickRow({})
          }
        }
        this.dataListLoading = false
      })
    }
    this.getDataList();
  },
  methods: {
    // ======== 分页相关方法 ========
    /**
     * 每页数
     * @param val
     */
    sizeChangeHandle(val) {
      this.pageSize = val
      this.pageIndex = 1
      this.getDataList()
    },
    /**
     * 当前页
     * @param val
     */
    currentChangeHandle(val) {
      this.pageIndex = val
      this.getDataList()
    },

    // ======== 复选框操作相关方法 ========
    /**
     * 选中一行
     * @param row
     */
    projectPartClickRow(row) {
      if (this.modalData.flag === '1') {
        this.$refs.projectPartTable.toggleRowSelection(row);
        this.confirmProjectPart();
      }
    },
    /**
     * 多选
     * @param val
     */
    selectionProjectPart(val) {
      this.projectPartListSelections = val
    },
    /**
     * 获取唯一值，一般都为 id
     * @param row
     * @returns {*}
     */
    getRowKeys(row) {
      return row.testPartNo;
    },
    /**
     * 未知
     * @returns {boolean}
     */
    selectFlag() {
      return true;
    },

    // ======== 页签切换相关方法 ========
    /**
     * 列表表格选择替换
     * @param tab
     * @param event
     */
    tabClick(tab, event) {
      // 刷新列表数据
      this.refreshCurrentTabTable()
    },
    /**
     * 当前值发生变化的时候修改
     * @param row
     * @param oldRow
     */
    changeCurrentRow(row, oldRow) {
      // 判断是否是获取焦点的事件
      if (row) {
        this.proofingCurrentRow = JSON.parse(JSON.stringify(row))
        //刷新当前页表
        this.refreshCurrentTabTable()
      }
    },
    /**
     * 刷新页签的table数据
     */
    refreshCurrentTabTable() {
      if (this.activeTable === 'proofing_result') {
        this.getProofingResult()
      } else if (this.activeTable === 'project_information') {
        this.getProjectInformation()
      } else if (this.activeTable === 'customer_information') {
        this.getCustomerInformation()
      }
    },

    // ======== 列表数据刷新方法 ========
    /**
     * 获取数据列表
     */
    getDataList() {
      if (localStorage.getItem('proofingData') != undefined) {
        let data = JSON.parse(localStorage.getItem('proofingData'));
        this.searchData.proofingNo = data.proofingNo
        localStorage.removeItem('proofingData');
      }
      this.searchData.limit = this.pageSize
      this.searchData.page = this.pageIndex
      proofingInformationSearch(this.searchData).then(({data}) => {
        if (data.code === 0) {
          this.dataList = data.page.list
          this.pageIndex = data.page.currPage
          this.pageSize = data.page.pageSize
          this.totalPage = data.page.totalCount
          this.$refs.selectDiv.setLengthAll(this.dataList.length)
          // 判断是否全部存在数据
          if (this.totalPage > 0) {
            //设置选中行
            this.$refs.proofingTable.setCurrentRow(this.dataList[0])
            //加载当前的页签的table
            this.refreshCurrentTabTable()
            this.proofingClickRow(this.dataList[0])
          } else {
            //设置选中行
            this.$refs.proofingTable.setCurrentRow({})
            // 加载当前的页签的table
            this.refreshCurrentTabTable()
            this.testClickRow({})
          }
        }
        this.dataListLoading = false
      })
    },
    /**
     * 获取打样结果列表
     */
    getProofingResult() {
      let tempData = {
        site: this.$store.state.user.site,
        proofingNo: this.proofingCurrentRow.proofingNo
      }
      // 打样结果对象
      proofingResultSearch(tempData).then(({data}) => {
        if (data && data.code === 0) {
          this.proofingResultData = data.rows[0]
        } else {
          this.proofingResultData = {}
        }
      })
      // 附件列表
      this.getFileContentData()
    },
    /**
     * 获取项目信息
     */
    getProjectInformation() {
      let tempData = {
        site: this.$store.state.user.site,
        projectId: this.proofingCurrentRow.projectId
      }
      // 报价结果对象
      getProjectInformation(tempData).then(({data}) => {
        if (data && data.code === 0) {
          this.projectInformationData = data.rows[0]
        } else {
          this.projectInformationData = {}
        }
      })
    },
    /**
     * 获取客户信息
     */
    getCustomerInformation() {
      let tempData = {
        site: this.$store.state.user.site,
        customerNo: this.proofingCurrentRow.customerNo
      }
      // 报价结果对象
      getCustomerInformation(tempData).then(({data}) => {
        if (data && data.code === 0) {
          this.customerInformationData = data.rows[0]
        } else {
          this.customerInformationData = {}
        }
      })
    },

      // ======== 新增/编辑模态框 ========
      /**
       * 报价信息新增模态框
       */
      addModal () {
        this.searchDelegateAccessByUser();
        this.modalDisableFlag = false
        this.modalFlag = true
      },
      /**
       * 报价信息编辑模态框
       * @param row
       */
      async updateModal (row) {
        await this.getNodeAuthority(row)
        this.modalData = {
          flag: '2',
          title: '打样编辑-'+row.proofingNo,
          site: row.site,
          proofingNo: row.proofingNo,
          customerNo: row.customerNo,
          customerDesc: row.customerDesc,
          projectId: row.projectId,
          projectName: row.projectName,
          tracker: row.tracker,
          trackerName: row.trackerName,
          testPartNo: row.testPartNo,
          partName: row.partName,
          engineer: row.engineer,
          engineerName: row.engineerName,
          approver: row.approver,
          approverName: row.approverName,
          priorityLevel: row.priorityLevel,
          proofingNumber: row.proofingNumber,
          requiredDeliveryDate: row.requiredDeliveryDate,
          remark: row.remark,
          technicalConsiderations: row.technicalConsiderations,
          isNeedToSendSamples: row.isNeedToSendSamples,
          sendSamplesAddress: row.sendSamplesAddress,
          consignee: row.consignee,
          consigneeContact: row.consigneeContact,
          actualityDeliveryDate: row.actualityDeliveryDate,
          proofingResultInformation: row.proofingResultInformation,
          actualitySendSamplesDate: row.actualitySendSamplesDate,
          sendSamplesMethod: row.sendSamplesMethod,
          deliverGoodsInformation: row.deliverGoodsInformation,
          deliverGoodsRemark: row.deliverGoodsRemark,
          actualityReplyDate: row.actualityReplyDate,
          confirmResults: row.confirmResults,
          confirmBy: row.confirmBy,
          confirmInformation: row.confirmInformation,
          proofingStatus: row.proofingStatus,
          proofingResultStatus: row.proofingResultStatus,
          nextToDo: row.nextToDo,
          updateBy: this.$store.state.user.name,
          nodeConclusion: '',
          stepId: row.stepId,
          rejectFlag: row.rejectFlag,
          rejectStepId: row.rejectStepId,
          isReject: row.isReject
        }
        this.searchDelegateAccessByUser();
        this.modalDisableFlag = true
        this.modalFlag = true
      },

    // ======== 新增/编辑/删除方法 ========
    /**
     * 获取项目物料列表
     */
    openModalDialog() {
      if (this.modalData.proofingNo) {
        this.searchDelegateAccess();
      }
      this.getProjectPartList();
    },
    getProjectPartList() {
      if (!this.modalData.projectId) {
        this.projectPartList = [];
        return
      }
      // 先清空缓存选中
      this.$nextTick(() => this.$refs.projectPartTable.clearSelection())
      // 拿到选中的产品编号
      let projectPartList = this.modalData.testPartNo.split(';')
      this.projectPartData.projectId = this.modalData.projectId;
      // 查询所有项目物料
      getProjectPartList(this.projectPartData).then(({data}) => {
        if (data && data.code === 0) {
          this.projectPartList = data.rows
          this.projectPartList.forEach(val => {
            // 回显选中的项目物料
            if (projectPartList.includes(val.testPartNo)) {
              this.$nextTick(() => this.$refs.projectPartTable.toggleRowSelection(val, true))
            }
          })
          // this.projectPartModelFlag = true
        } else {
          this.$alert(data.msg, '错误', {
            confirmButtonText: '确定'
          })
        }
      })
    },
    /**
     * 确认多选项目物料
     */
    confirmProjectPart() {
      this.modalData.testPartNo = ''
      this.modalData.partName = ''
      for (let i = 0; i < this.projectPartListSelections.length; i++) {
        this.modalData.testPartNo = this.modalData.testPartNo + ";" + this.projectPartListSelections[i].testPartNo
        this.modalData.partName = this.modalData.partName + ";" + this.projectPartListSelections[i].partName
      }
      this.modalData.testPartNo = this.modalData.testPartNo.substring(1)
      this.modalData.partName = this.modalData.partName.substring(1)
      this.projectPartModelFlag = false
    },
    /**
     * 客户信息新增/编辑
     */
    saveData() {
      this.$refs.modalForm.validate((valid) => {
        if (!valid) {
          this.validateDataValue()
        } else {
          if (this.projectPartListSelections.length <= 0) {
            this.$message.warning('请选择项目料号')
            return
          }
          this.confirmProjectPart();
          // 将选中的 人员信息添加到请求
          this.modalData.delegateAccessList = this.selectionDelegateAccess
          if (this.modalData.flag === '1') {
            this.saveProofing()
          } else {
            this.updateProofing()
          }
        }
      })
    },
    updateProofing() {
      proofingInformationEdit(this.modalData).then(({data}) => {
        if (data && data.code === 0) {
          this.getDataList()
          this.modalFlag = false
          this.$message({
            message: '操作成功',
            type: 'success',
            duration: 1500,
            onClose: () => {
            }
          })
        } else {
          this.$alert(data.msg, '错误', {
            confirmButtonText: '确定'
          })
        }
      })
    },
    saveProofing() {
      proofingInformationSave(this.modalData).then(({data}) => {
        if (data && data.code === 0) {
          this.getDataList()
          this.modalFlag = false
          this.$message({
            message: '操作成功',
            type: 'success',
            duration: 1500,
            onClose: () => {
            }
          })
        } else {
          this.$alert(data.msg, '错误', {
            confirmButtonText: '确定'
          })
        }
      })
    },
    /**
     * 验证必填项
     */
    validateDataValue() {
      if (this.modalData.customerNo === '' || this.modalData.customerNo == null) {
        this.$message.warning('请选择客户编码！')
        return
      }
      if (this.modalData.customerDesc === '' || this.modalData.customerDesc == null) {
        this.$message.warning('请选择客户名称！')
        return
      }
      if (this.modalData.tracker === '' || this.modalData.tracker == null) {
        this.$message.warning('请选择跟单员编码！')
        return
      }
      if (this.modalData.trackerName === '' || this.modalData.trackerName == null) {
        this.$message.warning('请选择跟单员名称！')
        return
      }
      if (this.modalData.projectId === '' || this.modalData.projectId == null) {
        this.$message.warning('请选择项目编码！')
        return
      }
      if (this.modalData.projectName === '' || this.modalData.projectName == null) {
        this.$message.warning('请选择项目名称！')
        return
      }
      // if (this.modalData.engineer === '' || this.modalData.engineer == null) {
      //   this.$message.warning('请选择工程师编码！')
      //   return
      // }
      // if (this.modalData.engineerName === '' || this.modalData.engineerName == null) {
      //   this.$message.warning('请选择工程师名称！')
      //   return
      // }
      if (!this.modalData.proofingNumber && this.modalData.proofingNumber > 0) {
        this.$message.warning('请输入正确的打样数量！')
        return
      }
      // if (this.modalData.priorityLevel === '' || this.modalData.priorityLevel == null) {
      //   this.$message.warning('请选择优先等级！')
      //   return
      // }
      if (!this.modalData.requiredDeliveryDate) {
        this.$message.warning('请输入要求交付日期！')
        return
      }
    },
    /**
     * 打样信息删除
     */
    delModal() {
      if (this.proofingSelections.length === 0) {
        this.$message.warning('请勾选要删除的打样信息！')
        return
      }
      this.$confirm(`是否删除这 ` + this.proofingSelections.length + ` 条打样信息?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        let tempData = {
          informationList: this.proofingSelections
        }
        proofingInformationDelete(tempData).then(({data}) => {
          if (data && data.code === 0) {
            this.getDataList()
            this.proofingSelections = []
            this.$message({
              message: '操作成功',
              type: 'success',
              duration: 1500,
              onClose: () => {
              }
            })
          } else {
            this.$alert(data.msg, '错误', {
              confirmButtonText: '确定'
            })
          }
        })
      }).catch(() => {
      })
    },

    // ======== 列表操作方法 ========
    /**
     * 单机选中报价信息
     * @param row
     */
    proofingClickRow(row) {
      // this.$refs.proofingTable.toggleRowSelection(row)
      this.proofingCurrentRow = JSON.parse(JSON.stringify(row))
      this.proofingDetailData = JSON.parse(JSON.stringify(row))
    },
    /**
     * 复选报价信息
     * @param val
     */
    selectionProofing(val) {
      this.proofingSelections = val
      this.$refs.selectDiv.setLengthselected(this.proofingSelections.length)
    },

    // ======== 报价结果相关方法 ========
    /**
     * 封装录入方法
     */
    packProofingResultModal() {
      // 重置对象
      this.enterResultData = {
        site: this.$store.state.user.site,
        proofingNo: '',
        actualityDeliveryDate: new Date(),
        proofingResultInformation: '',
        proofingResultStatus: 'E',
        fileContentList: [],
        updateBy: this.$store.state.user.name
      }
      // 获得选中的打样号
      // if (this.proofingSelections.length > 0) {
      //   this.proofingSelections.forEach(val => {
      //     this.enterResultData.proofingNo += ';' + val.proofingNo
      //   })
      //   this.enterResultData.proofingNo = this.enterResultData.proofingNo.substring(1)
      // } else {
      //   this.enterResultData.proofingNo = this.proofingCurrentRow.proofingNo
      // }
      this.enterResultData.proofingNo = this.proofingCurrentRow.proofingNo
      // // 获得这些打样号的全部附件
      // this.getFileContentList()
      this.enterResultModalFlag = true
    },
    /**
     * 录入打样结果
     */
    proofingResultModal() {
      // // 如果有选中打样单
      // if (this.proofingSelections != null && this.proofingSelections.length > 0) {
      //   let tempData = {
      //     currentStatus: 'C',
      //     informationList: this.proofingSelections,
      //   }
      //   // 检查打样单状态
      //   checkProofingStatus(tempData).then(({data}) => {
      //     if (data && data.code === 0) {
      //       if (data.flag === 1) { // 状态一致
      //         this.packProofingResultModal()
      //       } else { // 状态不同
      //         this.$message.warning('选中的打样单进度有误，请确认！')
      //       }
      //     } else {
      //       this.$alert(data.msg, '错误', {
      //         confirmButtonText: '确定'
      //       })
      //     }
      //   })
      // } else { // 没有选中打样单，则根据当前点击行打样单操作
      //   this.packProofingResultModal()
      // }
      this.packProofingResultModal()
    },
    /**
     * 保存打样结果
     */
    saveProofingResult() {
      if (this.enterResultData.actualityDeliveryDate === '' || this.enterResultData.actualityDeliveryDate == null) {
        this.$message.warning('请选择实际交付日期！')
        return
      }
      if (this.enterResultData.proofingResultInformation === '' || this.enterResultData.proofingResultInformation == null) {
        this.$message.warning('请填写打样结果信息！')
        return
      }
      // if (this.proofingSelections.length > 1) {
      //   this.$confirm(`是否录入多条打样结果?`, '提示', {
      //     confirmButtonText: '确定',
      //     cancelButtonText: '取消',
      //     type: 'warning'
      //   }).then(() => {
      //     saveProofingResult(this.enterResultData).then(({data}) => {
      //       if (data && data.code === 0) {
      //         this.getDataList()
      //         this.enterResultModalFlag = false
      //         this.$message({
      //           message: '操作成功',
      //           type: 'success',
      //           duration: 1500,
      //           onClose: () => {}
      //         })
      //       } else {
      //         this.$alert(data.msg, '错误', {
      //           confirmButtonText: '确定'
      //         })
      //       }
      //     })
      //   }).catch(() => {
      //   })
      // } else {
      saveProofingResult(this.enterResultData).then(({data}) => {
        if (data && data.code === 0) {
          this.getDataList()
          this.enterResultModalFlag = false
          this.$message({
            message: '操作成功',
            type: 'success',
            duration: 1500,
            onClose: () => {
            }
          })
        } else {
          this.$alert(data.msg, '错误', {
            confirmButtonText: '确定'
          })
        }
      })
      // }
    },

    /**
     * 封装送样方法
     */
    packSubmitProofingModal() {
      this.submitResultData = {
        site: this.$store.state.user.site,
        proofingNo: '',
        actualitySendSamplesDate: new Date(),
        sendSamplesMethod: '',
        deliverGoodsInformation: '',
        deliverGoodsRemark: '',
        proofingResultStatus: 'S',
        updateBy: this.$store.state.user.name,
      }
      // 获得选中的打样号
      // if (this.proofingSelections.length > 0) {
      //   this.proofingSelections.forEach(val => {
      //     this.submitResultData.quotationNo += ';' + val.quotationNo
      //   })
      //   this.submitResultData.quotationNo = this.submitResultData.quotationNo.substring(1)
      // } else {
      //   this.submitResultData.quotationNo = this.proofingCurrentRow.quotationNo
      // }
      this.submitResultData.proofingNo = this.proofingCurrentRow.proofingNo
      this.submitResultModalFlag = true
    },
    /**
     * 提交送样信息
     */
    submitProofingModal() {
      // // 如果有选中打样单
      // if (this.proofingSelections != null && this.proofingSelections.length > 0) {
      //   let tempData = {
      //     currentStatus: 'E',
      //     informationList: this.proofingSelections,
      //   }
      //   // 检查打样单状态
      //   checkProofingStatus(tempData).then(({data}) => {
      //     if (data && data.code === 0) {
      //       if (data.flag === 1) { // 状态一致
      //         this.packSubmitProofingModal()
      //       } else { // 状态不同
      //         this.$message.warning('选中的打样单进度有误，请确认！')
      //       }
      //     } else {
      //       this.$alert(data.msg, '错误', {
      //         confirmButtonText: '确定'
      //       })
      //     }
      //   })
      // } else { // 没有选中打样单，则根据当前点击行打样单操作
      //   this.packSubmitProofingModal()
      // }
      this.packSubmitProofingModal()
    },
    /**
     * 保存送样结果
     */
    saveSubmitResult() {
      if (this.submitResultData.actualitySendSamplesDate === '' || this.submitResultData.actualitySendSamplesDate == null) {
        this.$message.warning('请选择实际送样日期！')
        return
      }
      if (this.submitResultData.sendSamplesMethod === '' || this.submitResultData.sendSamplesMethod == null) {
        this.$message.warning('请选择送样方式！')
        return
      }
      // if (this.proofingSelections.length > 1) {
      //   this.$confirm(`是否提交多条送样信息?`, '提示', {
      //     confirmButtonText: '确定',
      //     cancelButtonText: '取消',
      //     type: 'warning'
      //   }).then(() => {
      //     saveSubmitResult(this.submitResultData).then(({data}) => {
      //       if (data && data.code === 0) {
      //         this.getDataList()
      //         this.submitResultModalFlag = false
      //         this.$message({
      //           message: '操作成功',
      //           type: 'success',
      //           duration: 1500,
      //           onClose: () => {}
      //         })
      //       } else {
      //         this.$alert(data.msg, '错误', {
      //           confirmButtonText: '确定'
      //         })
      //       }
      //     })
      //   }).catch(() => {
      //   })
      // } else {
      saveSubmitResult(this.submitResultData).then(({data}) => {
        if (data && data.code === 0) {
          this.getDataList()
          this.submitResultModalFlag = false
          this.$message({
            message: '操作成功',
            type: 'success',
            duration: 1500,
            onClose: () => {
            }
          })
        } else {
          this.$alert(data.msg, '错误', {
            confirmButtonText: '确定'
          })
        }
      })
      // }
    },

    /**
     * 封装回复方法
     */
    packCustomerResponseModal() {
      this.customerResponseData = {
        site: this.$store.state.user.site,
        proofingNo: '',
        actualityReplyDate: new Date(),
        confirmResults: '接受',
        confirmBy: '',
        confirmInformation: '',
        proofingResultStatus: 'R',
        updateBy: this.$store.state.user.name
      }
      // 获得选中的打样号
      // if (this.proofingSelections.length > 0) {
      //   this.proofingSelections.forEach(val => {
      //     this.customerResponseData.proofingNo += ';' + val.proofingNo
      //   })
      //   this.customerResponseData.proofingNo = this.customerResponseData.proofingNo.substring(1)
      // } else {
      //   this.customerResponseData.proofingNo = this.proofingCurrentRow.proofingNo
      // }
      this.customerResponseData.proofingNo = this.proofingCurrentRow.proofingNo
      this.customerResponseModalFlag = true
    },
    /**
     * 客户回复
     */
    customerResponseModal() {
      // // 如果有选中打样单
      // if (this.proofingSelections != null && this.proofingSelections.length > 0) {
      //   let tempData = {
      //     currentStatus: 'S',
      //     informationList: this.proofingSelections,
      //   }
      //   // 检查打样单状态
      //   checkProofingStatus(tempData).then(({data}) => {
      //     if (data && data.code === 0) {
      //       if (data.flag === 1) { // 状态一致
      //         this.packCustomerResponseModal()
      //       } else { // 状态不同
      //         this.$message.warning('选中的打样单进度有误，请确认！')
      //       }
      //     } else {
      //       this.$alert(data.msg, '错误', {
      //         confirmButtonText: '确定'
      //       })
      //     }
      //   })
      // } else { // 没有选中打样单，则根据当前点击行打样单操作
      //   this.packCustomerResponseModal()
      // }
      this.packCustomerResponseModal()
    },
    /**
     * 保存客户回复
     */
    saveCustomerResponse() {
      if (this.customerResponseData.actualityReplyDate === '' || this.customerResponseData.actualityReplyDate == null) {
        this.$message.warning('请选择实际回复日期！')
        return
      }
      if (this.customerResponseData.confirmResults === '' || this.customerResponseData.confirmResults == null) {
        this.$message.warning('请选择客户确认结果！')
        return
      }
      if (this.customerResponseData.confirmBy === '' || this.customerResponseData.confirmBy == null) {
        this.$message.warning('请填写客户确认人！')
        return
      }
      // if (this.proofingSelections.length > 1) {
      //   this.$confirm(`是否提交多条客户回复?`, '提示', {
      //     confirmButtonText: '确定',
      //     cancelButtonText: '取消',
      //     type: 'warning'
      //   }).then(() => {
      //     saveCustomerResponse(this.customerResponseData).then(({data}) => {
      //       if (data && data.code === 0) {
      //         this.getDataList()
      //         this.customerResponseModalFlag = false
      //         this.$message({
      //           message: '操作成功',
      //           type: 'success',
      //           duration: 1500,
      //           onClose: () => {}
      //         })
      //       } else {
      //         this.$alert(data.msg, '错误', {
      //           confirmButtonText: '确定'
      //         })
      //       }
      //     })
      //   }).catch(() => {
      //   })
      // } else {
      saveCustomerResponse(this.customerResponseData).then(({data}) => {
        if (data && data.code === 0) {
          this.getDataList()
          this.customerResponseModalFlag = false
          this.$message({
            message: '操作成功',
            type: 'success',
            duration: 1500,
            onClose: () => {
            }
          })
        } else {
          this.$alert(data.msg, '错误', {
            confirmButtonText: '确定'
          })
        }
      })
      // }
    },

    // ======== 报价单附件的相关方法 ========
    /**
     * 获取报价单附件列表
     */
    getFileContentData() {
      let currentData = {
        orderRef1: this.$store.state.user.site,
        orderRef2: this.proofingCurrentRow.proofingNo
      }
      getFileContentList(currentData).then(({data}) => {
        if (data && data.code === 0) {
          this.fileContentList = data.rows
        } else {
          this.fileContentList = []
        }
      })
    },
    // /**
    //  * 获得这些报价号的全部附件
    //  */
    // getFileContentList () {
    //   let currentData = {
    //     orderRef1: this.$store.state.user.site,
    //     orderRef2: this.enterResultData.proofingNo
    //   }
    //   getFileContentList(currentData).then(({data}) => {
    //     if (data && data.code === 0) {
    //       this.enterResultData.fileContentList = data.rows
    //     } else {
    //       this.enterResultData.fileContentList = []
    //     }
    //   })
    // },
    /**
     * 上传文件
     */
    uploadFile() {
      let currentData = {
        titleCon: '打样附件上传',
        site: this.$store.state.user.site,
        createBy: this.$store.state.user.name,
        proofingNo: this.enterResultData.proofingNo,
        fileRemark: '',
        folder: 'proofingFile',
        // options: []
      }
      // let num = 0
      // let arr = this.enterResultData.proofingNo.split(';')
      // arr.forEach(val => {
      //   currentData.options.push({key: num++, value: val})
      // })
      //打开组件 去做新增业务
      this.$nextTick(() => {
        this.$refs.proofingUploadFile.init(currentData)
      })
    },
    /**
     * 文件删除
     * @param row
     */
    deleteFile(row) {
      this.$confirm('确定要删除此文件?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        deleteProofingFile(row).then(({data}) => {
          if (data && data.code === 0) {
            this.getFileContentList()
            this.$message({
              message: '操作成功',
              type: 'success',
              duration: 1500,
              onClose: () => {
              }
            })
          } else {
            this.$alert(data.msg, '错误', {
              confirmButtonText: '确定'
            })
          }
        })
      }).catch(() => {
      })
    },
    /**
     * 文件下载
     * @param row
     */
    downloadFile(row) {
      downLoadQuotationFile(row).then(({data}) => {
        // 不限制文件下载类型
        const blob = new Blob([data], {type: 'application/octet-stream;charset=utf-8'})
        // 下载文件名称
        const fileName = row.fileName
        // a标签下载
        const linkNode = document.createElement('a')
        linkNode.download = fileName // a标签的download属性规定下载文件的名称
        linkNode.style.display = 'none'
        linkNode.href = URL.createObjectURL(blob) // 生成一个Blob URL
        document.body.appendChild(linkNode)
        linkNode.click() // 模拟在按钮上的一次鼠标单击
        URL.revokeObjectURL(linkNode.href) // 释放URL 对象
        document.body.removeChild(linkNode)
      })
    },

    /**
     * 获取该客户的客户地址
     */
    getCustomerAddressList() {
      let tempData = {
        site: this.$store.state.user.site,
        customerNo: this.modalData.customerNo,
        addressType: 'A'
      }
      customerAddressSearch(tempData).then(({data}) => {
        if (data && data.code === 0) {
          this.addressList = data.rows
          this.addressModelFlag = true
        } else {
          this.addressList = []
        }
      })
    },

    // 双击选择负责人
    getAddressData(row) {
      this.modalData.sendSamplesAddress = row.addressName
      this.addressModelFlag = false
    },

    /**
     * 获取该客户的客户负责人
     */
    getCustomerContactList() {
      let tempData = {
        site: this.$store.state.user.site,
        customerNo: this.modalData.customerNo
      }
      customerContactSearch(tempData).then(({data}) => {
        if (data && data.code === 0) {
          this.contactList = data.rows
          this.contactModelFlag = true
        } else {
          this.contactList = []
        }
      })
    },

    // 双击选择负责人
    getContactData(row) {
      this.modalData.consignee = row.contactName
      this.modalData.consigneeContact = row.contactPhoneNumber1
      this.contactModelFlag = false
    },

    // ======== chooseList相关方法 ========
    /**
     * 获取基础数据列表S
     * @param val
     * @param type
     */
    getBaseList(val, type) {
      this.tagNo = val
      this.tagNo1 = type
      this.$nextTick(() => {
        let strVal = ''
        let conSql = ''
        if (val === 102) {
          if (type === 1) {
            strVal = this.modalData.customerNo
          }
        }
        // if (val === 103) {
        //   if(type === 1) {
        //     strVal = this.modalData.tracker
        //   }
        //   if(type === 2) {
        //     strVal = this.modalData.engineer
        //   }
        // }
        if (val === 104) {
          if (type === 1) {
            strVal = this.modalData.projectId
          }
        }
        if (val === 2051) {
          strVal = this.modalData.trackerName
          conSql = " and b.site = '" + this.$store.state.user.site + "'"
        }
        if (val === 2052) {
          strVal = this.modalData.engineerName
          conSql = " and b.site = '" + this.$store.state.user.site + "'"
        }
        if (val === 2053) {
          strVal = this.modalData.approverName
          conSql = " and b.site = '" + this.$store.state.user.site + "'"
        }
        this.$refs.baseList.init(val, strVal, conSql)
      })
    },
    /**
     * 列表方法的回调
     * @param val
     */
    getBaseData(val) {
      if (this.tagNo === 102) {
        if (this.tagNo1 === 1) {
          if (val.Customer_no === this.modalData.customerNo) {
            return
          }
          this.modalData.customerNo = val.Customer_no
          this.modalData.customerDesc = val.Customer_desc
          this.modalData.projectId = undefined
          this.modalData.projectName = undefined
          this.projectPartList = []
        }
      }
      // if (this.tagNo === 103) {
      //   if(this.tagNo1 === 1) {
      //     this.modalData.tracker = val.username
      //     this.modalData.trackerName = val.user_display
      //   }
      //   if(this.tagNo1 === 2) {
      //     this.modalData.engineer = val.username
      //     this.modalData.engineerName = val.user_display
      //   }
      // }
      if (this.tagNo === 104) {
        if (this.tagNo1 === 1) {
          this.modalData.projectId = val.project_id
          this.modalData.projectName = val.project_name
          this.getProjectPartList();
        }
      }
      if (this.tagNo === 2051) {
        this.modalData.tracker = val.username
        this.modalData.trackerName = val.user_display
      }
      if (this.tagNo === 2052) {
        this.modalData.engineer = val.username
        this.modalData.engineerName = val.user_display
      }
      if (this.tagNo === 2053) {
        this.modalData.approver = val.username
        this.modalData.approverName = val.user_display
      }
    },

    // ======== 导出相关方法 ========
    /**
     * 导出excel
     */
    async createExportData() {
      this.searchData.limit = -1
      this.searchData.page = 1
      await proofingInformationSearch(this.searchData).then(({data}) => {
        this.resultList = data.page.list
      })
      return this.resultList
    },
    startDownload() {
    },
    finishDownload() {
    },
    fields() {
      let json = '{'
      this.columnList.forEach((item, index) => {
        if (index === this.columnList.length - 1) {
          json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"'
        } else {
          json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"' + ','
        }
      })
      json += '}'
      let s = eval('(' + json + ')')
      return s
    },
    closeModalDiaLog() {
      this.$refs.modalForm.resetFields();
      this.modalData = {
        flag: '1',
        title: '打样新增',
        site: this.$store.state.user.site,
        proofingNo: '',
        customerNo: '',
        customerDesc: '',
        projectId: '',
        projectName: '',
        tracker: '',
        trackerName: '',
        approver: '',
        approverName: '',
        testPartNo: '',
        partName: '',
        engineer: '',
        engineerName: '',
        priorityLevel: '',
        proofingNumber: 1,
        requiredDeliveryDate: '',
        remark: '',
        technicalConsiderations: '',
        isNeedToSendSamples: '',
        sendSamplesAddress: '',
        consignee: '',
        consigneeContact: '',
        actualityDeliveryDate: '',
        proofingResultInformation: '',
        actualitySendSamplesDate: '',
        sendSamplesMethod: '',
        deliverGoodsInformation: '',
        deliverGoodsRemark: '',
        actualityReplyDate: '',
        confirmResults: '',
        confirmBy: '',
        confirmInformation: '',
        proofingStatus: '草稿',
        proofingResultStatus: 'B',
        nextToDo: '',
        createBy: this.$store.state.user.name
      };
      this.selectionDelegateAccess = [];
      this.activeName = 'part'
      Object.keys(this.proofingDelegateAccess).forEach(key => {
        this.proofingDelegateAccess[key] = '';
      })
    },
    checkSelectable(row, index) {
      if (this.modalData.flag === '1') {
        return true
      } else {
        return false
      }
    },
    projectClickRow(row) {
      this.modalData.projectId = row.projectId
      this.modalData.projectName = row.projectName
      this.getProjectPartList()
      this.chooseProjectListFlag = false
    },
    // 查询searchProjectInfoList
    searchProjectInfoList() {
      this.projectList = [];
      this.searchProjectData.customerId = this.modalData.customerNo
      searchProjectInfoList(this.searchProjectData).then(({data}) => {
        if (data && data.code === 0) {
          this.projectList = data.rows
        } else {
          this.projectList = []
        }
      }).catch((error) => {
        this.$message.error('查询项目信息失败')
      })
    },
    closeProjectInfoDialog() {
      this.$refs.closeProjectInfoForm.resetFields();
      this.searchProjectData = {
        site: this.$store.state.user.site,
        projectId: undefined,
        projectName: undefined,
        customerId: undefined,
      }
    },
    rowStyle({row}) {
      if (this.proofingCurrentRow.proofingNo === row.proofingNo) {
        return {'background-color': '#E8F7F6', cursor: 'pointer'};
      }
    },
    updateModalStatus(row, status) {
      this.$confirm(`是否确认下达?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        let params = JSON.parse(JSON.stringify(row))
        params.proofingResultStatus = status;
        params.proofingStatus = '下达';
        params.userName = this.$store.state.user.name
        params.menuId = this.$route.meta.menuId
        proofingInformationEditStatus(params).then(({data}) => {
          if (data && data.code === 0) {
            this.getDataList()
            this.modalFlag = false
            this.$message.success('打样单已下达')
          } else {
            this.$alert(data.msg, '错误', {
              confirmButtonText: '确定'
            })
          }
        })
      })
    },
    searchDelegateAccessByUser() {
      // 角色 ROO7 的用户
      let params = {
        ...this.proofingDelegateAccess,
        site: this.$store.state.user.site,
      }
      searchDelegateAccessByUser(params).then(({data}) => {
        if (data && data.code === 0) {
          this.baseDelegateAccessList = data.rows;
        } else {
          this.$message.warning(data.msg)
        }
      }).catch((error) => {
        this.$message.error(error)
      })
    },
    handleSelectionChange(val) {
      // 获得选中的 用户
      this.selectionDelegateAccess2 = val;
    },
    handleTableClick(row, column, event, val) {
      // 表格行点击选择
      this.$refs[val].toggleRowSelection(row);
    },
    openDelegateAccess() {
      let rows = JSON.parse(JSON.stringify(this.selectionDelegateAccess))
      if (rows && rows.length > 0) {
        this.$nextTick(() => {
          rows.forEach(item => {
            let row = this.baseDelegateAccessList.find(row => row.delegateAccess === item.delegateAccess);
            this.$refs.delegateAccesstTable.toggleRowSelection(row);
          })
        })
      }
    },
    closeDelegateAccess() {
      this.selectionDelegateAccess2 = [];
    },
    confirmDelegateAccess() {
      this.selectionDelegateAccess = JSON.parse(JSON.stringify(this.selectionDelegateAccess2))
      this.delegateAccessVisible = false;
    },
    searchDelegateAccess() {
      let params = {
        site: this.modalData.site,
        proofingNo: this.modalData.proofingNo,
      }
      searchDelegateAccess(params).then(({data}) => {
        if (data && data.code === 0) {
          this.selectionDelegateAccess = data.rows.map(item => {
            return {
              delegateAccess: item.delegateAccess,
              delegateAccessName: item.delegateAccessName,
            }
          })
        } else {
          this.$message.warning(data.msg)
        }
      }).catch((error) => {
        this.$message.error(error)
      })
    },

    // 同意提交
    agreeSubmit() {
      this.$confirm(`是否确认提交?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.modalData.nodeConclusion = 'Y'
        this.submitData()
      })
    },

    // 驳回提交
    rejectSubmit() {
      this.$confirm(`是否确认驳回?`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.modalData.nodeConclusion = 'N'
        this.submitData()
      })
    },

    // 提交
    submitData() {
      if (this.columnFieldList1 ){
        for (let i = 0; i < this.columnFieldList1.length; i++) {
          let row = this.columnFieldList1[i]
          if (!this.modalData[row.fieldId] && row.required === 'Y'){
            this.$message.error(row.fieldName + '不能为空')
            return
          }
        }
      }
      if (this.columnFieldList2 ){
        if (!this.delegateAccessName) {
          this.$message.error('Delegate Access不能为空')
          return;
        }
      }

      let tempData = {
        ...this.modalData,
        userName:this.$store.state.user.name,
        menuId: this.$route.meta.menuId,
      }
      submitChange(tempData).then(({data}) => {
        if (data && data.code === 0) {
          this.getDataList()
          this.$message({message: '操作成功', type: 'success'})
          this.submitModalFlag = false
          this.modalFlag = false
        } else {
          this.$alert(data.msg, '错误', {
            confirmButtonText: '确定'
          })
        }
      })
    },

    // 获取流程的配置权限
    async getNodeAuthority(row) {
      let tempData = {
        site: row.site,
        stepId: row.stepId,
        menuId: this.$route.meta.menuId
      }
      await getNodeAuthority(tempData).then(({data}) => {
        if (data && data.code === 0) {
          this.columnFieldList1 = data.rows.plm_proofing_information
          this.columnFieldList2 = data.rows.plm_proofing_delegate_access
        }
      })
    },
  }
}
</script>

<style scoped lang="scss">
/deep/ .customer-tab .el-tabs__content {
  padding: 0px !important;
  height: 300px;
}

.right /deep/ .el-input__inner {
  text-align: right;
}

/deep/ .inlineNumber input::-webkit-outer-spin-button,
/deep/ .inlineNumber input::-webkit-inner-spin-button {
  -webkit-appearance: none;

}

/deep/ .inlineNumber input[type="number"] {
  -moz-appearance: textfield;
  padding-right: 5px !important;
}
</style>