|
|
<template> <div class="mod-config"> <!-- 查询条件 --> <el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> <el-form-item :label="'客户编码'"> <el-input v-model="searchData.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 style="margin-top: 23px;"> <laber style="margin-left: 0px;font-size: 19px">➞</laber> </el-form-item> <el-form-item :label="' '"> <el-date-picker style="width: 120px" v-model="searchData.endDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> <el-form-item :label="'项目编码'"> <el-input v-model="searchData.projectId" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'项目名称'"> <el-input v-model="searchData.projectName" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'工程师'"> <el-input v-model="searchData.engineerName" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'优先等级'"> <dict-data-select v-model="searchData.priorityLevel" clearable style="width: 120px" :use-default-value="false" dict-type="priority_Level"/> </el-form-item> <el-form-item :label="'状态'" v-if="false"> <el-select v-model="searchData.testResultStatus" style="width: 120px"> <el-option label="全部" value=""></el-option> <el-option label="草稿" value="B"></el-option> <el-option label="已下达" value="C"></el-option> <el-option label="已完成测试" value="E"></el-option> <el-option label="已提交测试" value="S"></el-option> <el-option label="客户已反馈" value="R"></el-option> </el-select> </el-form-item> <el-form-item :label="'状态'"> <el-select v-model="searchData.testStatus" style="width: 120px"> <el-option label="全部" value=""></el-option> <el-option label="草稿" value="草稿"></el-option> <el-option label="下达" value="下达"></el-option> </el-select> </el-form-item> <el-form-item :label="' '"> <el-button @click="getDataList()">查询</el-button> <el-button type="primary" @click="addModal()">新增</el-button> <el-button type="primary" @click="delModal()">删除</el-button> <download-excel :fields="fields()" :data="exportData" type="xls" :name="exportName" :header="exportHeader" :footer="exportFooter" :fetch="createExportData" :before-generate="startDownload" :before-finish="finishDownload" worksheet="导出信息" class="el-button el-button--primary el-button--medium"> {{ "导出" }} </download-excel> </el-form-item> </el-form>
<!-- 测试列表 --> <el-table :height="height" :data="dataList" border :row-style="rowStyle" ref="testTable" @row-click="testClickRow" @selection-change="selectionTest" @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 === 'testResultStatus'"> <span v-if="!item.columnHidden"> <span v-show="scope.row.testResultStatus === 'B'">草稿</span> <span v-show="scope.row.testResultStatus === 'C'">已下达</span> <span v-show="scope.row.testResultStatus === 'E'">已完成测试</span> <span v-show="scope.row.testResultStatus === 'S'">已提交测试</span> <span v-show="scope.row.testResultStatus === '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"> <a type="text" size="small" style="cursor:pointer;" @click="updateModal(scope.row)">编辑</a> <a type="text" size="small" style="cursor:pointer;" v-if="scope.row.testResultStatus === 'B'" @click="updateModalStatus(scope.row,'C')">下达</a> </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" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" top="10vh" width="60%"> <el-form label-position="top" ref="modalForm" :model="modalData" :rules="rules"> <el-row :gutter="15"> <el-col :span="8"> <el-row :gutter="10"> <el-col :span="10"> <el-form-item prop="customerNo" label="客户编码"> <span slot="label" v-if="modalData.flag === '1'" @click="getBaseList(102,1)"><a herf="#">客户编码</a></span> <el-input :disabled="modalData.flag !== '1'" v-model="modalData.customerNo"></el-input> </el-form-item> </el-col> <el-col :span="14"> <el-form-item label=" "> <el-input disabled v-model="modalData.customerDesc"></el-input> </el-form-item> </el-col> </el-row> </el-col> <el-col :span="4"> <el-form-item label="测试数量" prop="testNumber"> <div class="right"> <el-input type="number" class="inlineNumber" v-model="modalData.testNumber" @input="modalData.testNumber = modalData.testNumber.replace(/^(0+)|[^\d]+/g, '')"></el-input> </div> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="优先等级" prop="priorityLevel"> <dict-data-select v-if="modalFlag" v-model="modalData.priorityLevel" dict-type="priority_Level"></dict-data-select> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="要求交付日期" prop="requiredDeliveryDate"> <el-date-picker v-model="modalData.requiredDeliveryDate" style="width: 100%" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="印刷方式" prop="printType"> <dict-data-select v-if="modalFlag" clearable v-model="modalData.printType" dict-type="print_type"></dict-data-select> </el-form-item> </el-col> </el-row> <el-row :gutter="15"> <el-col :span="8"> <el-row :gutter="10"> <el-col :span="10"> <el-form-item prop="projectId" label="项目编码"> <span slot="label" v-if="modalData.customerNo && modalData.flag === '1'" @click="chooseProjectListFlag = true"><a herf="#">项目编码</a></span> <el-input :disabled="!modalData.customerNo || modalData.flag !== '1'" v-model="modalData.projectId"></el-input> </el-form-item> </el-col> <el-col :span="14"> <el-form-item label=" "> <el-input disabled v-model="modalData.projectName"></el-input> </el-form-item> </el-col> </el-row> </el-col> <el-col :span="4" v-if="false"> <el-form-item> <span slot="label" @click="getCustomerContactList"><a>收货人</a></span> <el-input v-model="modalData.consignee"></el-input> </el-form-item> </el-col> <el-col :span="4" v-if="false"> <el-form-item label="收货人联系方式"> <el-input v-model="modalData.consigneeContact"></el-input> </el-form-item> </el-col> <el-col :span="4" v-if="false"> <el-form-item label=" "> <el-checkbox v-model="modalData.isNeedToSendSamples" true-label="Y">是否需要送样</el-checkbox> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="标签名称" prop="productName"> <el-input v-model="modalData.productName"></el-input> </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="testPartNo" label="物料编码"> <span slot="label" v-if="modalData.projectId && modalData.flag === '1'" @click="projectPartModelFlag = true"><a herf="#">项目编码</a></span> <el-input :disabled="!modalData.projectId || modalData.flag !== '1'" v-model="modalData.testPartNo"></el-input> </el-form-item> </el-col> <el-col :span="14"> <el-form-item label=" "> <el-input disabled v-model="modalData.partName"></el-input> </el-form-item> </el-col> </el-row> </el-col> <el-col :span="4"> <el-form-item prop="trackerName"> <!-- <span slot="label" @click="getBaseList(103,1)"><a herf="#">跟单员</a></span>--> <span style="cursor: pointer" slot="label" @click="getBaseList(2000)"><a herf="#">跟单员</a></span> <el-input v-model="modalData.trackerName" readonly></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item prop="engineerName"> <!-- <span slot="label" @click="getBaseList(103,2)"><a herf="#">工程师</a></span>--> <span slot="label" @click="getBaseList(2001)"><a herf="#">工程师</a></span> <el-input v-model="modalData.engineerName" readonly></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="设计师"> <span slot="label"><a herf="#" @click="getBaseList(2003)">设计师</a></span> <el-input v-model="modalData.artworkName"></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="计划员"> <span slot="label"><a herf="#" @click="getBaseList(2004)">计划员</a></span> <el-input v-model="modalData.plannerName"></el-input> </el-form-item> </el-col> </el-row> <el-row :gutter="15"> <el-col :span="12" v-if="false"> <el-form-item style="height: 90px"> <span slot="label" @click="getCustomerAddressList"><a>送样地址</a></span> <el-input type="textarea" v-model="modalData.sendSamplesAddress" :rows="3" resize='none'></el-input> </el-form-item> </el-col> <el-col :span="12" v-if="false"> <el-form-item label="备注" style="height: 90px"> <el-input type="textarea" v-model="modalData.remark" :rows="3" resize='none'></el-input> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="技术注意事项" style="height: 90px"> <el-input type="textarea" v-model="modalData.technicalConsiderations" :rows="3" resize='none' show-word-limit></el-input> </el-form-item> </el-col> </el-row> </el-form> <div class="rq"> <el-button v-if="!modalData.testNo" @click="saveData" plain type="primary" style="position:absolute;margin-top: 10px;margin-right: 10px;right: 0;z-index: 1">下一步</el-button> <el-tabs v-model="activeTab" @tab-click="dialogTabClick"> <el-tab-pane label="基本信息" :disabled="!activeTabList.includes('attribute')" name="attribute" v-if="modalData.testNo"> <test-properties v-if="modalFlag" v-model:data-list="testPropertiesList" ref="dialogTestAttribute" :test-no="modalData.testNo"></test-properties> </el-tab-pane> <el-tab-pane label="基本信息" :disabled="!activeTabList.includes('attribute')" name="attribute" v-else> <test-properties v-if="modalFlag" v-model:data-list="copyTestPropertiesList" ref="dialogTestAttribute" :test-no="modalData.testNo"></test-properties> </el-tab-pane> <el-tab-pane label="物料属性" :disabled="!activeTabList.includes('partAttribute')" name="partAttribute"> <test-attribute v-if="modalFlag" :attribute-list="dialogProperties" ref="dialogAttribute" :test-no="modalData.testNo"></test-attribute> </el-tab-pane> <el-tab-pane label="物料信息" name="part" v-if="false"> <el-form label-position="top" :model="projectPartData"> <el-row :gutter="20"> <el-col :span="4"> <el-form-item label="产品编码"> <el-input v-model="projectPartData.testPartNo" clearable></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="产品名称"> <el-input v-model="projectPartData.partName" clearable></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label=" "> <el-button type="primary" @click="getProjectPartList()">查询</el-button> </el-form-item> </el-col> <el-col :span="4" :offset="8"> <el-form-item label=" "> <el-button v-if="this.modalData.flag === '1' && this.activeTabList.length === 1" type="primary" style="float: right;margin-right: 8px" @click="saveData">下一步</el-button> </el-form-item> </el-col> </el-row> </el-form> <el-table :height="300" :data="projectPartList" ref="projectPartTable" @row-click="projectPartClickRow" @selection-change="selectionProjectPart" :row-key="getRowKeys" @select="selectTestPart" @select-all="selectAllTestPart" header-cell-class-name="cellClass" border v-loading="dataListLoading" style="width: 100%;"> <el-table-column type="selection" header-align="center" align="center" :selectable="checkSelectable" :reserve-selection="true" width="50"> </el-table-column> <el-table-column v-for="(item,index) in projectPartDetailList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed===''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> </el-table> </el-tab-pane> <el-tab-pane label="材料信息" :disabled="!activeTabList.includes('product')" name="product"> <test-table v-if="clickTestRow" :test-number="modalData.testNumber" ref="dialogSoBom" v-model:data-list="testSoBomList" :test-no="modalData.testNo"></test-table> </el-tab-pane> <el-tab-pane label="制程信息" :disabled="!activeTabList.includes('process')" name="process"> <test-routing-table v-if="clickTestRow" ref="dialogSoRouting" v-model:data-list="testSoRoutingList" :test-no="modalData.testNo"></test-routing-table> </el-tab-pane> <el-tab-pane label="附件" :disabled="!activeTabList.includes('file')" name="file"> <test-file v-if="modalFlag" :column-list="fileColumnList" v-model:data-list="testFileList" ref="dialogTestFile" :test-no="modalData.testNo"></test-file> </el-tab-pane> </el-tabs> </div> <el-footer style="height:30px;text-align:center;margin-top: 8px"> <el-button type="primary" @click="saveData()" v-if="modalData.flag !== '1'">保存</el-button> <el-button type="primary" @click="modalFlag = false">关闭</el-button> </el-footer> </el-dialog>
<el-dialog title="物料信息" :visible.sync="projectPartModelFlag"> <el-form label-position="top" :model="projectPartData"> <el-row :gutter="20"> <el-col :span="4"> <el-form-item label="产品编码"> <el-input v-model="projectPartData.testPartNo" clearable></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="产品名称"> <el-input v-model="projectPartData.partName" clearable></el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label=" "> <el-button type="primary" @click="getProjectPartList()">查询</el-button> </el-form-item> </el-col> </el-row> </el-form> <el-table :height="300" :data="projectPartList" ref="projectPartTable" @row-dblclick="partClickRow" header-cell-class-name="cellClass" border v-loading="dataListLoading" style="width: 100%;"> <el-table-column v-for="(item,index) in projectPartDetailList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed===''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> </el-table> </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="testResultInformation" :rules="enterResultRules.testResultInformation"> <el-input type="textarea" v-model="enterResultData.testResultInformation" :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="saveTestResult()">保存</el-button> <el-button type="primary" @click="enterResultModalFlag = false">关闭</el-button> </el-footer> </el-dialog>
<!-- 录入送样信息模态框 --> <el-dialog title="录入送样信息" :close-on-click-modal="false" v-drag :visible.sync="submitResultModalFlag" width="620px"> <el-form :inline="true" label-position="top" :model="submitResultData" :rules="submitResultRules" style="margin-left: 0px;margin-top: 10px;"> <el-form-item label="实际送样日期" prop="actualitySendSamplesDate" :rules="submitResultRules.actualitySendSamplesDate"> <el-date-picker v-model="submitResultData.actualitySendSamplesDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期" style="width: 200px"></el-date-picker> </el-form-item> <el-form-item label="送样方式" prop="sendSamplesMethod" :rules="submitResultRules.sendSamplesMethod"> <el-select v-model="submitResultData.sendSamplesMethod" style="width: 221px"> <el-option label="客户自提" value="客户自提"></el-option> <el-option label="人员带货" value="人员带货"></el-option> <el-option label="其它" value="其它"></el-option> </el-select> </el-form-item> <el-form-item label="送货信息"> <el-input v-model="submitResultData.deliverGoodsInformation" style="width: 221px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="submitResultData" style="margin-left:0px;margin-top: 5px;"> <el-form-item label="送货备注"> <el-input type="textarea" v-model="submitResultData.deliverGoodsRemark" :rows="3" resize='none' show-word-limit style="width: 456px;height: 30px"></el-input> </el-form-item> </el-form> <el-footer style="height:35px;margin-top: 50px;text-align:center"> <el-button type="primary" @click="saveSubmitResult()">保存</el-button> <el-button type="primary" @click="submitResultModalFlag = false">关闭</el-button> </el-footer> </el-dialog>
<!-- 客户回复模态框 --> <el-dialog title="客户回复" :close-on-click-modal="false" v-drag :visible.sync="customerResponseModalFlag" width="620px"> <el-form :inline="true" label-position="top" :model="customerResponseData" :rules="customerResponseRules" style="margin-left: 0px;margin-top: 10px;"> <el-form-item label="实际回复日期" prop="actualityReplyDate" :rules="customerResponseRules.actualityReplyDate"> <el-date-picker v-model="customerResponseData.actualityReplyDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期" style="width: 185px"></el-date-picker> </el-form-item> <el-form-item label="客户确认结果" prop="confirmResults" :rules="customerResponseRules.confirmResults"> <el-select v-model="customerResponseData.confirmResults" style="width: 185px"> <el-option label="接受" value="接受"></el-option> <el-option label="不接受" value="不接受"></el-option> </el-select> </el-form-item> <el-form-item label="客户确认人" prop="confirmBy" :rules="customerResponseRules.confirmBy"> <el-input v-model="customerResponseData.confirmBy" style="width: 185px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="customerResponseData" style="margin-left:0px;margin-top: 5px;"> <el-form-item label="客户回复信息"> <el-input type="textarea" v-model="customerResponseData.confirmInformation" :rows="3" resize='none' show-word-limit style="width: 595px;height: 30px"></el-input> </el-form-item> </el-form> <el-footer style="height:35px;margin-top: 50px;text-align:center"> <el-button type="primary" @click="saveCustomerResponse()">保存</el-button> <el-button type="primary" @click="customerResponseModalFlag = false">关闭</el-button> </el-footer> </el-dialog>
<!--选择项目模态框--> <el-dialog title="选择-项目" @close="closeProjectInfoDialog" @open="searchProjectInfoList" :visible.sync="chooseProjectListFlag" width="35%"> <el-form label-position="top" :model="searchProjectData" ref="closeProjectInfoForm"> <el-row :gutter="10"> <el-col :span="6"> <el-form-item label="项目编码"> <el-input v-model="searchProjectData.projectId"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="项目名称"> <el-input v-model="searchProjectData.projectName"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label=" "> <el-button type="primary" @click="searchProjectInfoList">查询</el-button> </el-form-item> </el-col> </el-row> <el-table :height="223" :data="projectList" border @row-click="projectClickRow"> <el-table-column label="项目编码" prop="projectId"/> <el-table-column label="项目名称" prop="projectName"/> </el-table> </el-form> </el-dialog>
<!-- 页签 --> <el-tabs v-model="activeTable" style="margin-top: 0px; width: 100%; min-height: 500px;" type="border-card" @tab-click="tabClick" class="customer-tab"> <!-- 测试详细信息页签 --> <el-tab-pane label="测试详细信息" name="test_detail_information" v-if="false"> <el-form :inline="true" label-position="top" :model="testDetailData" style="margin-left: 10px;margin-top: 10px;"> <el-form-item label="技术注意事项"> <el-input type="textarea" v-model="testDetailData.technicalConsiderations" readonly :rows="3" resize='none' show-word-limit style="width: 600px;height: 30px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="testDetailData" style="margin-left: 10px;margin-top: 46px;"> <el-form-item label="是否需要送样"> <input type="checkbox" v-if="testDetailData.isNeedToSendSamples == 'Y'" checked onclick="return false"/> <input type="checkbox" v-if="testDetailData.isNeedToSendSamples != 'Y'" onclick="return false"/> </el-form-item> <el-form-item label="送样地址"> <el-input v-model="testDetailData.sendSamplesAddress" readonly style="width: 295px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="testDetailData" style="margin-left: 10px;margin-top: 46px;"> <el-form-item label="收货人"> <el-input v-model="testDetailData.consignee" readonly style="width: 295px"></el-input> </el-form-item> <el-form-item label="收货人联系方式"> <el-input v-model="testDetailData.consigneeContact" readonly style="width: 295px"></el-input> </el-form-item> </el-form> </el-tab-pane> <!-- 测试结果页签 --> <el-tab-pane label="测试结果" name="test_result" v-if="false"> <el-form :inline="true" label-position="top" :model="testResultData" style="margin-left: 10px;margin-top: 5px;"> <el-button v-if="testResultData.testResultStatus === 'C'" type="primary" @click="testResultModal()">录入测试结果</el-button> <el-button v-if="testResultData.testResultStatus === 'E'" type="primary" @click="submitTestModal()">录入送样信息</el-button> <el-button v-if="testResultData.testResultStatus === 'S'" type="primary" @click="customerResponseModal()">客户回复</el-button> </el-form> <el-form :inline="true" label-position="top" :model="testResultData" style="margin-left: 10px;margin-top: 2px;"> <el-form-item label="实际交付日期"> <el-date-picker v-model="testResultData.actualityDeliveryDate" readonly type="date" value-format="yyyy-MM-dd" style="width: 240px"></el-date-picker> </el-form-item> <el-form-item label="是否需要送样"> <input type="checkbox" v-if="testResultData.isNeedToSendSamples == 'Y'" checked onclick="return false"/> <input type="checkbox" v-if="testResultData.isNeedToSendSamples != 'Y'" onclick="return false"/> </el-form-item> <el-form-item label="是否送样"> <input type="checkbox" v-if="testResultData.testResultStatus == 'S' || testResultData.testResultStatus == 'R'" checked onclick="return false"/> <input type="checkbox" v-if="testResultData.testResultStatus != 'S' && testResultData.testResultStatus != 'R'" onclick="return false"/> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="testResultData" style="margin-left: 10px;margin-top: -1px;"> <el-form-item label="测试结果信息"> <el-input type="textarea" v-model="testResultData.testResultInformation" readonly :rows="2" resize='none' show-word-limit style="width: 760px;height: 20px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="testResultData" style="margin-left: 10px;margin-top: 26px;"> <el-form-item label="附件清单"> <el-table :height="90" :data="fileContentList" border v-loading="dataListLoading" style="width: 100%"> <el-table-column v-for="(item,index) in fileColumnList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed===''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="100" label="操作"> <template slot-scope="scope"> <a @click="downloadFile(scope.row)">下载</a> </template> </el-table-column> </el-table> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="testResultData" style="margin-left: 10px;margin-top: 69px;"> <el-form-item label="实际送样日期"> <el-date-picker v-model="testResultData.actualitySendSamplesDate" readonly type="date" value-format="yyyy-MM-dd" style="width: 240px"></el-date-picker> </el-form-item> <el-form-item label="送样方式"> <el-input v-model="testResultData.sendSamplesMethod" readonly style="width: 240px"></el-input> </el-form-item> <el-form-item label="送货信息"> <el-input v-model="testResultData.deliverGoodsInformation" readonly style="width: 240px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="testResultData" style="margin-left: 10px;margin-top: -2px;"> <el-form-item label="送货备注"> <el-input type="textarea" v-model="testResultData.deliverGoodsRemark" readonly :rows="2" resize='none' show-word-limit style="width: 760px;height: 20px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="testResultData" style="margin-left: 10px;margin-top: 26px;"> <el-form-item label="客户是否回复"> <input type="checkbox" v-if="testResultData.testResultStatus == 'R'" checked onclick="return false"/> <input type="checkbox" v-if="testResultData.testResultStatus != 'R'" onclick="return false"/> </el-form-item> <el-form-item label="客户确认结果"> <el-input v-model="testResultData.confirmResults" readonly style="width: 205px"></el-input> </el-form-item> <el-form-item label="实际回复日期"> <el-date-picker v-model="testResultData.actualityReplyDate" readonly type="date" value-format="yyyy-MM-dd" style="width: 240px"></el-date-picker> </el-form-item> <el-form-item label="客户确认人"> <el-input v-model="testResultData.confirmBy" readonly style="width: 205px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="testResultData" style="margin-left: 10px;margin-top: -2px;"> <el-form-item label="客户回复信息"> <el-input type="textarea" v-model="testResultData.confirmInformation" readonly :rows="2" resize='none' show-word-limit style="width: 760px;height: 20px"></el-input> </el-form-item> </el-form> </el-tab-pane> <el-tab-pane label="基本信息" name="attribute"> <test-properties ref="tabProperties" v-model:data-list="testPropertiesList" :test-no="testCurrentRow.testNo" :height="500"></test-properties> </el-tab-pane> <el-tab-pane label="物料属性" name="test_attribute" style="padding: 5px"> <test-attribute ref="tabAttribute" :attribute-list="attributeList" :test-no="testCurrentRow.testNo" :height="500"></test-attribute> </el-tab-pane> <el-tab-pane label="材料信息" name="test_so_bom" style="padding: 5px"> <test-table ref="tabSoBom" :test-number="testCurrentRow.testNumber" :data-list="testSoBomList" :test-no="testCurrentRow.testNo" :height="500" v-model:data-list="testSoBomList"></test-table> </el-tab-pane> <el-tab-pane label="制程信息" name="test_so_routing" style="padding: 5px"> <test-routing-table ref="tabSoBom" :test-no="testCurrentRow.testNo" v-model:data-list="testSoRoutingList" :height="500" ></test-routing-table> </el-tab-pane> <el-tab-pane label="附件" name="file"> <test-file ref="tabFile" :column-list="fileColumnList" v-model:data-list="testFileList" :test-no="testCurrentRow.testNo" :height="500"></test-file> </el-tab-pane>
<!-- 项目信息页签 --> <el-tab-pane label="项目信息" name="project_information"> <el-form label-position="top" :model="projectInformationData" style="margin-left: 10px;margin-top: 5px;margin-right: 10px"> <el-row :gutter="20"> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="项目号"> <el-input v-model="projectInformationData.projectId" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="项目名称"> <el-input v-model="projectInformationData.projectName" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="项目类型"> <el-input v-model="projectInformationData.projectType" readonly></el-input> </el-form-item> </div> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="客户来源"> <el-input v-model="projectInformationData.projectSourceDesc" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="优先级"> <el-input v-model="projectInformationData.priorityDesc" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="项目状态"> <el-input v-model="projectInformationData.status" readonly></el-input> </el-form-item> </div> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="项目经理"> <el-input v-model="projectInformationData.projectManagerName" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="项目负责人"> <el-input v-model="projectInformationData.projectOwnerName" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="项目权限"> <el-input v-model="projectInformationData.userRoleName" readonly></el-input> </el-form-item> </div> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="6"> <div class="grid-content bg-purple"> <el-form-item label="创建时间"> <el-input v-model="projectInformationData.createDate" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="6"> <div class="grid-content bg-purple"> <el-form-item label="创建人"> <el-input v-model="projectInformationData.createBy" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="6"> <div class="grid-content bg-purple"> <el-form-item label="更新时间"> <el-input v-model="projectInformationData.updateDate" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="6"> <div class="grid-content bg-purple"> <el-form-item label="更新人"> <el-input v-model="projectInformationData.updateBy" readonly></el-input> </el-form-item> </div> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="24"> <div class="grid-content bg-purple"> <el-form-item label="项目描述"> <el-input v-model="projectInformationData.projectDesc" readonly></el-input> </el-form-item> </div> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="24"> <div class="grid-content bg-purple"> <el-form-item label="其它特殊要求"> <el-input v-model="projectInformationData.remark" readonly></el-input> </el-form-item> </div> </el-col> </el-row> </el-form> </el-tab-pane> <!-- 客户信息页签 --> <el-tab-pane label="客户信息" name="customer_information"> <el-form label-position="top" :model="customerInformationData" style="margin-left: 10px;margin-top: 5px;margin-right: 10px"> <el-row :gutter="20"> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="客户代码"> <el-input v-model="customerInformationData.customerNo" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="客户名称"> <el-input v-model="customerInformationData.customerDesc" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="重要程度"> <el-input v-model="customerInformationData.importantCustomer" readonly></el-input> </el-form-item> </div> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="客户币种"> <el-input v-model="customerInformationData.customerCurrency" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="年营业额"> <el-input v-model="customerInformationData.turnoverOfYear" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="年潜在投入"> <el-input v-model="customerInformationData.potentialRevenueOfYear" readonly></el-input> </el-form-item> </div> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="客户状态"> <el-input v-model="customerInformationData.customerStatus" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="行业"> <el-input v-model="customerInformationData.customerIndustry" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="公司名称"> <el-input v-model="customerInformationData.companyName" readonly></el-input> </el-form-item> </div> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="客户联系人"> <el-input v-model="customerInformationData.contactName" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="联系人电话"> <el-input v-model="customerInformationData.contactPhoneNumber1" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="8"> <div class="grid-content bg-purple"> <el-form-item label="联系人职务"> <el-input v-model="customerInformationData.position" readonly></el-input> </el-form-item> </div> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="12"> <div class="grid-content bg-purple"> <el-form-item label="客户描述"> <el-input v-model="customerInformationData.customerDescription" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="12"> <div class="grid-content bg-purple"> <el-form-item label="客户联系地址"> <el-input v-model="customerInformationData.addressName" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="12"> <div class="grid-content bg-purple"> <el-form-item label="地址类型"> <el-input v-model="customerInformationData.addressType" readonly></el-input> </el-form-item> </div> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="6"> <div class="grid-content bg-purple"> <el-form-item label="创建时间"> <el-input v-model="customerInformationData.createDate" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="6"> <div class="grid-content bg-purple"> <el-form-item label="创建人"> <el-input v-model="customerInformationData.createBy" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="6"> <div class="grid-content bg-purple"> <el-form-item label="更新时间"> <el-input v-model="customerInformationData.updateDate" readonly></el-input> </el-form-item> </div> </el-col> <el-col :span="6"> <div class="grid-content bg-purple"> <el-form-item label="更新人"> <el-input v-model="customerInformationData.updateBy" readonly></el-input> </el-form-item> </div> </el-col> </el-row> </el-form> </el-tab-pane> </el-tabs>
<!-- chooseList模态框 --> <choose-list ref="baseList" @getBaseData="getBaseData"></choose-list>
<!-- 客户地址 --> <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>
<!-- 上传文件的modal --> <test-upload-file ref="testUploadFile" @refreshPageTables="getFileContentData()" v-drag></test-upload-file> </div></template>
<script> import { testInformationSearch, // 测试信息列表查询
testInformationSave, // 测试信息新增
testInformationEdit, // 测试信息编辑
testInformationDelete, // 测试信息删除
getFileContentList, // 获取测试单附件列表
testResultSearch, // 获取测试结果对象
deleteTestFile, // 文件删除
saveTestResult, // 保存测试结果
saveSubmitResult, // 保存送样结果
saveCustomerResponse, // 保存客户回复
getProjectPartList, // 获取产品列表
getProjectInformation, // 获取项目信息
getCustomerInformation // 获取客户信息
} from '@/api/test/testInformation.js' import { downLoadQuotationFile, // 文件下载
searchProjectInfoList } from '@/api/quotation/quotationInformation.js' import { customerAddressSearch, // 客户联系地址列表查询
} from '@/api/customer/customerAddress.js' import { customerContactSearch, // 客户联系人列表查询
} from '@/api/customer/customerContact.js' import ChooseList from '@/views/modules/common/Chooselist' import TestUploadFile from "./test_upload_file" import DictDataSelect from "../sys/dict-data-select.vue"; import {selectTestSoBom,} from "../../../api/test/testSoBom"; import TestTable from "./testSoBom/testTable.vue"; import TestRoutingTable from "./testSoRouting/testRoutingTable.vue"; import {selectTestSoRoutingList} from "../../../api/test/testSoRouting"; import TestAttribute from "./testSoAttribute/testAttribute.vue"; import {partPropertiesList} from "../../../api/base/properties"; import TestProperties from "./testAttribute/testProperties.vue"; import {getTestPropertiesList,searchTestPropertiesItem} from "../../../api/test/testProperties"; import TestFile from "./file/testFile.vue"; export default { name:"test", components: { TestFile, TestProperties, TestAttribute, TestRoutingTable, TestTable, DictDataSelect, ChooseList, TestUploadFile }, 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.testNo = this.modalData.testNo.toUpperCase() } }, '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 ='' } }, 'modalData.testPartNo'(newV, oldV){ if (oldV) { if (!newV){ this.modalData.partName ='' this.dialogProperties = []; } } }, }, data () { return { testFileList:[], dialogProperties:[], attributeList:[], testSoRoutingList:[], testSoBomList:[], testPropertiesList:[], copyTestPropertiesList:[], activeTab:'attribute', activeTabList:['attribute'], clickTestRow:false, // 导出
exportData: [], exportName: '设备分类' + this.dayjs().format('YYYYMMDDHHmmss'), exportHeader: ['设备分类'], exportFooter: [], resultList: [], // ======== 行高 ========
height: 200, secondHeight: 200, // ======== 分页 ========
pageIndex: 1, pageSize: 50, totalPage: 0, selectedDataNum: 0, // 条件查询
searchData: { site: this.$store.state.user.site, customerNo: '', customerDesc: '', trackerName: '', testPartNo: '', partName: '', testStatus: '', startDate: '', endDate: '', projectId: '', projectName: '', engineerName: '', priorityLevel: '', page: 1, limit: 10 }, // 其它
dataListLoading: false, // 初始页签
activeTable: 'attribute', // ======== 数据对象 ========
modalData: { flag: '1', title: '测试申请', site: this.$store.state.user.site, testNo: '', customerNo: '', customerDesc: '', projectId: '', projectName: '', tracker: '', trackerName: '', testPartNo: '', partName: '', engineer: '', engineerName: '', priorityLevel: '一般', testNumber: 1, doesNeedArtwork:'', artwork:'', artworkName:'', doesNeedPlanner:'', planner:'', plannerName:'', requiredDeliveryDate: '', remark: '', technicalConsiderations: '', isNeedToSendSamples: '', sendSamplesAddress: '', consignee: '', consigneeContact: '', actualityDeliveryDate: '', testResultInformation: '', actualitySendSamplesDate: '', sendSamplesMethod: '', deliverGoodsInformation: '', deliverGoodsRemark: '', actualityReplyDate: '', confirmResults: '', confirmBy: '', confirmInformation: '', testStatus: '草稿', testResultStatus: 'B', nextToDo: '', createDate: '', createBy: this.$store.state.user.name, updateDate: '', updateBy: '', printType:'', productName:'', }, testDetailData: { technicalConsiderations: '', isNeedToSendSamples: '', sendSamplesAddress: '', consignee: '', consigneeContact: '' }, testResultData: { testResultStatus: '', actualityDeliveryDate: '', isNeedToSendSamples: '', testResultInformation: '', actualitySendSamplesDate: '', sendSamplesMethod: '', deliverGoodsInformation: '', deliverGoodsRemark: '', confirmResults: '', actualityReplyDate: '', confirmBy: '', confirmInformation: '' }, enterResultData: { site: this.$store.state.user.site, testNo: '', actualityDeliveryDate: '', testResultInformation: '', updateBy: this.$store.state.user.name, testResultStatus: '', fileContentList: [] }, submitResultData: { site: this.$store.state.user.site, testNo: '', actualitySendSamplesDate: '', sendSamplesMethod: '', deliverGoodsInformation: '', deliverGoodsRemark: '', updateBy: this.$store.state.user.name, testResultStatus: '' }, customerResponseData: { site: this.$store.state.user.site, testNo: '', actualityReplyDate: '', confirmResults: '', confirmBy: '', confirmInformation: '', updateBy: this.$store.state.user.name, testResultStatus: '' }, projectPartData: { site: this.$store.state.user.site, testPartNo: '', partName: '' }, projectInformationData: { projectId: '', projectName: '', projectType: '', projectSourceDesc: '', priorityDesc: '', status: '', projectDesc: '', projectManagerName: '', projectOwnerName: '', userRoleName: '', remark: '' }, customerInformationData: { customerNo: '', customerDesc: '', importantCustomer: '', customerCurrency: '', turnoverOfYear: '', potentialRevenueOfYear: '', customerStatus: '', customerIndustry: '', companyName: '', jobDescription: '', customerDescription: '', contactName: '', contactPhoneNumber1: '', position: '', addressName: '', addressType: '', createDate: '', createBy: '', updateDate: '', updateBy: '' }, // ======== 数据列表 ========
dataList: [], fileContentList: [], projectPartList: [], addressList: [], contactList: [], // ======== 列表表头 ========
columnList: [ { userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table1TestNo', tableId: '103001Table1', tableName: '测试信息表', columnProp: 'testNo', 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: 'left', 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: '103001Table1TrackerName', tableId: '103001Table1', tableName: '测试信息表', columnProp: 'trackerName', 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: '103001Table1EngineerName', tableId: '103001Table1', tableName: '测试信息表', columnProp: 'engineerName', 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: '103001Table1TestPartNo', tableId: '103001Table1', 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: 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: 100 }, { userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table1PriorityLevel', tableId: '103001Table1', tableName: '测试信息表', columnProp: 'priorityLevel', headerAlign: 'center', align: 'center', columnLabel: '优先等级', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table1TestNumber', tableId: '103001Table1', tableName: '测试信息表', columnProp: 'testNumber', 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: '103001Table1TestStatus', tableId: '103001Table1', tableName: '测试信息表', columnProp: 'testStatus', 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: '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: 'createBy', 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: 103001, serialNumber: '103001Table3TestPartNo', tableId: '103001Table3', tableName: '项目物料表', columnProp: 'testPartNo', 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: '103001Table3PartDesc', tableId: '103001Table3', tableName: '项目物料表', columnProp: 'partDesc', headerAlign: 'center', align: 'left', columnLabel: '物料名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 200 },{ userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table3PartSpec', tableId: '103001Table3', 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: 103001, serialNumber: '103001Table3PartTypeDesc', tableId: '103001Table3', tableName: '项目物料表', columnProp: 'partTypeDesc', 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: '103001Table3CodeNo', tableId: '103001Table3', tableName: '项目物料表', columnProp: 'codeNo', headerAlign: 'center', align: 'center', columnLabel: '模板编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 },{ userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table3CodeDesc', tableId: '103001Table3', tableName: '项目物料表', columnProp: 'codeDesc', headerAlign: 'center', align: 'left', columnLabel: '模板名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 } ], columnAddressList: [ { userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table4AddressName', tableId: '103001Table4', tableName: '联系地址表', columnProp: 'addressName', headerAlign: 'center', align: 'center', columnLabel: '联系地址', columnHidden: false, columnImage: false, status: true, fixed: '', }, { userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table4ContactStatus', tableId: '103001Table4', tableName: '联系地址表', columnProp: 'addressStatus', headerAlign: 'center', align: 'center', columnLabel: '地址状态', columnHidden: false, columnImage: false, status: true, fixed: '', }, ], columnContactList: [ { userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table5ContactName', tableId: '103001Table5', tableName: '客户联系人表', columnProp: 'contactName', headerAlign: 'center', align: 'center', columnLabel: '客户负责人', columnHidden: false, columnImage: false, status: true, fixed: '', }, { userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table5ContactPhoneNumber1', tableId: '103001Table5', tableName: '客户联系人表', columnProp: 'contactPhoneNumber1', headerAlign: 'center', align: 'center', columnLabel: '联系方式', columnHidden: false, columnImage: false, status: true, fixed: '', }, { userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table5PrimaryContact', tableId: '103001Table5', tableName: '客户联系人表', columnProp: 'primaryContact', headerAlign: 'center', align: 'center', columnLabel: '默认联系人', columnHidden: false, columnImage: false, status: true, fixed: '', }, { userId: this.$store.state.user.name, functionId: 103001, serialNumber: '103001Table5ContactStatus', tableId: '103001Table5', tableName: '客户联系人表', columnProp: 'contactStatus', headerAlign: 'center', align: 'center', columnLabel: '人员状态', columnHidden: false, columnImage: false, status: true, fixed: '', }, ], // ======== 必填规则 ========
rules: { customerNo: [ { required: true, message: ' ', trigger: ['change','blur'] } ], trackerName: [ { required: true, message: ' ', trigger: ['change','blur'] } ], testNumber: [ { required: true, message: ' ', trigger: ['change','blur'] } ], projectId: [ { required: true, message: ' ', trigger: ['change','blur'] } ], engineerName: [ { required: true, message: ' ', trigger: ['change','blur'] } ], partName: [ { required: true, message: ' ', trigger: ['change','blur'] } ], priorityLevel: [ { required: true, message: ' ', trigger: ['change','blur'] } ], requiredDeliveryDate: [ { required: true, message: ' ', trigger: ['change','blur'] } ], testPartNo: [ { required: true, message: ' ', trigger: ['change','blur'] } ] }, enterResultRules: { actualityDeliveryDate: [ { required: true, message: ' ', trigger: 'change' } ], testResultInformation: [ { 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' } ] }, // ======== 复选数据集 ========
testSelections: [], projectPartListSelections: [], // ======== 选中的当前行数据 ========
testCurrentRow: {}, // ======== 模态框开关控制 ========
modalFlag: false, modalDisableFlag: false, enterResultModalFlag: false, submitResultModalFlag: false, customerResponseModalFlag: false, projectPartModelFlag: false, // 选择项目弹框开关
chooseProjectListFlag: false, //项目搜索条件
searchProjectData:{ site:this.$store.state.user.site, projectId:undefined, projectName:undefined, customerId:undefined, }, // 项目集合
projectList:[], addressModelFlag: false, contactModelFlag: false } }, mounted () { this.$nextTick(() => { this.height = window.innerHeight / 2 - 240; /*第二个表格高度的动态调整*/ this.secondHeight = window.innerHeight / 2 - 206; }) }, created () { this.getDataList() }, methods: { searchTestPropertiesItem(){ let params={ site:this.$store.state.user.site, } this.copyTestPropertiesList = []; searchTestPropertiesItem(params).then(({data}) => { if (data && data.code === 0){ this.copyTestPropertiesList = data.rows; }else { this.$message.warning(data.msg) } }).catch((error)=>{ this.$message.error(error) }) }, // ======== 分页相关方法 ========
/** * 每页数 * @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.activeTabList.length === 1){ this.$refs.projectPartTable.clearSelection(); this.$refs.projectPartTable.toggleRowSelection(row); this.confirmProjectPart(); } }, /** * 多选 * @param val */ selectionProjectPart (val) { this.projectPartListSelections = val }, /** * 获取唯一值，一般都为 id * @param row * @returns {*} */ getRowKeys (row) { return row.testPartNo; }, // 勾选多选框
selectTestPart(selection,row){ this.$refs.projectPartTable.clearSelection(); this.$refs.projectPartTable.toggleRowSelection(row,true) }, selectAllTestPart(selection){ this.$refs.projectPartTable.clearSelection(); }, /** * 未知 * @returns {boolean} */ selectFlag () { return true },
// ======== 页签切换相关方法 ========
/** * 列表表格选择替换 * @param tab * @param event */ tabClick (tab, event) { // 刷新列表数据
this.refreshCurrentTabTable() }, dialogTabClick(){ // if (this.activeTab === 'attribute') {
// this.getTestProperties();
// }
}, /** * 当前值发生变化的时候修改 * @param row * @param oldRow */ changeCurrentRow (row, oldRow) { // 判断是否是获取焦点的事件
if (row) { this.testCurrentRow = JSON.parse(JSON.stringify(row)) // 刷新当前页表
this.refreshCurrentTabTable() } }, getFileContentList(){ let params = { orderRef1:this.$store.state.user.site, orderRef2:this.testCurrentRow.testNo } getFileContentList(params).then(({data})=>{ if (data && data.code === 0){ this.testFileList = data.rows; }else { this.$message.warning(data.msg) } }).catch((error)=>{ this.$message.error(error) }) }, /** * 刷新页签的table数据 */ refreshCurrentTabTable () { if (this.activeTable === 'test_result') { this.getTestResult() } 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 testInformationSearch(this.searchData).then(({data}) => { if (data.code === 0) { this.dataList = data.page.list this.pageIndex = data.page.currPage this.pageSize = data.page.pageSize this.totalPage = data.page.totalCount this.$refs.selectDiv.setLengthAll( this.dataList.length) // 判断是否全部存在数据
if (this.totalPage > 0) { //设置选中行
this.$refs.testTable.setCurrentRow(this.dataList[0]) // 加载当前的页签的table
this.refreshCurrentTabTable() this.testClickRow(this.dataList[0]) } else { //设置选中行
this.$refs.testTable.setCurrentRow({}) // 加载当前的页签的table
this.refreshCurrentTabTable() this.testClickRow({}) } } this.dataListLoading = false }) }, /** * 获取测试结果列表 */ getTestResult () { let tempData = { site: this.$store.state.user.site, testNo: this.testCurrentRow.testNo } // 测试结果对象
testResultSearch(tempData).then(({data}) => { if (data && data.code === 0) { this.testResultData = data.rows[0] } else { this.testResultData = {} } }) // 附件列表
this.getFileContentData() }, /** * 获取项目信息 */ getProjectInformation () { let tempData = { site: this.$store.state.user.site, projectId: this.testCurrentRow.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.testCurrentRow.customerNo } // 报价结果对象
getCustomerInformation(tempData).then(({data}) => { if (data && data.code === 0) { this.customerInformationData = data.rows[0] } else { this.customerInformationData = {} } }) },
// ======== 新增/编辑模态框 ========
/** * 报价信息新增模态框 */ addModal () { this.searchTestPropertiesItem(); this.modalDisableFlag = false this.modalFlag = true }, /** * 报价信息编辑模态框 * @param row */ updateModal (row) { this.modalData = { flag: '2', title: '测试申请-'+row.testNo, site: row.site, testNo: row.testNo, customerNo: row.customerNo, customerDesc: row.customerDesc, projectId: row.projectId, projectName: row.projectName, tracker: row.tracker, doesNeedArtwork:row.doesNeedArtwork, artwork:row.artwork, artworkName:row.artworkName, doesNeedPlanner:row.doesNeedPlanner, planner: row.planner, plannerName: row.plannerName, trackerName: row.trackerName, testPartNo: row.testPartNo, partName: row.partName, engineer: row.engineer, printType:row.printType, productName:row.productName, engineerName: row.engineerName, priorityLevel: row.priorityLevel, testNumber: row.testNumber, requiredDeliveryDate: row.requiredDeliveryDate, remark: row.remark, technicalConsiderations: row.technicalConsiderations, isNeedToSendSamples: row.isNeedToSendSamples, sendSamplesAddress: row.sendSamplesAddress, consignee: row.consignee, consigneeContact: row.consigneeContact, actualityDeliveryDate: row.actualityDeliveryDate, testResultInformation: row.testResultInformation, actualitySendSamplesDate: row.actualitySendSamplesDate, sendSamplesMethod: row.sendSamplesMethod, deliverGoodsInformation: row.deliverGoodsInformation, deliverGoodsRemark: row.deliverGoodsRemark, actualityReplyDate: row.actualityReplyDate, confirmResults: row.confirmResults, confirmBy: row.confirmBy, confirmInformation: row.confirmInformation, testStatus: row.testStatus, testResultStatus: row.testResultStatus, nextToDo: row.nextToDo, updateBy: this.$store.state.user.name } this.activeTabList = ['product','process','attribute','partAttribute','file'] this.$nextTick(()=>{ this.$refs.dialogSoBom.clearTable(); }) this.modalDisableFlag = true this.modalFlag = true },
// ======== 新增/编辑/删除方法 ========
/** * 获取项目物料列表 */ getProjectPartList () { if (!this.modalData.projectId){ this.projectPartList = []; return } // 先清空缓存选中
// this.$nextTick(() => this.$refs.projectPartTable.clearSelection())
// 拿到选中的产品编号
let projectPartList = this.modalData.testPartNo.split(';') this.projectPartData.projectId = this.modalData.projectId; // 查询所有项目物料
getProjectPartList(this.projectPartData).then(({data}) => { if (data && data.code === 0) { this.projectPartList = data.rows this.projectPartList.forEach (val => { // 回显选中的项目物料
if (projectPartList.includes(val.testPartNo)) { this.$nextTick(() => this.$refs.projectPartTable.toggleRowSelection(val, true)) } }) // this.projectPartModelFlag = true
}else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }, /** * 确认多选项目物料 */ confirmProjectPart () { this.modalData.testPartNo = '' this.modalData.partName = '' for (let i = 0; i < this.projectPartListSelections.length; i++) { this.modalData.testPartNo = this.modalData.testPartNo + ";" + this.projectPartListSelections[i].testPartNo this.modalData.partName = this.modalData.partName + ";" + this.projectPartListSelections[i].partName } this.modalData.testPartNo = this.modalData.testPartNo.substring(1) this.modalData.partName = this.modalData.partName.substring(1) this.projectPartModelFlag = false }, /** * 客户信息新增/编辑 */ saveData () { this.$refs.modalForm.validate((valid) => { if (!valid) { this.validateDataValue() }else { // if (this.projectPartListSelections.length <= 0){
// this.$message.warning('请选择项目料号')
// return
// }
// this.confirmProjectPart();
if (this.modalData.flag === '1'){ this.testSoRoutingList = [] this.testSoBomList = [] this.testFileList = []; this.testPropertiesList = []; this.saveTest() }else { this.updateTest() } } }) }, validateDataValue(){ if (this.modalData.customerNo === '' || this.modalData.customerNo == null) { this.$message.warning('请选择客户编码！') return } if (this.modalData.customerDesc === '' || this.modalData.customerDesc == null) { this.$message.warning('请选择客户名称！') return } if (this.modalData.tracker === '' || this.modalData.tracker == null) { this.$message.warning('请选择跟单员编码！') return } if (this.modalData.trackerName === '' || this.modalData.trackerName == null) { this.$message.warning('请选择跟单员名称！') return } if (this.modalData.projectId === '' || this.modalData.projectId == null) { this.$message.warning('请选择项目编码！') return } if (this.modalData.projectName === '' || this.modalData.projectName == null) { this.$message.warning('请选择项目名称！') return } if (this.modalData.engineer === '' || this.modalData.engineer == null) { this.$message.warning('请选择工程师编码！') return } if (this.modalData.engineerName === '' || this.modalData.engineerName == null) { this.$message.warning('请选择工程师名称！') return } if (this.modalData.testPartNo === '' || this.modalData.testPartNo == null) { this.$message.warning('请选择项目料号！') return } if (this.modalData.partName === '' || this.modalData.partName == null) { this.$message.warning('请选择物料名称！') return } if (this.modalData.priorityLevel === '' || this.modalData.priorityLevel == null) { this.$message.warning('请选择优先等级！') return } if (!this.modalData.testNumber) { this.$message.warning('请输入正确的测试数量！') return } if (this.modalData.requiredDeliveryDate === '' || this.modalData.requiredDeliveryDate == null) { this.$message.warning('请输入要求交付日期！') return } }, saveTest(){ testInformationSave(this.modalData).then(({data}) => { if (data && data.code === 0) { this.getDataList(); this.activeTabList = ['product','process','attribute','partAttribute','file'] this.activeTab = 'attribute' this.modalData.testNo = data.row; // this.modalFlag = false
this.getTestProperties(); this.$message.success("操作成功") } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }, updateTest(){ testInformationEdit(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.testSelections.length === 0){ this.$message.warning('请勾选要删除的测试信息！') return } this.$confirm(`是否删除这 `+ this.testSelections.length +` 条测试信息?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempData = { informationList: this.testSelections } testInformationDelete(tempData).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.testSelections = [] this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }).catch(() => { }) },
// ======== 列表操作方法 ========
/** * 单机选中测试信息 * @param row */ testClickRow (row) { // this.$refs.testTable.toggleRowSelection(row)
this.testCurrentRow = JSON.parse(JSON.stringify(row)) this.testDetailData = JSON.parse(JSON.stringify(row)) // 刷新组件
this.clickTestRow = false; this.clickTestRow = true; if (row){ this.selectTestSoBom() this.selectTestSoRoutingList() this.getPartPropertiesList(); this.getTestProperties(); this.getFileContentList() } }, /** * 复选报价信息 * @param val */ selectionTest (val) { this.testSelections = val this.$refs.selectDiv.setLengthselected(this.testSelections.length) },
// ======== 报价结果相关方法 ========
/** * 封装录入方法 */ packTestResultModal () { // 重置对象
this.enterResultData = { site: this.$store.state.user.site, testNo: '', actualityDeliveryDate: new Date(), testResultInformation: '', testResultStatus: 'E', fileContentList: [], updateBy: this.$store.state.user.name } this.enterResultData.testNo = this.testCurrentRow.testNo // // 获得这些测试号的全部附件
// this.getFileContentList()
this.enterResultModalFlag = true }, /** * 录入测试结果 */ testResultModal () { this.packTestResultModal() }, /** * 保存测试结果 */ saveTestResult () { if (this.enterResultData.actualityDeliveryDate === '' || this.enterResultData.actualityDeliveryDate == null) { this.$message.warning('请选择实际交付日期！') return } if (this.enterResultData.testResultInformation === '' || this.enterResultData.testResultInformation == null) { this.$message.warning('请填写测试结果信息！') return } saveTestResult(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: '确定' }) } }) },
/** * 封装送样方法 */ packSubmitTestModal () { this.submitResultData = { site: this.$store.state.user.site, testNo: '', actualitySendSamplesDate: new Date(), sendSamplesMethod: '', deliverGoodsInformation: '', deliverGoodsRemark: '', testResultStatus: 'S', updateBy: this.$store.state.user.name, } // 获得选中的测试号
this.submitResultData.testNo = this.testCurrentRow.testNo this.submitResultModalFlag = true }, /** * 提交送样信息 */ submitTestModal () { this.packSubmitTestModal() }, /** * 保存送样结果 */ 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 } 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, testNo: '', actualityReplyDate: new Date(), confirmResults: '接受', confirmBy: '', confirmInformation: '', testResultStatus: 'R', updateBy: this.$store.state.user.name } // 获得选中的测试号
this.customerResponseData.testNo = this.testCurrentRow.testNo this.customerResponseModalFlag = true }, /** * 客户回复 */ customerResponseModal () { 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 } 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.testCurrentRow.testNo } getFileContentList(currentData).then(({data}) => { if (data && data.code === 0) { this.fileContentList = data.rows } else { this.fileContentList = [] } }) }, /** * 上传文件 */ uploadFile () { let currentData = { titleCon: '测试附件上传', site: this.$store.state.user.site, createBy: this.$store.state.user.name, testNo: this.enterResultData.testNo, fileRemark: '', folder: 'testFile' } //打开组件 去做新增业务
this.$nextTick(() => { this.$refs.testUploadFile.init(currentData) }) }, /** * 文件删除 * @param row */ deleteFile (row) { this.$confirm('确定要删除此文件?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { deleteTestFile(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 === 2000) { strVal = this.modalData.trackerName conSql = " and b.site = '" + this.$store.state.user.site + "'" } if (val === 2001) { strVal = this.modalData.engineerName conSql = " and b.site = '" + this.$store.state.user.site + "'" } if (val === 2003) { strVal = this.modalData.artworkName conSql = " and b.site = '" + this.$store.state.user.site + "'" } if (val === 2004) { strVal = this.modalData.plannerName 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.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 === 2000) { this.modalData.tracker = val.username this.modalData.trackerName = val.user_display } if (this.tagNo === 2001) { this.modalData.engineer = val.username this.modalData.engineerName = val.user_display } if (this.tagNo === 2003){ this.modalData.artwork = val.username; this.modalData.artworkName = val.user_display; } if (this.tagNo === 2004){ this.modalData.planner = val.username; this.modalData.plannerName = val.user_display; } },
// ======== 导出相关方法 ========
/** * 导出excel */ async createExportData () { this.searchData.limit = -1 this.searchData.page = 1 await testInformationSearch(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, testNo: '', customerNo: '', customerDesc: '', projectId: '', doesNeedArtwork:'', artwork:'', artworkName:'', doesNeedPlanner:'', planner: '', plannerName: '', projectName: '', tracker: '', trackerName: '', testPartNo: '', partName: '', engineer: '', engineerName: '', printType:'', productName:'', priorityLevel: '一般', testNumber: 1, requiredDeliveryDate: '', remark: '', technicalConsiderations: '', isNeedToSendSamples: '', sendSamplesAddress: '', consignee: '', consigneeContact: '', actualityDeliveryDate: '', testResultInformation: '', actualitySendSamplesDate: '', sendSamplesMethod: '', deliverGoodsInformation: '', deliverGoodsRemark: '', actualityReplyDate: '', confirmResults: '', confirmBy: '', confirmInformation: '', testStatus: '草稿', testResultStatus: 'B', nextToDo: '', createDate: '', createBy: this.$store.state.user.name, updateDate: '', updateBy: '' } this.activeTab = 'attribute'; this.activeTabList = ['attribute'] this.dialogProperties = []; // this.testPropertiesList = this.copyTestPropertiesList;
this.copyTestPropertiesList = []; }, checkSelectable(row,index){ if (this.modalData.flag === '1' && this.activeTabList.length === 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.testCurrentRow.testNo === row.testNo) { return { 'background-color': '#E8F7F6', cursor: 'pointer' }; } }, selectTestSoBom(){ let params = { testNo:this.modalData.testNo?this.modalData.testNo:this.testCurrentRow.testNo, site:this.$store.state.user.site } selectTestSoBom(params).then(({data})=>{ if (data && data.code === 0 ){ this.testSoBomList = data.rows } }) }, selectTestSoRoutingList(){ let params = { site:this.$store.state.user.site, testNo:this.modalData.testNo?this.modalData.testNo:this.testCurrentRow.testNo, } selectTestSoRoutingList(params).then(({data})=>{ if (data && data.code === 0){ this.testSoRoutingList = data.rows } }) }, getTestProperties(){ let params = { site:this.$store.state.user.site, testNo: this.testCurrentRow.testNo } getTestPropertiesList(params).then(({data})=>{ if (data && data.code === 0){ this.testPropertiesList = data.rows; if (this.modalFlag){ this.copyTestPropertiesList = data.rows; } }else { this.$message.warning(data.msg) } }).catch((error)=>{ this.$message.error(error) }) }, getPartPropertiesList(){ let params = { site:this.$store.state.user.site, testPartNo: this.testCurrentRow.testPartNo } this.dialogProperties = []; partPropertiesList(params).then(({data})=>{ if (data && data.code === 0){ if (this.modalData.flag !== '1'){ this.dialogProperties = data.rows } this.attributeList = data.rows }else { this.$message.warning(data.msg) } }).catch((error)=>{ this.$message.error(error) }) }, updateModalStatus(row,status){ let params = JSON.parse(JSON.stringify(row)) params.testResultStatus = status; params.testStatus = '下达'; testInformationEdit(params).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.$message.success('测试单已下达') } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }, partClickRow(row){ this.modalData.testPartNo = row.testPartNo this.modalData.partName = row.partDesc this.dialogProperties = []; let params = { site:this.$store.state.user.site, testPartNo:this.modalData.testPartNo } partPropertiesList(params).then(({data})=>{ if (data && data.code === 0){ this.dialogProperties = data.rows }else { this.$message.warning(data.msg) } }).catch((error)=>{ this.$message.error(error) }) this.projectPartModelFlag = false } } }</script>
<style scoped lang="scss">/deep/ .customer-tab .el-tabs__content { padding: 0px !important; height: 459px;}.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;}
/deep/ .el-table .cellClass .cell .el-checkbox__inner{ display: none; position: relative;}/deep/ .el-table .cellClass .cell:before{ content: ""; position: absolute;}</style>
|
