plm前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

2401 lines
81 KiB

<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>