ccl_plm-vue/src/views/modules/project/projectInfo/projectInfo.vue

<template>
  <div class="mod-config">
    <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;">
      <el-form-item :label="'项目号'">
        <el-input v-model="searchData.projectId" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item label="项目名称">
<!--        <span slot="label" style="" @click="getBaseList(1010,1)"><a herf="#">项目类型</a></span>-->
        <el-input v-model="searchData.projectName" clearable style="width: 150px"></el-input>
<!--        <dict-data-select dict-type="project_info_type_db" filterable clearable :use-default-value="false" v-model="searchData.projectType"></dict-data-select>-->
      </el-form-item>
      <el-form-item :label="'项目审批人'">
        <el-input v-model="searchData.projectOwnerName" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item :label="'客户项目编码'">
        <el-input v-model="searchData.customerProjectNo" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item label="项目优先级">
        <dict-data-select dict-type="project_info_priority" clearable v-model="searchData.priority" style="width: 100px"></dict-data-select>
      </el-form-item>
      <el-form-item label="单据状态">
        <el-select v-model="searchData.status" clearable style="width: 100px">
          <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="searchData.currentApprover" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item label="当前节点">
        <el-select v-model="searchData.nodeId" placeholder="请选择节点" clearable style="width: 140px">
          <el-option
            v-for="option in nodeOptions"
            :key="option.id"
            :label="option.name"
            :value="option.id">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="客户代码">
        <el-input v-model="searchData.customerId" clearable style="width: 120px"></el-input>
      </el-form-item>
      <el-form-item label="客户名称">
        <el-input v-model="searchData.customerName" clearable style="width: 150px"></el-input>
      </el-form-item>
      <el-form-item label=" ">
        <el-button @click="search()" type="primary" style="margin-left: 2px;margin-top:0px">查询</el-button>
        <el-button @click="addOrUpdateHandle('save')" type="primary" style="margin-left: 2px;margin-top: 0px">新增</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', {'is-loading': exportLoading}]">
          <i v-if="exportLoading" class="el-icon-loading"></i>
          <span>{{ '导出' }}</span>
        </download-excel>
        <el-button @click="filterVisible = true">搜索</el-button>
        <el-button type="warning" @click="closeProcessModal()">流程关闭</el-button>
      </el-form-item>
    </el-form>
    <el-table
      :height="height"
      :data="dataList1"
      border
      ref="mainTable"
      @row-click="changeData"
      @selection-change="dataListSelectionChange"
      highlight-current-row
      v-loading="dataListLoading"
      style="width: 100%;">
      <el-table-column
        header-align="center"
        align="center"
        width="150"
        fixed="right"
        label="操作">
        <template slot-scope="scope">
          <a type="text" size="small" @click="addOrUpdateHandle(scope.row.projectId)">新增</a>
          <a type="text" size="small" @click="UpdateHandle(scope.row)">{{ scope.row.status === '审批中' ? '审批' : '修改' }}</a>
          <a type="text" size="small" @click="deleteProjectInfo(scope.row)">删除</a>
          <a v-if="authIssue && scope.row.status === '草稿'" type="text" size="small" @click="issueModal(scope.row)">下达</a>
        </template>
      </el-table-column>
      <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
      <el-table-column
        v-for="(item,index) in columnList1" :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-pagination
      style="margin-top: 0px"
      @size-change="sizeChangeHandle"
      @current-change="currentChangeHandle"
      :current-page="pageIndex"
      :page-sizes="[20, 50, 100, 1000]"
      :page-size="pageSize"
      :total="totalPage"
      layout="total, sizes, prev, pager, next, jumper">
    </el-pagination>

    <el-tabs style="font-size: 12px;min-height: 330px" class="customer-tab" v-model="activeName" type="border-card" @tab-click="tabClick">
      <el-tab-pane label="项目信息" name="info">
        <el-form label-position="top" style="margin-top: 0px; margin-left: 0px;">
          <el-row :gutter="20">
            <el-col :span="3"><div class="grid-content bg-purple">
              <el-form-item :label="'项目号'">
                <el-input v-model="projectData.projectId" readonly  ></el-input>
              </el-form-item>
            </div></el-col>
            <el-col :span="3"><div class="grid-content bg-purple">
              <el-form-item :label="'单据状态'">
                <el-input v-model="projectData.status" readonly  ></el-input>
              </el-form-item>
            </div></el-col>
            <el-col :span="3"><div class="grid-content bg-purple">
              <el-form-item :label="'项目类型'">
                <el-input v-model="projectData.projectType" readonly  ></el-input>
              </el-form-item>
            </div></el-col>
            <el-col :span="3"><div class="grid-content bg-purple">
              <el-form-item :label="'行业'">
                <el-input v-model="projectData.industryDesc" readonly  ></el-input>
              </el-form-item>
            </div></el-col>
            <el-col :span="3"><div class="grid-content bg-purple">
              <el-form-item :label="'优先级'">
                <el-input v-model="projectData.priorityDesc" readonly></el-input>
              </el-form-item>
            </div></el-col>
            <el-col :span="4"><div class="grid-content bg-purple">
              <el-form-item :label="'项目年销售额CNY(K)'">
                <el-input v-model="projectData.projectAmount" readonly style=""></el-input>
              </el-form-item>
            </div></el-col>
            <el-col :span="5"><div class="grid-content bg-purple">
              <el-form-item :label="'直接客户'">
                <el-input v-model="projectData.finalCustomerId" readonly style=""></el-input>
              </el-form-item>
            </div></el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="5">
              <div class="grid-content bg-purple">
                <el-form-item :label="'项目名称'">
                  <el-input v-model="projectData.projectName" readonly style="" ></el-input>
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="5"><div class="grid-content bg-purple">
              <el-form-item :label="'项目描述'">
                <el-input v-model="projectData.projectDesc" readonly style="" ></el-input>
              </el-form-item>
            </div></el-col>
<!--            <el-col :span="5"><div class="grid-content bg-purple">-->
<!--              <el-form-item :label="'最终客户'">-->
<!--                <el-input v-model="projectData.finalCustomerName" readonly style="" ></el-input>-->
<!--              </el-form-item>-->
<!--            </div></el-col>-->
            <el-col :span="5"><div class="grid-content bg-purple">
              <el-form-item :label="'客户项目编号'">
                <el-input v-model="projectData.customerProjectNo" readonly style="" ></el-input>
              </el-form-item>
            </div></el-col>
            <el-col :span="5"><div class="grid-content bg-purple">
<!--            <el-col :span="8"><div class="grid-content bg-purple">-->
              <el-form-item :label="'项目经理'">
                <el-input v-model="projectData.projectManagerName" readonly style="" ></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="projectData.projectOwnerName" readonly style="" ></el-input>
              </el-form-item>
            </div></el-col>
            <el-col :span="16"><div class="grid-content bg-purple">
