|
|
<template> <div class="mod-config"> <!-- 查询条件 --> <el-form :inline="true" label-position="top" :model="searchData"> <el-form-item label="申请单号"> <el-input v-model="searchData.quotationNo" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item label="申请批次号"> <el-input v-model="searchData.quotationBatchNo" 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-input v-model="searchData.trackerName" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'物料编码'"> <el-input v-model="searchData.testPartNo" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'物料名称'"> <el-input v-model="searchData.partName" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'要求完成日期'"> <el-date-picker style="width: 120px" v-model="searchData.startDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker> </el-form-item> <el-form-item label=" "> <div style="text-align: center;"><i class="el-icon-right"></i></div> </el-form-item> <el-form-item :label="' '"> <el-date-picker style="width: 120px" v-model="searchData.endDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> <el-form-item label="BU"> <bu-select v-model="searchData.buNo" style="width: 120px"></bu-select> </el-form-item> <el-form-item label="批次序号"> <el-input v-model="searchData.quotationItemNo" 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.quoterName" 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="'优先等级'"> <dict-data-select v-model="searchData.priorityLevel" clearable style="width: 120px" :use-default-value="false" dict-type="priority_Level"/> </el-form-item> <el-form-item :label="'状态'"> <el-select v-model="searchData.quotationStatus" 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 type="primary" @click="addModal()" v-if="isAuth('102001001:save')">新增</el-button> <el-button type="primary" @click="delModal()" v-if="isAuth('102001001:remove')">删除</el-button> <download-excel v-if="isAuth('102001001: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-form-item> </el-form>
<!-- 询价列表 --> <el-table :height="height" :data="dataList" border :row-style="rowStyle" ref="quotationTable" @row-click="quotationClickRow" @selection-change="selectionQuotation" @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 === 'quotationResultStatus'"> <span v-if="!item.columnHidden"> <span v-show="scope.row.quotationResultStatus === 'B'">草稿</span> <span v-show="scope.row.quotationResultStatus === 'C'">已下达</span> <span v-show="scope.row.quotationResultStatus === 'E'">已完成报价</span> <span v-show="scope.row.quotationResultStatus === 'S'">已提交报价</span> <span v-show="scope.row.quotationResultStatus === 'R'">客户已反馈</span> </span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </div> <div v-else> <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </div> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="100" label="操作"> <template slot-scope="scope"> <template v-if="isAuth('102001001:update')"> <el-link style="cursor: pointer" @click="updateModal(scope.row)" v-if="scope.row.quotationStatus !== '已完成'">编辑</el-link> </template> <template v-if="isAuth('102001001:issued')"> <el-link style="cursor: pointer" v-if="scope.row.quotationStatus === '草稿'" @click="updateModalStatus(scope.row,'C')">下达</el-link> </template> <template v-if="isAuth('102001001:detail')"> <el-link style="cursor: pointer" @click="updateDetailModal(scope.row)" v-if="scope.row.quotationStatus === '已完成'">详情</el-link> </template> </template> </el-table-column> </el-table>
<selectDiv ref="selectDiv"></selectDiv>
<!-- 分页插件 --> <el-pagination style="margin-top: 0" @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" v-drag @open="openSaveDataDialog" @close="closeSaveDataDialog" :close-on-click-modal="false" top="10vh" :visible.sync="modalFlag" width="1200px"> <el-form label-position="top" ref="saveDataForm" :model="modalData" :rules="rules"> <el-row :gutter="10"> <el-col :span="12"> <el-form-item prop="customerNo" label="客户编码"> <span style="cursor: pointer" slot="label" v-if="modalData.flag === '1'" @click="getBaseList(102,1)"><a herf="#">客户编码</a></span> <el-row :gutter="10"> <el-col :span="8"> <el-input :disabled="modalData.flag !== '1'" v-model="modalData.customerNo" @blur="handleQueryCustomer"></el-input> </el-col> <el-col :span="16"> <el-input disabled v-model="modalData.customerDesc"></el-input> </el-col> </el-row> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="要求完成日期" prop="requiredCompletionDate"> <el-date-picker v-model="modalData.requiredCompletionDate" :disabled="(quotationInformationFlag('requiredCompletionDate') === 'N' && modalData.flag === '2') || detailVisible" style="width: 100%" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="优先等级" > <dict-data-select v-if="modalFlag" :disabled="(quotationInformationFlag('priorityLevel') === 'N' && modalData.flag === '2') || 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="询价金额"> <el-input-number v-field="accessField('102001001')" :step="0" :disabled="(quotationInformationFlag('quotationAmount') === 'N' && modalData.flag === '2') || detailVisible" :controls="false" v-model="modalData.quotationAmount"></el-input-number> </el-form-item> </el-col> </el-row> <el-row :gutter="10"> <el-col :span="12"> <el-form-item prop="projectId" label="项目编码"> <span slot="label" v-if="modalData.customerNo && modalData.flag === '1'" style="" @click="chooseProjectListFlag = true"><a>项目编码</a></span> <el-row :gutter="10"> <el-col :span="8"> <el-input :disabled="!modalData.customerNo || modalData.flag !== '1'" v-model="modalData.projectId" @blur="handleQueryProjectByCustomer"></el-input> </el-col> <el-col :span="16"> <el-input disabled v-model="modalData.projectName"></el-input> </el-col> </el-row> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="Quote Type"> <dict-data-select v-if="modalFlag" :disabled="(quotationInformationFlag('quoteType') === 'N' && modalData.flag === '2') || detailVisible" v-model="modalData.quoteType" clearable dict-type="quote_type" :use-default-value="modalData.flag === '1'"></dict-data-select> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="客户询价单号" prop="customerQuoteNo"> <el-input :disabled="(quotationInformationFlag('customerQuoteNo') === 'N' && modalData.flag === '2') || detailVisible" v-model="modalData.customerQuoteNo"></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="是否需要Sourcing"> <dict-data-select v-if="modalFlag" :disabled="(quotationInformationFlag('sourcing') === 'N' && modalData.flag === '2') || detailVisible" v-model="modalData.sourcing" dict-type="sourcing"></dict-data-select> </el-form-item> </el-col> </el-row> <el-row :gutter="10"> <el-col :span="12"> <el-form-item label="终端客户编码"> <el-row :gutter="10"> <el-col :span="8"> <el-input disabled v-model="modalData.finalCustomerId"></el-input> </el-col> <el-col :span="16"> <el-input disabled v-model="modalData.finalCustomerName"></el-input> </el-col> </el-row> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="Delivery Terms" prop="deliveryTerms"> <dict-data-select v-if="modalFlag" :disabled="(quotationInformationFlag('deliveryTerms') === 'N' && modalData.flag === '2') || detailVisible" v-model="modalData.deliveryTerms" clearable dict-type="delivery_terms" :use-default-value="modalData.flag === '1'"></dict-data-select> </el-form-item> </el-col> <el-col :span="4"> <el-form-item prop="quoterName"> <span v-if="(quotationInformationFlag('quoter') === 'N' && modalData.flag === '2') || detailVisible" slot="label">报价专员</span> <span v-else style="cursor: pointer" slot="label" @click="getBaseList(2002)"><a herf="#">报价专员</a></span> <el-input :disabled="(quotationInformationFlag('quoter') === 'N' && modalData.flag === '2') || detailVisible" v-model="modalData.quoterName" readonly> <span slot="suffix" v-show="modalData.quoterName && !detailVisible" @click="clearModalData('quoter')"><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 prop="trackerName" v-if="(modalData.sourcing === 'Y' || modalData.sourcing === '0' || modalData.sourcing === 0) && !detailVisible"> <span style="cursor: pointer" slot="label" @click="getBaseList(2000)"><a>采购专员</a></span> <el-input v-model="modalData.trackerName" :disabled="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-form-item label="采购专员" v-else> <el-input :disabled="quotationInformationFlag('tracker') === 'N' && modalData.flag === '2'" v-model="modalData.trackerName" readonly></el-input> </el-form-item> </el-col> </el-row> <el-row :gutter="10"> <el-col :span="24"> <el-form-item label="备注" style="display: block;min-height: 90px"> <el-input type="textarea" :disabled="(quotationInformationFlag('technicalConsiderations') === 'N' && modalData.flag === '2') || detailVisible" v-model="modalData.technicalConsiderations" :autosize="{minRows: 3, maxRows: 3}" resize='none'> </el-input> </el-form-item> </el-col> </el-row> <el-form-item style="display: none"> <span slot="label" @click="getProjectPartList()"><a>项目物料</a></span> <el-input v-model="modalData.partName" style="display: none"></el-input> </el-form-item> <el-tabs v-model="activeTab"> <el-tab-pane label="物料信息" name="part"> <div class="rq"> <el-form :inline="true" label-position="top" :model="projectPartData" v-if="modalData.flag === '1'"> <el-form-item label="物料编码"> <el-input v-model="projectPartData.testPartNo" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item label="物料名称"> <el-input v-model="projectPartData.partName" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item label="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=" "> <el-button type="primary" @click="getProjectPartList()">查询</el-button> </el-form-item> </el-form> <el-table :height="230" :data="projectPartList" ref="projectPartTable" @row-click="projectPartClickRow" @selection-change="selectionProjectPart" :row-key="getRowKeys" :row-style="partRowStyle" border v-loading="queryLoading" style="width: 100%;"> <el-table-column type="selection" header-align="center" align="center" :reserve-selection="true" :selectable="checkSelectable" width="50" class-name="disabledCheckbox"> </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-tab-pane> </el-tabs> </el-form> <el-footer style="height:35px;margin-top: 10px;padding-bottom:5px;text-align:center"> <el-button type="primary" v-if="!detailVisible" @click="saveData()">保存</el-button> <el-button type="primary" @click="modalFlag = false">关闭</el-button> <template v-if="isAuth('102001001:submit')"> <el-button v-if="modalData.quotationStatus === '审批中'" type="primary" @click="agreeSubmit">同意</el-button> </template> <template v-if="isAuth('102001001:rejected')"> <el-button v-if="modalData.quotationStatus === '审批中' && modalData.isReject === 'Y'" type="primary" @click="rejectVisible = true">驳回</el-button> </template> </el-footer> </el-dialog> <!--选择项目模态框--> <el-dialog title="选择-项目" :close-on-click-modal="false" @close="closeProjectInfoDialog" @open="searchProjectInfoList" :visible.sync="chooseProjectListFlag" width="600px"> <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-dblclick="projectClickRow"> <el-table-column label="项目编码" prop="projectId"/> <el-table-column label="项目名称" prop="projectName"/> <el-table-column label="终端客户编码" prop="finalCustomerId"/> <el-table-column label="终端客户名称" prop="finalCustomerName"/> </el-table> </el-form> </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="actualityQuotationDate" :rules="enterResultRules.actualityQuotationDate"> <el-date-picker v-model="enterResultData.actualityQuotationDate" 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="quotationResultInformation" :rules="enterResultRules.quotationResultInformation"> <el-input type="textarea" v-model="enterResultData.quotationResultInformation" :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="saveQuotationResult()">保存</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="actualitySubmissionDate" :rules="submitResultRules.actualitySubmissionDate"> <el-date-picker v-model="submitResultData.actualitySubmissionDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期" style="width: 200px"></el-date-picker> </el-form-item> <el-form-item label="提交方式" prop="submissionMethod" :rules="submitResultRules.submissionMethod"> <el-select v-model="submitResultData.submissionMethod" style="width: 221px"> <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> <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.submissionRemark" :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-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="驳回" 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>
<!-- 页签 --> <el-tabs v-model="activeTable" type="border-card" style="margin-top: 0px;" @tab-click="tabClick" class="customer-tab"> <el-tab-pane label="基本信息" name="priceCheck"> <price-check-properties :disabled="quotationCurrentRow.quotationStatus === '已完成'" ref="tabProperties" v-model:data-list="priceCheckPropertiesList" :quotation-no="quotationCurrentRow.quotationBatchNo" height="45vh"></price-check-properties> </el-tab-pane> <el-tab-pane label="采购详细信息" name="tabMaterialSourcing"> <price-check-detail :disabled="quotationCurrentRow.quotationStatus === '已完成'" :quote="quotationCurrentRow" :data-list="priceCheckDetailList" @refresh="getPriceCheckDetailList" :height="500"></price-check-detail> </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="quotationCurrentRow"></customer-info> </el-tab-pane> <el-tab-pane label="报价明细" name="quote_detail" > <inquiry-quote-detail :quotation="quotationCurrentRow"></inquiry-quote-detail> </el-tab-pane> <el-tab-pane label="附件信息" name="oss_file" > <oss-components :save-visible="isAuth('102001001:tab6:save')" :download-visible="isAuth('102001001:tab6:download')" :remove-visible="isAuth('102001001:tab6:remove')" :preview-visible="isAuth('102001001:tab6:preview')" label="申请单号" style="margin-top: 5px" height="44vh" :disabled="quotationCurrentRow.quotationStatus === '已完成'" :columns="ossColumns" :order-ref1="quotationCurrentRow.site" :order-ref2="quotationCurrentRow.quotationBatchNo"></oss-components> </el-tab-pane>
<!-- 审批信息 --> <el-tab-pane label="审批信息" name="approvalInformation"> <approval-information ref="approvalTable" v-model:data-list="approvalList" height="46vh" style="margin-top: 5px"></approval-information> </el-tab-pane> </el-tabs>
<!-- chooseList模态框 --> <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
<!-- 上传文件的modal --> <quotationUploadFile ref="quotationUploadFile" @refreshPageTables="getFileContentData()" v-drag></quotationUploadFile> </div></template>
<script>import { quotationInformationSearch, // 询价信息列表查询
quotationInformationSave, // 询价信息新增
quotationInformationEdit, // 询价信息编辑
quotationInformationDelete, // 询价信息删除
getFileContentList, // 获取询价单附件列表
quotationResultSearch, // 获取询价结果对象
deleteQuotationFile, // 文件删除
downLoadQuotationFile, // 文件下载
saveQuotationResult, // 保存询价结果
saveSubmitResult, // 保存提交结果
saveCustomerResponse, // 保存客户回复
getProjectPartList, // 获取产品列表
checkQuotationStatus, // 检查询价进度
getProjectInformation, // 获取项目信息
getCustomerInformation, // 获取客户信息
searchProjectInfoList,// 查询项目信息
submitChange, // 提交
quotationInformationEditStatus, // 下达
} from '@/api/quotation/quotationInformation.js'import { customerContactSearch, // 客户联系人列表查询
} from '@/api/customer/customerContact.js'import { getNodeAuthority, // 获取节点权限
} from '@/api/changeManagement/changeManagement.js'import Chooselist from '@/views/modules/common/Chooselist'import quotationUploadFile from "./quotation_upload_file"import DictDataSelect from "../sys/dict-data-select.vue";import PriceCheckProperties from "./priceCheckProperties.vue";import TestProperties from "../test/testAttribute/testProperties.vue";import priceCheckProperties from "./priceCheckProperties.vue";import {getPriceCheckPropertiesList} from "../../../api/quotation/priceCheckProperties";import PriceCheckDetail from "./sellForQuotation/priceCheckDetail/priceCheckDetail.vue";import {getPriceCheckDetailList} from "../../../api/quotation/priceCheckDetail";import InquiryQuoteDetail from "./inquiry/inquiryQuoteDetail.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 ApprovalInformation from "../changeManagement/approvalInformation.vue";import {getApprovalList} from "../../../api/changeManagement/changeManagement";import CustomerInfo from "./sellForQuotation/customerInfo.vue";import {isAuth} from "../../../utils";
export default { computed: { priceCheckProperties() { return priceCheckProperties }, quotationInformationFlag () { return (value) => { if (!this.plmQuotationInformationArr){ return 'N' } let arr = this.plmQuotationInformationArr.filter(a => a.fieldId === value) if (arr.length > 0) { return arr[0].updateFlag } return 'N' } }, }, components: { CustomerInfo, ApprovalInformation, BuSelect, OssComponents, InquiryQuoteDetail, PriceCheckDetail, TestProperties, PriceCheckProperties, DictDataSelect, Chooselist, quotationUploadFile }, props:{ height:{ type:Number, default:240 } }, watch: { searchData: { deep: true, handler: function (newV, oldV) { this.searchData.customerNo = this.searchData.customerNo.toUpperCase() this.searchData.projectId = this.searchData.projectId.toUpperCase() } }, modalData: { deep: true, handler: function (newV, oldV) { this.modalData.customerNo = this.modalData.customerNo.toUpperCase() this.modalData.projectId = this.modalData.projectId.toUpperCase() this.modalData.quotationNo = this.modalData.quotationNo.toUpperCase() } }, quotationCurrentRow(newVal,oldVal){ this.getPriceCheckDetailList() this.getPriceCheckProperties(); this.getApprovalList(); }, 'modalData.customerNo'(newV, oldV) { if (oldV) { if (!newV) { this.modalData.customerDesc = '' } this.modalData.projectId = '' this.modalData.consignee = '' this.modalData.consigneeContact = '' this.modalData.sendSamplesAddress = '' } }, 'modalData.projectId'(newV, oldV) { 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 = '' } }, "modalData.sourcing"(newVal,oldVal){ if (newVal !== 'Y' && newVal !== '0' && newVal !== 0){ this.modalData.tracker = '' this.modalData.trackerName = '' } }, "modalData.tracker"(newVal,oldVal){ if (newVal === '' || newVal === null || newVal === undefined){ this.modalData.trackerName = '' } }, "modalData.quoter"(newVal,oldVal){ if (newVal === '' || newVal === null || newVal === undefined){ this.modalData.quoterName = '' } }, "searchData.quotationNo"(newVal,oldVal){ this.searchData.quotationNo = newVal.toUpperCase() }, "searchData.quotationBatchNo"(newVal,oldVal){ this.searchData.quotationBatchNo = newVal.toUpperCase() }, modalFlag(newVal,oldVal){ if (newVal === false){ this.detailVisible = false this.projectPartData.customerPartNo = '' this.projectPartData.finalPartNo = '' this.no = 1 this.size = 20 this.total = 0 this.projectPartList = [] this.projectPartListSelections = [] } }, }, data() { return { approvalList:[], copyPriceCheckDetail:{}, priceCheckRule: { associatedPartNo:[{required: true, message: ' ', trigger: 'change'},], materialRequired:[{required: true, message: ' ', trigger: 'change'},], yearlyOrMonthlyRequirement:[{required: true, message: ' ', trigger: 'change'},], runningWidth:[{required: true, message: ' ', trigger: 'change'},], }, savePriceDetail:{ site:'', quotationNo:'', associatedPartNo:'', materialRequired:'', yearlyOrMonthlyRequirement:'', runningWidth:'', }, priceCheckDetail:{ site:'', quotationNo:'', associatedPartNo:'', materialRequired:'', yearlyOrMonthlyRequirement:'', runningWidth:'', }, activeTab:'part', priceCheckPropertiesList: [], // 导出
exportData: [], exportName: '设备分类' + this.dayjs().format('YYYYMMDDHHmmss'), exportHeader: ['设备分类'], exportFooter: [], resultList: [], // ======== 行高 ========
secondHeight: 200, // ======== 分页 ========
pageIndex: 1, pageSize: 50, totalPage: 0, selectedDataNum: 0, // 条件查询
searchData: { site: this.$store.state.user.site, customerNo: '', customerDesc: '', quotationBatchNo: '', quotationItemNo: '', trackerName: '', testPartNo: '', partName: '', quotationStatus: '', quotationResultStatus: '', startDate: '', endDate: '', projectId: '', projectName: '', quoterName: '', priorityLevel: '', customerPartNo: '', finalPartNo: '', page: 1, limit: 10, menuId: this.$route.meta.menuId, quotationNo: '' }, // 其它
dataListLoading: false, // 选择项目弹框开关
chooseProjectListFlag: false, //项目搜索条件
searchProjectData: { site: this.$store.state.user.site, projectId: undefined, projectName: undefined, customerId: undefined, }, // 项目集合
projectList: [], // 初始页签
activeTable: 'priceCheck', // ======== 数据对象 ========
modalData: { flag: '', title: '', site: this.$store.state.user.site, quotationNo: '', customerNo: '', customerDesc: '', projectId: '', projectName: '', deliveryTerms: '', quoteType: '', tracker: '', trackerName: '', sourcing:'', quoter: '', quoterName: '', customerQuoteNo: '', quotationStatus: '', testPartNo: '', partName: '', priorityLevel: '', requiredCompletionDate: '', remark: '', technicalConsiderations: '', customerResponsiblePerson: '', customerResponsiblePersonPhone: '', nextToDo: '', actualityQuotationDate: '', quotationResultInformation: '', actualitySubmissionDate: '', submissionMethod: '', submissionRemark: '', actualityReplyDate: '', confirmResults: '', confirmBy: '', confirmInformation: '', quotationResultStatus: '', createDate: '', createBy: '', updateDate: '', updateBy: '', nodeConclusion: '', stepId: '', rejectFlag: '', rejectStepId: '', isReject: '', nodeId: '' }, quotationDetailData: { technicalConsiderations: '', customerResponsiblePerson: '', customerResponsiblePersonPhone: '' }, quotationResultData: { actualityQuotationDate: '', quotationResultInformation: '', actualitySubmissionDate: '', submissionMethod: '', submissionRemark: '', confirmResults: '', actualityReplyDate: '', confirmBy: '', confirmInformation: '', quotationResultStatus: '', }, enterResultData: { site: this.$store.state.user.site, quotationNo: '', actualityQuotationDate: '', quotationResultInformation: '', updateBy: this.$store.state.user.name, quotationResultStatus: '', fileContentList: [] }, submitResultData: { site: this.$store.state.user.site, quotationNo: '', actualitySubmissionDate: '', submissionMethod: '', submissionRemark: '', updateBy: this.$store.state.user.name, quotationResultStatus: '' }, customerResponseData: { site: this.$store.state.user.site, quotationNo: '', actualityReplyDate: '', confirmResults: '', confirmBy: '', confirmInformation: '', updateBy: this.$store.state.user.name, quotationResultStatus: '' }, projectPartData: { site: this.$store.state.user.site, testPartNo: '', finalPartNo:'', customerPartNo:'', partName: '', projectId: '', }, 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: [], contactList: [], // ======== 列表表头 ========
columnList: [ { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table1BuDesc', tableId: '102001Table1', 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: 102001, serialNumber: '102001Table1QuotationNo', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'quotationNo', 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: '102001Table1QuotationBatchNo', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'quotationBatchNo', 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: '102001Table1QuotationItemNo', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'quotationItemNo', headerAlign: 'center', align: 'right', columnLabel: '序号', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 60 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table1CustomerNo', tableId: '102001Table1', 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: 102001, serialNumber: '102001Table1CustomerDesc', tableId: '102001Table1', 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: 102001, serialNumber: '102001Table1ProjectId', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'projectId', headerAlign: 'center', align: 'left', columnLabel: '项目编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table1ProjectName', tableId: '102001Table1', 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: 102001, serialNumber: '102001Table1TestPartNo', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'testPartNo', headerAlign: 'center', align: 'left', columnLabel: '物料编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 160 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table1PartName', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'partName', 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: 102001, serialNumber: '102001Table1FinalPartNo', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'finalPartNo', headerAlign: 'center', align: 'left', columnLabel: 'IFS物料编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table1CustomerPartNo', tableId: '102001Table1', 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: 102001, serialNumber: '102001Table1TrackerName', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'trackerName', 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: 102001, serialNumber: '102001Table1QuoterName', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'quoterName', 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: 102001, serialNumber: '102001Table1PriorityLevel', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'priorityLevel', 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: 102001, serialNumber: '102001Table1RequiredCompletionDate', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'requiredCompletionDate', 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: 102001, serialNumber: '102001Table1quotationStatus', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'quotationStatus', headerAlign: 'center', align: 'center', columnLabel: '状态', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table1NodeName', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'nodeName', headerAlign: 'center', align: 'center', columnLabel: '当前节点', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 150 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table1CreateDate', tableId: '102001Table1', 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: 102001, serialNumber: '102001Table1CreateBy', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'createBy', headerAlign: 'center', align: 'left', columnLabel: '创建人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table1UpdateDate', tableId: '102001Table1', 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: 102001, serialNumber: '102001Table1UpdateBy', tableId: '102001Table1', tableName: '询价信息表', columnProp: 'updateBy', headerAlign: 'center', align: 'left', columnLabel: '更新人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 } ], fileColumnList: [ { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table2FileName', tableId: '102001Table2', 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: 102001, serialNumber: '102001Table2FileRemark', tableId: '102001Table2', 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: 102001,
// serialNumber: '102001Table2OrderRef3',
// tableId: '102001Table2',
// 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: 102001, serialNumber: '102001Table2CreateDate', tableId: '102001Table2', 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: 102001, serialNumber: '102001Table2CreatedBy', tableId: '102001Table2', tableName: '文件信息表', columnProp: 'createdBy', headerAlign: 'center', align: 'center', columnLabel: '上传人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 140 } ], projectPartDetailList: [ { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table3TestPartNo', tableId: '102001Table3', tableName: '项目物料表', columnProp: 'testPartNo', headerAlign: 'center', align: 'left', columnLabel: '物料编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 150 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table3PartDesc', tableId: '102001Table3', tableName: '项目物料表', columnProp: 'partDesc', headerAlign: 'center', align: 'center', columnLabel: '物料名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table3FinalPartNo', tableId: '102001Table3', 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: '102001Table3CustomerPartNo', tableId: '102001Table3', 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: '102001Table3PartSpec', tableId: '102001Table3', tableName: '项目物料表', columnProp: 'partSpec', headerAlign: 'center', align: 'center', columnLabel: '产品规格', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table3PartTypeDesc', tableId: '102001Table3', tableName: '项目物料表', columnProp: 'partTypeDesc', headerAlign: 'center', align: 'center', columnLabel: '产品类型', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table3Type', tableId: '102001Table3', tableName: '项目物料表', columnProp: 'type', headerAlign: 'center', align: 'center', columnLabel: '制造类型', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table3UmId', tableId: '102001Table3', tableName: '项目物料表', columnProp: 'umId', headerAlign: 'center', align: 'center', columnLabel: '单位', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 100 }, ], columnContactList: [ { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table4ContactName', tableId: '102001Table4', tableName: '客户联系人表', columnProp: 'contactName', headerAlign: 'center', align: 'center', columnLabel: '客户负责人', columnHidden: false, columnImage: false, status: true, fixed: '', }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table4ContactPhoneNumber1', tableId: '102001Table4', tableName: '客户联系人表', columnProp: 'contactPhoneNumber1', headerAlign: 'center', align: 'center', columnLabel: '联系方式', columnHidden: false, columnImage: false, status: true, fixed: '', }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table4PrimaryContact', tableId: '102001Table4', tableName: '客户联系人表', columnProp: 'primaryContact', headerAlign: 'center', align: 'center', columnLabel: '默认联系人', columnHidden: false, columnImage: false, status: true, fixed: '', }, { userId: this.$store.state.user.name, functionId: 102001, serialNumber: '102001Table4ContactStatus', tableId: '102001Table4', tableName: '客户联系人表', columnProp: 'contactStatus', headerAlign: 'center', align: 'center', columnLabel: '人员状态', columnHidden: false, columnImage: false, status: true, fixed: '', }, ], // ======== 必填规则 ========
rules: { customerNo: [ {required: true, message: ' ', trigger: 'change'}, {required: true, message: ' ', trigger: 'blur'}, ], customerDesc: [ {required: true, message: ' ', trigger: 'change'}, {required: true, message: ' ', trigger: 'blur'}, ], trackerName: [ {required: true, message: ' ', trigger: 'change'}, {required: true, message: ' ', trigger: 'blur'}, ], projectId: [ {required: true, message: ' ', trigger: 'change'}, {required: true, message: ' ', trigger: 'blur'}, ], projectName: [ {required: true, message: ' ', trigger: 'change'}, {required: true, message: ' ', trigger: 'blur'}, ], quoterName: [ {required: true, message: ' ', trigger: 'change'}, {required: true, message: ' ', trigger: 'blur'}, ], partName: [ {required: true, message: ' ', trigger: 'change'}, {required: true, message: ' ', trigger: 'blur'}, ], priorityLevel: [ {required: true, message: ' ', trigger: 'change'}, ], requiredCompletionDate: [ {required: true, message: ' ', trigger: 'change'}, {required: true, message: ' ', trigger: 'blur'}, ], deliveryTerms: [ {required: true, message: ' ', trigger: 'change'}, {required: true, message: ' ', trigger: 'blur'}, ], quoteType: [ {required: true, message: ' ', trigger: 'change'}, {required: true, message: ' ', trigger: 'blur'}, ], }, enterResultRules: { actualityQuotationDate: [ { required: true, message: ' ', trigger: 'change' } ], quotationResultInformation: [ { required: true, message: ' ', trigger: 'change' } ] }, submitResultRules: { actualitySubmissionDate: [ { required: true, message: ' ', trigger: 'change' } ], submissionMethod: [ { required: true, message: ' ', trigger: 'change' } ] }, customerResponseRules: { actualityReplyDate: [ { required: true, message: ' ', trigger: 'change' } ], confirmResults: [ { required: true, message: ' ', trigger: 'change' } ], confirmBy: [ { required: true, message: ' ', trigger: 'change' } ] }, // ======== 复选数据集 ========
quotationSelections: [], projectPartListSelections: [], // ======== 选中的当前行数据 ========
quotationCurrentRow: {}, // ======== 模态框开关控制 ========
modalFlag: false, modalDisableFlag: false, enterResultModalFlag: false, submitResultModalFlag: false, customerResponseModalFlag: false, projectPartModelFlag: false, contactModelFlag: false, priceCheckDetailList:[], plmQuotationInformationArr: [], 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, } }, mounted() { this.$nextTick(() => { /*第二个表格高度的动态调整*/ this.secondHeight = window.innerHeight -this.height; }) }, created() { this.handleRouteQuery() }, activated () { this.handleRouteQuery() }, methods: { handleRouteQuery(){ if (this.$route.params.type === 'tokenLogin') { if (this.$route.params.docNo) { this.searchData.quotationBatchNo = this.$route.params.docNo } this.searchData.limit = this.pageSize this.searchData.page = this.pageIndex let params = { ...this.searchData, createBy: this.$store.state.user.name } quotationInformationSearch(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.dataList.length > 0) { //设置选中行
// this.$refs.quotationTable.setCurrentRow(this.dataList[0])
// this.refreshCurrentTabTable() //加载当前的页签的table
this.quotationClickRow(this.dataList[0]) this.updateModal(this.dataList[0]) }else { this.quotationCurrentRow = {} } } }) }else if (this.$route.params.quotationNo) { this.searchData.quotationNo = this.$route.params.quotationNo this.searchData.limit = this.pageSize this.searchData.page = this.pageIndex let params = { ...this.searchData, createBy: this.$store.state.user.name } quotationInformationSearch(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) this.searchData.quotationNo = '' //判断是否全部存在数据
if (this.dataList.length > 0) { //设置选中行
// this.$refs.quotationTable.setCurrentRow(this.dataList[0])
// this.refreshCurrentTabTable() //加载当前的页签的table
this.quotationClickRow(this.dataList[0]) // this.updateModal(this.dataList[0])
}else { this.quotationCurrentRow = {} } } }) }else { this.getDataList() } }, // ======== 分页相关方法 ========
/** * 每页数 * @param val */ sizeChangeHandle(val) { this.pageSize = val this.pageIndex = 1 this.getDataList() }, /** * 当前页 * @param val */ currentChangeHandle(val) { this.pageIndex = val this.getDataList() },
// ======== 复选框操作相关方法 ========
/** * 选中一行 * @param row */ projectPartClickRow(row) { if (this.modalData.flag === '1') { this.$refs.projectPartTable.toggleRowSelection(row); this.confirmProjectPart(); } }, /** * 多选 * @param val */ selectionProjectPart(val) { this.projectPartListSelections = val }, /** * 获取唯一值，一般都为 id * @param row * @returns {*} */ getRowKeys(row) { return row.testPartNo; }, /** * 未知 * @returns {boolean} */ selectFlag() { return true; },
// ======== 页签切换相关方法 ========
/** * 列表表格选择替换 * @param tab * @param event */ tabClick(tab, event) { // 刷新列表数据
this.refreshCurrentTabTable() }, /** * 当前值发生变化的时候修改 * @param row * @param oldRow */ changeCurrentRow(row, oldRow) { // 判断是否是获取焦点的事件
if (row) { this.quotationCurrentRow = JSON.parse(JSON.stringify(row)) //刷新当前页表
this.refreshCurrentTabTable() } }, /** * 刷新页签的table数据 */ refreshCurrentTabTable() { if (this.activeTable === 'quotation_result') { this.getQuotationResult() } else if (this.activeTable === 'project_information') { this.getProjectInformation() } else if (this.activeTable === 'customer_information') { this.getCustomerInformation() } },
// ======== 列表数据刷新方法 ========
/** * 获取数据列表 */ getDataList() { this.searchData.limit = this.pageSize this.searchData.page = this.pageIndex let params = { ...this.searchData, createBy: this.$store.state.user.name } quotationInformationSearch(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.dataList.length > 0) { //设置选中行
// this.$refs.quotationTable.setCurrentRow(this.dataList[0])
// this.refreshCurrentTabTable() //加载当前的页签的table
this.quotationClickRow(this.dataList[0]) }else { this.quotationCurrentRow = {} } } this.dataListLoading = false }) }, /** * 获取询价结果列表 */ getQuotationResult() { let tempData = { site: this.$store.state.user.site, quotationNo: this.quotationCurrentRow.quotationNo } // 询价结果对象
quotationResultSearch(tempData).then(({data}) => { if (data && data.code === 0) { this.quotationResultData = data.rows[0] } else { this.quotationResultData = {} } }) // 附件列表
this.getFileContentData() }, /** * 获取项目信息 */ getProjectInformation() { let tempData = { site: this.$store.state.user.site, projectId: this.quotationCurrentRow.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.quotationCurrentRow.customerNo } // 询价结果对象
getCustomerInformation(tempData).then(({data}) => { if (data && data.code === 0) { this.customerInformationData = data.rows[0] } else { this.customerInformationData = {} } }) },
// ======== 新增/编辑模态框 ========
/** * 询价信息新增模态框 */ addModal() { this.modalData = { flag: '1', title: '询价新增', site: this.$store.state.user.site, quotationNo: '', customerNo: '', customerDesc: '', deliveryTerms: '', sourcing:'', quoteType: '', projectId: '', projectName: '', finalCustomerId: '', finalCustomerName: '', tracker: '', trackerName: '', quoter: '', quoterName: '', customerQuoteNo: '', quotationStatus: '草稿', testPartNo: '', partName: '', priorityLevel: '', requiredCompletionDate: '', remark: '', technicalConsiderations: '', customerResponsiblePerson: '', customerResponsiblePersonPhone: '', nextToDo: '', actualityQuotationDate: '', quotationResultInformation: '', actualitySubmissionDate: '', submissionMethod: '', submissionRemark: '', actualityReplyDate: '', confirmResults: '', confirmBy: '', confirmInformation: '', quotationResultStatus: 'B', createBy: this.$store.state.user.name, nodeId: '' } this.modalDisableFlag = false this.modalFlag = true }, /** * 询价信息编辑模态框 * @param row */ async updateModal(row) { await this.getNodeAuthority(row) this.modalData = { flag: '2', title: '询价编辑-' + row.quotationNo, deliveryTerms: row.deliveryTerms, quoteType: row.quoteType, site: row.site, quotationNo: row.quotationNo, quotationBatchNo: row.quotationBatchNo, customerNo: row.customerNo, customerDesc: row.customerDesc, projectId: row.projectId, projectName: row.projectName, finalCustomerId: row.finalCustomerId, finalCustomerName: row.finalCustomerName, tracker: row.tracker, trackerName: row.trackerName, quoter: row.quoter, sourcing:row.sourcing, quoterName: row.quoterName, customerQuoteNo: row.customerQuoteNo, quotationStatus: row.quotationStatus, testPartNo: row.testPartNo, partName: row.partName, priorityLevel: row.priorityLevel, requiredCompletionDate: row.requiredCompletionDate, remark: row.remark, technicalConsiderations: row.technicalConsiderations, customerResponsiblePerson: row.customerResponsiblePerson, customerResponsiblePersonPhone: row.customerResponsiblePersonPhone, nextToDo: row.nextToDo, actualityQuotationDate: row.actualityQuotationDate, quotationResultInformation: row.quotationResultInformation, actualitySubmissionDate: row.actualitySubmissionDate, submissionMethod: row.submissionMethod, submissionRemark: row.submissionRemark, actualityReplyDate: row.actualityReplyDate, confirmResults: row.confirmResults, confirmBy: row.confirmBy, confirmInformation: row.confirmInformation, quotationResultStatus: row.quotationResultStatus, updateBy: this.$store.state.user.name, quotationAmount:row.quotationAmount, nodeConclusion: '', stepId: row.stepId, rejectFlag: row.rejectFlag, rejectStepId: row.rejectStepId, isReject: row.isReject, nodeId: row.nodeId } if (this.modalData.flag !== '1'){ this.projectPartData.testPartNo = this.modalData.testPartNo } this.priceCheckDetail = row.priceCheckDetail this.modalDisableFlag = true this.modalFlag = true },
// ======== 新增/编辑/删除方法 ========
/** * 获取产品列表 */ getProjectPartList() { if (!this.modalData.projectId) { this.$message.warning("请选择项目编码!") 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)) } }) } else { this.$message.error(data.msg) } this.queryLoading = false }).catch(()=>{ this.queryLoading = false }) }, /** * 确认多选产品 */ confirmProjectPart() { if (this.projectPartListSelections.length === 0) { // 先清空缓存选中
this.$nextTick(() => this.$refs.projectPartTable.clearSelection()) // 拿到选中的产品编号
this.modalData.testPartNo = '' this.modalData.partName = '' return } 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) }, /** * 客户信息新增/编辑 */ saveData() { this.$refs.saveDataForm.validate((valid) => { if (!valid) { 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.projectId === '' || this.modalData.projectId == null) { this.$message.warning('请选择项目编码！') return } if (this.modalData.projectName === '' || this.modalData.projectName == null) { this.$message.warning('请选择项目名称！') return } if (this.modalData.quoter === '' || this.modalData.quoter == null) { this.$message.warning('请选择报价专员编码！') return } if (this.modalData.quoterName === '' || this.modalData.quoterName == null) { this.$message.warning('请选择报价专员名称！') return } if (this.modalData.priorityLevel === '' || this.modalData.priorityLevel == null) { this.$message.warning('请选择优先等级！') return } if (this.modalData.requiredCompletionDate === '' || this.modalData.requiredCompletionDate == null) { this.$message.warning('请输入要求完成日期！') return } if (this.modalData.deliveryTerms === '' || this.modalData.deliveryTerms == null) { this.$message.warning('请选择Delivery Terms！') return } } else { if ((this.modalData.tracker === '' || this.modalData.tracker == null) && (this.modalData.sourcing === 'Y' || this.modalData.sourcing === '0' || this.modalData.sourcing === 0)) { this.$message.warning('请选择采购专员编码！') return } if ((this.modalData.trackerName === '' || this.modalData.trackerName == null) && (this.modalData.sourcing === 'Y' || this.modalData.sourcing === '0' || this.modalData.sourcing === 0)) { this.$message.warning('请选择采购专员名称！') return } if (this.projectPartListSelections.length === 0) { this.$message.warning('请选择物料信息！') return } this.confirmProjectPart(); if (this.modalData.flag === '1') { quotationInformationSave(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: '确定' }) } }) } else { quotationInformationEdit(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: '确定' }) } }) } } }) }, /** * 询价信息删除 */ delModal() { if (this.quotationSelections.length === 0) { this.$message.warning('请勾选要删除的询价信息！') return } for (let i = 0; i < this.quotationSelections.length; i++) { let row = this.quotationSelections[i] if (row.quotationStatus !== '草稿'){ this.$message.warning(row.quotationNo+"不是草稿状态，不能删除！") return } } this.$confirm(`是否删除这 ` + this.quotationSelections.length + ` 条询价信息?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempData = { informationList: this.quotationSelections } quotationInformationDelete(tempData).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.quotationSelections = [] this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => { } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }).catch(() => { }) },
// ======== 列表操作方法 ========
/** * 单机选中询价信息 * @param row */ quotationClickRow(row) { // this.$refs.quotationTable.toggleRowSelection(row)
this.quotationCurrentRow = { ...row } this.quotationDetailData = row; }, getPriceCheckProperties() { let params = { site: this.quotationCurrentRow.site, quotationNo: this.quotationCurrentRow.quotationBatchNo } getPriceCheckPropertiesList(params).then(({data}) => { if (data && data.code === 0) { this.priceCheckPropertiesList = data.rows } else { this.$message.warning(data.msg) } }).catch((error) => { this.$message.error(error) }) }, /** * 复选询价信息 * @param val */ selectionQuotation(val) { this.quotationSelections = val this.$refs.selectDiv.setLengthselected(this.quotationSelections.length) },
// ======== 询价结果相关方法 ========
/** * 封装录入方法 */ packQuotationResultModal() { // 重置对象
this.enterResultData = { site: this.$store.state.user.site, quotationNo: '', actualityQuotationDate: new Date(), quotationResultInformation: '', quotationResultStatus: 'E', fileContentList: [], updateBy: this.$store.state.user.name } // 获得选中的询价号
// if (this.quotationSelections.length > 0) {
// this.quotationSelections.forEach(val => {
// this.enterResultData.quotationNo += ';' + val.quotationNo
// })
// this.enterResultData.quotationNo = this.enterResultData.quotationNo.substring(1)
// } else {
// this.enterResultData.quotationNo = this.quotationCurrentRow.quotationNo
// }
this.enterResultData.quotationNo = this.quotationCurrentRow.quotationNo // // 获得这些询价号的全部附件
// this.getFileContentList()
this.enterResultModalFlag = true }, /** * 录入询价结果 */ quotationResultModal() { // // 如果有选中询价单
// if (this.quotationSelections != null && this.quotationSelections.length > 0) {
// let tempData = {
// currentStatus: 'C',
// informationList: this.quotationSelections,
// }
// // 检查询价单状态
// checkQuotationStatus(tempData).then(({data}) => {
// if (data && data.code === 0) {
// if (data.flag === 1) { // 状态一致
// this.packQuotationResultModal()
// } else { // 状态不同
// this.$message.warning('选中的询价单进度有误，请确认！')
// }
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// } else { // 没有选中询价单，则根据当前点击行询价单操作
// this.packQuotationResultModal()
// }
this.packQuotationResultModal() }, /** * 保存询价结果 */ saveQuotationResult() { if (this.enterResultData.actualityQuotationDate === '' || this.enterResultData.actualityQuotationDate == null) { this.$message.warning('请选择实际询价日期！') return } if (this.enterResultData.quotationResultInformation === '' || this.enterResultData.quotationResultInformation == null) { this.$message.warning('请填写询价结果信息！') return } // if (this.quotationSelections.length > 1) {
// this.$confirm(`是否录入多条询价结果?`, '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
// saveQuotationResult(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 {
saveQuotationResult(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: '确定' }) } }) // }
},
/** * 封装提交方法 */ packSubmitQuotationModal() { this.submitResultData = { site: this.$store.state.user.site, quotationNo: '', actualitySubmissionDate: new Date(), submissionMethod: '', submissionRemark: '', quotationResultStatus: 'S', updateBy: this.$store.state.user.name } // 获得选中的询价号
// if (this.quotationSelections.length > 0) {
// this.quotationSelections.forEach(val => {
// this.submitResultData.quotationNo += ';' + val.quotationNo
// })
// this.submitResultData.quotationNo = this.submitResultData.quotationNo.substring(1)
// } else {
// this.submitResultData.quotationNo = this.quotationCurrentRow.quotationNo
// }
this.submitResultData.quotationNo = this.quotationCurrentRow.quotationNo this.submitResultModalFlag = true }, /** * 提交客户询价 */ submitQuotationModal() { // // 如果有选中询价单
// if (this.quotationSelections != null && this.quotationSelections.length > 0) {
// let tempData = {
// currentStatus: 'E',
// informationList: this.quotationSelections,
// }
// // 检查询价单状态
// checkQuotationStatus(tempData).then(({data}) => {
// if (data && data.code === 0) {
// if (data.flag === 1) { // 状态一致
// this.packSubmitQuotationModal()
// } else { // 状态不同
// this.$message.warning('选中的询价单进度有误，请确认！')
// }
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// } else { // 没有选中询价单，则根据当前点击行询价单操作
// this.packSubmitQuotationModal()
// }
this.packSubmitQuotationModal() }, /** * 保存提交结果 */ saveSubmitResult() { if (this.submitResultData.actualitySubmissionDate === '' || this.submitResultData.actualitySubmissionDate == null) { this.$message.warning('请选择实际提交客户日期！') return } if (this.submitResultData.submissionMethod === '' || this.submitResultData.submissionMethod == null) { this.$message.warning('请选择提交方式！') return } // if (this.quotationSelections.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, quotationNo: '', actualityReplyDate: new Date(), confirmResults: '接受', confirmBy: '', confirmInformation: '', quotationResultStatus: 'R', updateBy: this.$store.state.user.name } // 获得选中的询价号
// if (this.quotationSelections.length > 0) {
// this.quotationSelections.forEach(val => {
// this.customerResponseData.quotationNo += ';' + val.quotationNo
// })
// this.customerResponseData.quotationNo = this.customerResponseData.quotationNo.substring(1)
// } else {
// this.customerResponseData.quotationNo = this.quotationCurrentRow.quotationNo
// }
this.customerResponseData.quotationNo = this.quotationCurrentRow.quotationNo this.customerResponseModalFlag = true }, /** * 客户回复 */ customerResponseModal() { // // 如果有选中询价单
// if (this.quotationSelections != null && this.quotationSelections.length > 0) {
// let tempData = {
// currentStatus: 'S',
// informationList: this.quotationSelections,
// }
// // 检查询价单状态
// checkQuotationStatus(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.quotationSelections.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.quotationCurrentRow.quotationNo } 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.quotationNo
// }
// 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, quotationNo: this.enterResultData.quotationNo, fileRemark: '', folder: 'quotationFile', // options: []
} // let num = 0
// let arr = this.enterResultData.quotationNo.split(';')
// arr.forEach(val => {
// currentData.options.push({key: num++, value: val})
// })
//打开组件 去做新增业务
this.$nextTick(() => { this.$refs.quotationUploadFile.init(currentData); }) }, /** * 文件删除 * @param row */ deleteFile(row) { this.$confirm('确定要删除此文件?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { deleteQuotationFile(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) }) },
// 双击选择负责人
getContactData(row) { this.modalData.customerResponsiblePerson = row.contactName this.modalData.customerResponsiblePersonPhone = row.contactPhoneNumber1 this.contactModelFlag = 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 = [] } }); },
// ======== 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.quoter } } if (val === 104) { if (type === 1) { strVal = this.modalData.projectId } } if (val === 2000) { strVal = this.modalData.trackerName conSql = " and b.site = '" + this.$store.state.user.site + "'" } if (val === 2002) { strVal = this.modalData.quoterName 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 = '' this.modalData.projectName = '' 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.quoter = val.username this.modalData.quoterName = val.user_display } } if (this.tagNo === 104) { if (this.tagNo1 === 1) { this.modalData.projectId = val.project_id this.modalData.projectName = val.project_name } } if (this.tagNo === 2000) { this.modalData.tracker = val.username this.modalData.trackerName = val.user_display } if (this.tagNo === 2002) { this.modalData.quoter = val.username this.modalData.quoterName = val.user_display } },
// ======== 导出相关方法 ========
/** * 导出excel */ async createExportData() { this.searchData.limit = -1 this.searchData.page = 1 await quotationInformationSearch(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 }, // 保存弹框关闭事件
closeSaveDataDialog() { this.activeTab='part'; this.$refs.saveDataForm.resetFields(); // 先清空缓存选中
this.$nextTick(() => this.$refs.projectPartTable.clearSelection()) // 拿到选中的产品编号
this.modalData.testPartNo = '' this.modalData.partName = '' this.projectPartData = { site: this.$store.state.user.site, testPartNo: '', partName: '', projectId: '', } this.priceCheckDetail = JSON.parse(JSON.stringify(this.copyPriceCheckDetail)) if (this.modalData.flag === '1'){ this.$refs.saveDetailForm.resetFields(); this.projectPartDetailList = [] } }, // 保存弹框打开事件
openSaveDataDialog() { if (!this.modalData.projectId) { this.projectPartList = []; return } this.getProjectPartList() }, // 查询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, } }, projectClickRow(row) { this.modalData.projectId = row.projectId this.modalData.projectName = row.projectName this.modalData.finalCustomerId = row.finalCustomerId this.modalData.finalCustomerName = row.finalCustomerName this.getProjectPartList() this.chooseProjectListFlag = false }, checkSelectable(row, index) { if (this.modalData.flag === '1') { return true } else { return false } }, rowStyle({row}) { if (this.quotationCurrentRow.quotationNo === row.quotationNo) { return {'background-color': '#E8F7F6', cursor: 'pointer'}; } }, partRowStyle({row}) { if (this.modalData.testPartNo === row.testPartNo) { return {'background-color': '#E8F7F6', cursor: 'pointer'}; } }, updateModalStatus(row, status) { this.$confirm(`是否确认下达?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let params = JSON.parse(JSON.stringify(row)) params.quotationResultStatus = status; params.quotationStatus = '下达'; params.userName = this.$store.state.user.name params.menuId = this.$route.meta.menuId quotationInformationEditStatus(params).then(({data}) => { if (data && data.code === 0) { this.$message.success('询价单已下达') this.getDataList() } else { this.$message.warning(data.msg) } }).catch((error) => { this.$message.error(error) }) }) }, getPriceCheckDetailList(){ let params = { site:this.quotationCurrentRow.site, quotationNo:this.quotationCurrentRow.quotationNo } getPriceCheckDetailList(params).then(({data}) => { if (data && data.code === 0){ this.priceCheckDetailList = data.rows }else { this.$message.warning(data.msg) } }).catch((error)=>{ this.$message.error(error) }) },
// 同意提交
agreeSubmit () { this.$confirm(`是否确认提交?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { if ((this.modalData.tracker === '' || this.modalData.tracker == null) && (this.modalData.sourcing === 'Y' || this.modalData.sourcing === '0' || this.modalData.sourcing === 0)) { this.$message.warning('请选择采购专员编码！') return } if ((this.modalData.trackerName === '' || this.modalData.trackerName == null) && (this.modalData.sourcing === 'Y' || this.modalData.sourcing === '0' || this.modalData.sourcing === 0)) { this.$message.warning('请选择采购专员名称！') return } this.modalData.nodeConclusion = 'Y' this.submitData() }) },
// 驳回提交
rejectSubmit () { this.$confirm(`是否确认驳回?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { if ((this.modalData.tracker === '' || this.modalData.tracker == null) && this.modalData.sourcing === 'Y') { this.$message.warning('请选择采购专员编码！') return } if ((this.modalData.trackerName === '' || this.modalData.trackerName == null) && this.modalData.sourcing === 'Y') { this.$message.warning('请选择采购专员名称！') return } this.modalData.rejectOpinion = this.rejectOpinion this.modalData.nodeConclusion = 'N' this.submitData() }) },
// 提交
submitData () { if (this.plmQuotationInformationArr) { for (let i = 0; i < this.plmQuotationInformationArr.length; i++) { if (!this.modalData[this.plmQuotationInformationArr[i].fieldId] && this.plmQuotationInformationArr[i].required === 'Y') { this.$message.warning(this.plmQuotationInformationArr[i].fieldName + '不能为空!') return } } } this.modalData.userName = this.$store.state.user.name this.modalData.menuId = this.$route.meta.menuId submitChange(this.modalData).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.plmQuotationInformationArr = data.rows.plm_quotation_information } }) }, 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 this.modalData.finalCustomerId = data.rows[0].finalCustomerId this.modalData.finalCustomerName = data.rows[0].finalCustomerName }else { this.modalData.projectName = '' this.modalData.finalCustomerId = '' this.modalData.finalCustomerName = '' } }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.quotationCurrentRow.quotationBatchNo, } 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},}) } }, updateDetailModal(row){ this.detailVisible = true this.updateModal(row) }, clearModalData(field){ this.modalData[field] = '' }, handleSizeChange(val){ this.size = val this.getProjectPartList(); }, handleCurrentChange(val){ this.no = val this.getProjectPartList(); } }}</script>
<style scoped>/deep/ .customer-tab .el-tabs__content { padding: 0px !important; height: 459px;}
/deep/ .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: #17B3A3; border-color: #17B3A3;}
/deep/ .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { border-color: #FFF}/deep/ .el-form-item--medium .el-form-item__content{ height: auto;}</style>
|
