wilson
/
ccl_plm-vue
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
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.
1147 Commits
1 Branch
0 Tags
25 MiB
 
 
 
 
Tree: da90835d08
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'da90835d08'
${ noResults }
ccl_plm-vue/src/views/modules/proofing/requestForProofing.vue

3957 lines
135 KiB
Raw Blame History

<template>
<div class="mod-config">
<!-- 查询条件 -->
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
<el-form-item label="BU">
<bu-select v-model="searchData.buNo" style="width: 120px"></bu-select>
</el-form-item>
<el-form-item :label="'打样单号'">
<el-input v-model="searchData.proofingNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'项目号'">
<el-input v-model="searchData.projectId" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'项目名称'">
<el-input v-model="searchData.projectName" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'客户编码'">
<el-input v-model="searchData.customerNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'客户名称'">
<el-input v-model="searchData.customerDesc" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'要求交付日期'">
<el-date-picker
style="width: 120px"
v-model="searchData.startDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="开始日期">
</el-date-picker>
</el-form-item>
<el-form-item :label="' '">
<el-date-picker
style="width: 120px"
v-model="searchData.endDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="结束日期">
</el-date-picker>
</el-form-item>
<el-form-item label="节点审批人">
<el-input v-model="searchData.approvalUsername" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="当前节点">
<el-select v-model="searchData.nodeId" placeholder="请选择节点" clearable style="width: 120px">
<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>
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
<el-form-item :label="'PLM物料编码'">
<el-input v-model="searchData.testPartNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'IFS物料编码'">
<el-input v-model="searchData.finalPartNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'客户物料编码'">
<el-input v-model="searchData.customerPartNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'物料名称'">
<el-input v-model="searchData.partName" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'CS'">
<el-input v-model="searchData.trackerName" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'NPI工程师'">
<el-input v-model="searchData.engineerName" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'Approver'">
<el-input v-model="searchData.approverName" clearable style="width: 120px"></el-input>
</el-form-item>
<!-- <el-form-item :label="'优先等级'">-->
<!-- <dict-data-select v-model="searchData.priorityLevel" clearable style="width: 120px" :use-default-value="false" dict-type="priority_Level"></dict-data-select>-->
<!-- </el-form-item>-->
<el-form-item :label="'状态'">
<el-select v-model="searchData.proofingStatus" style="width: 120px">
<el-option label="全部" value=""></el-option>
<el-option label="草稿" value="草稿"></el-option>
<el-option label="审批中" value="审批中"></el-option>
<el-option label="已完成" value="已完成"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="' '">
<el-button @click="getDataList()">查询</el-button>
<el-button v-if="isAuth('103001:save')" type="primary" @click="addModal()">新增</el-button>
<el-button v-if="isAuth('103001:remove')" type="primary" @click="delModal()">删除</el-button>
<download-excel
v-if="isAuth('103001:export')"
:fields="fields()"
:data="exportData"
type="xls"
:name="exportName"
:header="exportHeader"
:footer="exportFooter"
:fetch="createExportData"
:before-generate="startDownload"
:before-finish="finishDownload"
worksheet="导出信息"
class="el-button el-button--primary el-button--medium">
{{ "导出" }}
</download-excel>
<el-button @click="filterVisible = true">搜索</el-button>
</el-form-item>
</el-form>
<!-- 打样列表 -->
<el-table
:height="height"
:data="dataList"
border
:row-style="rowStyle"
ref="proofingTable"
@row-click="proofingClickRow"
@selection-change="selectionProofing"
@current-change="changeCurrentRow"
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
type="selection"
header-align="center"
align="center"
:selectable="selectFlag"
width="50">
</el-table-column>
<el-table-column
v-for="(item,index) in columnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed === ''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<div v-if="item.columnProp === 'proofingResultStatus'">
<span v-if="!item.columnHidden">
<span v-show="scope.row.proofingResultStatus === 'B'">草稿</span>
<span v-show="scope.row.proofingResultStatus === 'C'">已下达</span>
<span v-show="scope.row.proofingResultStatus === 'E'">已完成打样</span>
<span v-show="scope.row.proofingResultStatus === 'S'">已提交打样</span>
<span v-show="scope.row.proofingResultStatus === 'R'">客户已反馈</span>
</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</div>
<div v-else>
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</div>
</template>
<template slot-scope="scope">
<div v-if="item.columnProp === 'oriCodeNo'">
<el-link style="cursor:pointer;" v-if="!item.columnHidden" @click="toTechnicalSpecificationMenu(scope.row.oriCodeNo)"> {{ scope.row[item.columnProp] }}</el-link>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
</div>
<div v-else>
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
</div>
</template>
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="100"
label="操作">
<template slot-scope="scope">
<template v-if="isAuth('103001:update')">
<el-link style="cursor: pointer" @click="updateModal(scope.row)" v-if="scope.row.proofingStatus !== '已完成'">编辑</el-link>
</template>
<template v-if="isAuth('103001:issued')">
<el-link style="cursor: pointer" v-if="scope.row.proofingStatus === '草稿'" @click="updateModalStatus(scope.row,'C')">下达</el-link>
</template>
<template v-if="isAuth('103001:detail')">
<el-link style="cursor: pointer" v-if="scope.row.proofingStatus === '已完成'" @click="getDetailData(scope.row)">详情</el-link>
</template>
</template>
</el-table-column>
</el-table>
<selectDiv ref="selectDiv"></selectDiv>
<!-- 分页插件 -->
<el-pagination style="margin-top: 0px"
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 200, 500]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 打样模态框 -->
<el-dialog :title="modalData.title" @close="closeModalDiaLog" @open="openModalDialog" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" top="5vh" width="1200px">
<el-form label-position="top" ref="modalForm" :model="modalData" :rules="rules">
<el-row :gutter="15">
<el-col :span="8">
<el-row :gutter="10">
<el-col :span="10">
<el-form-item prop="customerNo" label="客户编码" :show-message="false">
<span style="cursor: pointer" slot="label" v-if="modalData.flag === '1'"
@click="getBaseList(102,1)"><a herf="#">客户编码</a></span>
<el-input :disabled="modalData.flag !== '1' && columnFlagByHeader('customerNo')"
v-model="modalData.customerNo" @blur="handleQueryCustomer"></el-input>
</el-form-item>
</el-col>
<el-col :span="14">
<el-form-item label=" " :show-message="false">
<el-input disabled v-model="modalData.customerDesc"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="4">
<el-form-item label="打样数量" prop="proofingNumber" :show-message="false">
<el-input-number :controls="false" :disabled="detailVisible" :min="0" v-model="modalData.proofingNumber" :step="0" style="width: 100%"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="打样金额" prop="proofingAmount" :show-message="false">
<el-input-number :controls="false" :disabled="detailVisible" v-model="modalData.proofingAmount" :step="0" style="width: 100%"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="优先等级" :show-message="false">
<dict-data-select v-if="modalFlag" :disabled="columnFlagByHeader('priorityLevel') || detailVisible"
v-model="modalData.priorityLevel"
dict-type="priority_Level"></dict-data-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="要求交付日期" prop="requiredDeliveryDate" :show-message="false">
<el-date-picker v-model="modalData.requiredDeliveryDate" style="width: 100%" type="date"
value-format="yyyy-MM-dd" placeholder="选择日期"
:disabled="columnFlagByHeader('requiredDeliveryDate') || detailVisible"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="15">
<el-col :span="8">
<el-row :gutter="10">
<el-col :span="10">
<el-form-item prop="projectId" label="项目号" :show-message="false">
<span slot="label" v-if="modalData.customerNo && modalData.flag === '1'"
@click="chooseProjectListFlag = true"><a herf="#">项目号</a></span>
<el-input :disabled="(!modalData.customerNo || modalData.flag !== '1')"
v-model="modalData.projectId" @blur="handleQueryProjectByCustomer"></el-input>
</el-form-item>
</el-col>
<el-col :span="14">
<el-form-item label=" " :show-message="false">
<el-input disabled v-model="modalData.projectName"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="4">
<el-form-item :show-message="false" prop="trackerName">
<label v-if="columnFlagByHeader('tracker') || detailVisible" slot="label">CS</label>
<span v-else style="cursor: pointer" slot="label" @click="getBaseList(2051)"><a herf="#">CS</a></span>
<el-input v-model="modalData.trackerName" :disabled="columnFlagByHeader('tracker') || detailVisible" readonly>
<span slot="suffix" v-show="modalData.trackerName && !detailVisible" @click="clearModalData('tracker')"><i class="el-icon-circle-close" style="margin-left: 5px;cursor: pointer;"></i></span>
</el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item :show-message="false">
<label v-if="columnFlagByHeader('engineer') || detailVisible" slot="label">NPI工程师</label>
<span v-else style="cursor: pointer" slot="label" @click="getBaseList(2052)"><a>NPI工程师</a></span>
<el-input v-model="modalData.engineerName" :disabled="columnFlagByHeader('engineer') || detailVisible" readonly>
<span slot="suffix" v-show="modalData.engineerName && !detailVisible" @click="clearModalData('engineer')"><i class="el-icon-circle-close" style="margin-left: 5px;cursor: pointer;"></i></span>
</el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item>
<label v-if="columnFlagByHeader('approver') || detailVisible" slot="label">Approver</label>
<span v-else style="cursor: pointer" slot="label" @click="getBaseList(2053)"><a herf="#">Approver</a></span>
<el-input v-model="modalData.approverName" :disabled="columnFlagByHeader('approver') || detailVisible" readonly>
<span slot="suffix" v-show="modalData.approverName && !detailVisible" @click="clearModalData('approver')"><i class="el-icon-circle-close" style="margin-left: 5px;cursor: pointer;"></i></span>
</el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item>
<label v-if="columnFlagByDelegateAccess('delegateAccess') || detailVisible" slot="label">DelegateAccess</label>
<span v-else style="cursor: pointer" slot="label" @click="delegateAccessVisible = true"><a herf="#">DelegateAccess</a></span>
<el-input v-model="delegateAccessName" :disabled="columnFlagByDelegateAccess('delegateAccess') || detailVisible" readonly>
<span slot="suffix" v-show="delegateAccessName && !detailVisible" @click="selectionDelegateAccess = []"><i class="el-icon-circle-close" style="margin-left: 5px;cursor: pointer;"></i></span>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="15">
<el-col :span="24">
<el-form-item label="样品用途" class="auto" prop="sendSamplesUsage" :show-message="false">
<el-input v-model="modalData.sendSamplesUsage" :disabled="detailVisible" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="15">
<el-col :span="24">
<el-form-item label="样品寄送地址" class="auto">
<el-input type="textarea" v-model="modalData.sendSamplesAddress" :disabled="detailVisible" :rows="3" resize='none' show-word-limit></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="15">
<el-col :span="24">
<el-form-item label="备注" style="height: 90px">
<el-input type="textarea" v-model="modalData.technicalConsiderations" :disabled="detailVisible" :rows="3" resize='none' show-word-limit></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="rq">
<el-form :inline="true" label-position="top" :model="projectPartData" v-if="modalData.flag === '1'">
<el-form-item label="PLM物料编码">
<el-input v-model="projectPartData.testPartNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="物料名称">
<el-input v-model="projectPartData.partName" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="IFS物料编码">
<el-input v-model="projectPartData.finalPartNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="客户料号">
<el-input v-model="projectPartData.customerPartNo" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item label=" " v-if="modalData.projectId">
<el-button type="primary" @click="getProjectPartList">查询</el-button>
</el-form-item>
</el-form>
<el-table
:height="300"
:data="projectPartList"
ref="projectPartTable"
@row-click="projectPartClickRow"
@selection-change="selectionProjectPart"
:row-key="getRowKeys"
border
v-loading="queryLoading"
style="width: 100%;">
<el-table-column
type="selection"
header-align="center"
align="center"
:selectable="checkSelectable"
:reserve-selection="true"
width="50">
</el-table-column>
<el-table-column
v-for="(item,index) in projectPartDetailList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed===''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<template v-if="item.columnProp === 'testPartNo'">
<a @click="handleRouter(scope.row)">{{ scope.row[item.columnProp] }}</a>
</template>
<template v-else>
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
</template>
</template>
</el-table-column>
</el-table>
</div>
<el-pagination style="margin-top: 0"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="no"
:page-sizes="[20, 50, 100, 200, 500]"
:page-size="size"
:total="total"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<el-footer style="height:30px;text-align:center;margin-top: 8px">
<template v-if="modalData.proofingStatus === '草稿' || (modalData.proofingStatus === '审批中' && ((modalData.approvalUsername && modalData.approvalUsername.split(';').includes($store.state.user.name)) || superAdmin))">
<el-button type="primary" @click="saveData()">保存</el-button>
</template>
<el-button type="primary" @click="modalFlag = false">关闭</el-button>
<template v-if="isAuth('103001:submit')">
<template v-if="superAdmin || (modalData.approvalUsername && modalData.approvalUsername.split(';').includes($store.state.user.name))">
<el-button v-if="modalData.proofingStatus === '审批中'" type="primary" @click="agreeSubmit">同意</el-button>
</template>
</template>
<template v-if="isAuth('103001:rejected')">
<template v-if="superAdmin || (modalData.approvalUsername && modalData.approvalUsername.split(';').includes($store.state.user.name))">
<el-button v-if="modalData.proofingStatus === '审批中' && modalData.isReject === 'Y'" @click="rejectVisible = true" type="primary">驳回</el-button>
</template>
</template>
</el-footer>
</el-dialog>
<!-- 录入打样结果模态框 -->
<el-dialog title="录入打样结果" :close-on-click-modal="false" v-drag :visible.sync="enterResultModalFlag"
width="785px">
<el-form :inline="true" label-position="top" :model="enterResultData" :rules="enterResultRules"
style="margin-left: 0px;margin-top: 10px;">
<el-form-item label="实际交付日期" prop="actualityDeliveryDate" :rules="enterResultRules.actualityDeliveryDate">
<el-date-picker v-model="enterResultData.actualityDeliveryDate" type="date" value-format="yyyy-MM-dd"
placeholder="请选择日期" style="width: 200px"></el-date-picker>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="enterResultData" :rules="enterResultRules"
style="margin-left:0px;margin-top: 5px;">
<el-form-item label="打样结果信息" prop="proofingResultInformation"
:rules="enterResultRules.proofingResultInformation">
<el-input type="textarea" v-model="enterResultData.proofingResultInformation" :rows="3" resize='none'
show-word-limit style="width: 500px;height: 30px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="enterResultData" style="margin-left: 0px;margin-top: 50px;">
<el-form :inline="true" label-position="top" style="margin-top: 5px">
<el-button type="primary" @click="uploadFile()">上传文件</el-button>
</el-form>
<el-table
:height="200"
:data="fileContentList"
border
v-loading="dataListLoading"
style="width: 100%">
<el-table-column
v-for="(item,index) in fileColumnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed===''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="100"
label="操作">
<template slot-scope="scope">
<a @click="deleteFile(scope.row)">删除</a>
</template>
</el-table-column>
</el-table>
</el-form>
<el-footer style="height:35px;margin-top: 10px;text-align:center">
<el-button type="primary" @click="saveProofingResult()">保存</el-button>
<el-button type="primary" @click="enterResultModalFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<!-- 录入送样信息模态框 -->
<el-dialog title="录入送样信息" :close-on-click-modal="false" v-drag :visible.sync="submitResultModalFlag"
width="620px">
<el-form :inline="true" label-position="top" :model="submitResultData" :rules="submitResultRules"
style="margin-left: 0px;margin-top: 10px;">
<el-form-item label="实际送样日期" prop="actualitySendSamplesDate"
:rules="submitResultRules.actualitySendSamplesDate">
<el-date-picker v-model="submitResultData.actualitySendSamplesDate" type="date" value-format="yyyy-MM-dd"
placeholder="请选择日期" style="width: 200px"></el-date-picker>
</el-form-item>
<el-form-item label="送样方式" prop="sendSamplesMethod" :rules="submitResultRules.sendSamplesMethod">
<el-select v-model="submitResultData.sendSamplesMethod" style="width: 221px">
<el-option label="客户自提" value="客户自提"></el-option>
<el-option label="人员带货" value="人员带货"></el-option>
<el-option label="其它" value="其它"></el-option>
</el-select>
</el-form-item>
<el-form-item label="送货信息">
<el-input v-model="submitResultData.deliverGoodsInformation" style="width: 221px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="submitResultData" style="margin-left:0px;margin-top: 5px;">
<el-form-item label="送货备注">
<el-input type="textarea" v-model="submitResultData.deliverGoodsRemark" :rows="3" resize='none'
show-word-limit style="width: 456px;height: 30px"></el-input>
</el-form-item>
</el-form>
<el-footer style="height:35px;margin-top: 50px;text-align:center">
<el-button type="primary" @click="saveSubmitResult()">保存</el-button>
<el-button type="primary" @click="submitResultModalFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<!-- 客户回复模态框 -->
<el-dialog title="客户回复" :close-on-click-modal="false" v-drag :visible.sync="customerResponseModalFlag"
width="620px">
<el-form :inline="true" label-position="top" :model="customerResponseData" :rules="customerResponseRules"
style="margin-left: 0px;margin-top: 10px;">
<el-form-item label="实际回复日期" prop="actualityReplyDate" :rules="customerResponseRules.actualityReplyDate">
<el-date-picker v-model="customerResponseData.actualityReplyDate" type="date" value-format="yyyy-MM-dd"
placeholder="请选择日期" style="width: 185px"></el-date-picker>
</el-form-item>
<el-form-item label="客户确认结果" prop="confirmResults" :rules="customerResponseRules.confirmResults">
<el-select v-model="customerResponseData.confirmResults" style="width: 185px">
<el-option label="接受" value="接受"></el-option>
<el-option label="不接受" value="不接受"></el-option>
</el-select>
</el-form-item>
<el-form-item label="客户确认人" prop="confirmBy" :rules="customerResponseRules.confirmBy">
<el-input v-model="customerResponseData.confirmBy" style="width: 185px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="customerResponseData"
style="margin-left:0px;margin-top: 5px;">
<el-form-item label="客户回复信息">
<el-input type="textarea" v-model="customerResponseData.confirmInformation" :rows="3" resize='none'
show-word-limit style="width: 595px;height: 30px"></el-input>
</el-form-item>
</el-form>
<el-footer style="height:35px;margin-top: 50px;text-align:center">
<el-button type="primary" @click="saveCustomerResponse()">保存</el-button>
<el-button type="primary" @click="customerResponseModalFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<!--选择项目模态框-->
<el-dialog title="选择-项目" @close="closeProjectInfoDialog" @open="searchProjectInfoList"
:visible.sync="chooseProjectListFlag" width="35%" :close-on-click-modal="false">
<el-form label-position="top" :model="searchProjectData" ref="closeProjectInfoForm">
<el-row :gutter="10">
<el-col :span="6">
<el-form-item label="项目号">
<el-input v-model="searchProjectData.projectId"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="项目名称">
<el-input v-model="searchProjectData.projectName"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label=" ">
<el-button type="primary" @click="searchProjectInfoList">查询</el-button>
</el-form-item>
</el-col>
</el-row>
<el-table :height="223"
:data="projectList"
border
@row-click="projectClickRow">
<el-table-column label="项目号" prop="projectId"/>
<el-table-column label="项目名称" prop="projectName"/>
</el-table>
</el-form>
</el-dialog>
<!-- 页签 -->
<el-tabs v-model="activeTable" style="margin-top: 0px; width: 100%; min-height: 300px;" type="border-card" @tab-click="tabClick" class="customer-tab">
<el-tab-pane label="基本信息" name="attribute">
<proofing-attribute
ref="dialogAttribute"
:disabled="proofingCurrentRow.proofingStatus === '已完成'"
:order-no="proofingCurrentRow.proofingNo"
:approval-username="proofingCurrentRow.approvalUsername"
:proofing-status="proofingCurrentRow.proofingStatus"
:super-admin="superAdmin"
:code-no="'Proofing'"
:function-type="'order'">
</proofing-attribute>
</el-tab-pane>
<!-- 项目信息页签 -->
<el-tab-pane label="项目信息" name="project_information">
<el-form label-position="top" :model="projectInformationData" style="margin-left: 10px;margin-top: 5px;margin-right: 10px">
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="项目号">
<el-input v-model="projectInformationData.projectId" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="项目名称">
<el-input v-model="projectInformationData.projectName" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="项目类型">
<el-input v-model="projectInformationData.projectType" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="客户来源">
<el-input v-model="projectInformationData.projectSourceDesc" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="优先级">
<el-input v-model="projectInformationData.priorityDesc" readonly></el-input>
</el-form-item>
</div>
</el-col>
<!-- <el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="终端客户">
<el-input v-model="projectInformationData.finalCustomerName" readonly></el-input>
</el-form-item>
</div>
</el-col>-->
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="项目经理">
<el-input v-model="projectInformationData.projectManagerName" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="项目负责人">
<el-input v-model="projectInformationData.projectOwnerName" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="项目权限">
<el-input v-model="projectInformationData.userRoleName" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="创建时间">
<el-input v-model="projectInformationData.createDate" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="创建人">
<el-input v-model="projectInformationData.createBy" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="更新时间">
<el-input v-model="projectInformationData.updateDate" readonly></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="更新人">
<el-input v-model="projectInformationData.updateBy" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<div class="grid-content bg-purple">
<el-form-item label="项目描述">
<el-input v-model="projectInformationData.projectDesc" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<div class="grid-content bg-purple">
<el-form-item label="其它特殊要求">
<el-input v-model="projectInformationData.remark" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
</el-form>
</el-tab-pane>
<!-- 客户信息页签 -->
<el-tab-pane label="客户信息" name="customer_information">
<customer-info :project="proofingCurrentRow"></customer-info>
</el-tab-pane>
<el-tab-pane label="附件信息" name="proofing_file">
<oss-components
:save-visible="isAuth('103001:tab4:save')"
:download-visible="isAuth('103001:tab4:download')"
:remove-visible="isAuth('103001:tab4:remove')"
:preview-visible="isAuth('103001:tab4:preview')"
label="打样单号" style="margin-top: 5px" height="28vh" :columns="ossColumns"
:order-ref2="proofingCurrentRow.proofingNo"
:order-ref1="proofingCurrentRow.site" :disabled="proofingCurrentRow.proofingStatus === '已完成'"></oss-components>
</el-tab-pane>
<!-- 审批信息 -->
<el-tab-pane label="审批信息" name="approvalInformation">
<approval-information ref="approvalTable" v-model:data-list="approvalList" :height="320"></approval-information>
</el-tab-pane>
</el-tabs>
<!-- chooseList模态框 -->
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
<!-- 客户地址 -->
<el-dialog title="联系地址清单" :close-on-click-modal="false" v-drag :visible.sync="addressModelFlag" width="520px">
<el-table
:height="300"
:data="addressList"
@row-dblclick="getAddressData"
border
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnAddressList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
</el-table>
<el-footer style="height:40px;margin-top: 20px;text-align:center">
<el-button type="primary" @click="addressModelFlag=false">关闭</el-button>
</el-footer>
</el-dialog>
<!-- 联系人 -->
<el-dialog title="收货人清单" :close-on-click-modal="false" v-drag :visible.sync="contactModelFlag" width="520px">
<el-table
:height="300"
:data="contactList"
@row-dblclick="getContactData"
border
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnContactList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
</el-table>
<el-footer style="height:40px;margin-top: 20px;text-align:center">
<el-button type="primary" @click="contactModelFlag=false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="人员选择" @open="openDelegateAccess" @close="closeDelegateAccess" v-drag
:visible.sync="delegateAccessVisible" width="40vw">
<el-form :inline="true" label-position="top" :model="proofingDelegateAccess">
<el-form-item label="编码">
<el-input v-model="proofingDelegateAccess.delegateAccess" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="名称">
<el-input v-model="proofingDelegateAccess.delegateAccessName" clearable style="width: 120px"></el-input>
</el-form-item>
<el-form-item label=" ">
<el-button type="primary" @click="searchDelegateAccessByUser()">查询</el-button>
</el-form-item>
</el-form>
<el-table v-if="delegateAccessVisible"
:height="300"
:data="baseDelegateAccessList"
@selection-change="handleSelectionChange"
@row-click="(row,column, event)=>handleTableClick(row,column, event,'delegateAccesstTable')"
ref="delegateAccesstTable"
border row-key="delegateAccess"
style="width: 100%;">
<el-table-column
type="selection"
header-align="center"
align="center"
:reserve-selection="true"
width="50">
</el-table-column>
<el-table-column label="编码" property="delegateAccess" align="left" header-align="center"/>
<el-table-column label="名称" property="delegateAccessName" align="left" header-align="center"/>
</el-table>
<el-footer style="height:40px;margin-top: 20px;text-align:center">
<el-button type="primary" @click="confirmDelegateAccess">确定</el-button>
<el-button type="primary" @click="delegateAccessVisible=false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="驳回" top="30vh" :close-on-click-modal="false" v-drag :visible.sync="rejectVisible" width="500px">
<el-form label-position="top">
<el-form-item label="驳回意见" class="auto">
<el-input type="textarea" v-model="rejectOpinion" :rows="3"></el-input>
</el-form-item>
</el-form>
<el-footer style="text-align:center;height: 30px;line-height: 30px;">
<el-button type="primary" @click="rejectSubmit">确定</el-button>
<el-button type="primary" @click="rejectVisible = false">取消</el-button>
</el-footer>
</el-dialog>
<!-- 上传文件的modal -->
<proofingUploadFile ref="proofingUploadFile" @refreshPageTables="getFileContentData()" v-drag></proofingUploadFile>
<filter-search :visible.sync="filterVisible" @search="searchByAnyField"></filter-search>
</div>
</template>
<script>
import {
proofingInformationSearch, // 打样信息列表查询
proofingInformationSave, // 打样信息新增
proofingInformationEdit, // 打样信息编辑
proofingInformationDelete, // 打样信息删除
getFileContentList, // 获取打样单附件列表
proofingResultSearch, // 获取打样结果对象
deleteProofingFile, // 文件删除
saveProofingResult, // 保存打样结果
saveSubmitResult, // 保存送样结果
saveCustomerResponse, // 保存客户回复
getProjectPartList, // 获取产品列表
getProjectInformation, // 获取项目信息
getCustomerInformation, // 获取客户信息
} from '@/api/proofing/proofingInformation.js'
import {
downLoadQuotationFile, // 文件下载
searchProjectInfoList,
} from '@/api/quotation/quotationInformation.js'
import {
customerAddressSearch, // 客户联系地址列表查询
} from '@/api/customer/customerAddress.js'
import {
customerContactSearch, // 客户联系人列表查询
} from '@/api/customer/customerContact.js'
import {
getNodeList
} from "@/api/sampleManagement/technicalSpecificationList.js"
import Chooselist from '@/views/modules/common/Chooselist'
import proofingUploadFile from "./proofing_upload_file"
import DictDataSelect from "../sys/dict-data-select.vue";
import {
proofingInformationEditStatus, proofingInformationSearchAny, queryBuList,
searchDelegateAccess,
searchDelegateAccessByUser, submitChange
} from "../../../api/proofing/proofingInformation";
import {getNodeAuthority, getApprovalList, checkSuperAdmin} from "../../../api/changeManagement/changeManagement";
import ProjectInfo from "../quotation/sellForQuotation/projectInfo.vue";
import profingFile from "./profingFile"
import proofingAttribute from "../demoComponents/orderProperties"
import ApprovalInformation from "../changeManagement/approvalInformation.vue";
import {queryCustomer} from "../../../api/customer/customerInformation";
import {queryProjectByCustomer} from "../../../api/project/project";
import OssComponents from "../oss/ossComponents.vue";
import BuSelect from "../base/BuSelect.vue";
import CustomerInfo from "../quotation/sellForQuotation/customerInfo.vue";
import FilterSearch from "../../common/filterSearch.vue";
import {testInformationSearchAny} from "../../../api/test/testInformation";
import PriceCheckProperties from "../quotation/priceCheckProperties.vue";
import {partInformationSearch, queryPartUnitCostList} from "../../../api/part/partInformation";
export default {
components: {
PriceCheckProperties,
FilterSearch,
CustomerInfo,
BuSelect,
OssComponents,
ApprovalInformation,
ProjectInfo
, DictDataSelect
, Chooselist
, proofingUploadFile
, profingFile
, proofingAttribute
},
watch: {
searchData: {
deep: true,
handler: function (newV, oldV) {
this.searchData.customerNo = this.searchData.customerNo.toUpperCase()
this.searchData.projectId = this.searchData.projectId.toUpperCase()
}
},
'modalData.proofingNo'(newV, oldV) {
if (newV) {
this.modalData.proofingNo = newV.toUpperCase()
}
},
'modalData.customerNo'(newV, oldV) {
if (newV) {
this.modalData.customerNo = newV.toUpperCase()
}
if (oldV) {
if (!newV) {
this.modalData.customerDesc = ''
}
this.modalData.projectId = ''
this.modalData.consignee = ''
this.modalData.consigneeContact = ''
this.modalData.sendSamplesAddress = ''
this.modalData.sendSamplesUsage = ''
}
},
'modalData.projectId'(newV, oldV) {
if (newV) {
this.modalData.projectId = newV.toUpperCase()
}
if (oldV) {
if (!newV) {
this.modalData.projectName = ''
}
this.modalData.testPartNo = ''
this.modalData.partName = ''
this.projectPartListSelections = [];
this.projectPartList = [];
this.$refs.projectPartTable.clearSelection();
}
},
rejectVisible(newVal, oldVal) {
if (newVal === false) {
this.rejectOpinion = ''
}
},
"searchData.proofingNo"(newVal, oldVal) {
this.searchData.proofingNo = newVal.toUpperCase()
},
'modalFlag'(newVal, oldVal){
if (newVal === false){
this.detailVisible = false
this.projectPartData.finalPartNo = ''
this.projectPartData.customerPartNo = ''
this.no = 1
this.size = 20
this.total = 0
this.projectPartList = []
this.projectPartListSelections = []
}
},
'modalData.tracker'(newVal,oldVal){
if (!newVal){
this.modalData.trackerName = ''
}
},
'modalData.engineer'(newVal,oldVal){
if (!newVal){
this.modalData.engineerName = ''
}
},
'modalData.approver'(newVal,oldVal){
if (!newVal){
this.modalData.approverName = ''
}
},
},
computed: {
delegateAccessName: {
get() {
return this.selectionDelegateAccess.map(item => item.delegateAccessName).join(';')
},
set(val) {
}
},
columnFlagByHeader() {
return (value) => {
if (this.modalData.flag === '1') {
return false
}
if (!this.columnFieldList1) {
return true
}
let arr = this.columnFieldList1.filter(a => a.fieldId === value)
if (arr.length > 0) {
return arr[0].updateFlag === 'N'
}
return true
}
},
columnFlagByDelegateAccess() {
return (value) => {
if (this.modalData.flag === '1') {
return false
}
if (!this.columnFieldList2) {
return true
}
let arr = this.columnFieldList2.filter(a => a.fieldId === value)
if (arr.length > 0) {
return arr[0].updateFlag === 'N'
}
return true
}
},
},
data() {
return {
approvalList: [],
selectionDelegateAccess: [],
selectionDelegateAccess2: [],
delegateAccessVisible: false,
baseDelegateAccessList: [],
proofingDelegateAccess: {
delegateAccess: '',
delegateAccessName: '',
},
activeName: 'part',
// 导出
exportData: [],
exportName: '设备分类' + this.dayjs().format('YYYYMMDDHHmmss'),
exportHeader: ['设备分类'],
exportFooter: [],
resultList: [],
// ======== 行高 ========
height: 300,
secondHeight: 200,
// ======== 分页 ========
pageIndex: 1,
pageSize: 50,
totalPage: 0,
selectedDataNum: 0,
// 条件查询
searchData: {
site: this.$store.state.user.site,
customerNo: '',
customerDesc: '',
trackerName: '',
testPartNo: '',
partName: '',
proofingStatus: '',
proofingResultStatus: '',
startDate: '',
endDate: '',
projectId: '',
projectName: '',
engineerName: '',
approverName: '',
priorityLevel: '',
proofingNo: '',
customerPartNo: '',
finalPartNo: '',
page: 1,
limit: 10,
menuId: this.$route.meta.menuId,
buNo: '',
nodeId: '',
approvalUsername: ''
},
// 其它
dataListLoading: false,
// 初始页签
activeTable: 'attribute',
// ======== 数据对象 ========
modalData: {
flag: '1',
title: '打样新增',
site: this.$store.state.user.site,
proofingNo: '',
customerNo: '',
customerDesc: '',
projectId: '',
projectName: '',
tracker: '',
trackerName: '',
testPartNo: '',
partName: '',
engineer: '',
engineerName: '',
approver: '',
approverName: '',
priorityLevel: '',
proofingNumber: 1,
requiredDeliveryDate: '',
remark: '',
technicalConsiderations: '',
isNeedToSendSamples: '',
sendSamplesAddress: '',
consignee: '',
consigneeContact: '',
actualityDeliveryDate: '',
proofingResultInformation: '',
actualitySendSamplesDate: '',
sendSamplesMethod: '',
deliverGoodsInformation: '',
deliverGoodsRemark: '',
actualityReplyDate: '',
confirmResults: '',
confirmBy: '',
confirmInformation: '',
proofingStatus: '草稿',
proofingResultStatus: 'B',
nextToDo: '',
createDate: '',
createBy: '',
updateDate: '',
updateBy: '',
nodeConclusion: '',
stepId: '',
rejectFlag: '',
rejectStepId: '',
isReject: '',
nodeId: '',
proofingAmount: undefined,
sendSamplesUsage: ''
},
proofingDetailData: {
technicalConsiderations: '',
isNeedToSendSamples: '',
sendSamplesAddress: '',
consignee: '',
consigneeContact: '',
sendSamplesUsage: ''
},
proofingResultData: {
proofingResultStatus: '',
actualityDeliveryDate: '',
isNeedToSendSamples: '',
proofingResultInformation: '',
actualitySendSamplesDate: '',
sendSamplesMethod: '',
deliverGoodsInformation: '',
deliverGoodsRemark: '',
confirmResults: '',
actualityReplyDate: '',
confirmBy: '',
confirmInformation: ''
},
enterResultData: {
site: this.$store.state.user.site,
proofingNo: '',
actualityDeliveryDate: '',
proofingResultInformation: '',
updateBy: this.$store.state.user.name,
proofingResultStatus: '',
fileContentList: []
},
submitResultData: {
site: this.$store.state.user.site,
proofingNo: '',
actualitySendSamplesDate: '',
sendSamplesMethod: '',
deliverGoodsInformation: '',
deliverGoodsRemark: '',
updateBy: this.$store.state.user.name,
proofingResultStatus: ''
},
customerResponseData: {
site: this.$store.state.user.site,
proofingNo: '',
actualityReplyDate: '',
confirmResults: '',
confirmBy: '',
confirmInformation: '',
updateBy: this.$store.state.user.name,
proofingResultStatus: ''
},
projectPartData: {
site: this.$store.state.user.site,
testPartNo: '',
finalPartNo: '',
customerPartNo: '',
partName: ''
},
projectInformationData: {
projectId: '',
projectName: '',
projectType: '',
projectSourceDesc: '',
priorityDesc: '',
status: '',
projectDesc: '',
projectManagerName: '',
projectOwnerName: '',
userRoleName: '',
remark: ''
},
customerInformationData: {
customerNo: '',
customerDesc: '',
importantCustomer: '',
customerCurrency: '',
turnoverOfYear: '',
potentialRevenueOfYear: '',
customerStatus: '',
customerIndustry: '',
companyName: '',
jobDescription: '',
customerDescription: '',
contactName: '',
contactPhoneNumber1: '',
position: '',
addressName: '',
addressType: '',
createDate: '',
createBy: '',
updateDate: '',
updateBy: ''
},
// ======== 数据列表 ========
dataList: [],
fileContentList: [],
projectPartList: [],
addressList: [],
contactList: [],
nodeOptions: [],
// ======== 列表表头 ========
columnList: [
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1BuDesc',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'buDesc',
headerAlign: 'center',
align: 'center',
columnLabel: 'BU',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1ProofingNo',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'proofingNo',
headerAlign: 'center',
align: 'center',
columnLabel: '打样单号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1CustomerNo',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'customerNo',
headerAlign: 'center',
align: 'center',
columnLabel: '客户编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1CustomerDesc',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'customerDesc',
headerAlign: 'center',
align: 'left',
columnLabel: '客户名称',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1ProjectId',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'projectId',
headerAlign: 'center',
align: 'center',
columnLabel: '项目号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 110
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1ProjectName',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'projectName',
headerAlign: 'center',
align: 'left',
columnLabel: '项目名称',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1TestPartNo',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'testPartNo',
headerAlign: 'center',
align: 'left',
columnLabel: 'PLM物料编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 150
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1FinalPartNo',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'finalPartNo',
headerAlign: 'center',
align: 'left',
columnLabel: 'IFS物料编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 140
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1PartName',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'partName',
headerAlign: 'center',
align: 'left',
columnLabel: '物料名称',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 180
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1PartName',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'oriCodeNo',
headerAlign: 'center',
align: 'left',
columnLabel: '参数卡编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 180
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1PartName',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'stage',
headerAlign: 'center',
align: 'left',
columnLabel: 'Production Stage',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 180
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1CustomerPartNo',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'customerPartNo',
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: 103001,
serialNumber: '103001Table1TrackerName',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'trackerName',
headerAlign: 'center',
align: 'center',
columnLabel: 'CS',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1EngineerName',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'engineerName',
headerAlign: 'center',
align: 'center',
columnLabel: 'NPI工程师',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1EngineerName',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'approverName',
headerAlign: 'center',
align: 'center',
columnLabel: 'Approver',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1PriorityLevel',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'priorityLevel',
headerAlign: 'center',
align: 'center',
columnLabel: '优先等级',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1ProofingNumber',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'proofingNumber',
headerAlign: 'center',
align: 'right',
columnLabel: '打样数量',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1RequiredDeliveryDate',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'requiredDeliveryDate',
headerAlign: 'center',
align: 'center',
columnLabel: '要求交付日期',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 160
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1ProofingStatus',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'proofingStatus',
headerAlign: 'center',
align: 'left',
columnLabel: '状态',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1NodeName',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'nodeName',
headerAlign: 'center',
align: 'left',
columnLabel: '当前节点',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 150
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1ApprovalUsername',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'approvalUsername',
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: 103001,
serialNumber: '103001Table1CreateDate',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'createDate',
headerAlign: 'center',
align: 'center',
columnLabel: '创建时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 160
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1CreateBy',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'createBy',
headerAlign: 'center',
align: 'center',
columnLabel: '创建人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1UpdateDate',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'updateDate',
headerAlign: 'center',
align: 'center',
columnLabel: '更新时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 160
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table1UpdateBy',
tableId: '103001Table1',
tableName: '打样信息表',
columnProp: 'updateBy',
headerAlign: 'center',
align: 'center',
columnLabel: '更新人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
}
],
fileColumnList: [
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table2FileName',
tableId: '103001Table2',
tableName: '文件信息表',
columnProp: 'fileName',
headerAlign: 'center',
align: 'center',
columnLabel: '文件名称',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 140
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table2FileRemark',
tableId: '103001Table2',
tableName: '文件信息表',
columnProp: 'fileRemark',
headerAlign: 'center',
align: 'center',
columnLabel: '备注',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 240
},
// {
// userId: this.$store.state.user.name,
// functionId: 103001,
// serialNumber: '103001Table2OrderRef3',
// tableId: '103001Table2',
// tableName: '文件信息表',
// columnProp: 'orderRef3',
// headerAlign: 'center',
// align: 'center',
// columnLabel: '文件描述',
// columnHidden: false,
// columnImage: false,
// columnSortable: false,
// sortLv: 0,
// status: true,
// fixed: '',
// columnWidth: 120
// },
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table2CreateDate',
tableId: '103001Table2',
tableName: '文件信息表',
columnProp: 'createDate',
headerAlign: 'center',
align: 'center',
columnLabel: '上传时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 140
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table2CreatedBy',
tableId: '103001Table2',
tableName: '文件信息表',
columnProp: 'createdBy',
headerAlign: 'center',
align: 'center',
columnLabel: '上传人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 140
}
],
projectPartDetailList: [
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '103001Table4TestPartNo',
tableId: '103001Table4',
tableName: '项目物料表',
columnProp: 'testPartNo',
headerAlign: 'center',
align: 'left',
columnLabel: 'PLM物料编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 150
},
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '103001Table4FinalPartNo',
tableId: '103001Table4',
tableName: '项目物料表',
columnProp: 'finalPartNo',
headerAlign: 'center',
align: 'left',
columnLabel: 'IFS物料编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '103001Table4PartDesc',
tableId: '103001Table4',
tableName: '项目物料表',
columnProp: 'partDesc',
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: 102001,
serialNumber: '103001Table4CustomerPartNo',
tableId: '103001Table4',
tableName: '项目物料表',
columnProp: 'customerPartNo',
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: 102001,
serialNumber: '103001Table4PartSpec',
tableId: '103001Table4',
tableName: '项目物料表',
columnProp: 'partSpec',
headerAlign: 'center',
align: 'center',
columnLabel: '产品规格',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
}, {
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '103001Table4PartTypeDesc',
tableId: '103001Table4',
tableName: '项目物料表',
columnProp: 'partTypeDesc',
headerAlign: 'center',
align: 'center',
columnLabel: '产品类型',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '103001Table4Type',
tableId: '103001Table4',
tableName: '项目物料表',
columnProp: 'type',
headerAlign: 'center',
align: 'center',
columnLabel: '制造类型',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 102001,
serialNumber: '103001Table4UmId',
tableId: '103001Table4',
tableName: '项目物料表',
columnProp: 'umId',
headerAlign: 'center',
align: 'center',
columnLabel: '单位',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
],
columnAddressList: [
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table4AddressName',
tableId: '103001Table4',
tableName: '联系地址表',
columnProp: 'addressName',
headerAlign: 'center',
align: 'center',
columnLabel: '联系地址',
columnHidden: false,
columnImage: false,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table4ContactStatus',
tableId: '103001Table4',
tableName: '联系地址表',
columnProp: 'addressStatus',
headerAlign: 'center',
align: 'center',
columnLabel: '地址状态',
columnHidden: false,
columnImage: false,
status: true,
fixed: '',
},
],
columnContactList: [
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table5ContactName',
tableId: '103001Table5',
tableName: '客户联系人表',
columnProp: 'contactName',
headerAlign: 'center',
align: 'center',
columnLabel: '客户负责人',
columnHidden: false,
columnImage: false,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table5ContactPhoneNumber1',
tableId: '103001Table5',
tableName: '客户联系人表',
columnProp: 'contactPhoneNumber1',
headerAlign: 'center',
align: 'center',
columnLabel: '联系方式',
columnHidden: false,
columnImage: false,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table5PrimaryContact',
tableId: '103001Table5',
tableName: '客户联系人表',
columnProp: 'primaryContact',
headerAlign: 'center',
align: 'center',
columnLabel: '默认联系人',
columnHidden: false,
columnImage: false,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 103001,
serialNumber: '103001Table5ContactStatus',
tableId: '103001Table5',
tableName: '客户联系人表',
columnProp: 'contactStatus',
headerAlign: 'center',
align: 'center',
columnLabel: '人员状态',
columnHidden: false,
columnImage: false,
status: true,
fixed: '',
},
],
// ======== 必填规则 ========
rules: {
customerNo: [
{
required: true,
message: '客户编码不能为空',
trigger: ['change', 'blur']
}
],
trackerName: [
{
required: true,
message: 'CS不能为空',
trigger: ['change', 'blur']
}
],
proofingNumber: [
{
required: true,
message: '打印数量不能为空',
trigger: ['change', 'blur']
}
],
projectId: [
{
required: true,
message: '项目编码不能为空',
trigger: ['change', 'blur']
}
],
engineerName: [
{
required: true,
message: 'NPI工程师不能为空',
trigger: ['change', 'blur']
}
],
priorityLevel: [
{
required: true,
message: '优先等级不能为空',
trigger: ['change', 'blur']
}
],
requiredDeliveryDate: [
{
required: true,
message: '要求交付日期不能为空',
trigger: ['change', 'blur']
}
],
sendSamplesUsage: [
{
required: true,
message: '要求样品用途不能为空',
trigger: ['change', 'blur']
}
]
},
enterResultRules: {
actualityDeliveryDate: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
proofingResultInformation: [
{
required: true,
message: ' ',
trigger: 'change'
}
]
},
submitResultRules: {
actualitySendSamplesDate: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
sendSamplesMethod: [
{
required: true,
message: ' ',
trigger: 'change'
}
]
},
customerResponseRules: {
actualityReplyDate: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
confirmResults: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
confirmBy: [
{
required: true,
message: ' ',
trigger: 'change'
}
]
},
// ======== 复选数据集 ========
proofingSelections: [],
projectPartListSelections: [],
// ======== 选中的当前行数据 ========
proofingCurrentRow: {},
// ======== 模态框开关控制 ========
filterVisible: false,
isFilterSearch: false,
filterSearchData: {},
modalFlag: false,
modalDisableFlag: false,
enterResultModalFlag: false,
submitResultModalFlag: false,
customerResponseModalFlag: false,
// 选择项目弹框开关
chooseProjectListFlag: false,
//项目搜索条件
searchProjectData: {
site: this.$store.state.user.site,
projectId: undefined,
projectName: undefined,
customerId: undefined,
},
// 项目集合
projectList: [],
addressModelFlag: false,
contactModelFlag: false,
columnFieldList1: [],
columnFieldList2: [],
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
}
],
rejectVisible: false,
rejectOpinion: '',
detailVisible: false,
no: 1,
size: 20,
total: 0,
queryLoading: false,
superAdmin: false,
}
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight / 2 - 50;
/*第二个表格高度的动态调整*/
this.secondHeight = window.innerHeight / 2 - 206;
})
this.fetchNodeOptions()
},
created() {
this.handleRouteQuery()
this.checkSuperAdmin()
},
activated() {
this.handleRouteQuery()
},
methods: {
fetchNodeOptions() {
getNodeList(this.searchData).then(({ data }) => {
if (data && data.code === 0) {
this.nodeOptions = data.rows.map(item => ({
id: item.nodeId,
name: item.nodeName
}));
} else {
this.$message.error('获取节点列表失败');
}
}).catch(error => {
this.$message.error('请求失败：' + error);
});
},
// 校验是否为超级管理员
checkSuperAdmin () {
checkSuperAdmin().then(({data}) => {
this.superAdmin = data.superAdmin
})
},
handleRouteQuery() {
if (this.$route.params.type === 'tokenLogin') {
let params = {
site: this.$route.params.site,
proofingNo: this.$route.params.docNo,
limit: this.pageSize,
createBy: this.$store.state.user.name,
page: 1,
menuId: this.$route.meta.menuId,
}
this.dataListLoading = true
proofingInformationSearch(params).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.page.list
this.totalPage = data.page.totalCount
this.$refs.selectDiv.setLengthAll(this.dataList.length)
// 判断是否全部存在数据
if (this.totalPage > 0) {
//设置选中行
this.$refs.proofingTable.setCurrentRow(this.dataList[0])
//加载当前的页签的table
this.refreshCurrentTabTable()
this.proofingClickRow(this.dataList[0])
this.updateModal(this.dataList[0])
} else {
//设置选中行
this.$refs.proofingTable.setCurrentRow({})
// 加载当前的页签的table
this.refreshCurrentTabTable()
this.testClickRow({})
}
}
this.dataListLoading = false
})
} else if (this.$route.params.proofingNo) {
this.searchData.proofingNo = this.$route.params.proofingNo
this.getDataList();
setTimeout(() => {
this.searchData.proofingNo = ''
}, 200)
} else {
this.getDataList();
}
},
// ======== 分页相关方法 ========
/**
* 每页数
* @param val
*/
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
if ( this.isFilterSearch === false){
this.getDataList()
} else {
this.searchByAnyField(this.filterSearchData)
}
},
/**
* 当前页
* @param val
*/
currentChangeHandle(val) {
this.pageIndex = val
if ( this.isFilterSearch === false){
this.getDataList()
} else {
this.searchByAnyField(this.filterSearchData)
}
},
// ======== 复选框操作相关方法 ========
/**
* 选中一行
* @param row
*/
projectPartClickRow(row) {
if (this.modalData.flag === '1') {
this.$refs.projectPartTable.toggleRowSelection(row);
this.confirmProjectPart();
}
},
/**
* 多选
* @param val
*/
selectionProjectPart(val) {
this.projectPartListSelections = val
},
/**
* 获取唯一值，一般都为 id
* @param row
* @returns {*}
*/
getRowKeys(row) {
return row.testPartNo;
},
/**
* 未知
* @returns {boolean}
*/
selectFlag() {
return true;
},
// ======== 页签切换相关方法 ========
/**
* 列表表格选择替换
* @param tab
* @param event
*/
tabClick(tab, event) {
// 刷新列表数据
this.refreshCurrentTabTable()
},
/**
* 当前值发生变化的时候修改
* @param row
* @param oldRow
*/
changeCurrentRow(row, oldRow) {
// 判断是否是获取焦点的事件
if (row) {
this.proofingCurrentRow = JSON.parse(JSON.stringify(row))
//刷新当前页表
this.refreshCurrentTabTable()
}
},
/**
* 刷新页签的table数据
*/
refreshCurrentTabTable() {
if (this.activeTable === 'proofing_result') {
this.getProofingResult()
} else if (this.activeTable === 'project_information') {
this.getProjectInformation()
} else if (this.activeTable === 'customer_information') {
this.getCustomerInformation()
}
// else if (this.activeTable === 'proofing_file') {
// this.getProofingFile()
// }
},
// getProofingFile(){
//
// },
// ======== 列表数据刷新方法 ========
/**
* 获取数据列表
*/
getDataList() {
if (localStorage.getItem('proofingData') !== undefined) {
let data = JSON.parse(localStorage.getItem('proofingData'));
if (data) {
this.searchData.proofingNo = data.proofingNo
}
localStorage.removeItem('proofingData');
}
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
let params = {
...this.searchData,
createBy: this.$store.state.user.name,
}
proofingInformationSearch(params).then(({data}) => {
if (data.code === 0) {
this.dataList = data.page.list
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
this.$refs.selectDiv.setLengthAll(this.dataList.length)
// 判断是否全部存在数据
if (this.totalPage > 0) {
//设置选中行
this.$refs.proofingTable.setCurrentRow(this.dataList[0])
//加载当前的页签的table
this.refreshCurrentTabTable()
this.proofingClickRow(this.dataList[0])
} else {
//设置选中行
this.$refs.proofingTable.setCurrentRow({})
// 加载当前的页签的table
this.refreshCurrentTabTable()
this.testClickRow({})
}
}
this.isFilterSearch = false
this.dataListLoading = false
})
},
/**
* 获取打样结果列表
*/
getProofingResult() {
let tempData = {
site: this.$store.state.user.site,
proofingNo: this.proofingCurrentRow.proofingNo
}
// 打样结果对象
proofingResultSearch(tempData).then(({data}) => {
if (data && data.code === 0) {
this.proofingResultData = data.rows[0]
} else {
this.proofingResultData = {}
}
})
// 附件列表
this.getFileContentData()
},
/**
* 获取项目信息
*/
getProjectInformation() {
let tempData = {
site: this.$store.state.user.site,
projectId: this.proofingCurrentRow.projectId
}
// 报价结果对象
getProjectInformation(tempData).then(({data}) => {
if (data && data.code === 0) {
this.projectInformationData = data.rows[0]
} else {
this.projectInformationData = {}
}
})
},
/**
* 获取客户信息
*/
getCustomerInformation() {
let tempData = {
site: this.$store.state.user.site,
customerNo: this.proofingCurrentRow.customerNo
}
// 报价结果对象
getCustomerInformation(tempData).then(({data}) => {
if (data && data.code === 0) {
this.customerInformationData = data.rows[0]
} else {
this.customerInformationData = {}
}
})
},
// ======== 新增/编辑模态框 ========
/**
* 报价信息新增模态框
*/
addModal() {
this.searchDelegateAccessByUser();
this.modalData.createBy = this.$store.state.user.name
this.modalDisableFlag = false
this.modalFlag = true
},
/**
* 报价信息编辑模态框
* @param row
*/
async updateModal(row) {
await this.getNodeAuthority(row)
this.modalData = {
flag: '2',
title: '打样编辑-' + row.proofingNo,
site: row.site,
proofingNo: row.proofingNo,
customerNo: row.customerNo,
customerDesc: row.customerDesc,
projectId: row.projectId,
projectName: row.projectName,
tracker: row.tracker,
trackerName: row.trackerName,
testPartNo: row.testPartNo,
partName: row.partName,
engineer: row.engineer,
engineerName: row.engineerName,
approver: row.approver,
approverName: row.approverName,
priorityLevel: row.priorityLevel,
proofingNumber: row.proofingNumber,
requiredDeliveryDate: row.requiredDeliveryDate,
remark: row.remark,
technicalConsiderations: row.technicalConsiderations,
isNeedToSendSamples: row.isNeedToSendSamples,
sendSamplesAddress: row.sendSamplesAddress,
consignee: row.consignee,
consigneeContact: row.consigneeContact,
actualityDeliveryDate: row.actualityDeliveryDate,
proofingResultInformation: row.proofingResultInformation,
actualitySendSamplesDate: row.actualitySendSamplesDate,
sendSamplesMethod: row.sendSamplesMethod,
deliverGoodsInformation: row.deliverGoodsInformation,
deliverGoodsRemark: row.deliverGoodsRemark,
actualityReplyDate: row.actualityReplyDate,
confirmResults: row.confirmResults,
confirmBy: row.confirmBy,
confirmInformation: row.confirmInformation,
proofingStatus: row.proofingStatus,
proofingResultStatus: row.proofingResultStatus,
nextToDo: row.nextToDo,
updateBy: this.$store.state.user.name,
nodeConclusion: '',
stepId: row.stepId,
rejectFlag: row.rejectFlag,
rejectStepId: row.rejectStepId,
isReject: row.isReject,
nodeId: row.nodeId,
approvalUsername: row.approvalUsername,
proofingAmount: row.proofingAmount,
sendSamplesUsage: row.sendSamplesUsage
}
this.searchDelegateAccessByUser();
this.modalDisableFlag = true
this.modalFlag = true
},
async getDetailData(row) {
this.detailVisible = true
await this.getNodeAuthority(row)
this.modalData = {
flag: '2',
title: '打样编辑-' + row.proofingNo,
site: row.site,
proofingNo: row.proofingNo,
customerNo: row.customerNo,
customerDesc: row.customerDesc,
projectId: row.projectId,
projectName: row.projectName,
tracker: row.tracker,
trackerName: row.trackerName,
testPartNo: row.testPartNo,
partName: row.partName,
engineer: row.engineer,
engineerName: row.engineerName,
approver: row.approver,
approverName: row.approverName,
priorityLevel: row.priorityLevel,
proofingNumber: row.proofingNumber,
requiredDeliveryDate: row.requiredDeliveryDate,
remark: row.remark,
technicalConsiderations: row.technicalConsiderations,
isNeedToSendSamples: row.isNeedToSendSamples,
sendSamplesAddress: row.sendSamplesAddress,
consignee: row.consignee,
consigneeContact: row.consigneeContact,
actualityDeliveryDate: row.actualityDeliveryDate,
proofingResultInformation: row.proofingResultInformation,
actualitySendSamplesDate: row.actualitySendSamplesDate,
sendSamplesMethod: row.sendSamplesMethod,
deliverGoodsInformation: row.deliverGoodsInformation,
deliverGoodsRemark: row.deliverGoodsRemark,
actualityReplyDate: row.actualityReplyDate,
confirmResults: row.confirmResults,
confirmBy: row.confirmBy,
confirmInformation: row.confirmInformation,
proofingStatus: row.proofingStatus,
proofingResultStatus: row.proofingResultStatus,
nextToDo: row.nextToDo,
updateBy: this.$store.state.user.name,
nodeConclusion: '',
stepId: row.stepId,
rejectFlag: row.rejectFlag,
rejectStepId: row.rejectStepId,
isReject: row.isReject,
nodeId: row.nodeId,
sendSamplesUsage: row.sendSamplesUsage
}
this.searchDelegateAccessByUser();
this.modalDisableFlag = true
this.modalFlag = true
},
// ======== 新增/编辑/删除方法 ========
/**
* 获取项目物料列表
*/
openModalDialog() {
if (this.modalData.proofingNo) {
this.searchDelegateAccess();
}
if (this.modalData.flag !== '1'){
this.projectPartData.testPartNo = this.modalData.testPartNo;
} else {
this.projectPartData.testPartNo = '';
}
this.getProjectPartList();
},
getProjectPartList() {
if (!this.modalData.projectId) {
this.projectPartList = [];
return
}
// 先清空缓存选中
this.$nextTick(() => this.$refs.projectPartTable.clearSelection())
// 拿到选中的产品编号
let projectPartList = this.modalData.testPartNo.split(';')
this.projectPartData.projectId = this.modalData.projectId;
// 查询所有项目物料
let params = {
...this.projectPartData,
no:this.no,
size:this.size,
}
this.queryLoading = true
getProjectPartList(params).then(({data}) => {
if (data && data.code === 0) {
this.projectPartList = data.rows
this.total = data.total
this.projectPartList.forEach(val => {
// 回显选中的项目物料
if (projectPartList.includes(val.testPartNo)) {
this.$nextTick(() => this.$refs.projectPartTable.toggleRowSelection(val, true))
}
})
// this.projectPartModelFlag = true
} else {
this.$message.warning(data.msg)
}
this.queryLoading = false
}).catch(error => {
this.queryLoading = false
this.$message.error(error)
})
},
/**
* 确认多选项目物料
*/
confirmProjectPart() {
this.modalData.testPartNo = ''
this.modalData.partName = ''
for (let i = 0; i < this.projectPartListSelections.length; i++) {
this.modalData.testPartNo = this.modalData.testPartNo + ";" + this.projectPartListSelections[i].testPartNo
this.modalData.partName = this.modalData.partName + ";" + this.projectPartListSelections[i].partName
}
this.modalData.testPartNo = this.modalData.testPartNo.substring(1)
this.modalData.partName = this.modalData.partName.substring(1)
this.projectPartModelFlag = false
},
/**
* 客户信息新增/编辑
*/
saveData() {
this.$refs.modalForm.validate((valid, obj) => {
if (!valid) {
let i = 1;
for (let key in obj) {
this.$message.error(obj[key][0].message);
if (i === 1){
return
}
i++;
}
} else {
if (this.projectPartListSelections.length <= 0) {
this.$message.warning('请选择项目料号')
return
}
this.confirmProjectPart();
// 将选中的 人员信息添加到请求
this.modalData.delegateAccessList = this.selectionDelegateAccess
if (this.modalData.flag === '1') {
this.saveProofing()
} else {
this.updateProofing()
}
}
})
},
updateProofing() {
proofingInformationEdit(this.modalData).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.modalFlag = false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
},
saveProofing() {
proofingInformationSave(this.modalData).then(({data}) => {
if (data && data.code === 0) {
this.searchData.proofingNo = data.proofingNo
this.getDataList()
this.modalFlag = false
this.$message.success('操作成功')
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
},
/**
* 验证必填项
*/
validateDataValue() {
if (this.modalData.customerNo === '' || this.modalData.customerNo == null) {
this.$message.warning('请选择客户编码！')
return
}
if (this.modalData.customerDesc === '' || this.modalData.customerDesc == null) {
this.$message.warning('请选择客户名称！')
return
}
if (this.modalData.tracker === '' || this.modalData.tracker == null) {
this.$message.warning('请选择CS编码！')
return
}
if (this.modalData.trackerName === '' || this.modalData.trackerName == null) {
this.$message.warning('请选择CS名称！')
return
}
if (this.modalData.projectId === '' || this.modalData.projectId == null) {
this.$message.warning('请选择项目编码！')
return
}
if (this.modalData.projectName === '' || this.modalData.projectName == null) {
this.$message.warning('请选择项目名称！')
return
}
// if (this.modalData.engineer === '' || this.modalData.engineer == null) {
// this.$message.warning('请选择工程师编码！')
// return
// }
// if (this.modalData.engineerName === '' || this.modalData.engineerName == null) {
// this.$message.warning('请选择工程师名称！')
// return
// }
if (!this.modalData.proofingNumber && this.modalData.proofingNumber > 0) {
this.$message.warning('请输入正确的打样数量！')
return
}
// if (this.modalData.priorityLevel === '' || this.modalData.priorityLevel == null) {
// this.$message.warning('请选择优先等级！')
// return
// }
if (!this.modalData.requiredDeliveryDate) {
this.$message.warning('请输入要求交付日期！')
return
}
},
/**
* 打样信息删除
*/
delModal() {
if (this.proofingSelections.length === 0) {
this.$message.warning('请勾选要删除的打样信息！')
return
}
for (let i = 0; i < this.proofingSelections.length; i++) {
let row = this.proofingSelections[i]
if (row.proofingStatus !== '草稿') {
this.$message.warning(row.proofingNo + "不是草稿状态，不能删除！")
return
}
}
this.$confirm(`是否删除这 ` + this.proofingSelections.length + ` 条打样信息?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
let tempData = {
informationList: this.proofingSelections
}
proofingInformationDelete(tempData).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.proofingSelections = []
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}).catch(() => {
})
},
// ======== 列表操作方法 ========
/**
* 单机选中报价信息
* @param row
*/
proofingClickRow(row) {
// this.$refs.proofingTable.toggleRowSelection(row)
this.proofingCurrentRow = JSON.parse(JSON.stringify(row))
this.proofingDetailData = JSON.parse(JSON.stringify(row))
this.getApprovalList()
},
/**
* 复选报价信息
* @param val
*/
selectionProofing(val) {
this.proofingSelections = val
this.$refs.selectDiv.setLengthselected(this.proofingSelections.length)
},
// ======== 报价结果相关方法 ========
/**
* 封装录入方法
*/
packProofingResultModal() {
// 重置对象
this.enterResultData = {
site: this.$store.state.user.site,
proofingNo: '',
actualityDeliveryDate: new Date(),
proofingResultInformation: '',
proofingResultStatus: 'E',
fileContentList: [],
updateBy: this.$store.state.user.name
}
// 获得选中的打样号
// if (this.proofingSelections.length > 0) {
// this.proofingSelections.forEach(val => {
// this.enterResultData.proofingNo += ';' + val.proofingNo
// })
// this.enterResultData.proofingNo = this.enterResultData.proofingNo.substring(1)
// } else {
// this.enterResultData.proofingNo = this.proofingCurrentRow.proofingNo
// }
this.enterResultData.proofingNo = this.proofingCurrentRow.proofingNo
// // 获得这些打样号的全部附件
// this.getFileContentList()
this.enterResultModalFlag = true
},
/**
* 录入打样结果
*/
proofingResultModal() {
// // 如果有选中打样单
// if (this.proofingSelections != null && this.proofingSelections.length > 0) {
// let tempData = {
// currentStatus: 'C',
// informationList: this.proofingSelections,
// }
// // 检查打样单状态
// checkProofingStatus(tempData).then(({data}) => {
// if (data && data.code === 0) {
// if (data.flag === 1) { // 状态一致
// this.packProofingResultModal()
// } else { // 状态不同
// this.$message.warning('选中的打样单进度有误，请确认！')
// }
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// } else { // 没有选中打样单，则根据当前点击行打样单操作
// this.packProofingResultModal()
// }
this.packProofingResultModal()
},
/**
* 保存打样结果
*/
saveProofingResult() {
if (this.enterResultData.actualityDeliveryDate === '' || this.enterResultData.actualityDeliveryDate == null) {
this.$message.warning('请选择实际交付日期！')
return
}
if (this.enterResultData.proofingResultInformation === '' || this.enterResultData.proofingResultInformation == null) {
this.$message.warning('请填写打样结果信息！')
return
}
// if (this.proofingSelections.length > 1) {
// this.$confirm(`是否录入多条打样结果?`, '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
// saveProofingResult(this.enterResultData).then(({data}) => {
// if (data && data.code === 0) {
// this.getDataList()
// this.enterResultModalFlag = false
// this.$message({
// message: '操作成功',
// type: 'success',
// duration: 1500,
// onClose: () => {}
// })
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// }).catch(() => {
// })
// } else {
saveProofingResult(this.enterResultData).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.enterResultModalFlag = false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
// }
},
/**
* 封装送样方法
*/
packSubmitProofingModal() {
this.submitResultData = {
site: this.$store.state.user.site,
proofingNo: '',
actualitySendSamplesDate: new Date(),
sendSamplesMethod: '',
deliverGoodsInformation: '',
deliverGoodsRemark: '',
proofingResultStatus: 'S',
updateBy: this.$store.state.user.name,
}
// 获得选中的打样号
// if (this.proofingSelections.length > 0) {
// this.proofingSelections.forEach(val => {
// this.submitResultData.quotationNo += ';' + val.quotationNo
// })
// this.submitResultData.quotationNo = this.submitResultData.quotationNo.substring(1)
// } else {
// this.submitResultData.quotationNo = this.proofingCurrentRow.quotationNo
// }
this.submitResultData.proofingNo = this.proofingCurrentRow.proofingNo
this.submitResultModalFlag = true
},
/**
* 提交送样信息
*/
submitProofingModal() {
// // 如果有选中打样单
// if (this.proofingSelections != null && this.proofingSelections.length > 0) {
// let tempData = {
// currentStatus: 'E',
// informationList: this.proofingSelections,
// }
// // 检查打样单状态
// checkProofingStatus(tempData).then(({data}) => {
// if (data && data.code === 0) {
// if (data.flag === 1) { // 状态一致
// this.packSubmitProofingModal()
// } else { // 状态不同
// this.$message.warning('选中的打样单进度有误，请确认！')
// }
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// } else { // 没有选中打样单，则根据当前点击行打样单操作
// this.packSubmitProofingModal()
// }
this.packSubmitProofingModal()
},
/**
* 保存送样结果
*/
saveSubmitResult() {
if (this.submitResultData.actualitySendSamplesDate === '' || this.submitResultData.actualitySendSamplesDate == null) {
this.$message.warning('请选择实际送样日期！')
return
}
if (this.submitResultData.sendSamplesMethod === '' || this.submitResultData.sendSamplesMethod == null) {
this.$message.warning('请选择送样方式！')
return
}
// if (this.proofingSelections.length > 1) {
// this.$confirm(`是否提交多条送样信息?`, '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
// saveSubmitResult(this.submitResultData).then(({data}) => {
// if (data && data.code === 0) {
// this.getDataList()
// this.submitResultModalFlag = false
// this.$message({
// message: '操作成功',
// type: 'success',
// duration: 1500,
// onClose: () => {}
// })
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// }).catch(() => {
// })
// } else {
saveSubmitResult(this.submitResultData).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.submitResultModalFlag = false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
// }
},
/**
* 封装回复方法
*/
packCustomerResponseModal() {
this.customerResponseData = {
site: this.$store.state.user.site,
proofingNo: '',
actualityReplyDate: new Date(),
confirmResults: '接受',
confirmBy: '',
confirmInformation: '',
proofingResultStatus: 'R',
updateBy: this.$store.state.user.name
}
// 获得选中的打样号
// if (this.proofingSelections.length > 0) {
// this.proofingSelections.forEach(val => {
// this.customerResponseData.proofingNo += ';' + val.proofingNo
// })
// this.customerResponseData.proofingNo = this.customerResponseData.proofingNo.substring(1)
// } else {
// this.customerResponseData.proofingNo = this.proofingCurrentRow.proofingNo
// }
this.customerResponseData.proofingNo = this.proofingCurrentRow.proofingNo
this.customerResponseModalFlag = true
},
/**
* 客户回复
*/
customerResponseModal() {
// // 如果有选中打样单
// if (this.proofingSelections != null && this.proofingSelections.length > 0) {
// let tempData = {
// currentStatus: 'S',
// informationList: this.proofingSelections,
// }
// // 检查打样单状态
// checkProofingStatus(tempData).then(({data}) => {
// if (data && data.code === 0) {
// if (data.flag === 1) { // 状态一致
// this.packCustomerResponseModal()
// } else { // 状态不同
// this.$message.warning('选中的打样单进度有误，请确认！')
// }
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// } else { // 没有选中打样单，则根据当前点击行打样单操作
// this.packCustomerResponseModal()
// }
this.packCustomerResponseModal()
},
/**
* 保存客户回复
*/
saveCustomerResponse() {
if (this.customerResponseData.actualityReplyDate === '' || this.customerResponseData.actualityReplyDate == null) {
this.$message.warning('请选择实际回复日期！')
return
}
if (this.customerResponseData.confirmResults === '' || this.customerResponseData.confirmResults == null) {
this.$message.warning('请选择客户确认结果！')
return
}
if (this.customerResponseData.confirmBy === '' || this.customerResponseData.confirmBy == null) {
this.$message.warning('请填写客户确认人！')
return
}
// if (this.proofingSelections.length > 1) {
// this.$confirm(`是否提交多条客户回复?`, '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
// saveCustomerResponse(this.customerResponseData).then(({data}) => {
// if (data && data.code === 0) {
// this.getDataList()
// this.customerResponseModalFlag = false
// this.$message({
// message: '操作成功',
// type: 'success',
// duration: 1500,
// onClose: () => {}
// })
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// }).catch(() => {
// })
// } else {
saveCustomerResponse(this.customerResponseData).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.customerResponseModalFlag = false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
// }
},
// ======== 报价单附件的相关方法 ========
/**
* 获取报价单附件列表
*/
getFileContentData() {
let currentData = {
orderRef1: this.$store.state.user.site,
orderRef2: this.proofingCurrentRow.proofingNo
}
getFileContentList(currentData).then(({data}) => {
if (data && data.code === 0) {
this.fileContentList = data.rows
} else {
this.fileContentList = []
}
})
},
// /**
// * 获得这些报价号的全部附件
// */
// getFileContentList () {
// let currentData = {
// orderRef1: this.$store.state.user.site,
// orderRef2: this.enterResultData.proofingNo
// }
// getFileContentList(currentData).then(({data}) => {
// if (data && data.code === 0) {
// this.enterResultData.fileContentList = data.rows
// } else {
// this.enterResultData.fileContentList = []
// }
// })
// },
/**
* 上传文件
*/
uploadFile() {
let currentData = {
titleCon: '打样附件上传',
site: this.$store.state.user.site,
createBy: this.$store.state.user.name,
proofingNo: this.enterResultData.proofingNo,
fileRemark: '',
folder: 'proofingFile',
// options: []
}
// let num = 0
// let arr = this.enterResultData.proofingNo.split(';')
// arr.forEach(val => {
// currentData.options.push({key: num++, value: val})
// })
//打开组件 去做新增业务
this.$nextTick(() => {
this.$refs.proofingUploadFile.init(currentData)
})
},
/**
* 文件删除
* @param row
*/
deleteFile(row) {
this.$confirm('确定要删除此文件?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteProofingFile(row).then(({data}) => {
if (data && data.code === 0) {
this.getFileContentList()
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}).catch(() => {
})
},
/**
* 文件下载
* @param row
*/
downloadFile(row) {
downLoadQuotationFile(row).then(({data}) => {
// 不限制文件下载类型
const blob = new Blob([data], {type: 'application/octet-stream;charset=utf-8'})
// 下载文件名称
const fileName = row.fileName
// a标签下载
const linkNode = document.createElement('a')
linkNode.download = fileName // a标签的download属性规定下载文件的名称
linkNode.style.display = 'none'
linkNode.href = URL.createObjectURL(blob) // 生成一个Blob URL
document.body.appendChild(linkNode)
linkNode.click() // 模拟在按钮上的一次鼠标单击
URL.revokeObjectURL(linkNode.href) // 释放URL 对象
document.body.removeChild(linkNode)
})
},
/**
* 获取该客户的客户地址
*/
getCustomerAddressList() {
let tempData = {
site: this.$store.state.user.site,
customerNo: this.modalData.customerNo,
addressType: 'A'
}
customerAddressSearch(tempData).then(({data}) => {
if (data && data.code === 0) {
this.addressList = data.rows
this.addressModelFlag = true
} else {
this.addressList = []
}
})
},
// 双击选择负责人
getAddressData(row) {
this.modalData.sendSamplesAddress = row.addressName
this.addressModelFlag = false
},
/**
* 获取该客户的客户负责人
*/
getCustomerContactList() {
let tempData = {
site: this.$store.state.user.site,
customerNo: this.modalData.customerNo
}
customerContactSearch(tempData).then(({data}) => {
if (data && data.code === 0) {
this.contactList = data.rows
this.contactModelFlag = true
} else {
this.contactList = []
}
})
},
// 双击选择负责人
getContactData(row) {
this.modalData.consignee = row.contactName
this.modalData.consigneeContact = row.contactPhoneNumber1
this.contactModelFlag = false
},
// ======== chooseList相关方法 ========
/**
* 获取基础数据列表S
* @param val
* @param type
*/
getBaseList(val, type) {
this.tagNo = val
this.tagNo1 = type
this.$nextTick(() => {
let strVal = ''
let conSql = ''
if (val === 102) {
if (type === 1) {
strVal = this.modalData.customerNo
}
}
// if (val === 103) {
// if(type === 1) {
// strVal = this.modalData.tracker
// }
// if(type === 2) {
// strVal = this.modalData.engineer
// }
// }
if (val === 104) {
if (type === 1) {
strVal = this.modalData.projectId
}
}
if (val === 2051) {
strVal = this.modalData.trackerName
conSql = " and b.site = '" + this.$store.state.user.site + "'"
}
if (val === 2052) {
strVal = this.modalData.engineerName
conSql = " and b.site = '" + this.$store.state.user.site + "'"
}
if (val === 2053) {
strVal = this.modalData.approverName
conSql = " and b.site = '" + this.$store.state.user.site + "'"
}
this.$refs.baseList.init(val, strVal, conSql)
})
},
/**
* 列表方法的回调
* @param val
*/
getBaseData(val) {
if (this.tagNo === 102) {
if (this.tagNo1 === 1) {
if (val.Customer_no === this.modalData.customerNo) {
return
}
this.modalData.customerNo = val.Customer_no
this.modalData.customerDesc = val.Customer_desc
this.modalData.projectId = undefined
this.modalData.projectName = undefined
this.projectPartList = []
}
}
// if (this.tagNo === 103) {
// if(this.tagNo1 === 1) {
// this.modalData.tracker = val.username
// this.modalData.trackerName = val.user_display
// }
// if(this.tagNo1 === 2) {
// this.modalData.engineer = val.username
// this.modalData.engineerName = val.user_display
// }
// }
if (this.tagNo === 104) {
if (this.tagNo1 === 1) {
this.modalData.projectId = val.project_id
this.modalData.projectName = val.project_name
this.getProjectPartList();
}
}
if (this.tagNo === 2051) {
this.modalData.tracker = val.username
this.modalData.trackerName = val.user_display
}
if (this.tagNo === 2052) {
this.modalData.engineer = val.username
this.modalData.engineerName = val.user_display
}
if (this.tagNo === 2053) {
this.modalData.approver = val.username
this.modalData.approverName = val.user_display
}
},
// ======== 导出相关方法 ========
/**
* 导出excel
*/
async createExportData() {
this.searchData.limit = -1
this.searchData.page = 1
await proofingInformationSearch(this.searchData).then(({data}) => {
this.resultList = data.page.list
})
return this.resultList
},
startDownload() {
},
finishDownload() {
},
fields() {
let json = '{'
this.columnList.forEach((item, index) => {
if (index === this.columnList.length - 1) {
json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"'
} else {
json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"' + ','
}
})
json += '}'
let s = eval('(' + json + ')')
return s
},
closeModalDiaLog() {
this.$refs.modalForm.resetFields();
this.modalData = {
flag: '1',
title: '打样新增',
site: this.$store.state.user.site,
proofingNo: '',
customerNo: '',
customerDesc: '',
projectId: '',
projectName: '',
tracker: '',
trackerName: '',
approver: '',
approverName: '',
testPartNo: '',
partName: '',
engineer: '',
engineerName: '',
priorityLevel: '',
proofingNumber: 1,
requiredDeliveryDate: '',
remark: '',
technicalConsiderations: '',
isNeedToSendSamples: '',
sendSamplesAddress: '',
consignee: '',
consigneeContact: '',
actualityDeliveryDate: '',
proofingResultInformation: '',
actualitySendSamplesDate: '',
sendSamplesMethod: '',
deliverGoodsInformation: '',
deliverGoodsRemark: '',
actualityReplyDate: '',
confirmResults: '',
confirmBy: '',
confirmInformation: '',
proofingStatus: '草稿',
proofingResultStatus: 'B',
nextToDo: '',
createBy: this.$store.state.user.name,
nodeId: '',
sendSamplesUsage: ''
};
this.selectionDelegateAccess = [];
this.projectPartList = [];
this.activeName = 'part'
Object.keys(this.proofingDelegateAccess).forEach(key => {
this.proofingDelegateAccess[key] = '';
})
},
checkSelectable(row, index) {
if (this.modalData.flag === '1') {
return true
} else {
return false
}
},
projectClickRow(row) {
this.modalData.projectId = row.projectId
this.modalData.projectName = row.projectName
this.getProjectPartList()
this.chooseProjectListFlag = false
},
// 查询searchProjectInfoList
searchProjectInfoList() {
this.projectList = [];
this.searchProjectData.customerId = this.modalData.customerNo
searchProjectInfoList(this.searchProjectData).then(({data}) => {
if (data && data.code === 0) {
this.projectList = data.rows
} else {
this.projectList = []
}
}).catch((error) => {
this.$message.error('查询项目信息失败')
})
},
closeProjectInfoDialog() {
this.$refs.closeProjectInfoForm.resetFields();
this.searchProjectData = {
site: this.$store.state.user.site,
projectId: undefined,
projectName: undefined,
customerId: undefined,
}
},
rowStyle({row}) {
if (this.proofingCurrentRow.proofingNo === row.proofingNo) {
return {'background-color': '#E8F7F6', cursor: 'pointer'};
}
},
updateModalStatus(row, status) {
this.$confirm(`是否确认下达?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
if (!row.proofingAmount||row.proofingAmount===0){
if (row.finalPartNo){
let params = {
configurationId: '*',
userName: this.$store.state.user.name,
partNo: row.finalPartNo,
site: this.$store.state.user.site
}
const {data} = await queryPartUnitCostList(params);
if (data && data.code === 0 && data.rows.length > 0) {
let unitPrice = +data.rows[0].inventoryValue
row.proofingAmount = unitPrice * this.modalData.proofingNumber
} else {
row.proofingAmount = 0
}
} else {
let params = {
site: this.$store.state.user.site,
plmPartNo: row.testPartNo,
limit: 5,
page: 1,
}
const {data} = await partInformationSearch(params);
if (data && data.code === 0 && data.page.list.length > 0){
row.proofingAmount = data.page.list[0].estimatedMaterialCost * this.modalData.proofingNumber
} else {
row.proofingAmount = 0
}
}
}
let params = JSON.parse(JSON.stringify(row))
params.proofingResultStatus = status;
params.proofingStatus = '下达';
params.userName = this.$store.state.user.name
params.menuId = this.$route.meta.menuId
proofingInformationEditStatus(params).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.modalFlag = false
this.$message.success('打样单已下达')
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
})
},
searchDelegateAccessByUser() {
// 角色 ROO7 的用户
let params = {
...this.proofingDelegateAccess,
site: this.$store.state.user.site,
}
searchDelegateAccessByUser(params).then(({data}) => {
if (data && data.code === 0) {
this.baseDelegateAccessList = data.rows;
} else {
this.$message.warning(data.msg)
}
}).catch((error) => {
this.$message.error(error)
})
},
handleSelectionChange(val) {
// 获得选中的 用户
this.selectionDelegateAccess2 = val;
},
handleTableClick(row, column, event, val) {
// 表格行点击选择
this.$refs[val].toggleRowSelection(row);
},
openDelegateAccess() {
let rows = JSON.parse(JSON.stringify(this.selectionDelegateAccess))
if (rows && rows.length > 0) {
this.$nextTick(() => {
rows.forEach(item => {
let row = this.baseDelegateAccessList.find(row => row.delegateAccess === item.delegateAccess);
this.$refs.delegateAccesstTable.toggleRowSelection(row);
})
})
}
},
closeDelegateAccess() {
this.selectionDelegateAccess2 = [];
},
confirmDelegateAccess() {
this.selectionDelegateAccess = JSON.parse(JSON.stringify(this.selectionDelegateAccess2))
this.delegateAccessVisible = false;
},
searchDelegateAccess() {
let params = {
site: this.modalData.site,
proofingNo: this.modalData.proofingNo,
}
searchDelegateAccess(params).then(({data}) => {
if (data && data.code === 0) {
this.selectionDelegateAccess = data.rows.map(item => {
return {
delegateAccess: item.delegateAccess,
delegateAccessName: item.delegateAccessName,
}
})
} else {
this.$message.warning(data.msg)
}
}).catch((error) => {
this.$message.error(error)
})
},
// 同意提交
agreeSubmit() {
this.$confirm(`是否确认提交?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.modalData.nodeConclusion = 'Y'
this.submitData()
})
},
// 驳回提交
rejectSubmit() {
this.$confirm(`是否确认驳回?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.modalData.rejectOpinion = this.rejectOpinion
this.modalData.nodeConclusion = 'N'
this.submitData()
})
},
// 提交
submitData() {
if (this.columnFieldList1) {
for (let i = 0; i < this.columnFieldList1.length; i++) {
let row = this.columnFieldList1[i]
if (!this.modalData[row.fieldId] && row.required === 'Y') {
this.$message.error(row.fieldName + '不能为空')
return
}
}
}
// if (this.columnFieldList2) {
// if (!this.delegateAccessName) {
// this.$message.error('Delegate Access不能为空')
// return;
// }
// }
let tempData = {
...this.modalData,
userName: this.$store.state.user.name,
menuId: this.$route.meta.menuId,
}
submitChange(tempData).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.$message({message: '操作成功', type: 'success'})
this.rejectVisible = false
this.submitModalFlag = false
this.modalFlag = false
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
},
// 获取流程的配置权限
async getNodeAuthority(row) {
let tempData = {
site: row.site,
stepId: row.stepId,
menuId: this.$route.meta.menuId
}
await getNodeAuthority(tempData).then(({data}) => {
if (data && data.code === 0) {
this.columnFieldList1 = data.rows.plm_proofing_information
this.columnFieldList2 = data.rows.plm_proofing_delegate_access
}
})
},
handleQueryCustomer() {
let params = {
site: this.$store.state.user.site,
customerNo: this.modalData.customerNo
}
queryCustomer(params).then(({data}) => {
if (data && data.code === 0) {
if (data.rows && data.rows.length === 1) {
this.modalData.customerDesc = data.rows[0].customerDesc
} else {
this.modalData.customerDesc = ''
}
} else {
this.$message.warning(data.msg)
}
}).catch((error) => {
this.$message.error(error)
})
},
handleQueryProjectByCustomer() {
let params = {
site: this.$store.state.user.site,
customerId: this.modalData.customerNo,
projectId: this.modalData.projectId
}
queryProjectByCustomer(params).then(({data}) => {
if (data && data.code === 0) {
if (data.rows && data.rows.length === 1) {
this.modalData.projectName = data.rows[0].projectName
} else {
this.modalData.projectName = ''
}
} else {
this.$message.warning(data.msg)
}
}).catch((error) => {
this.$message.error(error)
})
},
// 查询审批信息
getApprovalList() {
let tempData = {
site: this.$store.state.user.site,
menuId: this.$route.meta.menuId,
documentNo: this.proofingCurrentRow.proofingNo,
}
getApprovalList(tempData).then(({data}) => {
if (data && data.code === 0) {
this.approvalList = data.rows
} else {
this.approvalList = []
}
})
},
handleRouter(row){
this.modalFlag = false
if (this.$router.resolve(`/part-partInformation`).resolved.name === '404') {
this.$alert('权限不足,访问失败', '警告', {confirmButtonText: '确定',})
} else {
this.$router.push({name:`part-partInformation`,params:{partNo:row.testPartNo},})
}
},
clearModalData(filed){
this.modalData[filed] = ''
},
handleSizeChange(val){
this.size = val
this.getProjectPartList();
},
handleCurrentChange(val){
this.no = val
this.getProjectPartList();
},
searchByAnyField(params){
params.site = this.$store.state.user.site
params.menuId = '103001'
params.no = this.pageIndex
params.size = this.pageSize
params.userId = this.$store.state.user.id.toString()
params.userName = this.$store.state.user.name
proofingInformationSearchAny(params).then(({data})=>{
if (data && data.code === 0){
this.dataList = data.page.list
this.totalPage = data.page.totalCount
}else {
this.$message.warning(data.msg)
}
}).catch((error)=>{
this.$message.error(error)
})
this.filterSearchData = params
this.isFilterSearch = true
this.filterVisible = false
},
toTechnicalSpecificationMenu (oriCodeNo) {
if (this.$router.resolve(`/sampleManagement-technicalSpecificationList`).resolved.name === '404') {
this.$alert('权限不足,访问失败', '警告', {confirmButtonText: '确定',})
} else {
this.$router.push({name:`sampleManagement-technicalSpecificationList`,params:{oriCodeNo: oriCodeNo},})
}
},
}
}
</script>
<style scoped lang="scss">
/deep/ .customer-tab .el-tabs__content {
padding: 0px !important;
height: 300px;
}
.right /deep/ .el-input__inner {
text-align: right;
}
/deep/ .inlineNumber input::-webkit-outer-spin-button,
/deep/ .inlineNumber input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
/deep/ .inlineNumber input[type="number"] {
-moz-appearance: textfield;
padding-right: 5px !important;
}
</style>