<!--            <el-col :span="8"><div class="grid-content bg-purple">-->
              <el-form-item :label="'项目权限'">
                <el-input v-model="projectData.userRoleName" readonly style="" ></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="projectData.customerRemark" readonly style="" ></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="projectData.remark" readonly style="" ></el-input>
              </el-form-item>
            </div></el-col>
          </el-row>
        </el-form>

      </el-tab-pane>
      <el-tab-pane label="客户信息" v-if="isAuth('101002001:customer')" name="customer">
        <customer-info :project="currentRow"></customer-info>
      </el-tab-pane>
      <el-tab-pane label="项目联系人" v-if="isAuth('101002001:contact')" name="customer_contact">
        <el-form label-position="top" style="margin-top: 1px; margin-left: 0px;">
          <el-form :inline="true" label-position="top" style="margin-top: 0px">
            <el-button type="primary" @click="contactChooseModal()">编辑</el-button>
            <download-excel
              :fields="fields2()"
              :data="exportData2"
              type="xls"
              :name="exportName2"
              :header="exportHeader2"
              :footer="exportFooter2"
              :fetch="createExportData2"
              :before-generate="startDownload2"
              :before-finish="finishDownload2"
              worksheet="导出信息"
              :class="['el-button', 'el-button--primary', 'el-button--medium', {'is-loading': exportLoading2}]">
              <i v-if="exportLoading2" class="el-icon-loading"></i>
              <span>{{ '导出' }}</span>
            </download-excel>
          </el-form>
        </el-form>
        <el-table
          :data="contactList"
          height="240"
          border
          v-loading="dataListLoading"
          style="width: 100%; ">
          <el-table-column
            v-for="(item,index) in columnList2" :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-tab-pane>
      <el-tab-pane label="附件信息" v-if="isAuth('101002001:file')" name="down">
        <oss-components height="25vh" label="项目号" :columns="ossColumns" :order-ref1="currentRow.site" :order-ref2="currentRow.projectId"></oss-components>
      </el-tab-pane>
      <el-tab-pane label="项目物料" v-if="isAuth('101002001:part')" name="part">
        <projectPart ref="projectPart" @refreshProjectList="search"></projectPart>
      </el-tab-pane>
      <el-tab-pane label="询价信息" v-if="isAuth('101002001:quotation')" name="quotation">
        <project-quotation ref="projectQuotation"  ></project-quotation>
      </el-tab-pane>
      <el-tab-pane label="报价信息" v-if="isAuth('101002001:quote')" name="quotationHeader">
<!--        <quote :is-menu="false" :project-no="currentRow.projectId" height="22vh"></quote>-->
        <project-part-quote :is-export="true" height="40vh" :part="currentRow"></project-part-quote>
      </el-tab-pane>
      <el-tab-pane label="打样信息" v-if="isAuth('101002001:sample')" name="sample">
        <sample ref="sample"></sample>
      </el-tab-pane>
      <el-tab-pane label="测试记录" v-if="isAuth('101002001:test')" name="test">
        <test ref="test"></test>
      </el-tab-pane>
      <el-tab-pane label="刀模申请" v-if="isAuth('101002001:tool')" name="toolApply">
        <toolApply ref="toolApply"></toolApply>
      </el-tab-pane>
      <el-tab-pane label="技术参数卡" v-if="isAuth('101002001:technical')" name="technicalSpecification">
        <technicalSpecification ref="technicalSpecification"></technicalSpecification>
      </el-tab-pane>
      <el-tab-pane label="变更记录" v-if="isAuth('101002001:change')" name="changeRecord">
        <change-record :data-list="changeRecordList" :height="240" :columns="columnChangeRecord"></change-record>
      </el-tab-pane>
      <el-tab-pane label="审批信息" name="approvalInformation">
        <approval-information v-model:data-list="approvalList" :height="240"></approval-information>
      </el-tab-pane>
    </el-tabs>


<!--    <el-dialog-->
<!--      width="530px"-->
<!--      title="项目联系人"-->
<!--      :close-on-click-modal="false"-->
<!--      :visible.sync="contactChooseFlag">-->
<!--      <el-transfer v-model="contactChooseList1"  :props="{-->
<!--      key: 'contactId',-->
<!--      label: 'contactName'-->
<!--    }" :data="contactChooseList2" :titles="['未选择', '已选择']"></el-transfer>-->
<!--      <span slot="footer" class="dialog-footer">-->
<!--        <div style="margin-top: 5px">-->
<!--                <el-button type="primary" @click="saveProjectContactList()">确定</el-button>-->
<!--                <el-button @click="contactChooseFlag = false" type="primary">取消</el-button>-->
<!--        </div>-->
<!--    </span>-->
<!--    </el-dialog>-->


    <!-- 客户联系人-> 快速新增 -->
    <el-dialog title="项目联系人" :close-on-click-modal="false" v-drag :visible.sync="contactChooseFlag" width="700px">
      <div style="font-size: 12px">
        <el-form :inline="true" label-position="top" :model="contactData">
          <el-form-item :label="'联系人名称'">
            <el-input v-model="contactData.contactName" clearable style="width: 150px"></el-input>
          </el-form-item>
          <el-form-item :label="' '">
            <el-button type="primary" @click="queryCustomerContact">查询</el-button>
          </el-form-item>
        </el-form>
      </div>
      <el-container>
        <el-main style="width: 200px;padding: 1px">
          <span style="font-size: 12px" >可选联系人</span>
          <el-table
            height="300px"
            :data="contactChooseList1"
            border
            ref="contactTable1"
            @row-click="contactClickRow1"
            @selection-change="selectionContact1"
            highlight-current-row
            style="width: 100%">
            <el-table-column
              type="selection"
              header-align="center"
              align="center"
              width="50">
            </el-table-column>
            <el-table-column
              prop="contactName"
              header-align="center"
              align="center"
              min-width="200"
              label="联系人名称">
            </el-table-column>
          </el-table>
        </el-main>
        <el-main style="width: 10px;padding: 1px">
          <div style="margin-top: 150px;margin-left: 18px">
            <el-button type="primary" @click="addContact">添加>></el-button>
          </div>
          <div style="margin-top: 15px;margin-left: 18px">
            <el-button type="primary" @click="deleteContact">删除<<</el-button>
          </div>
        </el-main>
        <el-main style="width: 200px;padding: 1px">
          <span style="font-size: 12px" >已有联系人</span>
          <el-table
            height="300px"
            :data="contactChooseList2"
            border
            ref="contactTable2"
            @row-click="contactClickRow2"
            @selection-change="selectionContact2"
            highlight-current-row
            style="width: 100%">
            <el-table-column
              type="selection"
              header-align="center"
              align="center"
              width="50">
            </el-table-column>
            <el-table-column
              prop="contactName"
              header-align="center"
              align="center"
              min-width="200"
              label="联系人名称">
            </el-table-column>
          </el-table>
        </el-main>
      </el-container>
      <el-footer style="height:40px;margin-top: 20px;text-align:center">
        <el-button type="primary" @click="contactChooseFlag = false">关闭</el-button>
      </el-footer>
    </el-dialog>

    <!-- 上传文件的modal   -->
    <projectUploadFile  ref="projectUploadFile" @refreshPageTables="getFileContentData()" v-drag></projectUploadFile>
    <add-or-update v-if="addOrUpdateVisible" v-model="addOrUpdate" ref="addOrUpdate" @refreshDataList="search2" v-drag></add-or-update>
    <Chooselist ref="baseList"  @getBaseData="getBaseData"></Chooselist>
    <filter-search :visible.sync="filterVisible" @search="projectInfoSearchByAnyField"></filter-search>
  </div>
