|
|
<template> <div class="customer-css"> <!-- 查询条件 --> <el-form :inline="true" label-position="top" class="search-form-inline"> <div class="search-row"> <el-form-item v-if="!isSupplierPageMode" class="search-item"> <span style="cursor: pointer" slot="label" @click="getBaseList(520)"><a href="#">供应商编码</a></span> <el-input v-model="searchData.supplierNo" style="width: 120px" @keyup.enter.native="getMainData"/> </el-form-item> <el-form-item v-if="!isSupplierPageMode" label="供应商名称" class="search-item"> <el-input v-model="searchData.supplierName" style="width: 250px" @keyup.enter.native="getMainData"/> </el-form-item> <el-form-item v-if="!isSupplierPageMode" class="search-item"> <span style="cursor: pointer" slot="label" @click="getBaseList(530, 'mainPlanner')"><a href="#">Planner</a></span> <el-input v-model="searchData.planner" clearable style="width: 120px" @keyup.enter.native="getMainData"/> </el-form-item> <el-form-item label="申请日期" class="search-item"> <div class="date-range"> <el-date-picker v-model="searchData.requestDateStart" type="date" value-format="yyyy-MM-dd" placeholder="开始" style="width: 150px"/> <span class="split">-</span> <el-date-picker v-model="searchData.requestDateEnd" type="date" value-format="yyyy-MM-dd" placeholder="结束" style="width: 150px"/> </div> </el-form-item> <el-form-item label="状态" class="search-item"> <el-select v-model="searchData.status" clearable placeholder="全部" style="width: 60%"> <el-option label="全部" value="" /> <el-option label="草稿" value="Draft" /> <el-option label="待审核" value="Confirmed" /> <el-option label="已下达" value="Audited" /> <el-option label="已排程" value="Scheduled" /> <el-option label="申请变更中" value="ChangeApplying" /> <el-option label="验货中" value="Inspecting" /> <el-option label="验货完成" value="InspectionCompleted" />
<el-option label="已完成" value="Completed" /> <el-option label="已取消" value="Cancelled" /> </el-select> </el-form-item>
</div>
<div class="search-row"> <el-form-item v-if="!isSupplierPageMode" class="search-item"> <span style="cursor: pointer" slot="label" @click="getBaseList(2016, 'createBy')"><a href="#">申请人员</a></span> <el-input v-model="searchData.createBy" clearable style="width: 120px" @keyup.enter.native="getMainData"/> </el-form-item> <el-form-item v-if="!isSupplierPageMode" class="search-item"> <span style="cursor: pointer" slot="label" @click="getBaseList(2016, 'qcOperator')"><a href="#">QC人员</a></span> <el-input v-model="searchData.qcOperator" clearable style="width: 120px" @keyup.enter.native="getMainData"/> </el-form-item> <el-form-item label="申请单号" class="search-item"> <el-input v-model="searchData.requestNo" style="width: 120px" @keyup.enter.native="getMainData"/> </el-form-item> <el-form-item label="建议验货日期" class="search-item"> <div class="date-range"> <el-date-picker v-model="searchData.needInspectDateStart" type="date" value-format="yyyy-MM-dd" placeholder="开始" style="width: 150px"/> <span class="split">-</span> <el-date-picker v-model="searchData.needInspectDateEnd" type="date" value-format="yyyy-MM-dd" placeholder="结束" style="width: 150px"/> </div> </el-form-item> <el-form-item v-if="!isSupplierPageMode" label="计划验货日期" class="search-item"> <div class="date-range"> <el-date-picker v-model="searchData.planStartDate" type="date" value-format="yyyy-MM-dd" placeholder="开始" style="width: 150px"/> <span class="split">-</span> <el-date-picker v-model="searchData.planEndDate" type="date" value-format="yyyy-MM-dd" placeholder="结束" style="width: 150px"/> </div> </el-form-item> <el-form-item label=" " class="search-item search-btn-item"> <el-button type="primary" @click="getMainData" style="">查询</el-button> <el-button type="primary" @click="addInspectionRequest" style="margin-left: 2px">新增</el-button> <el-button type="primary" @click="importExcel" style="margin-left: 2px">Excel导入</el-button> <el-button type="primary" @click="exportExcel" style="margin-left: 2px">导出</el-button> </el-form-item> </div> </el-form>
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
<el-table :height="height" :data="mainDataList" border ref="mainTable" highlight-current-row @row-click="changeData" v-loading="dataListLoading" style="margin-top: 0px; width: 100%;"> <el-table-column v-for="(item,index) in columnArray1" :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: 100px"/></span> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="260" label="操作"> <template slot-scope="scope"> <a v-if="isRowStatus(scope.row, ['Draft'])" class="customer-a" @click="confirmInspection(scope.row)">确认</a> <a v-if="isRowStatus(scope.row, ['Draft', 'Confirmed'])" class="customer-a" :style="isRowStatus(scope.row, ['Draft']) ? 'margin-left: 3px;' : ''" @click="deleteInspectionRequest(scope.row)">删除</a> <a v-if="isRowStatus(scope.row, ['Draft'])" class="customer-a" :style="(isRowStatus(scope.row, ['Draft']) || isRowStatus(scope.row, ['Confirmed'])) ? 'margin-left: 3px;' : ''" @click="editInspectionRequest(scope.row)">编辑</a> <a v-if="isRowStatus(scope.row, ['Confirmed', 'Audited', 'Scheduled'])" class="customer-a" :style="(isRowStatus(scope.row, ['Draft']) || isRowStatus(scope.row, ['Confirmed'])) ? 'margin-left: 3px;' : ''" @click="applyChangeRequest(scope.row)">申请变更</a> <a class="customer-a" style="margin-left: 3px;" @click="exportRowExcel(scope.row)" v-if="isRowStatus(scope.row, [ 'Audited', 'Scheduled'])">导出验货通知</a> <a class="customer-a" style="margin-left: 3px;" @click="exportInspectionResultExcel(scope.row)" v-if="isRowStatus(scope.row, [ 'InspectionCompleted'])">导出验货结果</a><!-- <span v-if="!isRowStatus(scope.row, ['Draft', 'Confirmed', 'Audited', 'Scheduled'])"--><!-- class="customer-a"--><!-- style="color: #909399; cursor: default;">{{ scope.row.status }}</span>--> </template> </el-table-column> </el-table>
<el-dialog title="申请变更" :visible.sync="applyChangeDialogVisible" width="480px" v-drag append-to-body :close-on-click-modal="false"> <el-form label-position="top"> <el-form-item label="申请单号"> <el-input v-model="applyChangeForm.requestNo" readonly /> </el-form-item> <el-form-item label="变更备注"> <el-input v-model="applyChangeForm.changeRemark" type="textarea" resize="none" :autosize="{ minRows: 3, maxRows: 3 }" placeholder="请填写变更备注" /> </el-form-item> </el-form>
<el-footer style="height:25px;margin-top: 45px;text-align:center"> <el-button type="primary" :loading="applyChangeLoading" @click="submitApplyChangeRequest">保存</el-button> <el-button :disabled="applyChangeLoading" @click="applyChangeDialogVisible = false">取消</el-button> </el-footer> </el-dialog>
<!-- 分页插件 --> <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-tabs v-model="activeTab" style="margin-top: 0px; width: 99%;" @tab-click="handleTabClick" class="customer-tab" type="border-card"> <!-- 基本信息 --> <el-tab-pane label="基本信息" name="base"> <div class="tab-pane-content" :style="tabPaneContentStyle"> <inspection-request-detail ref="inspectionRequestDetail" :detail-data="currentRow" @update-success="getMainData"/> </div> </el-tab-pane> <!-- 验货明细 --> <el-tab-pane label="验货明细" name="detail"> <div class="tab-pane-content" :style="tabPaneContentStyle"> <inspection-request-detail-tab ref="inspectionDetailTab" :detail-data="currentRow" :table-height="tabTableHeight" /> </div> </el-tab-pane> <!-- 验货关联PO明细 --> <el-tab-pane label="验货关联PO明细" name="poDetail"> <div class="tab-pane-content" :style="tabPaneContentStyle"> <inspection-request-po-detail-tab ref="poDetailTab" :detail-data="currentRow" :table-height="tabTableHeight" /> </div> </el-tab-pane> <!-- 验货结果 --> <el-tab-pane label="验货结果" name="result"> <div class="tab-pane-content" :style="tabPaneContentStyle"> <inspection-result-tab ref="resultTab" :detail-data="currentRow" :table-height="tabTableHeight" /> </div> </el-tab-pane> <!-- 费用明细（供应商专用页不展示） --> <el-tab-pane v-if="!isSupplierPageMode" label="费用明细" name="fee"> <div class="tab-pane-content" :style="tabPaneContentStyle"> <inspection-request-fee-tab ref="feeTab" :detail-data="currentRow" :table-height="tabTableHeight" /> </div> </el-tab-pane> <!-- 附件管理（供应商专用页不展示） --> <el-tab-pane v-if="!isSupplierPageMode" label="附件管理" name="attachment"> <div class="tab-pane-content" :style="tabPaneContentStyle"> <inspection-request-attachment-tab ref="attachmentTab" :detail-data="currentRow" :table-height="tabTableHeight" /> </div> </el-tab-pane> </el-tabs>
<!-- 新增弹窗 --> <el-dialog :title="isEditDialogMode ? '编辑验货申请' : '新增验货申请'" v-drag :visible.sync="addDialogVisible" width="1050px" top="5vh" :close-on-click-modal="false" @close="handleCloseAddDialog">
<el-form :model="addFormData" :rules="addRules" ref="addFormData" label-width="90px" size="mini" class="add-dialog-form"> <div class="form-section"> <el-row :gutter="10"> <el-col :span="6"> <el-form-item label="申请单号" prop="requestNo"> <el-input v-model="addFormData.requestNo" :placeholder="isEditDialogMode ? '' : '自动生成'" disabled size="mini"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="申请日期" prop="requestDate"> <el-date-picker v-model="addFormData.requestDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" :disabled="isEditDialogMode" size="mini" style="width: 100%"> </el-date-picker> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label=" " > <div style="height: 28px;"></div> </el-form-item> </el-col> </el-row>
<el-row :gutter="10"> <el-col :span="6"> <el-form-item prop="supplierNo"><span slot="label" :class="{ 'choose-label': !isEditDialogMode && !isSupplierPageMode }" @click="!isEditDialogMode && !isSupplierPageMode && openPoSupplierDialog()">供应商编码</span> <el-input v-model="addFormData.supplierNo" readonly size="mini"> </el-input> </el-form-item> </el-col> <el-col :span="10"> <el-form-item label="供应商名称" prop="supplierName"> <el-input v-model="addFormData.supplierName" disabled size="mini"></el-input> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label=" " > <el-button v-if="!isEditDialogMode && !isSupplierPageMode" type="primary" size="medium" style="margin-top:13px;" @click="openOrderSupplierDialog">从订单选择供应商</el-button>
</el-form-item> </el-col> </el-row>
<el-row :gutter="10"> <el-col :span="6"> <el-form-item label="建议验货日期" prop="needInspectDate"> <el-date-picker v-model="addFormData.needInspectDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" size="mini" style="width: 100%"> </el-date-picker> </el-form-item> </el-col> <el-col :span="8"> <el-form-item prop="inspectAddress"> <span slot="label" class="choose-label" @click="openAddressDialog">验货地址</span> <el-input v-model="addFormData.inspectAddress" readonly @click.native="openAddressDialog" placeholder="点击标签选择验货地址" size="mini"> </el-input> </el-form-item> </el-col> <el-col :span="4"> <el-form-item label="城市简称"> <el-input v-model="addFormData.inspectCityShort" readonly size="mini"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="联系人" prop="contact"> <el-input v-model="addFormData.contact" placeholder="请输入联系人及电话" size="mini"></el-input> </el-form-item> </el-col> </el-row> </div>
<!-- 步骤2：批量选择PO / 编辑态PO明细 --> <div class="po-section"> <div class="section-title"> <span>{{ isEditDialogMode ? 'PO明细' : '批量选择PO' }}</span> <el-button v-if="isEditDialogMode" type="success" style="margin-left: 5px" @click="openAddPoDialog">新增</el-button> </div>
<!-- PO号筛选和排序工具栏 --> <div v-if="!isEditDialogMode" class="po-toolbar"> <el-form :inline="true" label-width="70px" size="mini" class="add-po-search-form"> <el-form-item label="PO"> <el-input v-model="addPoFilter.orderNo" clearable style="width: 80px" @keyup.enter.native="filterAddPoList"/> </el-form-item><!-- <el-form-item label="产品编码">--><!-- <el-input--><!-- v-model="addPoFilter.partNo"--><!-- clearable--><!-- style="width: 80px"--><!-- @keyup.enter.native="filterAddPoList"/>--><!-- </el-form-item>--><!-- <el-form-item label="Item">--><!-- <el-input--><!-- v-model="addPoFilter.item"--><!-- clearable--><!-- style="width: 80px"--><!-- @keyup.enter.native="filterAddPoList"/>--><!-- </el-form-item>--> <el-form-item label="SKU"> <el-input v-model="addPoFilter.sku" clearable style="width: 80px" @keyup.enter.native="filterAddPoList"/> </el-form-item> <el-form-item label="物料名称"> <el-input v-model="addPoFilter.partDesc" clearable style="width: 80px" @keyup.enter.native="filterAddPoList"/> </el-form-item> <el-form-item v-if="!isSupplierPageMode" label="供应商名称"> <el-input v-model="addPoFilter.supplierName" clearable style="width: 100px" @keyup.enter.native="filterAddPoList"/> </el-form-item> <el-form-item v-if="!isSupplierPageMode"> <span style="cursor: pointer" slot="label" @click="getBaseList(530, 'addPoPlanner')"><a href="#">Planner</a></span> <el-input v-model="addPoFilter.planner" clearable style="width: 100px" @input="handleAddPoPlannerInput" @keyup.enter.native="filterAddPoList" /> </el-form-item> <el-form-item label=" "> <el-button type="primary" size="medium" style="margin-top:13px;" @click="filterAddPoList">查询</el-button> </el-form-item> </el-form> </div>
<el-table v-if="!isEditDialogMode" key="create-po-table" ref="addPoTable" :data="filteredPoList" border size="small" table-layout="fixed" height="350px" style="width: 100%; margin-top: -10px;" @selection-change="handleSelectionChange"> <el-table-column v-if="!isEditDialogMode" type="selection" width="30" align="center" fixed="left" /> <el-table-column prop="orderRef1" label="PO号" header-align="center" align="center" width="120"/> <el-table-column prop="orderRef2" label="PO行号" header-align="center" align="center" width="60"/> <el-table-column prop="partNo" label="产品编码" header-align="center" align="left" min-width="120" show-overflow-tooltip/> <el-table-column prop="item" label="Item" header-align="center" align="left" min-width="100" show-overflow-tooltip/> <el-table-column prop="sku" label="SKU" header-align="center" align="left" min-width="120" show-overflow-tooltip/> <el-table-column prop="partDesc" label="物料名称" header-align="center" align="left" min-width="150" show-overflow-tooltip/> <el-table-column prop="planner" label="Planner" header-align="center" align="left" min-width="120" show-overflow-tooltip/> <el-table-column prop="qty" label="订单数量" header-align="center" align="right" width="80"/> <el-table-column prop="waitInspectQty" label="未验货数量" header-align="center" align="right" width="80"/> <el-table-column label="此次验货数量" header-align="center" align="center" width="150"> <template slot-scope="scope"> <el-input-number v-model="scope.row.inspectQty" :min="0" :max="scope.row.waitInspectQty || 999999" size="mini" :controls="false" style="width: 100%; box-sizing: border-box;"> </el-input-number> </template> </el-table-column> <el-table-column prop="shipMethod" label="运输方式" header-align="center" align="center" width="100"> <template slot-scope="scope"> <el-select v-model="scope.row.shipMethod" placeholder="请选择" size="mini" style="width: 100%; box-sizing: border-box;"> <el-option label="空运" value="空运"></el-option> <el-option label="海运" value="海运"></el-option> <el-option label="陆运" value="陆运"></el-option> </el-select> </template> </el-table-column> <el-table-column prop="crd" label="CRD日期" header-align="center" align="center" width="160" sortable :sort-method="(a, b) => sortCrdDate(a, b)"> <template slot-scope="scope"> <el-date-picker v-model="scope.row.crd" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期" size="mini" style="width: 100%;" /> </template> </el-table-column> </el-table>
<el-table v-else key="edit-po-table" :data="editPoDetailList" border size="small" table-layout="fixed" height="350px" v-loading="editPoDetailLoading" style="width: 100%; margin-top: -10px;"> <el-table-column fixed="right" header-align="center" align="center" width="80" label="操作"> <template slot-scope="scope"> <el-link style="cursor: pointer" @click="deleteEditPoRow(scope.$index)">删除</el-link> </template> </el-table-column> <el-table-column prop="orderRef1" label="PO号" header-align="center" align="center" width="120"/> <el-table-column prop="orderRef2" label="PO行号" header-align="center" align="center" width="80"/> <el-table-column prop="partNo" label="产品编码" header-align="center" align="left" min-width="120" show-overflow-tooltip/> <el-table-column prop="item" label="Item" header-align="center" align="left" min-width="100" show-overflow-tooltip/> <el-table-column prop="sku" label="SKU" header-align="center" align="left" min-width="120" show-overflow-tooltip/> <el-table-column prop="partDesc" label="物料名称" header-align="center" align="left" min-width="150" show-overflow-tooltip/> <el-table-column prop="totalQty" label="未验货数量" header-align="center" align="right" width="90"/> <el-table-column label="验货数量" header-align="center" align="center" width="150"> <template slot-scope="scope"> <el-input-number v-if="editPoEditMode" v-model="scope.row.qty" :min="0" size="mini" :controls="false" style="width: 100%;"> </el-input-number> <span v-else>{{ scope.row.qty }}</span> </template> </el-table-column> <el-table-column label="运输方式" header-align="center" align="center" width="120"> <template slot-scope="scope"> <el-select v-if="editPoEditMode" v-model="scope.row.shipMothod" placeholder="请选择" size="mini" style="width: 100%;"> <el-option label="空运" value="空运"></el-option> <el-option label="海运" value="海运"></el-option> <el-option label="陆运" value="陆运"></el-option> </el-select> <span v-else>{{ scope.row.shipMothod }}</span> </template> </el-table-column> <el-table-column label="CRD日期" header-align="center" align="center" width="160"> <template slot-scope="scope"> <el-date-picker v-if="editPoEditMode" v-model="scope.row.crd" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期" size="mini" style="width: 100%;"> </el-date-picker> <span v-else>{{ scope.row.crd }}</span> </template> </el-table-column> </el-table> </div> </el-form>
<div slot="footer" class="dialog-footer"> <el-button type="primary" @click="handleSaveAdd">保存</el-button> <el-button @click="handleCloseAddDialog">关闭</el-button> </div> </el-dialog>
<el-dialog title="选择供应商" :visible.sync="poSupplierDialogVisible" width="760px" append-to-body :close-on-click-modal="false"> <el-form :inline="true" label-width="80px" label-position="top" size="mini" class="po-supplier-search-form"> <el-form-item label="供应商编码"> <el-input v-model="poSupplierSearch.supplierNo" clearable style="width: 120px" @keyup.enter.native="searchPoSupplierList"/> </el-form-item> <el-form-item label="供应商名称" > <el-input v-model="poSupplierSearch.supplierName" clearable style="width: 200px" @keyup.enter.native="searchPoSupplierList"/> </el-form-item> <el-form-item label=" "> <el-button type="primary" size="medium" @click="searchPoSupplierList">查询</el-button> <el-button size="medium" @click="resetPoSupplierSearch">重置</el-button> </el-form-item> </el-form>
<el-table ref="poSupplierTable" :data="poSupplierList" border height="360px" v-loading="poSupplierLoading" highlight-current-row @current-change="onPoSupplierCurrentChange" @row-dblclick="onPoSupplierRowDblClick"> <el-table-column prop="supplierNo" label="供应商编码" header-align="center" align="left" min-width="140" show-overflow-tooltip /> <el-table-column prop="supplierName" label="供应商名称" header-align="center" align="left" min-width="220" show-overflow-tooltip /> <el-table-column prop="poDetailCount" label="PO明细数" header-align="center" align="right" min-width="120" /> <el-table-column prop="planner" label="Planner" header-align="center" align="left" min-width="120" show-overflow-tooltip /> </el-table>
<el-pagination style="margin-top: 10px; text-align: right" @size-change="onPoSupplierPageSizeChange" @current-change="onPoSupplierPageCurrentChange" :current-page="poSupplierPageIndex" :page-sizes="[20, 50, 100, 200]" :page-size="poSupplierPageSize" :total="poSupplierTotal" layout="total, sizes, prev, pager, next, jumper"> </el-pagination>
<div slot="footer" class="dialog-footer"> <el-button type="primary" @click="confirmPoSupplierSelect">确认</el-button> <el-button @click="poSupplierDialogVisible = false">取消</el-button> </div> </el-dialog>
<el-dialog title="选择验货地址" :visible.sync="addressDialogVisible" width="980px" append-to-body :close-on-click-modal="false"> <el-form :inline="true" label-width="80px" label-position="top" size="mini" class="po-supplier-search-form"> <el-form-item label="供应商编码"> <el-input v-model="addFormData.supplierNo" readonly style="width: 140px" /> </el-form-item> <el-form-item label="供应商名称"> <el-input v-model="addFormData.supplierName" readonly style="width: 220px" /> </el-form-item> <el-form-item label=" "> <el-button type="primary" size="medium" style="margin-top: 0px" @click="openAddressCreateDialog">新增地址</el-button> </el-form-item><!-- <el-form-item label="地址关键词">--><!-- <el-input--><!-- v-model="addressSearch.keyword"--><!-- clearable--><!-- style="width: 260px"--><!-- @keyup.enter.native="searchAddressList" />--><!-- </el-form-item>--><!-- <el-form-item label=" ">--><!-- <el-button type="primary" size="medium" @click="searchAddressList">查询</el-button>--><!-- <el-button size="medium" @click="resetAddressSearch">重置</el-button>--><!-- </el-form-item>--> </el-form>
<el-table ref="addressTable" :data="addressList" border height="360px" v-loading="addressLoading" highlight-current-row @current-change="onAddressCurrentChange" @row-dblclick="onAddressRowDblClick"> <el-table-column prop="addressId" label="地址ID" header-align="center" align="left" min-width="120" show-overflow-tooltip /> <el-table-column prop="companyName" label="公司名称" header-align="center" align="left" min-width="180" show-overflow-tooltip /> <el-table-column prop="cityShort" label="城市简称" header-align="center" align="left" min-width="120" show-overflow-tooltip /> <el-table-column prop="address" label="验货地址" header-align="center" align="left" min-width="280" show-overflow-tooltip /> <el-table-column prop="contact" label="联系人" header-align="center" align="left" min-width="120" show-overflow-tooltip /> <el-table-column prop="phoneNo" label="联系电话" header-align="center" align="left" min-width="140" show-overflow-tooltip /> <el-table-column prop="email" label="邮箱" header-align="center" align="left" min-width="180" show-overflow-tooltip /> <el-table-column v-if="hasAddressEditPermission" fixed="right" header-align="center" align="center" width="100" label="操作"> <template slot-scope="scope"> <el-link style="cursor: pointer" @click="editAddress(scope.row)">编辑</el-link> </template> </el-table-column> </el-table>
<el-pagination style="margin-top: 10px; text-align: right" @size-change="onAddressPageSizeChange" @current-change="onAddressPageCurrentChange" :current-page="addressPageIndex" :page-sizes="[20, 50, 100, 200]" :page-size="addressPageSize" :total="addressTotal" layout="total, sizes, prev, pager, next, jumper"> </el-pagination>
<div slot="footer" class="dialog-footer"> <el-button type="primary" @click="confirmAddressSelect">确认</el-button> <el-button @click="addressDialogVisible = false">取消</el-button> </div> </el-dialog>
<!-- 新增供应商地址（与供应商主数据地址页签新增弹窗保持一致） --> <el-dialog title="供应商地址" :close-on-click-modal="false" v-drag :visible.sync="addressCreateDialogVisible" @closed="handleAddressCreateDialogClosed" width="600px" append-to-body> <el-form ref="addressCreateFormRef" :model="addressCreateForm" :rules="addressCreateRules" label-position="top" label-width="100px"> <!-- 供应商ID / 城市简称 / 是否在用 --> <el-row :gutter="20"> <el-col :span="8"> <el-form-item label="供应商ID" prop="supplierId"> <el-input v-model="addressCreateForm.supplierId" disabled /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="所在城市简称" prop="cityShort"> <el-input v-model="addressCreateForm.cityShort" /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="是否在用" prop="active"> <el-select v-model="addressCreateForm.active" style="width: 100%"> <el-option label="Y" value="Y" /> <el-option label="N" value="N" /> </el-select> </el-form-item> </el-col> </el-row>
<!-- 公司名称 --> <el-row :gutter="20"> <el-col :span="24"> <el-form-item label="公司名称" prop="companyName"> <el-input v-model="addressCreateForm.companyName" /> </el-form-item> </el-col> </el-row>
<!-- 联系人 / 电话 / 地址类型 --> <el-row :gutter="20"> <el-col :span="8"> <el-form-item label="联系人" prop="contact"> <el-input v-model="addressCreateForm.contact" /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="联系电话" prop="phoneNo"> <el-input v-model="addressCreateForm.phoneNo" /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="地址类型" prop="addressType"> <sys-dict-select v-model="addressCreateForm.addressType" dict-type="address_type" placeholder="请选择地址类型" width="100%" filterable /> </el-form-item> </el-col> </el-row>
<!-- 邮箱 --> <el-row :gutter="20"> <el-col :span="24"> <el-form-item label="邮箱" prop="email"> <el-input v-model="addressCreateForm.email" /> </el-form-item> </el-col> </el-row>
<!-- 原产国 / 装运港 --> <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="原产国" prop="originCountry"> <el-input v-model="addressCreateForm.originCountry" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item prop="portOfLoading"> <span slot="label" style="cursor: pointer" @click="getBaseList(2018, 'addressPortOfLoading')"><a href="#">装运港</a></span> <el-input v-model="addressCreateForm.portOfLoading" readonly /> </el-form-item> </el-col> </el-row>
<!-- 地址 --> <el-row :gutter="20"> <el-col :span="24"> <el-form-item label="地址" prop="address"> <el-input v-model="addressCreateForm.address" /> </el-form-item> </el-col> </el-row>
<!-- 备注 --> <el-row :gutter="20"> <el-col :span="24"> <el-form-item label="备注" prop="memo"> <el-input v-model="addressCreateForm.memo" type="textarea" :rows="1" /> </el-form-item> </el-col> </el-row> </el-form> <span slot="footer" class="dialog-footer" style="margin-top: 10px; display: block"> <el-button type="primary" :loading="addressCreateSaving" @click="saveCreatedAddress">保存</el-button> <el-button :disabled="addressCreateSaving" @click="addressCreateDialogVisible = false">关闭</el-button> </span> </el-dialog>
<!-- 编辑供应商地址（与com_srmSupplier_Address.vue的修改弹窗保持一致） --> <el-dialog title="供应商地址" :close-on-click-modal="false" v-drag :visible.sync="addressEditDialogVisible" @closed="handleAddressEditDialogClosed" width="600px" append-to-body> <el-form ref="addressEditFormRef" :model="addressEditForm" :rules="addressCreateRules" label-position="top" label-width="100px"> <!-- 供应商ID / 城市简称 / 是否在用 --> <el-row :gutter="20"> <el-col :span="8"> <el-form-item label="供应商ID" prop="supplierId"> <el-input v-model="addressEditForm.supplierId" disabled /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="所在城市简称" prop="cityShort"> <el-input v-model="addressEditForm.cityShort" /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="是否在用" prop="active"> <el-select v-model="addressEditForm.active" style="width: 100%"> <el-option label="Y" value="Y" /> <el-option label="N" value="N" /> </el-select> </el-form-item> </el-col> </el-row>
<!-- 公司名称 --> <el-row :gutter="20"> <el-col :span="24"> <el-form-item label="公司名称" prop="companyName"> <el-input v-model="addressEditForm.companyName" /> </el-form-item> </el-col> </el-row>
<!-- 联系人 / 电话 / 地址类型 --> <el-row :gutter="20"> <el-col :span="8"> <el-form-item label="联系人" prop="contact"> <el-input v-model="addressEditForm.contact" /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="联系电话" prop="phoneNo"> <el-input v-model="addressEditForm.phoneNo" /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="地址类型" prop="addressType"> <sys-dict-select v-model="addressEditForm.addressType" dict-type="address_type" placeholder="请选择地址类型" width="100%" filterable /> </el-form-item> </el-col> </el-row>
<!-- 邮箱 --> <el-row :gutter="20"> <el-col :span="24"> <el-form-item label="邮箱" prop="email"> <el-input v-model="addressEditForm.email" /> </el-form-item> </el-col> </el-row>
<!-- 原产国 / 装运港 --> <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="原产国" prop="originCountry"> <el-input v-model="addressEditForm.originCountry" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item prop="portOfLoading"> <span slot="label" style="cursor: pointer" @click="getBaseList(2018, 'addressEditPortOfLoading')"><a href="#">装运港</a></span> <el-input v-model="addressEditForm.portOfLoading" readonly /> </el-form-item> </el-col> </el-row>
<!-- 地址 --> <el-row :gutter="20"> <el-col :span="24"> <el-form-item label="地址" prop="address"> <el-input v-model="addressEditForm.address" /> </el-form-item> </el-col> </el-row>
<!-- 备注 --> <el-row :gutter="20"> <el-col :span="24"> <el-form-item label="备注" prop="memo"> <el-input v-model="addressEditForm.memo" type="textarea" :rows="1" /> </el-form-item> </el-col> </el-row> </el-form> <span slot="footer" class="dialog-footer" style="margin-top: 10px; display: block"> <el-button type="primary" :loading="addressEditSaving" @click="saveEditedAddress">保存</el-button> <el-button :disabled="addressEditSaving" @click="addressEditDialogVisible = false">关闭</el-button> </span> </el-dialog>
<!-- 新增PO明细弹窗 --> <el-dialog title="选择PO明细" :visible.sync="addPoDialogVisible" width="80%" append-to-body :close-on-click-modal="false"> <div class="rq"> <el-table class="po-edit-table" ref="addPoSelectTable" :data="addPoSelectList" border size="small" table-layout="fixed" height="450px" v-loading="addPoSelectLoading" style="width: 100%; margin-top: -10px;" @selection-change="handleAddPoSelectionChange"> <el-table-column type="selection" width="40" align="center" fixed="left" /> <el-table-column prop="orderRef1" label="PO号" header-align="center" align="center" width="120"/> <el-table-column prop="orderRef2" label="PO行号" header-align="center" align="center" width="80"/> <el-table-column prop="partNo" label="产品编码" header-align="center" align="left" min-width="120" show-overflow-tooltip/> <el-table-column prop="item" label="Item" header-align="center" align="left" min-width="100" show-overflow-tooltip/> <el-table-column prop="sku" label="SKU" header-align="center" align="left" min-width="120" show-overflow-tooltip/> <el-table-column prop="partDesc" label="物料名称" header-align="center" align="left" min-width="150" show-overflow-tooltip/> <el-table-column prop="planner" label="Planner" header-align="center" align="left" min-width="120" show-overflow-tooltip/> <el-table-column prop="qty" label="订单数量" header-align="center" align="right" width="90"/> <el-table-column prop="waitInspectQty" label="未验货数量" header-align="center" align="right" width="90"/> <el-table-column label="此次验货数量" header-align="center" align="center" width="150"> <template slot-scope="scope"> <el-input-number v-model="scope.row.inspectQty" :min="0" :max="scope.row.waitInspectQty || 999999" size="mini" :controls="false" style="width: 100%;"> </el-input-number> </template> </el-table-column> <el-table-column label="运输方式" header-align="center" align="center" width="120"> <template slot-scope="scope"> <el-select v-model="scope.row.shipMethod" placeholder="请选择" size="mini" style="width: 100%;"> <el-option label="空运" value="空运"></el-option> <el-option label="海运" value="海运"></el-option> <el-option label="陆运" value="陆运"></el-option> </el-select> </template> </el-table-column> <el-table-column label="CRD日期" header-align="center" align="center" width="160"> <template slot-scope="scope"> <el-date-picker v-model="scope.row.crd" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期" size="mini" style="width: 80%;"> </el-date-picker> </template> </el-table-column> </el-table> </div> <el-pagination style="margin-top: 10px; text-align: right" @size-change="onAddPoPageSizeChange" @current-change="onAddPoPageCurrentChange" :current-page="addPoSelectPageIndex" :page-sizes="[20, 50, 100, 200]" :page-size="addPoSelectPageSize" :total="addPoSelectTotal" layout="total, sizes, prev, pager, next, jumper"> </el-pagination>
<div slot="footer" class="dialog-footer"> <el-button type="primary" @click="confirmAddPoSelect">确认添加</el-button> <el-button @click="addPoDialogVisible = false">取消</el-button> </div> </el-dialog>
<el-dialog title="从订单选择供应商" :visible.sync="orderSupplierDialogVisible" width="1260px" append-to-body :close-on-click-modal="false"> <el-form :inline="true" label-position="top" class="search-form-inline"> <el-form-item label="PO"> <el-input v-model="orderSupplierSearch.orderNo" clearable style="width: 150px" @keyup.enter.native="searchOrderSupplierByPo"/> </el-form-item> <el-form-item label="产品编码"> <el-input v-model="orderSupplierSearch.partNo" clearable style="width: 150px" @keyup.enter.native="searchOrderSupplierByPo"/> </el-form-item> <el-form-item label="Item"> <el-input v-model="orderSupplierSearch.item" clearable style="width: 140px" @keyup.enter.native="searchOrderSupplierByPo"/> </el-form-item> <el-form-item label="SKU"> <el-input v-model="orderSupplierSearch.sku" clearable style="width: 140px" @keyup.enter.native="searchOrderSupplierByPo"/> </el-form-item> <el-form-item label="物料名称"> <el-input v-model="orderSupplierSearch.partDesc" clearable style="width: 200px" @keyup.enter.native="searchOrderSupplierByPo"/> </el-form-item> <el-form-item label="供应商名称"> <el-input v-model="orderSupplierSearch.supplierName" clearable style="width: 200px" @keyup.enter.native="searchOrderSupplierByPo"/> </el-form-item> <el-form-item> <span style="cursor: pointer" slot="label" @click="getBaseList(530, 'orderSupplierPlanner')"><a href="#">Planner</a></span> <el-input v-model="orderSupplierSearch.planner" clearable style="width: 140px" @keyup.enter.native="searchOrderSupplierByPo" /> </el-form-item> <el-form-item label=" "> <el-button type="primary" @click="searchOrderSupplierByPo">查询</el-button> <el-button @click="resetOrderSupplierSearch">重置</el-button> </el-form-item> </el-form>
<el-table ref="orderSupplierTable" :data="orderSupplierList" border height="430px" v-loading="orderSupplierLoading" highlight-current-row @current-change="onOrderSupplierCurrentChange" @row-dblclick="onOrderSupplierRowDblClick" :default-sort="{ prop: 'crd', order: 'descending' }"> <el-table-column prop="supplierNo" label="供应商编码" header-align="center" align="left" min-width="120" fixed="left" show-overflow-tooltip /> <el-table-column prop="supplierName" label="供应商名称" header-align="center" align="left" min-width="180" fixed="left" show-overflow-tooltip /> <el-table-column prop="planner" label="Planner" header-align="center" align="left" min-width="120" show-overflow-tooltip /> <el-table-column prop="orderRef1" label="PO号" header-align="center" align="center" min-width="120" show-overflow-tooltip /> <el-table-column prop="orderRef2" label="PO行号" header-align="center" align="center" min-width="80" show-overflow-tooltip /> <el-table-column prop="partNo" label="产品编码" header-align="center" align="left" min-width="140" show-overflow-tooltip /> <el-table-column prop="item" label="Item" header-align="center" align="left" min-width="120" show-overflow-tooltip /> <el-table-column prop="sku" label="SKU" header-align="center" align="left" min-width="140" show-overflow-tooltip /> <el-table-column prop="partDesc" label="物料名称" header-align="center" align="left" min-width="170" show-overflow-tooltip /> <el-table-column prop="waitInspectQty" label="未验货数量" header-align="center" align="right" min-width="100" /> <el-table-column prop="crd" label="CRD日期" header-align="center" align="center" min-width="120" sortable :sort-method="(a, b) => sortCrdDate(a, b)" /> </el-table>
<el-pagination style="margin-top: 10px; text-align: right" @size-change="onOrderSupplierPageSizeChange" @current-change="onOrderSupplierPageCurrentChange" :current-page="orderSupplierPageIndex" :page-sizes="[20, 50, 100, 200]" :page-size="orderSupplierPageSize" :total="orderSupplierTotal" layout="total, sizes, prev, pager, next, jumper"> </el-pagination>
<div slot="footer" class="dialog-footer"> <el-button type="primary" @click="confirmOrderSupplierSelect">确认</el-button> <el-button @click="orderSupplierDialogVisible = false">取消</el-button> </div> </el-dialog>
<!-- 导入弹窗 --> <el-dialog title="验货申请数据导入" :visible.sync="uploadDialogVisible" width="800px"> <!-- 选择文件 --> <div style="margin-bottom:15px;display:flex;align-items:center"> <span style="margin-right:10px">请选择文件</span> <el-input v-model="uploadFileName" style="width:400px;margin-right:10px" readonly></el-input> <el-upload ref="upload" action="/api/inspection/upload" :show-file-list="false" :on-change="handleFileChange" :auto-upload="false"> <el-button type="primary">选择文件</el-button> </el-upload> <el-button type="success" style="margin-left:10px" @click="previewUpload">上传</el-button> <el-button type="primary" @click="downloadTemplate" style="margin-left:10px"> <i class="el-icon-download"></i> 下载模板 </el-button> </div> <!-- 预览表格 --> <el-table :data="uploadPreviewList" border height="250" style="width:100%;margin-top:10px" > <el-table-column prop="poNo" label="PO号" align="center" width="auto"></el-table-column> <el-table-column prop="poItemNo" label="PO行号" align="center" width="auto"></el-table-column> <el-table-column prop="partNo" label="产品编码" align="center" width="auto"></el-table-column> <el-table-column prop="qty" label="验货数量" align="center" width="auto"></el-table-column> <el-table-column prop="shipMethod" label="运输方式" align="center" width="auto"></el-table-column> <el-table-column prop="crd" label="CRD" align="center" width="auto"></el-table-column> <el-table-column prop="suggestInspectDate" label="建议验货日期" align="center" width="auto"></el-table-column> <el-table-column prop="inspectAddress" label="验货地址" align="center" width="auto"></el-table-column> <el-table-column prop="inspectContract" label="联系人" align="center" width="auto"></el-table-column> </el-table> <!-- 按钮 --> <div style="margin-top:20px;text-align:center"> <el-button type="primary" @click="confirmUpload">保存</el-button> <el-button @click="uploadDialogVisible=false" style="margin-right:30px">关闭</el-button> </div> </el-dialog> </div></template>
<script>import { searchInspectionRequestHeaderList, queryPoPage, queryPoPageExclude, queryPoSupplierPage, queryPoSupplierOrderPage, saveInspectionRequest, deleteInspectionRequest, confirmInspectionRequest, applyChangeInspectionRequest, getInspectionRequestDetailSubList, updateInspectionRequest, downloadTemplate, previewUpload, batchSave, addInspectionDetails, editInspectionDetails, deleteInspectionDetails, editSaveInspectionRequest } from '@/api/inspection/inspectionRequestHeader.js'import { searchSrmSupplierAddressList, createSrmSupplierAddress, updateSrmSupplierAddress, searchSrmSupplierList } from '@/api/srm/srmSupplier.js'import { getPermissionValue } from '@/api/sys/specialSecurity.js'import Chooselist from '@/views/modules/common/Chooselist_eam'import SysDictSelect from '@/components/dict/SysDictSelect.vue'import ComInspectionRequestDetail from './com_inspectionRequestDetail.vue'import ComInspectionRequestDetailTab from './com_inspectionRequestDetailTab.vue'import ComInspectionRequestPoDetailTab from './com_inspectionRequestPoDetailTab.vue'import ComInspectionResultTab from './com_inspectionResultTab.vue'import ComInspectionRequestAttachmentTab from './com_inspectionRequestAttachmentTab.vue'import ComInspectionRequestFeeTab from './com_inspectionRequestFeeTab.vue'import { fetchSupplierDetail } from '@/utils/supplierChooselistHelper'import excel from '@/utils/excel-util.js'
export default { props: { /** * 供应商专用模式开关 * - false：通用验货申请页（默认，内部人员场景） * - true ：供应商专用页（由 inspectionRequestListSupplier.vue 传入） * * 打开后会触发： * 1) 查询条件精简； * 2) 查询强制按当前登录用户绑定供应商编码过滤； * 3) 新增时供应商固定为当前登录用户供应商； * 4) 隐藏从订单选择供应商入口及部分PO筛选项。 */ supplierMode: { type: Boolean, default: false } }, components: { Chooselist, SysDictSelect, InspectionRequestDetail: ComInspectionRequestDetail, InspectionRequestDetailTab: ComInspectionRequestDetailTab, InspectionRequestPoDetailTab: ComInspectionRequestPoDetailTab, InspectionResultTab: ComInspectionResultTab, InspectionRequestAttachmentTab: ComInspectionRequestAttachmentTab, InspectionRequestFeeTab: ComInspectionRequestFeeTab }, data () { return { functionId: this.$route.meta.menuId, height: 400, detailHeight: 400, currentRow: {}, tagNo: '', searchType: '', // 供应商模式上下文：来自 /sys/user/info（user.supplierNo / user.supplierName）
currentSupplierNo: '', currentSupplierName: '', activeTab: 'base', // 新增弹窗相关数据
addDialogVisible: false, addDialogMode: 'create', addFormData: { requestNo: '', requestDate: '', supplierNo: '', supplierName: '', inspectAddressId: '', inspectAddress: '', inspectCityShort: '', contact: '', needInspectDate: '' }, addRules: { requestDate: [ { required: true, message: '请选择申请日期', trigger: 'change' } ], supplierNo: [ { required: true, message: '请选择供应商', trigger: 'change' } ], inspectAddress: [ { required: true, message: '请选择验货地址', trigger: 'change' } ], needInspectDate: [ { required: true, message: '请选择建议验货日期', trigger: 'change' } ] }, poList: [], filteredPoList: [], editPoDetailList: [], editPoDetailLoading: false, editPoEditMode: false, // 编辑PO明细的编辑模式
addPoDialogVisible: false, // 新增PO弹窗
addPoSelectList: [], // 新增PO选择列表
addPoSelectLoading: false, // 新增PO加载状态
addPoSelectPageIndex: 1, // 新增PO当前页
addPoSelectPageSize: 20, // 新增PO每页条数
addPoSelectTotal: 0, // 新增PO总数
addPoSelectedRows: [], // 新增PO选中的行
addPoSearch: { orderRef1: '', partNo: '', sku: '', partDesc: '' }, addPoFilter: { orderNo: '', partNo: '', item: '', sku: '', partDesc: '', supplierName: '', planner: '' }, addPoPlannerCodeFromChooser: '', addPoPlannerDisplayFromChooser: '', selectedPoList: [], poSupplierDialogVisible: false, poSupplierLoading: false, poSupplierList: [], poSupplierCurrentRow: null, poSupplierPageIndex: 1, poSupplierPageSize: 20, poSupplierTotal: 0, poSupplierSearch: { supplierNo: '', supplierName: '' }, addressDialogVisible: false, addressLoading: false, addressList: [], addressCurrentRow: null, addressPageIndex: 1, addressPageSize: 20, addressTotal: 0, addressSearch: { keyword: '' }, // 权限控制：SRM0002 - 是否允许编辑验货地址
hasAddressEditPermission: false, // 新增供应商地址弹窗（用于验货地址弹窗内快速维护地址）
addressCreateDialogVisible: false, addressCreateSaving: false, addressCreateForm: { supplierId: '', site: this.$store.state.user.site || this.$store.state.user.currentSite || '', addressId: '', companyName: '', cityShort: '', contact: '', phoneNo: '', address: '', addressType: '验货地址', active: 'Y', email: '', originCountry: '', portOfLoading: '', memo: '', createBy: this.$store.state.user.name, updateBy: this.$store.state.user.name }, // 编辑供应商地址弹窗
addressEditDialogVisible: false, addressEditSaving: false, addressEditForm: { supplierId: '', site: this.$store.state.user.site || this.$store.state.user.currentSite || '', addressId: '', companyName: '', cityShort: '', contact: '', phoneNo: '', address: '', addressType: '验货地址', active: 'Y', email: '', originCountry: '', portOfLoading: '', memo: '', createBy: this.$store.state.user.name, updateBy: this.$store.state.user.name }, addressCreateRules: { supplierId: [ { required: true, validator: this.validateAddressCreateField, trigger: 'blur' } ], site: [ { required: true, validator: this.validateAddressCreateField, trigger: 'blur' } ], cityShort: [ { required: true, validator: this.validateAddressCreateField, message: ' ', trigger: 'blur' } ], address: [ { required: true, validator: this.validateAddressCreateField, message: ' ', trigger: 'blur' } ], companyName: [ { required: true, validator: this.validateAddressCreateField, message: ' ', trigger: 'blur' } ], contact: [ { required: true, validator: this.validateAddressCreateField, message: ' ', trigger: 'blur' } ], phoneNo: [ { required: true, validator: this.validateAddressCreateField, message: ' ', trigger: 'blur' } ], addressType: [ { required: true, validator: this.validateAddressCreateField, message: ' ', trigger: 'change' } ] }, applyChangeDialogVisible: false, applyChangeLoading: false, applyChangeForm: { requestNo: '', statusDb: '', changeRemark: '' }, orderSupplierDialogVisible: false, orderSupplierLoading: false, orderSupplierList: [], orderSupplierCurrentRow: null, orderSupplierPageIndex: 1, orderSupplierPageSize: 50, orderSupplierTotal: 0, orderSupplierSearch: { orderNo: '', partNo: '', item: '', sku: '', partDesc: '', supplierName: '', planner: '' }, pendingAutoSelectPoRow: null, // 上传相关
uploadDialogVisible: false, uploadFileName: '', uploadFile: null, uploadPreviewList: [], searchData: { requestNo: '', supplierNo: '', supplierName: '', planner: '', status: '', qcOperator: '', createBy: '', requestDateStart: '', requestDateEnd: '', needInspectDateStart: '', needInspectDateEnd: '', planStartDate: '', planEndDate: '', planStartDateStr: '', planEndDateStr: '', page: 1, limit: 50 }, pageIndex: 1, pageSize: 50, totalPage: 0, mainDataList: [], dataListLoading: false, columnArray1: [ { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1RequestNo', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'requestNo', headerAlign: 'center', align: 'left', columnLabel: '申请单号', columnWidth: '120', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1RequestDate', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'requestDate', headerAlign: 'center', align: 'center', columnLabel: '申请日期', columnWidth: '120', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1PlanStartDate', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'planStartDate', headerAlign: 'center', align: 'center', columnLabel: '计划验货日期', columnWidth: '120', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1SupplierNo', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'supplierNo', headerAlign: 'center', align: 'left', columnLabel: '供应商编码', columnWidth: '120', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1SupplierName', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'supplierName', headerAlign: 'center', align: 'left', columnLabel: '供应商名称', columnWidth: '150', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1Planner', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'planner', headerAlign: 'center', align: 'left', columnLabel: 'Planner', columnWidth: '120', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1CreateBy', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'createBy', headerAlign: 'center', align: 'left', columnLabel: '申请人员', columnWidth: '100', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1NeedInspectDate', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'needInspectDate', headerAlign: 'center', align: 'center', columnLabel: '建议验货日期', columnWidth: '120', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1Status', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'status', headerAlign: 'center', align: 'center', columnLabel: '状态', columnWidth: '100', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false },
{ userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1QcOperator', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'qcOperator', headerAlign: 'center', align: 'left', columnLabel: 'QC人员', columnWidth: '100', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1InspectAddress', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'inspectAddress', headerAlign: 'center', align: 'left', columnLabel: '验货地址', columnWidth: '200', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1InspectCityShort', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'inspectCityShort', headerAlign: 'center', align: 'left', columnLabel: '城市简称', columnWidth: '120', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1Contact', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'inspectContract', headerAlign: 'center', align: 'left', columnLabel: '联系人', columnWidth: '150', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false }, { userId: this.$store.state.user.name, functionId: this.functionId, serialNumber: 'InspectionTable1Remark', tableId: 'InspectionTable1', tableName: '检验申请单', columnProp: 'remark', headerAlign: 'center', align: 'left', columnLabel: '备注', columnWidth: '150', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: false },
] } }, computed: { isEditDialogMode () { return this.addDialogMode === 'edit' }, // 统一封装模式判断，避免模板与方法里反复写 this.supplierMode === true
isSupplierPageMode () { return this.supplierMode === true }, /** * 统一页签内容容器高度（单位：px）。 * 业务意图： * - 验货申请各页签切换时保持同一视觉高度，避免忽高忽低导致页面跳动； * - 当窗口高度异常或未初始化时提供安全兜底，避免出现 0 高度导致内容不可见。 */ normalizedTabPaneHeight () { const rawHeight = Number(this.detailHeight) if (!rawHeight || rawHeight <= 0) { return 300 } return Math.floor(rawHeight) }, /** * 页签内容区内联样式（供所有 tab pane 复用）。 * 关键输出： * - 固定高度：所有页签保持一致； * - 自动滚动：当单个页签内容超出时在页签内部滚动，不撑高外层布局。 */ tabPaneContentStyle () { return { height: `${this.normalizedTabPaneHeight}px` } }, /** * 表格类页签统一高度（单位：px）。 * 设计说明： * - 预留少量内边距，避免表格底部与容器边框贴边； * - 设置最小值，防止极端窗口尺寸下表格渲染异常。 */ tabTableHeight () { return Math.max(this.normalizedTabPaneHeight - 10, 120) } }, mounted () { this.$nextTick(() => { // 统一计算主表格和详情页签的高度，确保一致
const calculatedHeight = (window.innerHeight - 250) / 2 this.height = calculatedHeight this.detailHeight = calculatedHeight this.initPageData() // 页面首次渲染后绑定窗口变化监听，保障fixed列在窗口变化后自动重排 - rqrq
this.bindMainTableResizeListener() }) }, beforeDestroy () { // 组件销毁时及时解绑监听，避免重复绑定造成多次重排与性能浪费 - rqrq
this.removeMainTableResizeListener() }, methods: { // 统一处理主表布局重算：修复固定列与正文列在缩放/滚动后偶发错位 - rqrq
handleMainTableResize () { this.$nextTick(() => { if (this.$refs.mainTable) { this.$refs.mainTable.doLayout() } }) }, // 绑定窗口尺寸监听：窗口变化后触发表格重排 - rqrq
bindMainTableResizeListener () { window.addEventListener('resize', this.handleMainTableResize) }, // 解绑窗口尺寸监听：防止组件重复创建后出现重复回调 - rqrq
removeMainTableResizeListener () { window.removeEventListener('resize', this.handleMainTableResize) }, /** * 页面初始化入口： * - 通用模式：直接查询； * - 供应商模式：先加载当前用户供应商信息，再按供应商过滤查询。 */ async initPageData () { if (!this.isSupplierPageMode) { this.getMainData() return } const loaded = await this.loadCurrentUserSupplierContext() if (!loaded) { this.mainDataList = [] this.changeData(null) return } this.pageIndex = 1 this.getMainData() }, /** * 读取当前登录用户绑定的供应商信息。 * 数据来源：GET /sys/user/info * 结果用途： * - currentSupplierNo：查询强制过滤 + 新增固定回填 * - currentSupplierName：新增供应商名称展示 */ async loadCurrentUserSupplierContext () { try { const { data } = await this.$http({ url: this.$http.adornUrl('/sys/user/info'), method: 'get', params: this.$http.adornParams() }) if (!data || data.code !== 0 || !data.user) { this.$message.error((data && data.msg) || '获取当前用户信息失败') return false } const supplierNo = String(data.user.supplierNo || '').trim() if (!supplierNo) { this.$message.warning('当前账号未维护供应商编码，请先在用户维护中配置') return false } this.currentSupplierNo = supplierNo this.currentSupplierName = String(data.user.supplierName || '').trim() if (!this.currentSupplierName) { const detail = await fetchSupplierDetail(supplierNo, this.$store.state.user.site) this.currentSupplierName = detail ? String(detail.supplierName || detail.supplier_name || '').trim() : '' } this.applyCurrentSupplierToSearchFilters() return true } catch (error) { console.error('获取当前用户供应商信息失败：', error) this.$message.error('获取当前用户供应商信息失败') return false } }, /** * 将当前用户供应商写入查询条件。 * 说明：supplierName 这里清空，避免名称模糊匹配干扰 supplierNo 精准过滤。 */ applyCurrentSupplierToSearchFilters () { if (!this.currentSupplierNo) { return false } this.searchData.supplierNo = this.currentSupplierNo this.searchData.supplierName = '' return true }, /** * 将当前用户供应商写入新增表单（只读展示）。 */ applyCurrentSupplierToAddForm () { if (!this.currentSupplierNo) { return false } this.$set(this.addFormData, 'supplierNo', this.currentSupplierNo) this.$set(this.addFormData, 'supplierName', this.currentSupplierName || '') return true }, // 统一状态判断，兼容中文和英文状态值 - rqrq
isRowStatus (row, statusDbList) { if (!row || !Array.isArray(statusDbList) || statusDbList.length === 0) { return false } const rowStatusDb = row.statusDb ? String(row.statusDb).trim() : '' if (statusDbList.indexOf(rowStatusDb) !== -1) { return true } const statusLabelMap = { Draft: '草稿', Confirmed: '待审核', Audited: '已下达', Scheduled: '已排程', ChangeApplying: '申请变更中' } const rowStatusLabel = row.status ? String(row.status).trim() : '' return statusDbList.some(item => statusLabelMap[item] === rowStatusLabel) }, resolveUserCode (val, tagNo) { if (!val) return '' if (tagNo === 2016) { // ChooseList 2016: username, user_display
return val.username || '' } if (tagNo === 528 || tagNo === 529 || tagNo === 530) { // ChooseList 528/529/530: UserName, User_display
return val.UserName || '' } return '' }, resolveUserDisplay (val, tagNo) { if (!val) return '' if (tagNo === 2016) { return val.user_display || '' } if (tagNo === 528 || tagNo === 529 || tagNo === 530) { return val.User_display || '' } return '' }, // 获取基础数据列表
getBaseList (val, type) { this.tagNo = val this.searchType = type || '' this.$nextTick(() => { let strVal = '' let conSql = '' if (val === 520) { // 判断是搜索条件还是新增弹窗
if (this.addDialogVisible) { strVal = this.addFormData.supplierNo || '' } else { strVal = this.searchData.supplierNo || '' } conSql = " and site = '" + this.$store.state.user.site + "'" } if (val === 530) { if (type === 'mainPlanner') { strVal = this.searchData.planner || '' } else if (type === 'addPoPlanner') { strVal = this.addPoFilter.planner || '' } else if (type === 'orderSupplierPlanner') { strVal = this.orderSupplierSearch.planner || '' } // 530 已在 ChooseList 中限定 PLANNER，这里仅做空值防御
conSql = " and username <> '' " } if (val === 2016) { if (type === 'createBy') { strVal = this.searchData.createBy || '' } else if (type === 'qcOperator') { strVal = this.searchData.qcOperator || '' }
// 防止 Druid 拦截 where 1=1
conSql = " and username <> '' " } if (val === 2018) { if (type === 'addressPortOfLoading') { strVal = this.addressCreateForm.portOfLoading || '' } conSql = " and port_name <> '' " } this.$refs.baseList.init(val, strVal, conSql) }) },
/* 列表方法的回调 */ getBaseData (val) { if (this.tagNo === 520) { // 判断是搜索条件还是新增弹窗
if (this.addDialogVisible) { // 新增弹窗：SQL返回: supplier_no, supplier_name
const supplierNoVal = val.supplier_no || '' const supplierNameVal = val.supplier_name || '' this.$set(this.addFormData, 'supplierNo', supplierNoVal) this.$set(this.addFormData, 'supplierName', supplierNameVal) this.$set(this.addFormData, 'inspectAddressId', '') this.$set(this.addFormData, 'inspectAddress', '') this.$set(this.addFormData, 'inspectCityShort', '') this.$set(this.addFormData, 'contact', '') console.log('供应商编码赋值:', supplierNoVal, '供应商名称赋值:', supplierNameVal) this.loadPoList() // 查询供应商地址获取验货地址和联系人
if (supplierNoVal) { this.fetchSupplierAddress(supplierNoVal) } } else { // 搜索条件：SQL返回: supplier_no, supplier_name
const supplierNoVal = val.supplier_no || '' this.searchData.supplierNo = supplierNoVal console.log('供应商编码赋值:', supplierNoVal) } } if (this.tagNo === 2016) { const userCode = this.resolveUserCode(val, 2016) if (this.searchType === 'createBy') { this.searchData.createBy = userCode } else if (this.searchType === 'qcOperator') { this.searchData.qcOperator = userCode } } if (this.tagNo === 530) { const plannerVal = this.resolveUserCode(val, 530) const plannerDisplay = this.resolveUserDisplay(val, 530) || plannerVal if (this.searchType === 'mainPlanner') { this.searchData.planner = plannerVal } else if (this.searchType === 'addPoPlanner') { this.addPoFilter.planner = plannerVal this.addPoPlannerCodeFromChooser = plannerVal this.addPoPlannerDisplayFromChooser = plannerDisplay this.filterAddPoList() } else if (this.searchType === 'orderSupplierPlanner') { this.orderSupplierSearch.planner = plannerVal } } if (this.tagNo === 2018) { if (this.searchType === 'addressPortOfLoading') { this.addressCreateForm.portOfLoading = val.port_name || val.code || '' } } },
// 查询数据
getMainData () { if (this.isSupplierPageMode) { if (!this.currentSupplierNo && !this.applyCurrentSupplierToSearchFilters()) { this.mainDataList = [] this.totalPage = 0 this.changeData(null) return } this.applyCurrentSupplierToSearchFilters() } this.searchData.limit = this.pageSize this.searchData.page = this.pageIndex // 后端查询字段使用 planStartDateStr/planEndDateStr - rqrq
this.searchData.planStartDateStr = this.searchData.planStartDate || '' this.searchData.planEndDateStr = this.searchData.planEndDate || '' this.dataListLoading = true
searchInspectionRequestHeaderList(this.searchData).then(({ data }) => { if (data.code === 0) { this.mainDataList = data.page.list
// 调试信息：打印第一条数据的 hasModifiedQty 字段
if (this.mainDataList.length > 0) { console.log('=== 主表格数据调试 ===') console.log('第一条数据:', this.mainDataList[0]) console.log('hasModifiedQty 值:', this.mainDataList[0].hasModifiedQty) console.log('=====================') }
this.pageIndex = data.page.currPage this.pageSize = data.page.pageSize this.totalPage = data.page.totalCount
this.$nextTick(() => { if (this.$refs.mainTable) { // 固定列与主表在数据刷新后偶发错位，先触发布局重算再处理选择态 - rqrq
this.$refs.mainTable.doLayout() this.$refs.mainTable.clearSelection() } })
// 判断是否有数据
if (this.mainDataList.length > 0) { this.$refs.mainTable.setCurrentRow(this.mainDataList[0]) this.changeData(this.mainDataList[0]) } else { this.changeData(null) } } this.dataListLoading = false }).catch(() => { this.dataListLoading = false }) },
// 每页数
sizeChangeHandle (val) { this.pageSize = val this.pageIndex = 1 this.getMainData() },
// 当前页
currentChangeHandle (val) { this.pageIndex = val this.getMainData() },
// 页签点击事件
handleTabClick (tab) { // 每次点击页签都触发对应页签的查询
if (tab.name === 'detail') { // 验货明细页签 - 组件内部 watch 会自动触发
this.$nextTick(() => { if (this.$refs.inspectionDetailTab) { this.$refs.inspectionDetailTab.loadDetailList() } }) } else if (tab.name === 'poDetail') { // 验货关联PO明细页签
this.$nextTick(() => { if (this.$refs.poDetailTab) { this.$refs.poDetailTab.loadDetailList() } }) } else if (tab.name === 'result') { // 验货结果页签
this.$nextTick(() => { if (this.$refs.resultTab) { this.$refs.resultTab.loadDetailList() } }) } else if (tab.name === 'attachment') { // 附件管理页签 - 组件内部 watch 会自动触发
this.$nextTick(() => { if (this.$refs.attachmentTab) { this.$refs.attachmentTab.loadAttachmentTypeList() } }) } else if (tab.name === 'fee') { // 费用明细页签 - 组件内部 watch 会自动触发
this.$nextTick(() => { if (this.$refs.feeTab) { this.$refs.feeTab.loadFeeDetailList() } }) } },
// 行点击事件
changeData (row) { this.currentRow = row ? JSON.parse(JSON.stringify(row)) : {} },
// 新增验货申请
addInspectionRequest () { this.addDialogMode = 'create' this.resetAddForm() if (this.isSupplierPageMode) { if (!this.applyCurrentSupplierToAddForm()) { this.$message.warning('当前账号未维护供应商编码，请先在用户维护中配置') return } this.loadPoList() this.fetchSupplierAddress(this.addFormData.supplierNo) } this.addDialogVisible = true },
// 关闭新增弹窗
handleCloseAddDialog () { this.addDialogVisible = false this.resetAddForm() this.addDialogMode = 'create' },
// 重置表单
resetAddForm () { const today = new Date() const year = today.getFullYear() const month = String(today.getMonth() + 1).padStart(2, '0') const day = String(today.getDate()).padStart(2, '0') const todayStr = `${year}-${month}-${day}`
this.addFormData = { requestNo: '', requestDate: todayStr, supplierNo: '', supplierName: '', inspectAddressId: '', inspectAddress: '', inspectCityShort: '', contact: '', needInspectDate: '' } this.poList = [] this.filteredPoList = [] this.editPoDetailList = [] this.originalEditPoDetailList = [] // 保存原始PO列表，用于区分新增和修改
this.deletedPoKeys = new Set() // 记录用户手动删除的PO key
this.editPoDetailLoading = false this.editPoEditMode = false this.addPoDialogVisible = false this.addPoSelectList = [] this.addPoSelectLoading = false this.addPoSelectPageIndex = 1 this.addPoSelectPageSize = 20 this.addPoSelectTotal = 0 this.addPoSelectedRows = [] this.addPoSearch = { orderRef1: '', partNo: '', sku: '', partDesc: '' } this.selectedPoList = [] this.addPoFilter = { orderNo: '', partNo: '', item: '', sku: '', partDesc: '', supplierName: '', planner: '' } this.addPoPlannerCodeFromChooser = '' this.addPoPlannerDisplayFromChooser = '' this.poSupplierDialogVisible = false this.poSupplierLoading = false this.poSupplierList = [] this.poSupplierCurrentRow = null this.poSupplierPageIndex = 1 this.poSupplierPageSize = 20 this.poSupplierTotal = 0 this.poSupplierSearch = { supplierNo: '', supplierName: '' } this.addressDialogVisible = false this.addressLoading = false this.addressList = [] this.addressCurrentRow = null this.addressPageIndex = 1 this.addressPageSize = 20 this.addressTotal = 0 this.addressSearch = { keyword: '' } this.addressCreateDialogVisible = false this.addressCreateSaving = false this.addressCreateForm = this.buildAddressCreateFormBySupplier('') this.addressEditDialogVisible = false this.addressEditSaving = false this.addressEditForm = { supplierId: '', site: this.$store.state.user.site || this.$store.state.user.currentSite || '', addressId: '', companyName: '', cityShort: '', contact: '', phoneNo: '', address: '', addressType: '验货地址', active: 'Y', email: '', originCountry: '', portOfLoading: '', memo: '', createBy: this.$store.state.user.name, updateBy: this.$store.state.user.name } this.orderSupplierDialogVisible = false this.orderSupplierLoading = false this.orderSupplierList = [] this.orderSupplierCurrentRow = null this.orderSupplierPageIndex = 1 this.orderSupplierPageSize = 50 this.orderSupplierTotal = 0 this.orderSupplierSearch = { orderNo: '', partNo: '', item: '', sku: '', partDesc: '', supplierName: '', planner: '' } if (this.isSupplierPageMode) { this.applyCurrentSupplierToAddForm() } this.pendingAutoSelectPoRow = null if (this.$refs.addFormData) { this.$refs.addFormData.clearValidate() } },
// 仅格式化到 yyyy-MM-dd，兼容 Date / 字符串 - rqrq
formatToDateOnly (value) { if (!value) { return '' } if (value instanceof Date) { const year = value.getFullYear() const month = String(value.getMonth() + 1).padStart(2, '0') const day = String(value.getDate()).padStart(2, '0') return `${year}-${month}-${day}` } const text = String(value).trim() return text ? text.split(' ')[0] : '' },
// 打开草稿编辑弹窗：仅允许修改建议验货日期/验货地址/联系人 - rqrq
async openEditInspectionDialog (row) { this.resetAddForm() this.addDialogMode = 'edit' this.editPoEditMode = true // 直接进入编辑模式
this.addDialogVisible = true this.addFormData = { requestNo: row.requestNo || '', requestDate: this.formatToDateOnly(row.requestDate), supplierNo: row.supplierNo || '', supplierName: row.supplierName || '', inspectAddressId: row.inspectAddressId || '', inspectAddress: row.inspectAddress || '', inspectCityShort: row.inspectCityShort || '', contact: row.inspectContract || '', needInspectDate: this.formatToDateOnly(row.needInspectDate) } await this.loadEditPoDetailList(row.requestNo, row.site || this.$store.state.user.site) },
// 加载编辑弹窗PO明细（只读展示）
async loadEditPoDetailList (requestNo, site) { if (!requestNo) { this.editPoDetailList = [] return } this.editPoDetailLoading = true try { // 获取验货申请明细列表
const { data } = await getInspectionRequestDetailSubList({ requestNo, site: site || this.$store.state.user.site, page: 1, limit: 1000 })
if (data && data.code === 0) { const rawList = (data.page && data.page.list) || []
const exactList = rawList.filter(item => { const itemRequestNo = item.requestNo || item.request_no || '' return !itemRequestNo || String(itemRequestNo) === String(requestNo) })
// 直接使用后端返回的数据，不再调用 queryPoPage
this.editPoDetailList = exactList.map(item => ({ ...item, totalQty: item.totalQty || 0, // 使用后端返回的 totalQty 作为未验货数量
crd: this.formatToDateOnly(item.crd), qty: item.qty || 0 // 确保 qty 字段存在且为数字类型
}))
// 保存原始PO列表的副本，用于区分新增和修改
this.originalEditPoDetailList = this.editPoDetailList.map(item => ({...item})) } else { this.editPoDetailList = [] this.originalEditPoDetailList = [] this.$message.warning(data.msg || '加载PO明细失败') } } catch (error) { this.editPoDetailList = [] this.originalEditPoDetailList = [] console.error('加载编辑PO明细失败：', error) this.$message.error('加载PO明细失败，请稍后重试') } finally { this.editPoDetailLoading = false } },
// 启用编辑PO明细的编辑模式（已废弃，直接进入编辑模式）
enableEditPoEdit () { this.editPoEditMode = true },
// 删除编辑PO明细中的某一行（仅缓存，保存时一并提交）
deleteEditPoRow (index) { this.$confirm('确定要删除这条PO明细吗？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { const deletedRow = this.editPoDetailList[index]
// 记录被删除的PO的key和itemNo，用于保存时判断
const key = `${deletedRow.orderRef1 || ''}_${deletedRow.orderRef2 || ''}` // 使用 poItemNo 或 itemNo 作为删除标识（对应后端 item_no）
const itemNo = deletedRow.poItemNo || deletedRow.po_item_no || deletedRow.itemNo || deletedRow.item_no || deletedRow.orderRef2 || ''
// 如果删除的是原有PO（在originalEditPoDetailList中存在），则记录到deletedPoKeys
const isOriginalPo = this.originalEditPoDetailList.some(item => { const originalKey = `${item.orderRef1 || ''}_${item.orderRef2 || ''}` return originalKey === key })
if (isOriginalPo && itemNo) { // 存储对象而非字符串，保留完整的itemNo信息
this.deletedPoKeys.add(JSON.stringify({ key, itemNo })) }
// 从列表中移除该行（仅前端移除，不立即调用后端接口）
this.editPoDetailList.splice(index, 1) this.$message.success('已标记删除，点击保存后生效') }).catch(() => { // 取消删除
}) },
// 打开新增PO弹窗
openAddPoDialog () { if (!this.addFormData.supplierNo) { this.$message.warning('请先选择供应商') return } this.addPoDialogVisible = true this.addPoSelectPageIndex = 1 this.addPoSelectedRows = [] this.resetAddPoSearch() this.loadAddPoSelectList() },
// 加载新增PO选择列表
loadAddPoSelectList () { const params = { site: this.$store.state.user.site, supplierNo: this.addFormData.supplierNo, orderRef1: this.addPoSearch.orderRef1 || '', partNo: this.addPoSearch.partNo || '', sku: this.addPoSearch.sku || '', partDesc: this.addPoSearch.partDesc || '', page: this.addPoSelectPageIndex, limit: this.addPoSelectPageSize }
// 如果是编辑模式且已有PO明细，构建排除列表
if (this.isEditDialogMode && this.editPoDetailList && this.editPoDetailList.length > 0) { const excludePoItems = [] this.editPoDetailList.forEach(item => { // 优先使用 poNo 和 poItemNo（对应后端 order_no 和 item_no）
const orderNo = item.poNo || item.orderNo || item.order_no || item.orderRef1 || '' const itemNo = item.poItemNo || item.po_item_no || item.itemNo || item.item_no || item.orderRef2 || '' if (orderNo && itemNo) { excludePoItems.push(`${orderNo}:${itemNo}`) } }) if (excludePoItems.length > 0) { params.excludePoItems = excludePoItems } }
this.addPoSelectLoading = true
// 根据是否有排除列表选择不同的API
const apiCall = params.excludePoItems ? queryPoPageExclude(params) : queryPoPage(params)
apiCall.then(({ data }) => { if (data && data.code === 0) { const pageData = data.page || {} let list = pageData.list || []
// 为每条数据设置默认值
list = list.map(row => ({ ...row, inspectQty: row.waitInspectQty || row.qty || 0, // 此次验货数量默认为未验货数量
shipMethod: row.shipMethod || row.shipMothod || '', // 运输方式默认为PO中的运输方式（兼容拼写错误）
crd: row.crd || '' // CRD日期默认为PO中的CRD日期
}))
this.addPoSelectList = list this.addPoSelectTotal = pageData.totalCount || 0 this.addPoSelectPageIndex = pageData.currPage || this.addPoSelectPageIndex this.addPoSelectPageSize = pageData.pageSize || this.addPoSelectPageSize } else { this.addPoSelectList = [] this.addPoSelectTotal = 0 this.$message.warning(data.msg || '加载PO列表失败') } }).catch(error => { console.error('加载PO列表失败:', error) this.addPoSelectList = [] this.addPoSelectTotal = 0 this.$message.error('加载PO列表失败') }).finally(() => { this.addPoSelectLoading = false }) },
// 搜索新增PO列表
searchAddPoList () { this.addPoSelectPageIndex = 1 this.loadAddPoSelectList() },
// 重置新增PO搜索条件
resetAddPoSearch () { this.addPoSearch = { orderRef1: '', partNo: '', sku: '', partDesc: '' } this.addPoSelectPageIndex = 1 this.loadAddPoSelectList() },
// 新增PO分页大小变化
onAddPoPageSizeChange (val) { this.addPoSelectPageSize = val this.addPoSelectPageIndex = 1 this.loadAddPoSelectList() },
// 新增PO页码变化
onAddPoPageCurrentChange (val) { this.addPoSelectPageIndex = val this.loadAddPoSelectList() },
// 新增PO选择变化
handleAddPoSelectionChange (rows) { this.addPoSelectedRows = rows },
// 确认添加选中的PO（仅添加到表格，不立即保存）
confirmAddPoSelect () { if (!this.addPoSelectedRows || this.addPoSelectedRows.length === 0) { this.$message.warning('请至少选择一条PO明细') return }
if (!this.addFormData.requestNo) { this.$message.warning('申请单号为空，无法添加PO明细') return }
// 允许重复添加，直接将选中的PO明细添加到编辑列表中
const newItems = this.addPoSelectedRows.map(row => ({ ...row, orderNo: row.poNo || row.orderNo || row.order_ref1 || row.orderRef1 || '', orderRef1: row.orderRef1 || row.order_ref1 || '', orderRef2: row.orderRef2 || row.order_ref2 || '', poItemNo: row.poItemNo || row.po_item_no || row.itemNo || row.item_no || row.orderRef2 || row.order_ref2 || '', partNo: row.partNo || '', qty: row.inspectQty || row.waitInspectQty || row.qty || 0, shipMethod: row.shipMethod || row.shipMothod || '', shipMothod: row.shipMethod || row.shipMothod || '', // 保持字段一致性
crd: row.crd || '', waitInspectQty: row.waitInspectQty || 0, totalQty: row.waitInspectQty || 0 // 新增明细的未验货数量取PO的可用待验数量
}))
// 将新PO明细添加到编辑列表中
this.editPoDetailList = [...this.editPoDetailList, ...newItems]
this.$message.success(`成功添加${newItems.length}条PO明细`)
// 关闭弹窗并清空选中状态
this.addPoDialogVisible = false this.addPoSelectedRows = [] },
// 选择供应商
selectSupplier () { this.tagNo = 520 // 设置tagNo，确保回调时能正确识别
this.$nextTick(() => { const conSql = " and site = '" + this.$store.state.user.site + "'" this.$refs.baseList.init(520, this.addFormData.supplierNo || '', conSql) }) }, /** * 新增供应商地址弹窗字段校验（与供应商地址页签新增逻辑保持一致）。 * 规则：必填字段不能为空字符串（仅空格也视为无效）。 */ validateAddressCreateField (rule, value, callback) { const normalizedValue = value === null || value === undefined ? '' : String(value).trim() if (!normalizedValue) { callback(new Error()) return } callback() }, /** * 构建“新增供应商地址”弹窗的默认表单对象。 * supplierId 固定使用当前验货申请选中的供应商编码，避免录错供应商。 */ buildAddressCreateFormBySupplier (supplierId) { const currentSite = String(this.$store.state.user.site || this.$store.state.user.currentSite || '').trim() return { supplierId: supplierId || '', site: currentSite, addressId: '', companyName: '', cityShort: '', contact: '', phoneNo: '', address: '', addressType: '验货地址', active: 'Y', email: '', originCountry: '', portOfLoading: '', memo: '', createBy: this.$store.state.user.name, updateBy: this.$store.state.user.name } }, /** * 在“选择验货地址”弹窗内快速新增供应商地址。 * 界面字段与 /srmSupplier-supplierList 地址页签新增弹窗保持一致。 */ openAddressCreateDialog () { const supplierNo = (this.addFormData.supplierNo || '').trim() if (!supplierNo) { this.$message.warning('请先选择供应商') return } this.addressCreateForm = this.buildAddressCreateFormBySupplier(supplierNo) this.addressCreateDialogVisible = true this.$nextTick(() => { if (this.$refs.addressCreateFormRef) { this.$refs.addressCreateFormRef.clearValidate() } }) this.fetchSupplierInfoForAddressCreate(supplierNo) }, /** * 根据供应商编码回填默认信息（公司名称/联系人/电话/邮箱/地址）。 * 仅在新增地址弹窗中用于提高录入效率，不覆盖用户已输入内容。 */ fetchSupplierInfoForAddressCreate (supplierNo) { const normalizedSupplierNo = String(supplierNo || '').trim() const currentSite = String(this.$store.state.user.site || this.$store.state.user.currentSite || '').trim() if (!normalizedSupplierNo || !currentSite) { return } searchSrmSupplierList({ site: currentSite, supplierNo: normalizedSupplierNo, page: 1, limit: 1 }).then(({ data }) => { if (!(data && data.code === 0)) { return } const pageData = data.data || data.page const supplierList = pageData && pageData.list ? pageData.list : (Array.isArray(pageData) ? pageData : []) if (!supplierList || supplierList.length === 0) { return } const supplierData = supplierList[0] || {} this.addressCreateForm.companyName = supplierData.supplierName || supplierData.companyName || this.addressCreateForm.companyName || '' if (!this.addressCreateForm.contact) { this.addressCreateForm.contact = supplierData.contact || '' } if (!this.addressCreateForm.phoneNo) { this.addressCreateForm.phoneNo = supplierData.phoneNo || supplierData.phoneNo1 || '' } if (!this.addressCreateForm.email) { this.addressCreateForm.email = supplierData.email || supplierData.email1 || '' } if (!this.addressCreateForm.address) { this.addressCreateForm.address = supplierData.address || '' } }).catch((error) => { console.error('查询供应商信息失败:', error) }) }, /** * 保存新增供应商地址并刷新地址列表。 * 保存成功后不关闭“选择验货地址”弹窗，便于用户立即选择新地址。 */ saveCreatedAddress () { if (!this.$refs.addressCreateFormRef) { return } this.$refs.addressCreateFormRef.validate((valid) => { if (!valid) { return } this.addressCreateSaving = true this.addressCreateForm.createBy = this.$store.state.user.name this.addressCreateForm.updateBy = this.$store.state.user.name createSrmSupplierAddress(this.addressCreateForm).then(({ data }) => { if (data && data.code === 0) { this.$message.success('新增供应商地址成功') this.addressCreateDialogVisible = false this.loadAddressList() } else { this.$alert(data.msg || '新增供应商地址失败', '错误', { confirmButtonText: '确定' }) } }).catch((error) => { console.error('保存供应商地址失败:', error) this.$message.error('保存失败: ' + (error.message || '网络错误')) }).finally(() => { this.addressCreateSaving = false }) }) }, /** * 新增地址弹窗关闭后的收尾动作： * - 清理校验状态 * - 重置为当前供应商默认表单，避免残留上次输入 */ handleAddressCreateDialogClosed () { if (this.$refs.addressCreateFormRef) { this.$refs.addressCreateFormRef.clearValidate() } this.addressCreateForm = this.buildAddressCreateFormBySupplier(this.addFormData.supplierNo || '') this.addressCreateSaving = false },
// 打开验货地址选择弹窗
openAddressDialog () { if (!this.addFormData.supplierNo) { this.$message.warning('请先选择供应商') return } this.addressDialogVisible = true this.addressPageIndex = 1 this.addressSearch.keyword = '' this.addressCurrentRow = null this.addressCreateForm = this.buildAddressCreateFormBySupplier(this.addFormData.supplierNo || '') // 检查用户是否有编辑权限
this.checkAddressEditPermission() this.loadAddressList() },
// 检查用户是否有编辑验货地址的权限
checkAddressEditPermission () { const username = this.$store.state.user.name || '' if (!username) { this.hasAddressEditPermission = false return } getPermissionValue(username, 'SRM0002').then(({ data }) => { if (data && data.code === 0) { // value 为 'Y' 表示有权限
this.hasAddressEditPermission = String(data.value).trim() === 'Y' } else { this.hasAddressEditPermission = false } }).catch(error => { console.error('查询权限失败:', error) this.hasAddressEditPermission = false }) },
// 编辑地址
editAddress (row) { if (!row || !row.addressId) { this.$message.warning('请选择要编辑的地址') return } // 填充编辑表单
this.addressEditForm = { supplierId: row.supplierId || row.supplier_id || '', site: row.site || this.$store.state.user.site || '', addressId: row.addressId || row.address_id || '', companyName: row.companyName || row.company_name || '', cityShort: row.cityShort || row.city_short || '', contact: row.contact || '', phoneNo: row.phoneNo || row.phone_no || '', address: row.address || '', addressType: row.addressType || row.address_type || '验货地址', active: row.active || 'Y', email: row.email || '', originCountry: row.originCountry || row.origin_country || '', portOfLoading: row.portOfLoading || row.port_of_loading || '', memo: row.memo || '', createBy: row.createBy || row.create_by || '', updateBy: this.$store.state.user.name } this.addressEditDialogVisible = true this.$nextTick(() => { if (this.$refs.addressEditFormRef) { this.$refs.addressEditFormRef.clearValidate() } }) },
// 保存编辑后的地址
saveEditedAddress () { if (!this.$refs.addressEditFormRef) { return } this.$refs.addressEditFormRef.validate((valid) => { if (!valid) { return } this.addressEditSaving = true this.addressEditForm.updateBy = this.$store.state.user.name updateSrmSupplierAddress(this.addressEditForm).then(({ data }) => { if (data && data.code === 0) { this.$message.success('更新供应商地址成功') this.addressEditDialogVisible = false // 刷新地址列表
this.loadAddressList() } else { this.$alert(data.msg || '更新供应商地址失败', '错误', { confirmButtonText: '确定' }) } }).catch((error) => { console.error('更新供应商地址失败:', error) this.$message.error('更新失败: ' + (error.message || '网络错误')) }).finally(() => { this.addressEditSaving = false }) }) },
// 编辑地址弹窗关闭后的收尾动作
handleAddressEditDialogClosed () { if (this.$refs.addressEditFormRef) { this.$refs.addressEditFormRef.clearValidate() } this.addressEditForm = { supplierId: '', site: this.$store.state.user.site || this.$store.state.user.currentSite || '', addressId: '', companyName: '', cityShort: '', contact: '', phoneNo: '', address: '', addressType: '验货地址', active: 'Y', email: '', originCountry: '', portOfLoading: '', memo: '', createBy: this.$store.state.user.name, updateBy: this.$store.state.user.name } this.addressEditSaving = false },
// 标准化地址列表字段，兼容下划线和驼峰返回
normalizeAddressRows (list) { return (list || []).map(item => ({ ...item, supplierId: item.supplierId || item.supplier_id || '', addressId: item.addressId || item.address_id || '', cityShort: item.cityShort || item.city_short || '', companyName: item.companyName || item.company_name || '', contact: item.contact || '', phoneNo: item.phoneNo || item.phone_no || '', email: item.email || '', address: item.address || '', addressType: item.addressType || item.address_type || '' })) },
// 根据供应商加载验货地址列表
loadAddressList () { if (!this.addFormData.supplierNo) { this.addressList = [] this.addressTotal = 0 return } const params = { site: this.$store.state.user.site, supplierId: this.addFormData.supplierNo, addressType: '验货地址', page: this.addressPageIndex, limit: this.addressPageSize } if (this.addressSearch.keyword) { params.address = this.addressSearch.keyword } this.addressLoading = true searchSrmSupplierAddressList(params).then(({ data }) => { if (data && data.code === 0) { const pageData = data.page || data.data || {} const rawList = Array.isArray(pageData.list) ? pageData.list : (Array.isArray(pageData) ? pageData : []) this.addressList = this.normalizeAddressRows(rawList) this.addressTotal = pageData.totalCount || this.addressList.length this.addressPageIndex = pageData.currPage || this.addressPageIndex this.addressPageSize = pageData.pageSize || this.addressPageSize this.$nextTick(() => { if (this.addressList.length > 0) { this.addressCurrentRow = this.addressList[0] if (this.$refs.addressTable) { this.$refs.addressTable.setCurrentRow(this.addressCurrentRow) } } else { this.addressCurrentRow = null if (this.$refs.addressTable) { this.$refs.addressTable.setCurrentRow() } } }) } else { this.addressList = [] this.addressCurrentRow = null this.addressTotal = 0 } }).catch(error => { this.addressList = [] this.addressCurrentRow = null this.addressTotal = 0 console.error('查询供应商地址失败:', error) this.$message.error('查询验货地址失败') }).finally(() => { this.addressLoading = false }) },
searchAddressList () { this.addressPageIndex = 1 this.loadAddressList() },
resetAddressSearch () { this.addressSearch.keyword = '' this.addressPageIndex = 1 this.loadAddressList() },
onAddressPageSizeChange (val) { this.addressPageSize = val this.addressPageIndex = 1 this.loadAddressList() },
onAddressPageCurrentChange (val) { this.addressPageIndex = val this.loadAddressList() },
onAddressCurrentChange (row) { this.addressCurrentRow = row || null },
onAddressRowDblClick (row) { this.selectAddressRow(row) },
confirmAddressSelect () { this.selectAddressRow(this.addressCurrentRow) },
selectAddressRow (row, overwriteContact = true) { if (!row || !row.addressId) { this.$message.warning('请选择验货地址') return } this.$set(this.addFormData, 'inspectAddressId', row.addressId || '') this.$set(this.addFormData, 'inspectAddress', row.address || '') this.$set(this.addFormData, 'inspectCityShort', row.cityShort || '') if (overwriteContact || !this.addFormData.contact) { this.$set(this.addFormData, 'contact', row.contact || '') } this.addressDialogVisible = false },
// 根据供应商ID预带默认验货地址（若存在）
fetchSupplierAddress (supplierId) { if (!supplierId) { return } const params = { site: this.$store.state.user.site, supplierId: supplierId, addressType: '验货地址', page: 1, limit: 1 }
searchSrmSupplierAddressList(params).then(({ data }) => { if (data && data.code === 0) { const pageData = data.page || data.data || {} const rawList = Array.isArray(pageData.list) ? pageData.list : (Array.isArray(pageData) ? pageData : []) const addressList = this.normalizeAddressRows(rawList) if (addressList.length > 0) { this.selectAddressRow(addressList[0], true) } else { this.$set(this.addFormData, 'inspectAddressId', '') this.$set(this.addFormData, 'inspectAddress', '') this.$set(this.addFormData, 'inspectCityShort', '') this.$set(this.addFormData, 'contact', '') } } }).catch(error => { console.error('查询供应商地址失败:', error) }) },
// 打开新增弹窗专用供应商查询
openPoSupplierDialog () { if (this.isSupplierPageMode) { return } this.poSupplierDialogVisible = true this.poSupplierPageIndex = 1 this.poSupplierCurrentRow = null this.poSupplierSearch.supplierNo = this.addFormData.supplierNo || '' this.poSupplierSearch.supplierName = '' this.loadPoSupplierList() },
// 查询新增弹窗专用供应商列表
loadPoSupplierList () { const params = { site: this.$store.state.user.site, supplierNo: this.poSupplierSearch.supplierNo || '', supplierName: this.poSupplierSearch.supplierName || '', page: this.poSupplierPageIndex, limit: this.poSupplierPageSize } this.poSupplierLoading = true queryPoSupplierPage(params).then(({ data }) => { if (data.code === 0 && data.page) { this.poSupplierList = (data.page.list || []).map(item => ({ ...item, supplierNo: item.supplierNo || item.supplier_no || '', supplierName: item.supplierName || item.supplier_name || '', planner: item.planner || '' })) this.poSupplierTotal = data.page.totalCount || 0 this.poSupplierPageIndex = data.page.currPage || this.poSupplierPageIndex this.poSupplierPageSize = data.page.pageSize || this.poSupplierPageSize this.$nextTick(() => { if (this.poSupplierList.length > 0) { this.poSupplierCurrentRow = this.poSupplierList[0] if (this.$refs.poSupplierTable) { this.$refs.poSupplierTable.setCurrentRow(this.poSupplierCurrentRow) } } else { this.poSupplierCurrentRow = null if (this.$refs.poSupplierTable) { this.$refs.poSupplierTable.setCurrentRow() } } }) } else { this.poSupplierList = [] this.poSupplierTotal = 0 this.poSupplierCurrentRow = null } }).catch(() => { this.poSupplierList = [] this.poSupplierTotal = 0 this.poSupplierCurrentRow = null this.$message.error('加载供应商列表失败') }).finally(() => { this.poSupplierLoading = false }) },
// 供应商弹框查询
searchPoSupplierList () { this.poSupplierPageIndex = 1 this.loadPoSupplierList() },
// 供应商弹框重置查询
resetPoSupplierSearch () { this.poSupplierSearch.supplierNo = '' this.poSupplierSearch.supplierName = '' this.poSupplierPageIndex = 1 this.loadPoSupplierList() },
// 供应商弹框页大小变化
onPoSupplierPageSizeChange (val) { this.poSupplierPageSize = val this.poSupplierPageIndex = 1 this.loadPoSupplierList() },
// 供应商弹框页码变化
onPoSupplierPageCurrentChange (val) { this.poSupplierPageIndex = val this.loadPoSupplierList() },
// 供应商弹框选中行变化
onPoSupplierCurrentChange (row) { this.poSupplierCurrentRow = row || null },
// 供应商弹框双击选择
onPoSupplierRowDblClick (row) { this.selectPoSupplier(row) },
// 供应商弹框点击确认
confirmPoSupplierSelect () { this.selectPoSupplier(this.poSupplierCurrentRow) },
// 回填供应商并刷新PO明细
selectPoSupplier (row) { if (!row || !row.supplierNo) { this.$message.warning('请选择供应商') return } const supplierNoVal = row.supplierNo || '' const supplierNameVal = row.supplierName || '' this.$set(this.addFormData, 'supplierNo', supplierNoVal) this.$set(this.addFormData, 'supplierName', supplierNameVal) this.$set(this.addFormData, 'inspectAddressId', '') this.$set(this.addFormData, 'inspectAddress', '') this.$set(this.addFormData, 'inspectCityShort', '') this.$set(this.addFormData, 'contact', '') this.addPoFilter = { orderNo: '', partNo: '', item: '', sku: '', partDesc: '', supplierName: '', planner: '' } this.addPoPlannerCodeFromChooser = '' this.addPoPlannerDisplayFromChooser = '' this.poSupplierDialogVisible = false this.orderSupplierDialogVisible = false this.loadPoList() this.fetchSupplierAddress(supplierNoVal) },
// 判断两条PO明细是否为同一行（优先用内部主键，再回退到展示字段）
isSamePoDetailRow (sourceRow, targetRow) { if (!sourceRow || !targetRow) { return false } const sourceOrderNo = String(sourceRow.orderNo || sourceRow.order_no || '') const sourceItemNo = String(sourceRow.itemNo || sourceRow.item_no || '') const targetOrderNo = String(targetRow.orderNo || targetRow.order_no || '') const targetItemNo = String(targetRow.itemNo || targetRow.item_no || '') if (sourceOrderNo && sourceItemNo && targetOrderNo && targetItemNo) { return sourceOrderNo === targetOrderNo && sourceItemNo === targetItemNo } return String(sourceRow.orderRef1 || '') === String(targetRow.orderRef1 || '') && String(sourceRow.orderRef2 || '') === String(targetRow.orderRef2 || '') && String(sourceRow.partNo || '') === String(targetRow.partNo || '') },
// 供应商回填后，自动勾选“从订单选择供应商”时选中的那条PO明细
applyPendingAutoSelectPoRow () { if (!this.pendingAutoSelectPoRow) { return } const targetRow = this.pendingAutoSelectPoRow this.$nextTick(() => { const tableRef = this.$refs.addPoTable if (!tableRef) { this.pendingAutoSelectPoRow = null return } let matchedRow = null for (let i = 0; i < this.filteredPoList.length; i++) { if (this.isSamePoDetailRow(this.filteredPoList[i], targetRow)) { matchedRow = this.filteredPoList[i] break } } if (matchedRow) { tableRef.toggleRowSelection(matchedRow, true) } this.pendingAutoSelectPoRow = null }) },
// 打开“从订单选择供应商”弹框（不默认筛供应商）
openOrderSupplierDialog () { if (this.isSupplierPageMode) { return } this.orderSupplierDialogVisible = true this.orderSupplierCurrentRow = null this.orderSupplierPageIndex = 1 this.orderSupplierTotal = 0 this.orderSupplierSearch = { orderNo: '', partNo: '', item: '', sku: '', partDesc: '', supplierName: '', planner: '' } this.loadOrderSupplierList() },
// 订单来源供应商弹框查询
searchOrderSupplierByPo () { this.orderSupplierPageIndex = 1 this.loadOrderSupplierList() },
// 加载订单来源供应商分页列表（专用后端方法）
loadOrderSupplierList () { const params = { site: this.$store.state.user.site, page: this.orderSupplierPageIndex, limit: this.orderSupplierPageSize, orderNo: this.orderSupplierSearch.orderNo || '', partNo: this.orderSupplierSearch.partNo || '', item: this.orderSupplierSearch.item || '', sku: this.orderSupplierSearch.sku || '', partDesc: this.orderSupplierSearch.partDesc || '', supplierName: this.orderSupplierSearch.supplierName || '', planner: this.orderSupplierSearch.planner || '' } this.orderSupplierLoading = true queryPoSupplierOrderPage(params).then(({ data }) => { if (data.code === 0 && data.page) { const list = (data.page.list || []).map(item => ({ ...item, supplierNo: item.supplierNo || item.supplier_no || '', supplierName: item.supplierName || item.supplier_name || '', planner: item.planner || '', crd: item.crd ? String(item.crd).split(' ')[0] : '' })) this.orderSupplierList = list this.orderSupplierTotal = data.page.totalCount || 0 this.orderSupplierPageIndex = data.page.currPage || this.orderSupplierPageIndex this.orderSupplierPageSize = data.page.pageSize || this.orderSupplierPageSize this.$nextTick(() => { if (this.orderSupplierList.length > 0) { this.orderSupplierCurrentRow = this.orderSupplierList[0] if (this.$refs.orderSupplierTable) { this.$refs.orderSupplierTable.setCurrentRow(this.orderSupplierCurrentRow) } } else { this.orderSupplierCurrentRow = null if (this.$refs.orderSupplierTable) { this.$refs.orderSupplierTable.setCurrentRow() } } }) } else { this.orderSupplierList = [] this.orderSupplierCurrentRow = null this.orderSupplierTotal = 0 } }).catch(() => { this.orderSupplierList = [] this.orderSupplierCurrentRow = null this.orderSupplierTotal = 0 this.$message.error('加载订单来源供应商失败') }).finally(() => { this.orderSupplierLoading = false }) },
// 重置“从订单选择供应商”筛选条件
resetOrderSupplierSearch () { this.orderSupplierSearch = { orderNo: '', partNo: '', item: '', sku: '', partDesc: '', supplierName: '', planner: '' } this.orderSupplierPageIndex = 1 this.loadOrderSupplierList() },
// 订单来源供应商弹框页大小变化
onOrderSupplierPageSizeChange (val) { this.orderSupplierPageSize = val this.orderSupplierPageIndex = 1 this.loadOrderSupplierList() },
// 订单来源供应商弹框页码变化
onOrderSupplierPageCurrentChange (val) { this.orderSupplierPageIndex = val this.loadOrderSupplierList() },
// “从订单选择供应商”选中行变化
onOrderSupplierCurrentChange (row) { this.orderSupplierCurrentRow = row || null },
// “从订单选择供应商”双击选择
onOrderSupplierRowDblClick (row) { this.selectSupplierByOrderRow(row) },
// “从订单选择供应商”点击确认
confirmOrderSupplierSelect () { this.selectSupplierByOrderRow(this.orderSupplierCurrentRow) },
// 从订单行回填供应商并触发原有后续流程
selectSupplierByOrderRow (row) { if (!row) { this.$message.warning('请选择订单行') return } const supplierNo = row.supplierNo || row.supplier_no || '' const supplierName = row.supplierName || row.supplier_name || '' if (!supplierNo) { this.$message.warning('所选订单行缺少供应商编码') return } this.pendingAutoSelectPoRow = { orderNo: row.orderNo || row.order_no || '', itemNo: row.itemNo || row.item_no || '', orderRef1: row.orderRef1 || '', orderRef2: row.orderRef2 || '', partNo: row.partNo || '' } this.selectPoSupplier({ supplierNo: supplierNo, supplierName: supplierName }) },
// 加载PO列表（选择供应商后调用）
loadPoList () { if (!this.addFormData.supplierNo) { this.$message.warning('请先选择供应商') return }
const params = { supplierNo: this.addFormData.supplierNo, site: this.$store.state.user.site, page: 1, limit: 1000 }
queryPoPage(params).then(({ data }) => { if (data.code === 0 && data.page) { this.poList = data.page.list.map(item => ({ ...item, supplierNo: item.supplierNo || item.supplier_no || this.addFormData.supplierNo || '', supplierName: item.supplierName || item.supplier_name || this.addFormData.supplierName || '', planner: item.planner || '', inspectQty: item.waitInspectQty || 0, // 默认值为未验货数量
shipMethod: item.shipMethod || '',// 运输方式
crd: item.crd ? item.crd.split(' ')[0] : '' })) this.filterAddPoList() this.applyPendingAutoSelectPoRow() } else { this.poList = [] this.filteredPoList = [] this.pendingAutoSelectPoRow = null this.$message.info('该供应商暂无可申请验货的PO') } }).catch(() => { this.poList = [] this.filteredPoList = [] this.pendingAutoSelectPoRow = null this.$message.error('加载PO列表失败') }) },
// 表格选择变化
handleSelectionChange (selection) { this.selectedPoList = selection }, // Planner 输入若被手工改动，则清理双击选择时缓存的显示名映射
handleAddPoPlannerInput (value) { const plannerKeyword = String(value || '').trim() const chooserPlannerCode = String(this.addPoPlannerCodeFromChooser || '').trim() if (!plannerKeyword || plannerKeyword !== chooserPlannerCode) { this.addPoPlannerCodeFromChooser = '' this.addPoPlannerDisplayFromChooser = '' } },
// 新增验货申请-PO明细筛选
filterAddPoList () { let result = [...this.poList] const filter = this.addPoFilter || {} const orderNoKeyword = (filter.orderNo || '').toLowerCase().trim() const partNoKeyword = (filter.partNo || '').toLowerCase().trim() const itemKeyword = (filter.item || '').toLowerCase().trim() const skuKeyword = (filter.sku || '').toLowerCase().trim() const partDescKeyword = (filter.partDesc || '').toLowerCase().trim() const supplierNameKeyword = (filter.supplierName || '').toLowerCase().trim() const plannerKeyword = (filter.planner || '').toLowerCase().trim() const chooserPlannerCode = String(this.addPoPlannerCodeFromChooser || '').toLowerCase().trim() const chooserPlannerDisplay = String(this.addPoPlannerDisplayFromChooser || '').toLowerCase().trim() const useChooserDisplayKeyword = plannerKeyword && chooserPlannerCode && plannerKeyword === chooserPlannerCode ? chooserPlannerDisplay : ''
if (orderNoKeyword) { result = result.filter(item => { const orderRef1 = String(item.orderRef1 || '').toLowerCase() const orderNo = String(item.orderNo || item.order_no || '').toLowerCase() return orderRef1.includes(orderNoKeyword) || orderNo.includes(orderNoKeyword) }) } if (partNoKeyword) { result = result.filter(item => String(item.partNo || '').toLowerCase().includes(partNoKeyword)) } if (itemKeyword) { result = result.filter(item => String(item.item || '').toLowerCase().includes(itemKeyword)) } if (skuKeyword) { result = result.filter(item => String(item.sku || '').toLowerCase().includes(skuKeyword)) } if (partDescKeyword) { result = result.filter(item => String(item.partDesc || '').toLowerCase().includes(partDescKeyword)) } if (supplierNameKeyword) { result = result.filter(item => String(item.supplierName || '').toLowerCase().includes(supplierNameKeyword)) } if (plannerKeyword) { result = result.filter(item => { const plannerText = String(item.planner || '').toLowerCase() if (plannerText.includes(plannerKeyword)) { return true } return useChooserDisplayKeyword ? plannerText.includes(useChooserDisplayKeyword) : false }) } this.filteredPoList = result },
// 新增验货申请-PO筛选重置
resetAddPoFilter () { this.addPoFilter = { orderNo: '', partNo: '', item: '', sku: '', partDesc: '', supplierName: '', planner: '' } this.addPoPlannerCodeFromChooser = '' this.addPoPlannerDisplayFromChooser = '' this.filterAddPoList() },
// CRD日期排序方法
sortCrdDate (a, b) { const dateA = a.crd || '' const dateB = b.crd || ''
if (!dateA && !dateB) return 0 if (!dateA) return -1 if (!dateB) return 1
return dateA.localeCompare(dateB) },
// 验货数量变化
handleInspectQtyChange (row, value) { console.log('验货数量变化：', row.orderRef1, value) // 确保数据被正确更新
this.$set(row, 'inspectQty', value) },
// 保存
handleSaveAdd () { if (this.isEditDialogMode) { this.handleSaveEdit() return } console.log('开始保存，当前选择的PO列表：', this.selectedPoList) console.log('表单数据：', this.addFormData)
this.$refs.addFormData.validate((valid) => { console.log('表单验证结果：', valid) if (valid) { if (this.selectedPoList.length === 0) { this.$message.warning('请至少选择一条PO明细') return }
// 检查验货数量
const hasInvalidQty = this.selectedPoList.some(item => !item.inspectQty || item.inspectQty <= 0) if (hasInvalidQty) { this.$message.warning('请填写有效的验货数量') return }
// 构建提交数据
const submitData = { requestDate: this.addFormData.requestDate, needInspectDate: this.addFormData.needInspectDate, supplierNo: this.addFormData.supplierNo, inspectAddress: this.addFormData.inspectAddressId || this.addFormData.inspectAddress, inspectAddressId: this.addFormData.inspectAddressId || '', inspectCityShort: this.addFormData.inspectCityShort || '', inspectContract: this.addFormData.contact, remark: '', items: this.selectedPoList.map(item => ({ orderNo: item.orderNo || item.order_ref1 || item.orderRef1, itemNo: item.itemNo || item.item_no || item.order_ref2 || item.orderRef2, partNo: item.partNo, orderRef1: item.orderRef1, orderRef2: item.orderRef2, qty: item.inspectQty, shipMethod: item.shipMethod, crd: item.crd })) }
console.log('提交的数据：', submitData)
saveInspectionRequest(submitData).then(({ data }) => { console.log('保存接口返回：', data) if (data.code === 0) { this.$message.success('保存成功') this.handleCloseAddDialog() this.getMainData() } else { this.$message.error(data.msg || '保存失败') } }).catch((error) => { console.error('保存接口错误：', error) this.$message.error('保存失败，请稍后重试') }) } else { console.log('表单验证失败') this.$message.warning('请填写完整的表单信息') } }) },
// 草稿编辑保存：将当前表格中所有PO明细（排除已删除的）作为最终状态一次性提交
handleSaveEdit () { this.$refs.addFormData.validate((valid) => { if (!valid) { this.$message.warning('请填写完整的表单信息') return }
// 收集当前表格中所有PO明细（排除已删除的），作为最终状态
const allItems = [] this.editPoDetailList.forEach(row => { const key = `${row.orderRef1 || ''}_${row.orderRef2 || ''}`
// 跳过已删除的
if (this.deletedPoKeys.has(key)) { return }
allItems.push({ orderNo: row.poNo || row.orderNo || row.order_ref1 || row.orderRef1 || '', orderRef1: row.orderRef1 || row.order_ref1 || '', orderRef2: row.orderRef2 || row.order_ref2 || '', poItemNo: row.poItemNo || row.po_item_no || row.itemNo || row.item_no || row.orderRef2 || row.order_ref2 || '', partNo: row.partNo || '', qty: row.qty || 0, shipMethod: row.shipMethod || row.shipMothod || '', crd: row.crd || '' }) })
console.log('=== 草稿编辑保存提交数据 ===', { requestNo: this.addFormData.requestNo, 明细数量: allItems.length, 明细: allItems })
// 一次性提交后端：全量替换明细 + 更新基础信息（事务保证原子性）
const submitData = { requestNo: this.addFormData.requestNo, site: this.$store.state.user.site, items: allItems, needInspectDate: this.addFormData.needInspectDate, inspectAddress: this.addFormData.inspectAddressId || this.addFormData.inspectAddress, inspectAddressId: this.addFormData.inspectAddressId || '', inspectContract: this.addFormData.contact }
editSaveInspectionRequest(submitData).then(({ data }) => { if (data.code === 0) { this.$message.success('修改成功') this.handleCloseAddDialog() this.getMainData() } else { this.$message.error(data.msg || '修改失败') } }).catch((error) => { console.error('保存失败:', error) this.$message.error(error.message || '保存失败，请稍后重试') }) }) },
// Excel导入
importExcel () { this.uploadDialogVisible = true this.uploadFileName = '' this.uploadFile = null this.uploadPreviewList = [] },
// 文件选择变化
handleFileChange (file) { this.uploadFile = file.raw this.uploadFileName = file.name },
// 预览上传数据
previewUpload () { if (!this.uploadFile) { this.$message.warning('请先选择文件') return }
const formData = new FormData() formData.append('file', this.uploadFile)
// 调用后端预览接口
previewUpload(this.uploadFile).then(({ data }) => { if (data && data.code === 0) { this.uploadPreviewList = data.data || [] this.$message.success('文件解析成功，请确认数据后点击保存') } else { this.$message.error(data.msg || '文件解析失败') } }).catch((error) => { console.error('文件解析失败:', error) const errorMsg = (error.response && error.response.data && error.response.data.msg) || error.message || '未知错误' this.$message.error('文件解析失败: ' + errorMsg) }) },
// 确认上传
confirmUpload () { if (this.uploadPreviewList.length === 0) { this.$message.warning('没有可保存的数据') return }
this.$confirm(`确认保存 ${this.uploadPreviewList.length} 条数据吗？`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { // 调用后端保存接口
batchSave(this.uploadFile).then(({ data }) => { if (data && data.code === 0) { this.$message.success('数据保存成功') this.uploadDialogVisible = false this.getMainData() } else { this.$message.error(data.msg || '数据保存失败') } }).catch((error) => { console.error('数据保存失败:', error) const errorMsg = (error.response && error.response.data && error.response.data.msg) || error.message || '未知错误' this.$message.error('数据保存失败: ' + errorMsg) }) }).catch(() => {}) },
// 下载模板
downloadTemplate () { const loading = this.$loading({ lock: true, text: '正在下载模板...', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)' })
this.$http({ url: this.$http.adornUrl('/inspection/downloadTemplate'), method: 'post', responseType: 'blob' }).then(response => { loading.close()
// 创建下载文件
const blob = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
const url = window.URL.createObjectURL(blob) const link = document.createElement('a') link.href = url link.download = '验货申请导入模板.xlsx'
document.body.appendChild(link) link.click() document.body.removeChild(link)
window.URL.revokeObjectURL(url)
this.$message.success('模板下载成功') }).catch(error => { loading.close() console.error('模板下载失败:', error) this.$message.error('模板下载失败，请联系管理员') }) },
// 导出
exportExcel () { console.log('开始导出...')
// 生成文件名（使用原生 Date）
const now = new Date() const year = now.getFullYear() const month = String(now.getMonth() + 1).padStart(2, '0') const day = String(now.getDate()).padStart(2, '0') const hour = String(now.getHours()).padStart(2, '0') const minute = String(now.getMinutes()).padStart(2, '0') const second = String(now.getSeconds()).padStart(2, '0') const exportName = `检验申请单${year}${month}${day}${hour}${minute}${second}`
console.log('导出参数:', this.searchData)
// 获取当前查询条件
const exportParams = { ...this.searchData, limit: 99999, page: 1 }
try { excel.exportTable({ url: 'inspection/searchInspectionRequestHeaderList', columnMapping: this.columnArray1, mergeSetting: [], params: exportParams, fileName: exportName + '.xlsx', rowFetcher: res => { console.log('导出数据响应:', res) if (res.data && res.data.page && res.data.page.list) { return res.data.page.list } console.error('响应数据结构异常:', res.data) this.$message.error('导出数据格式异常，请查看控制台') return [] }, columnFormatter: [], dropColumns: [] }) console.log('导出请求已发送') } catch (error) { console.error('导出失败:', error) this.$message.error('导出失败: ' + error.message) } },
// 确认验货申请
confirmInspection (row) { this.$confirm('确定要确认该验货申请吗?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { confirmInspectionRequest(row.requestNo).then(({ data }) => { if (data.code === 0) { this.$message.success('确认成功') this.getMainData() } else { this.$message.error(data.msg || '确认失败') } }).catch((error) => { console.error('确认接口错误：', error) this.$message.error('确认失败，请稍后重试') }) }).catch(() => { this.$message.info('已取消确认') }) },
// 删除验货申请
deleteInspectionRequest (row) { if (!this.isRowStatus(row, ['Draft', 'Confirmed'])) { this.$message.warning('只有草稿和待审核状态允许删除') return } this.$confirm('确定要删除该验货申请吗?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { deleteInspectionRequest(row.requestNo).then(({ data }) => { if (data.code === 0) { this.$message.success('删除成功') this.getMainData() } else { this.$message.error(data.msg || '删除失败') } }).catch((error) => { console.error('删除接口错误：', error) this.$message.error('删除失败，请稍后重试') }) }).catch(() => { this.$message.info('已取消删除') }) },
// 草稿编辑：仅可编辑建议验货日期、验货地址、联系人 - rqrq
editInspectionRequest (row) { if (!this.isRowStatus(row, ['Draft'])) { this.$message.warning('只有草稿状态允许编辑') return } this.openEditInspectionDialog(row) },
// 申请变更（待审核/已下达直接退回草稿；已排程进入变更审批）- rqrq
applyChangeRequest (row) { if (!this.isRowStatus(row, ['Confirmed', 'Audited', 'Scheduled'])) { this.$message.warning('只有待审核、已下达或已排程状态允许申请变更') return } const isScheduled = this.isRowStatus(row, ['Scheduled']) if (isScheduled) { this.applyChangeForm = { requestNo: row.requestNo || '', statusDb: 'Scheduled', changeRemark: '' } this.applyChangeDialogVisible = true return } const tipText = `${this.isRowStatus(row, ['Confirmed']) ? '待审核' : '已下达'}申请单申请变更后将回到【草稿】，是否继续？` this.$confirm(tipText, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.executeApplyChangeRequest(row.requestNo, '') }).catch(() => { this.$message.info('已取消申请变更') }) },
// 提交已排程的变更申请（需填写备注）- rqrq
submitApplyChangeRequest () { const requestNo = this.applyChangeForm.requestNo || '' const changeRemark = this.applyChangeForm.changeRemark ? this.applyChangeForm.changeRemark.trim() : '' if (!requestNo) { this.$message.warning('申请单号不能为空') return } if (!changeRemark) { this.$message.warning('请填写变更备注') return } this.$confirm('确定提交变更申请吗？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.executeApplyChangeRequest(requestNo, changeRemark) }).catch(() => { this.$message.info('已取消提交') }) },
// 操作列导出单条记录 - 调用后端接口生成带边框样式的Excel
exportRowExcel (row) { if (!row || !row.requestNo) { this.$message.warning('数据异常，无法导出') return } this.$http({ url: this.$http.adornUrl(`/inspection/export/${row.requestNo}`), method: 'get', params: { site: row.site }, responseType: 'blob' }).then(response => { const blob = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }) const url = window.URL.createObjectURL(blob) const link = document.createElement('a') link.href = url link.download = '验货申请单_' + row.requestNo + '.xlsx' document.body.appendChild(link) link.click() document.body.removeChild(link) window.URL.revokeObjectURL(url) this.$message.success('导出成功') }).catch(error => { console.error('导出失败:', error) this.$message.error('导出失败，请稍后重试') }) },
// 操作列导出验货结果Excel：后端按模板填充后直接下载xlsx - rqrq
async exportInspectionResultExcel (row) { // 1) 基础参数校验：确保当前行存在有效申请单号 - rqrq
if (!row || !row.requestNo) { this.$message.warning('数据异常，无法导出验货结果Excel') return }
// 2) site显式传参：业务唯一来源为前端登录态site，不再使用行数据兜底 - rqrq
const requestSite = this.$store.state.user.site if (!requestSite) { this.$message.warning('站点不能为空，无法导出验货结果Excel') return }
// 3) 调用后端Excel导出接口，返回blob并下载为xlsx - rqrq
try { const response = await this.$http({ url: this.$http.adornUrl(`/inspection/exportInspectResultExcel/${row.requestNo}`), method: 'get', params: { site: requestSite }, responseType: 'blob' })
const responseBlob = response.data const responseContentType = String( (response.headers && (response.headers['content-type'] || response.headers['Content-Type'])) || '' ).toLowerCase()
// 4) 兼容后端异常响应：若是json/文本，读取错误信息并提示，不下载错误文件 - rqrq
if (responseContentType.includes('application/json') || responseContentType.includes('text/plain') || responseContentType.includes('text/html')) { const errorText = await this.readBlobAsText(responseBlob) const errorMessage = this.extractBlobErrorMessage(errorText) this.$message.error(errorMessage || '导出验货结果Excel失败，请稍后重试') return }
// 5) 下载有效Excel文件 - rqrq
const blob = new Blob([responseBlob], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }) const downloadUrl = window.URL.createObjectURL(blob) const link = document.createElement('a') link.href = downloadUrl link.download = `验货结果_${row.requestNo}.xlsx` document.body.appendChild(link) link.click() document.body.removeChild(link) window.URL.revokeObjectURL(downloadUrl) this.$message.success('导出验货结果Excel成功') } catch (error) { console.error('导出验货结果Excel失败:', error) this.$message.error('导出验货结果Excel失败，请稍后重试') } },
// 读取Blob文本内容：用于解析后端错误响应 - rqrq
readBlobAsText (blob) { return new Promise((resolve) => { if (!blob) { resolve('') return } const fileReader = new FileReader() fileReader.onload = () => resolve(String(fileReader.result || '')) fileReader.onerror = () => resolve('') fileReader.readAsText(blob, 'utf-8') }) },
// 提取后端错误信息：兼容 {"msg":"..."} 或纯文本错误 - rqrq
extractBlobErrorMessage (rawText) { if (!rawText) { return '' } const normalizedText = String(rawText).trim() if (!normalizedText) { return '' } try { const parsed = JSON.parse(normalizedText) if (parsed && parsed.msg) { return parsed.msg } } catch (e) { // 非JSON文本按原样回传 - rqrq
} return normalizedText.length > 200 ? normalizedText.substring(0, 200) : normalizedText },
executeApplyChangeRequest (requestNo, changeRemark) { this.applyChangeLoading = true applyChangeInspectionRequest(requestNo, { changeRemark }).then(({ data }) => { if (data && data.code === 0) { this.$message.success('申请变更成功') this.applyChangeDialogVisible = false this.getMainData() } else { this.$message.error((data && data.msg) || '申请变更失败') } }).catch((error) => { console.error('申请变更接口错误：', error) this.$message.error('申请变更失败，请稍后重试') }).finally(() => { this.applyChangeLoading = false }) } }}</script>
<style scoped lang="scss">.search-form-inline { background: #fff; padding: 0; margin-bottom: 0;}
.search-row { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 0; margin-bottom: 0;}
.search-item { flex: none; margin-bottom: 0; margin-right: 12px;}
/* 使用 Element UI 默认字体大小，不再覆盖 */.search-item /deep/ .el-form-item__label { padding-bottom: 0; line-height: 1.2;}
.search-btn-item { flex: none; margin-bottom: 0; margin-right: 0;}
.search-item /deep/ .el-form-item__content { line-height: normal;}
.date-range { display: flex; align-items: center;}
.split { padding: 0 6px; color: #606266; font-size: 13px;}
/** * 验货申请详情页签统一高度容器： * 1) 固定高度：保证“基本信息/明细/结果/费用/附件”视觉高度一致； * 2) 内部滚动：内容超高时在当前页签滚动，避免整体布局抖动。 */.tab-pane-content { width: 100%; overflow-y: auto; overflow-x: hidden;}
/* 主表固定列偶发“透明/叠层”修复：统一固定列背景并约束单元格单行，避免主表与fixed列行高漂移 - rqrq */.customer-css /deep/ .el-table__fixed,.customer-css /deep/ .el-table__fixed-right,.customer-css /deep/ .el-table__fixed-right-patch { background-color: #fff;}
/* 固定列正文单元格始终白底，避免看到下层正文产生“透明”错觉 - rqrq */.customer-css /deep/ .el-table__fixed-body-wrapper td,.customer-css /deep/ .el-table__fixed-right .el-table__fixed-body-wrapper td { background-color: #fff;}
/* 主表与固定列统一单行展示，减少行高不一致导致的视觉错位 - rqrq */.customer-css /deep/ .el-table__body-wrapper .cell,.customer-css /deep/ .el-table__fixed-body-wrapper .cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/deep/ .customer-tab .el-tabs__content { padding: 5px !important;}
.form-section { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ebeef5; padding: 5px 10px;}
.add-dialog-form /deep/ .el-form-item { margin-bottom: 10px;}
.add-dialog-form /deep/ .el-form-item__label { text-align: left; float: none; display: block; padding: 0 0 5px 0; line-height: 1; font-size: 13px;}
.add-dialog-form /deep/ .el-form-item__content { margin-left: 0 !important;}
.po-section { .section-title { font-size: 14px; font-weight: bold; color: #303133; margin-bottom: 8px; }
.section-desc { font-size: 12px; color: #909399; margin-bottom: 10px; }}
.dialog-footer { text-align: center;}
/deep/ .el-input-number .el-input__inner { text-align: right !important; padding-right: 32px !important; padding-left: 8px !important; box-sizing: border-box;}
/deep/ .el-input .el-input--mini { line-height: 20px;}
/deep/ .el-input-number .el-input--mini { line-height: 20px;}
/* PO表格输入控件防遮挡 */.po-section {
/deep/ .el-table .cell { height: auto; line-height: 20px; overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap; padding-left: 4px; padding-right: 4px; }
/deep/ .el-input, /deep/ .el-select { width: 100% !important; }
/deep/ .el-input-number .el-input__inner { padding-left: 8px !important; padding-right: 35px !important; text-align: right; }
/deep/ .el-input-number { width: 120px !important; min-width: 120px !important; }
/deep/ .el-select .el-input__inner { padding-right: 25px !important; }}
// 数字输入框按钮样式修复
/deep/ .el-input-number { position: relative;
.el-input-number__increase, .el-input-number__decrease { width: 28px; height: 50%; position: absolute; right: 0; display: flex; align-items: center; justify-content: center; background-color: #f5f7fa; border: none; cursor: pointer; transition: all 0.2s; font-size: 12px;
&:hover { background-color: #ecf5ff; color: #409eff; }
&:active { background-color: #d9e1f0; } }
.el-input-number__increase { top: 0; bottom: auto; border-bottom: 1px solid #dcdfe6; border-top-right-radius: 4px; }
.el-input-number__decrease { top: auto; bottom: 0; border-bottom-right-radius: 4px; }
// 确保输入框右边留出按钮空间
.el-input__inner { padding-right: 32px !important; }}
// 数字输入框按钮样式修复
/deep/ .el-input-number { position: relative;
.el-input-number__increase, .el-input-number__decrease { width: 28px; height: 50%; position: absolute; right: 0; display: flex; align-items: center; justify-content: center; background-color: #f5f7fa; border: none; cursor: pointer; transition: all 0.2s; font-size: 12px;
&:hover { background-color: #ecf5ff; color: #409eff; }
&:active { background-color: #d9e1f0; } }
.el-input-number__increase { top: 0; bottom: auto; border-bottom: 1px solid #dcdfe6; border-top-right-radius: 4px; }
.el-input-number__decrease { top: auto; bottom: 0; border-bottom-right-radius: 4px; }
.el-input__inner { padding-right: 32px !important; }}
/deep/ .el-input-number--mini { .el-input-number__increase, .el-input-number__decrease { width: 24px; font-size: 10px; }
.el-input__inner { padding-right: 28px !important; }}
.po-section {
/deep/ .el-date-editor.el-input, /deep/ .el-date-editor.el-input__inner { width: 100%; }
/deep/ .el-date-editor .el-input__inner { height: 28px; line-height: 28px; padding-left: 10px; padding-right: 10px; font-size: 12px; }
/deep/ .el-date-editor .el-input__prefix { display: none; }
/deep/ .el-date-editor .el-input__suffix { right: 5px; }}
.choose-label { color: #2ec7c9; cursor: pointer; font-weight: 500;}
.choose-label:hover { text-decoration: underline;}
.po-supplier-search-form { margin-bottom: 8px;}
.order-supplier-search-form { margin-bottom: 8px;}
.add-po-search-form { margin-bottom: 8px;}
/* 新增PO明细弹窗表格单元格高度调整 *//deep/ .el-dialog__body .el-table--small .el-table__row td { padding: 8px 0;}
/deep/ .el-dialog__body .el-table--small .cell { line-height: 24px; min-height: 36px;}
/deep/ .el-dialog__body .el-table--small .el-input-number,/deep/ .el-dialog__body .el-table--small .el-select,/deep/ .el-dialog__body .el-table--small .el-date-editor { height: 28px;}
</style>
|