</template>

<script>
  import {
    customerInformationSearchForCheck, // 客户信息列表查询`
  } from '@/api/customer/customerInformation.js'
  import AddOrUpdate from './com_projectInfo-add-or-update'
  import {
    getTableDefaultListLanguage,
    getTableUserListLanguage,
  } from "@/api/table.js"
  import Chooselist from '@/views/modules/common/Chooselist'
  import {projectInfoSearch,
    deleteProjectFile,
    getFileContentList,
    downLoadProjectFile,
    getCustomerContactData,
    getContactChooseData,
    getContactChooseData2,
    saveProjectContactList,
    deleteProjectInfo,
    getProjectUserRole,
    addContact,
    deleteContact,
    queryCustomerContact,
    issueProjectInfo,
    getProjectApprovalList
  } from "@/api/project/project.js"
  import {
    getChangeRecordByPartNo, // 查询变更记录
  } from '@/api/part/partInformation.js'
  import projectUploadFile from "./com_project_upload_file";/*上传文件的組件*/
  import projectPart from "./com_project_info_part.vue";/*組件*/
  import sample from "./com_project_sample";/*組件*/
  import test from "./com_project_test";/*組件*/

  import technicalSpecification from "./com_project_technicalSpecification";
  import DictDataSelect from "../../sys/dict-data-select.vue";
  import ChangeRecord from "./com_project_change_record.vue";
  import ApprovalInformation from "../../changeManagement/approvalInformation.vue";
  import OssComponents from "../../oss/ossComponents.vue";
  import toolApply from "./com_project_toolApplyCation.vue";
  import { Divider } from 'element-ui';
  import CustomerInfo from "../../quotation/sellForQuotation/customerInfo.vue";
  import Quote from "../../quote/index.vue";
  import ProjectQuotation from "./com_project_puotation.vue";
  import ProjectPartQuote from "../projectPart/projectPartQuote.vue";
  import {isAuth} from "../../../../utils";
  import FilterSearch from "../../../common/filterSearch.vue";
  import {siteList} from "../../../../api/base/site";
  import {getProjectInfoPartList, projectInfoSearchByAnyField} from "../../../../api/project/project";
  import {queryOss} from "../../../../api/oss/oss";
  import {quotationInformationSearch} from "../../../../api/quotation/quotationInformation";
  import {queryQuoteGroupDetailByInquiry} from "../../../../api/quote/quoteGroupDetail";
  import {proofingInformationSearch} from "../../../../api/proofing/proofingInformation";
  import {testInformationList} from "../../../../api/test/testInformation";
  import {searchProjectToolApplyDetail} from "../../../../api/tool/toolApply";
  import {technicalSpecificationListSearch, getNodeList} from "../../../../api/sampleManagement/technicalSpecificationList";
  import {checkSuperAdmin, closeProcess} from "@/api/changeManagement/changeManagement"
  /*組件*/
  export default {
    components: {
      FilterSearch,
      ProjectPartQuote,
      ProjectQuotation,
      Quote,
      CustomerInfo,
      OssComponents,
      ChangeRecord,
      ApprovalInformation,
      DictDataSelect,
      Chooselist,
      AddOrUpdate,
      projectUploadFile,
      projectPart,
      sample,
      test,

      technicalSpecification,
      toolApply,
      ElDivider: Divider,
    },
    name: "null",
    data() {
      return {
        // addOrUpdate
        addOrUpdate:'0',
        //项目已选联系人
        contactChooseList1:[],
        //客户可选联系人
        contactChooseList2:[],
        contactList: [],
        fileContentList: [],
        activeName: 'info',
        addOrUpdateVisible:false,
        filterVisible:false,
        isFilterSearch: false,
        filterSearchData: {},
        nodeOptions: [],
        approvalList: [],
        dataListSelections: [],
        menuId: '101002001',
        authIssue: false,
        superAdmin: false,
        searchData:{
          page: 1,
          limit: 100,
          site:this.$store.state.user.site,
          projectId:'',
          projectName:'',
          projectType:'',
          projectOwnerName:'',
          customerProjectNo:'',
          priority:'',
          customerId:'',
          customerName:'',
          userName:this.$store.state.user.name,
          status:'',
          currentApprover:'',
          nodeId:'',
          menuId: this.$route.meta.menuId || '101002001',
        },
        contactChooseFlag:false,
        currentRow:'',
        height: 200,
        dataList1:[],
        exportLoading: false,
        exportLoading2: false,
        dataListLoading: false,
        // 导出 start
        exportData: [],
        exportName: "项目清单" + this.dayjs().format('YYYYMMDDHHmmss'),
        exportHeader: ["项目清单"],
        exportFooter: [],
        exportList:[],
        // 导出 start
        exportData2: [],
        exportName2: "项目客户联系人" + this.dayjs().format('YYYYMMDDHHmmss'),
        exportHeader2: ["项目客户联系人"],
        exportFooter2: [],
        exportList2:[],
        tagNo:'',
        tagNo2:'',
        pageIndex: 1,
        pageSize: 100,
        totalPage: 0,
        // 导出 end
        columnList1: [
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1ProjectId',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "projectId",
            headerAlign: "center",
            align: "left",
            columnLabel: "项目号",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 120
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1ProjectType',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "projectType",
            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: 101002001,
            serialNumber: '101002001Table1ProjectName',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "projectName",
            headerAlign: "center",
            align: "left",
            columnLabel: "项目名称",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 200
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1Status',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "status",
            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: 101002001,
            serialNumber: '101002001Table1NodeName',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "nodeName",
            headerAlign: "center",
            align: "left",
            columnLabel: "当前节点",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 140
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1CurrentApprover',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "currentApprover",
            headerAlign: "center",
            align: "left",
            columnLabel: "当前节点审批人",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 130
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1CustomerProjectNo',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "customerProjectNo",
            headerAlign: "center",
            align: "left",
            columnLabel: "客户项目编码",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 4,
            status: true,
            fixed: '',
            columnWidth: 120
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1Priority',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "priorityDesc",
            headerAlign: "center",
            align: "left",
            columnLabel: "优先级",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1ProjectOwnerName',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "projectOwnerName",
            headerAlign: "center",
            align: "left",
            columnLabel: "项目审批人",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1ProjectSource',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "projectSourceDesc",
            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: 101002001,
            serialNumber: '101002001Table1CustomerId',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "customerId",
            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: 101002001,
            serialNumber: '101002001Table1CustomerName',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "customerName",
            headerAlign: "center",
            align: "left",
            columnLabel: "客户名称",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 150
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1CreateDate',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "createDate",
            headerAlign: "center",
            align: "center",
            columnLabel: "创建时间",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 130
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1CreateBy',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "createBy",
            headerAlign: "center",
            align: "left",
            columnLabel: "创建人",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 80
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1UpdateDate',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "updateDate",
            headerAlign: "center",
            align: "center",
            columnLabel: "修改时间",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 130
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table1UpdateBy',
            tableId: "101002001Table1",
            tableName: "项目信息主表",
            columnProp: "updateBy",
            headerAlign: "center",
            align: "left",
            columnLabel: "修改人",
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 80
          },
        ],
        columnList2: [
          // {
          //   userId: this.$store.state.user.name,
          //   functionId: 101002001,
          //   serialNumber: '101002001Table2ContactName',
          //   tableId: '101002001Table2',
          //   tableName: '项目联系人表',
          //   columnProp: 'contactId',
          //   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: 101002001,
            serialNumber: '101002001Table2ContactName',
            tableId: '101002001Table2',
            tableName: '项目联系人表',
            columnProp: 'contactName',
            headerAlign: 'center',
            align: 'left',
            columnLabel: '联系人',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table2ContactPhoneNumber1',
            tableId: '101002001Table2',
            tableName: '项目联系人表',
            columnProp: 'contactPhoneNumber1',
            headerAlign: 'center',
            align: 'left',
            columnLabel: '联系电话',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table2ContactLandlineNumber',
            tableId: '101002001Table2',
            tableName: '项目联系人表',
            columnProp: 'contactLandlineNumber',
            headerAlign: 'center',
            align: 'left',
            columnLabel: '座机',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table2Position',
            tableId: '101002001Table2',
            tableName: '项目联系人表',
            columnProp: 'position',
            headerAlign: 'center',
            align: 'left',
            columnLabel: '公司职务',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table2Mailbox',
            tableId: '101002001Table2',
            tableName: '项目联系人表',
            columnProp: 'mailbox',
            headerAlign: 'center',
            align: 'left',
            columnLabel: '邮箱',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table2PrimaryContact',
            tableId: '101002001Table2',
            tableName: '项目联系人表',
            columnProp: 'primaryContact',
            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: 101002001,
            serialNumber: '101002001Table2ContactStatus',
            tableId: '101002001Table2',
            tableName: '项目联系人表',
            columnProp: 'contactStatus',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '状态',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 60
          },
          {
            userId: this.$store.state.user.name,
            functionId: 101002001,
            serialNumber: '101002001Table2CreateDate',
            tableId: '101002001Table2',
            tableName: '项目联系人表',
            columnProp: 'createDate',
            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: 101002001,
            serialNumber: '101002001Table2CreateBy',
            tableId: '101002001Table2',
            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: 101002001,
            serialNumber: '101002001Table2UpdateDate',
            tableId: '101002001Table2',
            tableName: '项目联系人表',
            columnProp: 'updateDate',
            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: 101002001,
            serialNumber: '101002001Table2UpdateBy',
            tableId: '101002001Table2',
            tableName: '项目联系人表',
            columnProp: 'updateBy',
            headerAlign: 'center',
            align: 'left',
            columnLabel: '更新人',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 80
          }
        ],
        projectData: {
          id: 0,
          site:this.$store.state.user.site,
          projectLevel:'',
          projectId:'',
          projectTypeDb:'',
          projectType:'',
          customerName:'',
          customerId:'',
          projectName:'',
          projectDesc:'',
          needDate:'',
          priority:'',
          projectSource:'',
          industry:'',
          priorityDesc:'',
          projectSourceDesc:'',
          industryDesc:'',
          projectManagerName:'',
          projectOwnerName:'',
          customerRemark:'',
          remark:'',
          userRoleName:'',
          customerProjectNo:'',
          finalCustomerName:'',
          productSet:'',
          projectAmount:'',
          finalCustomerId:'',
          status:'',
          nodeName:'',
          currentApprover:'',
        },
        customerData:{
          site: '',
          customerNo: '',
          customerDesc: '',
          customerDescription: '',
          customerIndustry: '',
          customerCurrency: '',
          turnoverOfYear: '',
          potentialRevenueOfYear: '',
          importantCustomer: '',
          customerStatus: '',
          companyName: '',
          jobDescription: '',
          remark: '',
          contactName: '',
          contactPhoneNumber1: '',
          primaryContact: '',
          contactStatus: '',
          addressName: ''
        },
        finalCustomerData:{
          site: '',
          customerNo: '',
          customerDesc: '',
          customerDescription: '',
          customerIndustry: '',
          customerCurrency: '',
          turnoverOfYear: '',
          potentialRevenueOfYear: '',
          importantCustomer: '',
          customerStatus: '',
          companyName: '',
          jobDescription: '',
          remark: '',
          contactName: '',
          contactPhoneNumber1: '',
          primaryContact: '',
          contactStatus: '',
          addressName: ''
        },
        columnFileContentArray: [
          {
            columnProp: 'fileName',
            headeralign: 'left',
            align: 'left',
            columnLabel: '文件名称',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: false
          // }, {
          //   columnProp: 'createdBy',
          //   headeralign: 'left',
          //   align: 'left',
          //   columnLabel: '上传人',
          //   columnHidden: false,
          //   columnImage: false,
          //   columnSortable: true,
          //   sortLv: 0,
          //   status: true,
          //   fixed: false
          }, {
            columnProp: 'createDate',
            headeralign: 'left',
            align: 'left',
            columnLabel: '上传时间',
            columnHidden: false,
            columnImage: false,
            columnSortable: true,
            sortLv: 0,
            status: true,
            fixed: false
          }, {
            columnProp: 'orderRef3',
            headeralign: 'left',
            align: 'left',
            columnLabel: '类型',
            columnHidden: false,
            columnImage: false,
            columnSortable: true,
            sortLv: 0,
            status: true,
            fixed: false
          },
        ],
        contactSelections1: [],
        contactSelections2: [],
        contactData: {
          site: this.$store.state.user.site,
          customerId: '',
          projectId: '',
          contactId: '',
          contactName: '',
        },
        changeRecordList: [],
        columnChangeRecord: [
          {
            columnProp: 'changeNo',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '申请编号',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 120
          },
          {
            columnProp: 'applicantName',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '申请人',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 120
          },
          {
            columnProp: 'applicationDepartmentName',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '申请部门',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 120
          },
          {
            columnProp: 'changeStatus',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '变更单状态',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            columnProp: 'ecnStage',
            headerAlign: 'center',
            align: 'center',
            columnLabel: 'ECN阶段',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            columnProp: 'changeType',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '变更类别',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            columnProp: 'ecnType',
            headerAlign: 'center',
            align: 'center',
            columnLabel: 'ECN种类',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            columnProp: 'applyDate',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '申请日期',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            columnProp: 'changePhaseInDate',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '变更生效日期',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            columnProp: 'xxx',
            headerAlign: 'center',
            align: 'center',
            columnLabel: 'ECN执行日期',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 100
          },
          {
            columnProp: 'nodeName',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '当前节点',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 120
          },
          {
            columnProp: 'createBy2',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '当前节点审批人',
            columnHidden: false,
            columnImage: false,
            status: true,
            fixed: '',
            columnWidth: 100
          },
        ],
        ossColumns:[
          {
            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: 'createBy',
            headerAlign: 'center',
            align: 'center',
            columnLabel: '上传人',
            columnHidden: false,
            columnImage: false,
            columnSortable: false,
            sortLv: 0,
            status: true,
            fixed: '',
            columnWidth: 140
          }
        ],
      }
    },
    mounted() {
      this.menuId = (this.$route.meta && this.$route.meta.menuId) || this.menuId
      this.searchData.menuId = this.menuId
      this.authIssue = this.isAuth(this.menuId + ':issue')
      this.checkSuperAdmin()
      this.fetchNodeOptions()
      this.handleRouteQuery()
      this.$nextTick(() => {
        //this.height = window.innerHeight - 520;
        this.height = window.innerHeight / 2 - 50
      })
    },
    methods: {
      isAuth,
      // 获取基础数据列表S
      getBaseList (val, type) {
        this.tagNo = val
        this.tagNo2 = type
        this.$nextTick(() => {
          let strVal = ''
          if (val === 1010) {
            if(type==1) {
              strVal = this.searchData.projectType
            }
          }
          this.$refs.baseList.init(val, strVal)
        })
      },
      /* 列表方法的回调 */
      getBaseData (val) {
        if (this.tagNo === 1010) {
          if(this.tagNo2==1) {
            this.searchData.projectType = val.Base_desc
          }
        }
      },

      // 新增 / 修改
      addOrUpdateHandle (id) {
        this.addOrUpdateVisible = true
        this.addOrUpdate = id;
        this.$nextTick(() => {
          this.$refs.addOrUpdate.init();
          if (id && id !== 'save' && id !== 'update'){
            this.$refs.addOrUpdate.updateDataForm(id);
          }
        })
      },

      UpdateHandle (row) {
        let inData={
          site:row.site,
          username:this.$store.state.user.name,
          userId:this.$store.state.user.id,
          projectId:row.projectId
        }
        getProjectUserRole(inData).then(({data}) => {
          if(data.row.superFlag==='Y'||data.row.updateFlag==='Y') {
            this.addOrUpdateVisible = true
            this.addOrUpdate = 'update';
            this.$nextTick(() => {
              this.$refs.addOrUpdate.init(row.id)
            })
          }else {
            this.$alert('没有权限修改这个项目信息！', '错误', {
              confirmButtonText: '确定'
            })
          }
        })
      },

      //导出excel
      async createExportData() {
        this.searchData.limit = -1
        this.searchData.page = 1
        await projectInfoSearch(this.searchData).then(({data}) => {
          this.exportList= data.page.list;
        })

        return this.exportList;
      },

      startDownload() {
        this.exportLoading = true
      },
      finishDownload() {
        this.exportLoading = false
      },

      fields() {
        let json = "{"
        this.columnList1.forEach((item, index) => {
          if (index == this.columnList1.length - 1) {
            json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
          } else {
            json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
          }
        })
        json += "}"
        let s = eval("(" + json + ")")

        return s
      },
      //导出excel
      async createExportData2() {
        return this.contactList;
      },
      startDownload2() {
        this.exportLoading2 = true
      },
      finishDownload2() {
        this.exportLoading2 = false
      },
      fields2() {
        let json = "{"
        this.columnList2.forEach((item, index) => {
          if (index == this.columnList2.length - 1) {
            json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
          } else {
            json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
          }
        })
        json += "}"
        let s = eval("(" + json + ")")
        return s
      },
      // 导出 end
      // 获取数据列表
      search2 (projectId) {
        this.searchData.projectId = projectId
        this.search()
      },

      search () {
        this.searchData.limit = this.pageSize
        this.searchData.page = this.pageIndex
        this.searchData.userId = this.$store.state.user.id
        this.searchData.menuId = this.menuId
        projectInfoSearch(this.searchData).then(({data}) => {
          if (data.code == 0) {
            this.dataList1 = data.page.list
            this.pageIndex = data.page.currPage
            this.pageSize = data.page.pageSize
            this.totalPage = data.page.totalCount
            if(this.dataList1.length>0){
              this.$refs.mainTable.setCurrentRow(this.dataList1[0]);
              this.changeData(this.dataList1[0])
            }
          }
          this.dataListLoading = false
          this.isFilterSearch  = false
        })
      },
      //单击切换订单
      changeData(row) {
        this.currentRow = JSON.parse(JSON.stringify(row));
        this.projectData=row;
        let inData= {
          site:row.site,
          customerNo:row.customerId,
          page: 1,
          limit: 10,
        }
        this.refreshCurrentTabTable ();
        this.loadApprovalList(row);
        customerInformationSearchForCheck(inData).then(({data}) => {
          if (data.code == 0) {
            if(data.page.list.length>0){
              this.customerData=data.page.list[0]
            }
            }
          })
        let inData2= {
          site:row.site,
          customerNo:row.finalCustomerId,
          page: 1,
          limit: 10,
        }
        customerInformationSearchForCheck(inData2).then(({data}) => {
          if (data.code == 0) {
            if(data.page.list.length>0){
              this.finalCustomerData=data.page.list[0]
            }
          }
        })
      },
      addUploadFileModal(){
        let currentData = {
          site: this.currentRow.site,
          createBy: this.$store.state.user.name,
          projectId: this.currentRow.projectId,
          projectName: this.currentRow.projectName,
          remark: '',
        };
        //打开组件 去做新增业务
        this.$nextTick(() => {
          this.$refs.projectUploadFile.init(currentData);
        })
      },
      deleteFile(row){
        this.$confirm('确定要删除此文件?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          deleteProjectFile(row).then(({data}) => {
            if (data && data.code == 0) {
              this.getFileContentData();
              this.$message({
                message: '操作成功',
                type: 'success',
                duration: 1500,
                onClose: () => {
                }
              })
            } else {
              this.$alert(data.msg, '错误', {
                confirmButtonText: '确定'
              })
            }
          })
        }).catch(() => {
        })
      },
      // 刷新页签的table数据
      refreshCurrentTabTable () {
        if (this.activeName == 'down') {
          // this.getFileContentData();
        }
        if (this.activeName == 'customer_contact') {
          this.getCustomerContactData();
        }
        if (this.activeName == 'part') {
          this.refreshPartTable();
        }
        if (this.activeName == 'quotation') {
          this.refreshQuotationTable();
        }
        if (this.activeName == 'quotationHeader') {
          this.refreshQuotationHeaderTable();
        }
        if (this.activeName == 'sample') {
          this.refreshSampleTable();
        }
        if (this.activeName == 'test') {
          this.refreshTestTable();
        }
        if (this.activeName == 'toolApply') {
          this.refreshToolApplyTable();
        }
        if (this.activeName == 'technicalSpecification') {
          this.refreshTechnicalSpecificationTable();
        }
        if (this.activeName === 'changeRecord') {
          this.getChangeRecordList()
        }
      },

      // 获取变更记录
      getChangeRecordList () {
        let tempData = {
          site: this.$store.state.user.site,
          projectId: this.currentRow.projectId,
          menuId: '108002'
        }
        getChangeRecordByPartNo(tempData).then(({data}) => {
          if (data && data.code === 0) {
            this.changeRecordList = data.rows
          } else {
            this.changeRecordList = []
          }
        })
      },

      refreshPartTable(){
        let inData = {
          site: this.currentRow.site,
          projectId: this.currentRow.projectId,
          username: this.$store.state.user.name,
          customerId: this.currentRow.customerId,
          status: this.currentRow.status
        }
        this.$refs.projectPart.init(inData)
      },
      refreshTechnicalSpecificationTable(){
        let inData={
          site: this.currentRow.site,
          projectId: this.currentRow.projectId,
          userName:this.$store.state.user.name,
          page: 1,
          limit: 1000
        }
        this.$refs.technicalSpecification.init(inData)
      },
      refreshQuotationHeaderTable(){
        let inData={
          site: this.currentRow.site,
          projectId: this.currentRow.projectId,
          createBy:this.$store.state.user.name,
          no: 1,
          size: 1000
        }
        this.$refs.quotationHeader.init(inData)
      },
      refreshQuotationTable(){
        let inData={
          site: this.currentRow.site,
          projectId: this.currentRow.projectId,
          createBy:this.$store.state.user.name,
          menuId:102001,
          page: 1,
          limit: 1000
        }
        this.$refs.projectQuotation.init(inData)
      },
      refreshSampleTable(){
        let inData={
          site: this.currentRow.site,
          projectId: this.currentRow.projectId,
          createBy:this.$store.state.user.name,
          menuId:103001,
          page: 1,
          limit: 1000
        }
        this.$refs.sample.init(inData)
      },
      refreshTestTable(){
        let inData={
          site: this.currentRow.site,
          projectId: this.currentRow.projectId,
          createBy:this.$store.state.user.name,
          menuId:107001,
          page: 1,
          limit: 1000
        }
        this.$refs.test.init(inData)
      },
      refreshToolApplyTable(){
        let inData={
          site: this.currentRow.site,
          orderRef1: this.currentRow.projectId,
          username:this.$store.state.user.name,
        }
        this.$refs.toolApply.init(inData)
      },
      //刷新派设备文档的列表
      getFileContentData() {
        let currentData = {orderRef2: this.currentRow.projectId};
        getFileContentList(currentData).then(({data}) => {
          //区分请求成功和失败的状况
          if (data && data.code == 200) {
            this.fileContentList = data.rows;
          } else {
            this.fileContentList = [];
          }
        });
      },
      // 下载
      downloadFile(row){
        // axios.get('/proxyApi/pms/eamProject/downLoadProjectFile/' + row.id, {
        //   responseType: 'blob',
        //   headers: {
        //     'Content-Type': 'application/json',
        //     'token': Vue.cookie.get('token')
        //   }
        // })
        let inData={
          site:this.currentRow.site,
          username:this.$store.state.user.name,
          userId:this.$store.state.user.id,
          projectId:this.currentRow.projectId
        }
        getProjectUserRole(inData).then(({data}) => {
          if(data.row.superFlag==='Y'||data.row.downFlag==='Y') {
            downLoadProjectFile(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
                console.log(linkNode)
                // if(val == 'Y'){
                //   this.pdfVisible = true
                //   this.pdfUrl = linkNode.href
                // }else {
                document.body.appendChild(linkNode)
                linkNode.click() // 模拟在按钮上的一次鼠标单击
                URL.revokeObjectURL(linkNode.href) // 释放URL 对象
                document.body.removeChild(linkNode)
                // }
              })
          }else {
            this.$alert('没有权限下载这个项目的文件！', '错误', {
              confirmButtonText: '确定'
            })
          }
        })
      },
      // 每页数
      sizeChangeHandle (val) {
        this.pageSize = val
        this.pageIndex = 1
        if ( this.isFilterSearch === false){
          this.search()
        } else {
          this.projectInfoSearchByAnyField(this.filterSearchData)
        }
      },
      // 当前页
      currentChangeHandle (val) {
        this.pageIndex = val
        if ( this.isFilterSearch === false){
          this.search()
        } else {
          this.projectInfoSearchByAnyField(this.filterSearchData)
        }
      },
     // 动态列开始 获取 用户保存的 格式列
      async getTableUserColumn(tableId, columnId) {
        let queryTableUser = {
          userId: this.$store.state.user.name,
          functionId: this.$route.meta.menuId,
          tableId: tableId,
          status: true,
          languageCode: this.$i18n.locale
        }

        await getTableUserListLanguage(queryTableUser).then(({data}) => {
          if (data.rows.length > 0) {
            //this.columnList = []
            switch (columnId) {
              case 1:
                this.columnList1 = data.rows
                this.checkField();
                break;
              // case 2:
              //   this.columnList1 = data.rows
              //   break;
              // case 3:
              //   this.columnList2 = data.rows
              //   break;
              // case 4:
              //   this.columnList3 = data.rows
              //   break;
            }

          } else {
            this.getColumnList(tableId, columnId)
          }
        })

      },

      // 获取 tableDefault 列
      async getColumnList(tableId, columnId) {
        let   queryTable= {
          functionId: this.$route.meta.menuId,
          tableId: tableId,
          languageCode: this.$i18n.locale
        }
        await getTableDefaultListLanguage(queryTable).then(({data}) => {
          if (!data.rows.length == 0) {
            switch (columnId) {
              case 1:
                this.columnList1 = data.rows
                this.checkField();
                break;
              // case 2:
              //   this.columnList1 = data.rows
              //   break;
              // case 3:
              //   this.columnList2 = data.rows
              //   break;
              // case 4:
              //   this.columnList3 = data.rows
              //   break;
            }
          } else {
            // this.showDefault = true.
          }
        })

      },
      //动态列结束
      // 列表表格选择替换
      tabClick (tab, event) {
        // 刷新列表数据
        this.refreshCurrentTabTable()
      },

      getCustomerContactData () {
        let inData = {
          site:this.currentRow.site,
          customerId:this.currentRow.customerId,
          projectId:this.currentRow.projectId,
        }
        getCustomerContactData(inData).then(({data}) => {
          //区分请求成功和失败的状况
          if (data && data.code == 0) {
            this.contactList = data.rows;
          } else {
            this.contactList = [];
          }
        });
      },

      // contactChooseModal () {
      //   if (this.currentRow == null || this.currentRow === '') {
      //     this.$alert('请选择项目！', '错误', {
      //       confirmButtonText: '确定'
      //     })
      //     return false
      //   }
      //   let inData = {
      //     site:this.currentRow.site,
      //     customerId:this.currentRow.customerId,
      //     projectId:this.currentRow.projectId,
      //   }
      //   getContactChooseData(inData).then(({data}) => {
      //     //区分请求成功和失败的状况
      //     if (data && data.code == 0) {
      //       this.contactChooseList1 = data.rows1;
      //       this.contactChooseList2 = data.rows2;
      //
      //     } else {
      //       this.contactChooseList1 = [];
      //       this.contactChooseList2 = [];
      //     }
      //   });
      //   this.contactChooseFlag=true;
      // },


      contactChooseModal () {
        if (this.currentRow == null || this.currentRow === '') {
          this.$alert('请选择项目！', '错误', {
            confirmButtonText: '确定'
          })
          return false
        }
        let inData = {
          site: this.currentRow.site,
          customerId: this.currentRow.customerId,
          projectId: this.currentRow.projectId
        }
        this.contactSelections1 = null
        this.contactSelections2 = null
        this.contactData.contactName = ''
        getContactChooseData2(inData).then(({data}) => {
          //区分请求成功和失败的状况
          if (data && data.code === 0) {
            this.contactChooseList1 = data.rows1
            this.contactChooseList2 = data.rows2
          }
        })
        this.contactChooseFlag = true
      },

      // 查询物料项目
      queryCustomerContact () {
        this.contactData.projectId = this.currentRow.projectId
        this.contactData.customerId = this.currentRow.customerId
        queryCustomerContact(this.contactData).then(({data}) => {
          if (data && data.code === 0) {
            this.contactChooseList1 = data.rows
          } else {
            this.contactChooseList1 = []
          }
        })
      },

      // 可选联系人
      contactClickRow1 (row) {
        this.$refs.contactTable1.toggleRowSelection(row)
      },

      // 已有联系人
      contactClickRow2 (row) {
        this.$refs.contactTable2.toggleRowSelection(row)
      },

      selectionContact1 (val) {
        this.contactSelections1 = val
      },

      selectionContact2 (val) {
        this.contactSelections2 = val
      },

      // 客户联系人新增
      addContact () {
        if (this.contactSelections1 == null || this.contactSelections1.length === 0) {
          this.$message.warning('请选择可选联系人！')
          return
        }
        let inData = {
          site: this.currentRow.site,
          customerId: this.currentRow.customerId,
          projectId: this.currentRow.projectId,
          contactList2: this.contactSelections1
        }
        addContact(inData).then(({data}) => {
          if (data && data.code === 0) {
            getContactChooseData2(inData).then(({data}) => {
              //区分请求成功和失败的状况
              if (data && data.code === 0) {
                this.contactChooseList1 = data.rows1
                this.contactChooseList2 = data.rows2
              }
            })
            this.getCustomerContactData()
            this.contactSelections1 = []
          } else {
            this.$alert(data.msg, '错误', {
              confirmButtonText: '确定'
            })
          }
        })
      },

      // 客户联系人删除
      deleteContact () {
        if (this.contactSelections2 == null || this.contactSelections2.length === 0) {
          this.$message.warning('请选择已有联系人！')
          return
        }
        let inData = {
          site: this.currentRow.site,
          customerId: this.currentRow.customerId,
          projectId: this.currentRow.projectId,
          contactList2: this.contactSelections2
        }
        deleteContact(inData).then(({data}) => {
          if (data && data.code === 0) {
            getContactChooseData2(inData).then(({data}) => {
              //区分请求成功和失败的状况
              if (data && data.code === 0) {
                this.contactChooseList1 = data.rows1
                this.contactChooseList2 = data.rows2
              }
            })
            this.getCustomerContactData()
            this.contactSelections2 = []
          } else {
            this.$alert(data.msg, '错误', {
              confirmButtonText: '确定'
            })
          }
        })
      },


      saveProjectContactList(){
        let data={
          site:this.currentRow.site,
          customerId:this.currentRow.customerId,
          projectId:this.currentRow.projectId,
          contactList:this.contactChooseList1
        }
        saveProjectContactList(data).then(({data}) => {
          if (data && data.code === 0) {
            this.$message.success( '操作成功')
            this.contactChooseFlag = false
            this.refreshCurrentTabTable()
          } else {
            this.$message.error(data.msg)
          }
        })

      },

      deleteProjectInfo(row){
        let inData={
          site:row.site,
          username:this.$store.state.user.name,
          userId:this.$store.state.user.id,
          projectId:row.projectId
        }
        getProjectUserRole(inData).then(({data}) => {
          if(data.row.superFlag==='Y'||data.row.deleteFlag==='Y') {
            if (row.status && row.status !== '草稿') {
              this.$message.warning('仅草稿状态的单据允许删除')
              return
            }
            this.$confirm(`确定删除当前记录?`, '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(()=>{
                deleteProjectInfo(row).then(({data}) => {
                  if (data && data.code === 0) {
                    if (data.checkMsg!==null){
                      this.$message.warning(data.checkMsg)
                    }else {
                      this.$message.success( '操作成功')
                      this.contactChooseFlag = false
                      this.search()
                    }
                  } else {
                    this.$message.error(data.msg)
                  }
                })
          })
          }else {
            this.$alert('没有权限删除这个项目信息！', '错误', {
              confirmButtonText: '确定'
            })
          }
        })
      },

      checkField(){
        if(!this.accessField('10202001')){
          this.columnList1=this.columnList1.filter(item => item.columnProp !== 'customerId');
          this.columnList1=this.columnList1.filter(item => item.columnProp !== 'customerName');
        }
        if(!this.accessField('10202002')){
          this.columnList1=this.columnList1.filter(item => item.columnProp !== 'projectSource');
        }
      },

      toChangeMenu(changeNo){
        if (this.$router.resolve(`/changeManagement-changeRecord`).resolved.name === '404'){
          this.$alert('权限不足,访问失败', '警告', {confirmButtonText: '确定',});
        }else {
          this.$router.push({name:`changeManagement-changeRecord`,params:{changeNo:changeNo},})
        }
      },

      fetchNodeOptions () {
        if (!this.searchData.site || !this.menuId) {
          this.nodeOptions = []
          return
        }
        getNodeList({
          site: this.searchData.site,
          menuId: this.menuId
        }).then(({data}) => {
          if (data && data.code === 0 && Array.isArray(data.rows)) {
            this.nodeOptions = data.rows
              .filter(item => item && item.nodeId)
              .map(item => ({
                id: item.nodeId,
                name: item.nodeName
              }))
          } else {
            this.nodeOptions = []
          }
        }).catch(() => {
          this.nodeOptions = []
        })
      },
      checkSuperAdmin () {
        checkSuperAdmin().then(({data}) => {
          this.superAdmin = !!(data && data.superAdmin)
        })
      },
      dataListSelectionChange (val) {
        this.dataListSelections = val || []
      },
      loadApprovalList (row) {
        if (!row || !row.site || !row.projectId) {
          this.approvalList = []
          return
        }
        getProjectApprovalList({
          site: row.site,
          menuId: this.menuId,
          documentNo: row.projectId
        }).then(({data}) => {
          this.approvalList = (data && data.code === 0) ? (data.rows || []) : []
        }).catch(() => {
          this.approvalList = []
        })
      },
      issueModal (row) {
        if (!this.authIssue) {
          this.$message.warning('没有下达权限')
          return
        }
        if (!row || row.status !== '草稿') {
          this.$message.warning('仅草稿状态的单据允许下达')
          return
        }
        if (!this.validateManagerRequiredFields(row)) {
          return
        }
        this.$confirm('确认下达该项目?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          issueProjectInfo({
            site: row.site,
            projectId: row.projectId,
            menuId: this.menuId
          }).then(({data}) => {
            if (data && data.code === 0) {
              this.$message.success('下达成功')
              this.search()
            } else {
              this.$message.error((data && data.msg) || '下达失败')
            }
          }).catch(err => {
            this.$message.error((err && err.message) || '下达失败')
          })
        }).catch(() => {})
      },
      closeProcessModal () {
        const approvedRows = (this.dataListSelections || []).filter(item => item && item.status === '审批中' && item.projectId)
        if (!approvedRows.length) {
          this.$message.warning('请勾选状态为"审批中"的单据！')
          return
        }
        this.$confirm(`确定关闭这 ${approvedRows.length} 条项目单据的OA流程？关闭后状态将变为"草稿"。`, '流程关闭', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          closeProcess({
            site: this.$store.state.user.site,
            documentNos: approvedRows.map(row => row.projectId),
            documentType: 'PROJECT'
          }).then(({data}) => {
            if (data && data.code === 0) {
              this.$message.success('流程关闭成功')
              this.search()
            } else {
              this.$message.error((data && data.msg) || '流程关闭失败')
            }
          }).catch(err => {
            this.$message.error((err && err.message) || '流程关闭失败')
          })
        }).catch(() => {})
      },

      projectInfoSearchByAnyField(params){
        params.no = this.pageIndex
        params.size = this.pageSize
        params.site = this.$store.state.user.site
        params.userName = this.$store.state.user.name
        params.userId = this.$store.state.user.id.toString()
        projectInfoSearchByAnyField(params).then(({data})=>{
          if (data && data.code === 0){
            this.dataList1 = data.page.list
            this.totalPage = data.page.totalCount
          }else {
            this.$message.warning(data.msg)
          }
        }).catch((error)=>{
          this.$message.error(error)
        })
        this.filterSearchData = params
        this.filterVisible = false
        this.isFilterSearch = true
      },
      hasProjectManager (source) {
        if (!source) {
          return false
        }
        if (source.projectManagerList && source.projectManagerList.length > 0) {
          return true
        }
        return !!(source.projectManagerName && String(source.projectManagerName).trim())
      },
      validateManagerRequiredFields (source) {
        if (!this.hasProjectManager(source)) {
          return true
        }
        const missing = []
        if (source.projectAmount === null || source.projectAmount === undefined || String(source.projectAmount).trim() === '') {
          missing.push('项目年销售额CNY(K)')
        }
        if (!source.finalCustomerId || String(source.finalCustomerId).trim() === '') {
          missing.push('直接客户')
        }
        if (!source.customerRemark || String(source.customerRemark).trim() === '') {
          missing.push('客户应用/要求')
        }
        if (missing.length) {
          this.$message.warning('项目经理不为空时，' + missing.join('、') + '不能为空')
          return false
        }
        return true
      },

      handleRouteQuery () {
        const routeParams = this.$route.params || {}
        const isTokenLogin = routeParams.type === 'tokenLogin'
        const projectId = String(routeParams.docNo || routeParams.projectId || '').trim()
        if (isTokenLogin) {
          if (!projectId) {
            return
          }
          if (this.addOrUpdateVisible && this.currentRow && String(this.currentRow.projectId || '').trim() === projectId) {
            return
          }
          this.searchData.projectId = projectId
          this.searchData.limit = this.pageSize
          this.searchData.page = this.pageIndex
          this.searchData.userId = this.$store.state.user.id
          this.searchData.menuId = this.menuId
          projectInfoSearch(this.searchData).then(({data}) => {
            if (data.code == 0) {
              this.dataList1 = data.page.list
              this.pageIndex = data.page.currPage
              this.pageSize = data.page.pageSize
              this.totalPage = data.page.totalCount
              if (this.dataList1 && this.dataList1.length > 0) {
                this.$nextTick(() => {
                  if (this.$refs.mainTable) {
                    this.$refs.mainTable.setCurrentRow(this.dataList1[0])
                  }
                  this.changeData(this.dataList1[0])
                  this.addOrUpdateVisible = true
                  this.addOrUpdate = 'update'
                  this.$nextTick(() => {
                    this.$refs.addOrUpdate.init(this.dataList1[0].id)
                  })
                })
              }
            }
            this.dataListLoading = false
          })
          return
        }
        if (projectId) {
          this.searchData.projectId = projectId
          this.search()
        }
      },

    },
    activated() {
      this.handleRouteQuery()
    },
  }
</script>

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

  .el-transfer-panel {
    border: 2px solid #17b3a3;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }

  .el-transfer-panel .el-transfer-panel__header {
    height: 40px;
    line-height: 40px;
    background: #17b3a3;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #17b3a3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
  }

  .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    font-size: 14px;
    color: #303133;
    font-weight: 400;
  }
</style>