123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987 |
- <template>
- <div class="detail-container">
- <div v-show="!isShowCheckOrder">
- <el-page-header content="详情" @back="goBack" />
- <div id="printData">
- <div class="main-title">
- <div class="title">
- 工程订单 <span style="margin-left: 20px">经销商名称:{{ detailData.customerName }}</span>
- </div>
- </div>
- <div class="diy-table-1">
- <el-row>
- <el-col :span="8" class="item">
- <div class="label">工程订单号</div>
- <div class="value">{{ detailData.enginOrderNo }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">订单日期</div>
- <div class="value">{{ detailData.orderDate }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">单据状态</div>
- <div class="value">
- {{ detailData.examineStatus | statusFilter }}
- </div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">经销商编码</div>
- <div class="value">{{ detailData.customerNumber }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">经销商名称</div>
- <div class="value">{{ detailData.customerName }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">机型类别</div>
- <div class="value">{{ detailData.refMachineType }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">工程登录编号</div>
- <div class="value">{{ detailData.refEnginRecordNo }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">项目类别</div>
- <div class="value">{{ detailData.refProjectCategory }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">行业类别</div>
- <div class="value">{{ detailData.refTradeCategory }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">跨区厂编号</div>
- <div class="value">{{ detailData.refFactoryNo }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">使用单位</div>
- <div class="value">{{ detailData.refUseUnit }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">购买单位</div>
- <div class="value">{{ detailData.refBuyUnitName }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">区域</div>
- <div class="value">{{ detailData.refRegionWork }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">销售类型</div>
- <div class="value">{{ detailData.saleTypeName }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">第几申报</div>
- <div class="value">{{ detailData.refDeclareNo }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">联系人</div>
- <div class="value">{{ detailData.refLinkman }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">固定电话</div>
- <div class="value">{{ detailData.refTel }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">移动电话</div>
- <div class="value">{{ detailData.refPhone }}</div>
- </el-col>
- <el-col :span="16" class="item">
- <div class="label">安装地址</div>
- <div class="value">{{ detailData.refInstallAddress }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">保证函</div>
- <div class="value">{{ detailData.refPromiseProvide }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">不扣押金</div>
- <div class="value">
- {{ detailData.takeDeposit ? '是' : '否' }}
- </div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">文件编号</div>
- <div class="value">{{ detailData.fileNo }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">业务员</div>
- <div class="value">{{ detailData.serviceName }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">登录有效期</div>
- <div class="value">{{ detailData.refBillsExpireDate }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">项目编号</div>
- <div class="value">{{ detailData.projectNo }}</div>
- </el-col>
- <!-- <el-col :span="24" class="item">
- <div class="label">格力回复</div>
- <div class="value">{{detailData.note1}}</div>
- </el-col> -->
- <el-col :span="16" class="item">
- <div class="label">项目说明</div>
- <div class="value">{{ detailData.refProjectNote }}</div>
- </el-col>
- <el-col :span="8" class="item">
- <div class="label">项目类型</div>
- <div class="value">{{ detailData.refProjectType }}</div>
- </el-col>
- <el-col :span="24" class="item">
- <div class="label">工程机转零售批复意见</div>
- <div class="value">{{ detailData.refToRetailIdea }}</div>
- </el-col>
- <el-col :span="24" class="item">
- <div class="label">合同变更批复意见</div>
- <div class="value">{{ detailData.refContractIdea }}</div>
- </el-col>
- <el-col :span="24" class="item">
- <div class="label">资料延期批复意见</div>
- <div class="value">{{ detailData.refDataDelayIdea }}</div>
- </el-col>
- <el-col :span="24" class="item">
- <div class="label">其他附件审批意见</div>
- <div class="value">{{ detailData.refOtherAnnexIdea }}</div>
- </el-col>
- <el-col v-if="!isDealer" :span="24" class="item">
- <div class="label">格力内部备注</div>
- <div class="value">
- <el-input v-model="detailData.geLiInerNote" placeholder="请输入格力内部备注" />
- <el-divider direction="vertical" />
- <el-button type="text" @click="saveRemark">保存备注</el-button>
- </div>
- </el-col>
- <el-col :span="24" class="item">
- <div class="label">备注</div>
- <div class="value">{{ detailData.remark }}</div>
- </el-col>
- <el-col :span="6" class="item">
- <div class="label">制单人</div>
- <div class="value">{{ detailData.createName }}</div>
- </el-col>
- <el-col :span="6" class="item">
- <div class="label">制单日期</div>
- <div class="value">{{ detailData.createTime }}</div>
- </el-col>
- <el-col :span="6" class="item">
- <div class="label">审核人</div>
- <div class="value">{{ detailData.confirmName }}</div>
- </el-col>
- <el-col :span="6" class="item">
- <div class="label">审核日期</div>
- <div class="value">{{ detailData.confirmTime }}</div>
- </el-col>
- <el-col :span="6" class="item">
- <div class="label">最后更新人</div>
- <div class="value">{{ detailData.updateName }}</div>
- </el-col>
- <el-col :span="6" class="item">
- <div class="label">最后更新日期</div>
- <div class="value">{{ detailData.updateTime }}</div>
- </el-col>
- <el-col :span="6" class="item">
- <div class="label">关闭人</div>
- <div class="value">{{ detailData.closeName }}</div>
- </el-col>
- <el-col :span="6" class="item">
- <div class="label">关闭日期</div>
- <div class="value">{{ detailData.closeTime }}</div>
- </el-col>
- <el-col :span="24" class="item">
- <div class="label">审批说明</div>
- <div class="value">{{ detailData.examineNote }}</div>
- </el-col>
- <el-col v-if="!isDealer" :span="24" class="item">
- <div class="label">引用记录</div>
- <div class="value">
- {{ detailData.items[0] && detailData.items[0].useRefCount }}
- </div>
- </el-col>
- </el-row>
- </div>
- <div class="main-title">
- <div class="title">货品信息</div>
- </div>
- <div class="table" style="margin-top: 20px">
- <el-table
- :data="detailData.items"
- element-loading-text="Loading"
- border
- fit
- highlight-current-row
- stripe
- max-height="400"
- show-summary
- :summary-method="$getSummaries"
- >
- <el-table-column align="center" label="序号" type="index" width="50" />
- <el-table-column align="left" label="销售类型" prop="saleTypeName" min-width="100" show-overflow-tooltip />
- <el-table-column
- align="left"
- label="物料编码"
- prop="materialNumber"
- min-width="120"
- show-overflow-tooltip
- />
- <el-table-column
- align="left"
- label="产品编码"
- prop="materialOldNumber"
- min-width="120"
- show-overflow-tooltip
- />
- <el-table-column align="left" label="产品名称" prop="materialName" min-width="160" show-overflow-tooltip />
- <el-table-column align="left" label="规格型号" prop="specification" min-width="350" show-overflow-tooltip />
- <el-table-column
- align="left"
- label="实装规格型号"
- prop="realSpecification"
- min-width="300"
- show-overflow-tooltip
- >
- <template slot-scope="scope">
- <div :style="scope.row.realSpecification != scope.row.specification ? { color: 'blue' } : ''">
- {{ scope.row.realSpecification }}
- </div>
- </template>
- </el-table-column>
- <el-table-column align="right" label="数量" prop="qty" min-width="100" show-overflow-tooltip />
- <el-table-column align="right" label="单价" prop="price" min-width="100" show-overflow-tooltip>
- <template slot-scope="scope">
- {{ scope.row.price | numToFixed }}
- </template>
- </el-table-column>
- <el-table-column align="right" label="订单金额" prop="totalAmount" min-width="100" show-overflow-tooltip>
- <template slot-scope="scope">
- {{ scope.row.totalAmount | numToFixed }}
- </template>
- </el-table-column>
- <el-table-column align="right" label="工程登录数量" prop="enginNum" min-width="120" show-overflow-tooltip />
- <el-table-column
- align="left"
- label="现金钱包"
- prop="customerWalletName"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- align="right"
- label="返利类型"
- prop="customerWalletName2"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- align="right"
- label="实付返利金额"
- prop="payRebateAmount"
- min-width="100"
- show-overflow-tooltip
- >
- <template slot-scope="scope">
- {{ scope.row.payRebateAmount | numToFixed }}
- </template>
- </el-table-column>
- <el-table-column align="right" label="格力折扣" prop="discAmount" min-width="100" show-overflow-tooltip>
- <template slot-scope="scope">
- {{ scope.row.discAmount | numToFixed }}
- </template>
- </el-table-column>
- <el-table-column align="right" label="实付金额" prop="payAmount" min-width="100" show-overflow-tooltip>
- <template slot-scope="scope">
- {{ scope.row.payAmount | numToFixed }}
- </template>
- </el-table-column>
- <el-table-column
- align="right"
- label="退订数量"
- prop="retiredQty"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column align="right" label="销售数量" prop="salesQty" min-width="100" show-overflow-tooltip />
- <el-table-column align="right" label="销售金额" prop="salesAmount" min-width="100" show-overflow-tooltip />
- <el-table-column
- align="left"
- label="是否直调"
- prop="isDirectTransfer"
- min-width="100"
- show-overflow-tooltip
- >
- <template slot-scope="scope">
- {{ scope.row.isDirectTransfer ? '是' : '否' }}
- </template>
- </el-table-column>
- <el-table-column
- align="right"
- label="直调数量"
- prop="directTransferQty"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column align="right" label="已发货数量" prop="hasSendQty" min-width="100" show-overflow-tooltip />
- <!-- <el-table-column align="right" label="原订单数量" prop="oldQty" min-width="100" show-overflow-tooltip></el-table-column> -->
- <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip />
- <el-table-column
- align="left"
- label="实装物料编号"
- prop="realMaterialNumber"
- min-width="150"
- show-overflow-tooltip
- >
- <template slot-scope="scope">
- <div :style="scope.row.realMaterialNumber != scope.row.materialNumber ? { color: 'blue' } : ''">
- {{ scope.row.realMaterialNumber }}
- </div>
- </template>
- </el-table-column>
- <el-table-column
- align="left"
- label="实装厂产品编码"
- prop="realMaterialOldNumber"
- min-width="200"
- show-overflow-tooltip
- >
- <template slot-scope="scope">
- <div :style="scope.row.realMaterialOldNumber != scope.row.materialOldNumber ? { color: 'blue' } : ''">
- {{ scope.row.realMaterialOldNumber }}
- </div>
- </template>
- </el-table-column>
- <el-table-column align="left" label="税率" prop="tax" min-width="100" show-overflow-tooltip />
- <el-table-column align="left" label="单位" prop="unit" min-width="100" show-overflow-tooltip />
- </el-table>
- </div>
- <div v-if="detailData.examineStatus == 'OK'" class="table" style="margin-top: 20px">
- <el-table
- :data="detailData.refundNoteList"
- element-loading-text="Loading"
- border
- fit
- highlight-current-row
- stripe
- max-height="400"
- show-summary
- :summary-method="$getSummaries"
- >
- <el-table-column align="center" label="序号" type="index" width="50" />
- <el-table-column align="left" label="创建人" prop="createBy" show-overflow-tooltip />
- <el-table-column align="left" label="创建时间" prop="createTime" show-overflow-tooltip />
- <el-table-column align="left" label="退订说明" prop="refundNote" show-overflow-tooltip />
- </el-table>
- </div>
- </div>
- <div class="page-footer">
- <div class="footer">
- <el-button type="success" @click="toCheckOrder">联查单据</el-button>
- <el-button
- v-if="!isDealer && (detailData.examineStatus === 'SAVE' || detailData.examineStatus === 'WAIT')"
- type="danger"
- @click="closeData"
- >关闭订单</el-button>
- <!-- <el-button type="primary" @click="openDirectDialog" v-if="!isDealer">提前开票</el-button> -->
- <el-button
- v-if="!isDealer"
- type="primary"
- :disabled="detailData.directTransferStatus"
- @click="overData"
- >直调完结</el-button>
- <el-button
- v-if="!isDealer"
- type="primary"
- :disabled="detailData.directTransferStatus"
- @click="openDeliverDialog"
- >直调发货</el-button>
- <el-button @click="goBack">返回列表</el-button>
- </div>
- </div>
- </div>
- <el-dialog title="直调发货" append-to-body :visible.sync="isShowDeliverDialog" width="80%">
- <el-form
- ref="deliverForm"
- :model="deliverForm"
- :rules="deliverFormRules"
- label-width="120px"
- size="small"
- label-position="left"
- >
- <el-row :gutter="20">
- <!-- <el-col :xs="8" :sm="8" :lg="8" style="height: 51px">-->
- <!-- <el-form-item label="发货日期" prop="date">-->
- <!-- <el-date-picker-->
- <!-- v-model="deliverForm.date"-->
- <!-- type="date"-->
- <!-- value-format="yyyy-MM-dd"-->
- <!-- style="width: 100%"-->
- <!-- placeholder="选择日期"-->
- <!-- >-->
- <!-- </el-date-picker>-->
- <!-- </el-form-item>-->
- <!-- </el-col>-->
- <el-col :xs="8" :sm="8" :lg="8">
- <el-form-item label="选择仓位" prop="position">
- <el-select v-model="deliverForm.position" placeholder="请选择仓位" style="width: 100%" filterable>
- <el-option v-for="item in positionList" :key="item.id" :label="item.name" :value="item.id" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :xs="8" :sm="8" :lg="8">
- <el-form-item label="发货申请备注" prop="remark">
- <el-input v-model="deliverForm.remark" placeholder="请输入发货申请备注" clearable />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div class="table" style="margin-top: 20px">
- <el-table
- :data="deliverGoodsList"
- element-loading-text="Loading"
- border
- fit
- highlight-current-row
- stripe
- max-height="400"
- >
- <el-table-column align="center" label="序号" type="index" width="50" />
- <el-table-column align="center" label="销售类型" prop="saleTypeName" min-width="100" show-overflow-tooltip />
- <el-table-column
- align="center"
- label="物料编码"
- prop="materialNumber"
- min-width="160"
- show-overflow-tooltip
- />
- <el-table-column align="center" label="产品名称" prop="materialName" min-width="160" show-overflow-tooltip />
- <el-table-column align="center" label="规格型号" prop="specification" min-width="160" show-overflow-tooltip />
- <el-table-column align="center" label="单位" prop="unit" min-width="100" show-overflow-tooltip />
- <el-table-column align="right" label="订单数量" prop="qty" min-width="100" show-overflow-tooltip />
- <el-table-column align="right" label="发货数量" prop="hasSendQty" min-width="100" show-overflow-tooltip />
- <el-table-column
- align="right"
- label="直调数量"
- prop="directTransferQty"
- min-width="100"
- show-overflow-tooltip
- >
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.realDirectTransferQty"
- :disabled="!scope.row.isDirectTransfer"
- size="small"
- type="number"
- @mousewheel.native.prevent
- />
- </template>
- </el-table-column>
- <el-table-column align="right" label="单价" prop="price" min-width="100" show-overflow-tooltip />
- <el-table-column align="right" label="金额" prop="totalAmount" min-width="100" show-overflow-tooltip />
- <el-table-column
- align="right"
- label="实际返利金额"
- prop="payRebateAmount"
- min-width="110"
- show-overflow-tooltip
- />
- <el-table-column align="center" label="备注" prop="remark" min-width="160" show-overflow-tooltip />
- </el-table>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="closeDeliverDialog">取 消</el-button>
- <el-button type="primary" :loading="formLoading" @click="submitDeliverForm">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="直接调拨单(提前开票)" append-to-body :visible.sync="isShowDirectDialog" width="80%">
- <el-form
- ref="directForm"
- :model="directForm"
- :rules="directFormRules"
- label-width="80px"
- size="small"
- label-position="left"
- >
- <el-row :gutter="20">
- <el-col :xs="12" :sm="6" :lg="6">
- <el-form-item label="调出仓库" prop="warehouse1">
- <el-select
- v-model="directForm.warehouse1"
- placeholder="请选择调出仓库"
- style="width: 100%"
- filterable
- @change="changeWarehouse1"
- >
- <el-option v-for="item in warehouseList1" :key="item.id" :label="item.name" :value="item.id" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :xs="12" :sm="6" :lg="6">
- <el-form-item label="调出仓位" prop="position1">
- <el-select
- v-model="directForm.position1"
- placeholder="请调出仓位"
- style="width: 100%"
- filterable
- @change="changePosition1"
- >
- <el-option v-for="item in positionList1" :key="item.id" :label="item.name" :value="item.id" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :xs="12" :sm="6" :lg="6">
- <el-form-item label="调入仓库" prop="warehouse2">
- <el-select
- v-model="directForm.warehouse2"
- placeholder="请选择调入仓库"
- style="width: 100%"
- filterable
- @change="changeWarehouse2"
- >
- <el-option v-for="item in warehouseList2" :key="item.id" :label="item.name" :value="item.id" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :xs="12" :sm="6" :lg="6">
- <el-form-item label="调入仓位" prop="position2">
- <el-select
- v-model="directForm.position2"
- placeholder="请调入仓位"
- style="width: 100%"
- filterable
- @change="changePosition2"
- >
- <el-option v-for="item in positionList2" :key="item.id" :label="item.name" :value="item.id" />
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div class="table" style="margin-top: 20px">
- <el-table
- :data="directGoodsList"
- element-loading-text="Loading"
- border
- fit
- highlight-current-row
- stripe
- max-height="400"
- >
- <el-table-column align="center" label="序号" type="index" width="50" />
- <el-table-column align="center" label="销售类型" prop="saleTypeName" min-width="100" show-overflow-tooltip />
- <el-table-column
- align="center"
- label="物料代码"
- prop="materialNumber"
- min-width="160"
- show-overflow-tooltip
- />
- <el-table-column
- align="center"
- label="产品编码"
- prop="materialOldNumber"
- min-width="160"
- show-overflow-tooltip
- />
- <el-table-column align="center" label="产品名称" prop="materialName" min-width="160" show-overflow-tooltip />
- <el-table-column align="center" label="规格型号" prop="specification" min-width="160" show-overflow-tooltip />
- <el-table-column align="center" label="单位" prop="unit" min-width="100" show-overflow-tooltip />
- <el-table-column align="center" label="数量" prop="qty" min-width="100" show-overflow-tooltip />
- <el-table-column align="center" label="调出仓库" prop="warehouse1" min-width="100" show-overflow-tooltip />
- <el-table-column align="center" label="调出仓位" prop="position1" min-width="100" show-overflow-tooltip />
- <el-table-column align="center" label="调入仓库" prop="warehouse2" min-width="100" show-overflow-tooltip />
- <el-table-column align="center" label="调入仓位" prop="position2" min-width="100" show-overflow-tooltip />
- <el-table-column align="center" label="调出库存状态" prop="status1" min-width="110" show-overflow-tooltip />
- <el-table-column align="center" label="调入库存状态" prop="status2" min-width="110" show-overflow-tooltip />
- <el-table-column align="center" label="调出货主" min-width="100" show-overflow-tooltip>
- <template slot-scope="">弘格</template>
- </el-table-column>
- <el-table-column align="center" label="调入货主" min-width="100" show-overflow-tooltip>
- <template slot-="scope">弘格</template>
- </el-table-column>
- <el-table-column align="center" label="备注" prop="remark" min-width="160" show-overflow-tooltip />
- </el-table>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="closeDirectDialog">取 消</el-button>
- <el-button type="primary" :loading="formLoading" @click="submitDirectForm">确 定</el-button>
- </span>
- </el-dialog>
- <CheckOrder v-if="isShowCheckOrder" :check-order-id="checkOrderId" @backDetail="backDetail" />
- </div>
- </template>
- <script>
- import {
- getOrderDetail,
- closeHome,
- overOrder,
- getWarehouseList,
- deliverOrder,
- directOrder,
- getPositionList,
- editRemarkHome
- } from '@/api/supply/engin'
- import CheckOrder from '@/components/Common/check-order'
- export default {
- name: 'HomeDetail',
- componentName: 'HomeDetail',
- components: {
- CheckOrder
- },
- filters: {
- statusFilter(val) {
- const statusList = [
- { label: '已保存', value: 'SAVE' },
- { label: '待审核', value: 'WAIT' },
- { label: '审核通过', value: 'OK' },
- // { label: '审核驳回', value: 'FAIL' },,
- { label: '已关闭', value: 'CLOSE' }
- ]
- const obj = statusList.find(o => o.value == val)
- return obj ? obj.label : ''
- }
- },
- props: ['listItem'],
- data() {
- return {
- detailData: {},
- isShowDeliverDialog: false,
- deliverForm: {
- date: '',
- position: '',
- remark: ''
- },
- deliverFormRules: {
- // date: [
- // { required: true, message: "请选择发货日期", trigger: "change" },
- // ],
- position: [{ required: true, message: '请选择仓位', trigger: 'change' }]
- },
- positionList: [],
- deliverGoodsList: [],
- isShowDirectDialog: false,
- directForm: {
- warehouse1: '',
- position1: '',
- warehouse2: '',
- position2: ''
- },
- directFormRules: {
- warehouse1: [{ required: true, message: '请选择调出仓库', trigger: 'change' }],
- position1: [{ required: true, message: '请选择调出仓位', trigger: 'change' }],
- warehouse2: [{ required: true, message: '请选择调入仓库', trigger: 'change' }],
- position2: [{ required: true, message: '请选择调入仓位', trigger: 'change' }]
- },
- warehouseList1: [],
- warehouseList2: [],
- positionList1: [],
- positionList2: [],
- directGoodsList: [],
- formLoading: false,
- checkOrderId: {},
- isShowCheckOrder: false
- }
- },
- computed: {
- isExamine() {
- return this.detailData.examineStatus === 'OK' || this.detailData.examineStatus === 'FAIL'
- },
- isDealer() {
- console.log(JSON.parse(localStorage.getItem('supply_user')).isCustomer, '898')
- return JSON.parse(localStorage.getItem('supply_user')).isCustomer
- }
- },
- created() {
- this.getDetail()
- },
- methods: {
- // 返回列表
- goBack() {
- this.$emit('backListFormDetail')
- },
- // 获取仓库列表
- getWarehouseList() {
- getWarehouseList({
- pageNum: 1,
- pageSize: -1
- }).then(res => {
- this.warehouseList1 = res.data.records
- this.warehouseList2 = res.data.records
- })
- },
- // 获取虚拟仓位列表
- getPositionList() {
- getPositionList({
- pageNum: 1,
- pageSize: -1,
- type: 2
- }).then(res => {
- this.positionList = res.data.records
- })
- },
- // 获取详情
- getDetail() {
- getOrderDetail({ id: this.listItem.parentId }).then(res => {
- if (res.data.items) {
- res.data.items.forEach(item => {
- item.number = (item.qty * 100 - item.retiredQty * 100) / 100
- item.sums1 = ['number', 'directTransferQty', 'qty', 'enginNum', 'oldQty', 'hasSendQty']
- item.sums2 = ['totalAmount', 'payAmount', 'price', 'payRebateAmount', 'discAmount']
- })
- }
- this.detailData = res.data
- })
- },
- // 关闭订单
- closeData() {
- this.$confirm('此操作将关闭订单, 是否继续?', '提示', {
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- type: 'warning'
- })
- .then(() => {
- closeHome({
- id: this.listItem.parentId,
- refEnginRecordNo: this.detailData.refEnginRecordNo
- }).then(res => {
- this.$successMsg()
- this.getDetail()
- })
- })
- .catch(() => {})
- },
- // 直调完结
- overData() {
- this.$confirm('此操作将直调完结订单, 是否继续?', '提示', {
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- type: 'warning'
- })
- .then(() => {
- overOrder({
- id: this.listItem.parentId,
- refEnginRecordNo: this.detailData.refEnginRecordNo
- }).then(res => {
- this.$successMsg()
- this.getDetail()
- })
- })
- .catch(() => {})
- },
- // 更改仓库
- changeWarehouse() {
- this.deliverForm.position = ''
- const obj = this.warehouseList.find(o => o.id == this.deliverForm.warehouse)
- this.positionList = obj.kingDeeStocks
- },
- // 打开 直调发货
- openDeliverDialog() {
- this.isShowDeliverDialog = true
- this.deliverGoodsList = this.detailData.items
- this.deliverGoodsList.forEach(item => {
- item.warehouse1 = ''
- item.warehouse2 = ''
- item.position1 = ''
- item.position2 = ''
- item.status1 = ''
- item.status2 = ''
- this.$set(item, 'realDirectTransferQty', item.refundableQty)
- })
- this.getPositionList()
- },
- // 关闭 直调发货
- closeDeliverDialog() {
- this.isShowDeliverDialog = false
- },
- // 提交 直调发货
- submitDeliverForm() {
- this.$refs.deliverForm.validate(valid => {
- if (valid) {
- for (let i = 0; i < this.deliverGoodsList.length; i++) {
- if (!this.deliverGoodsList[i].directTransferQty && this.deliverGoodsList[i].directTransferQty !== 0) {
- this.$errorMsg('请输入直调数量')
- return
- }
- }
- const params = {
- enginOrderId: this.detailData.enginOrderId,
- enginOrderType: 'HOME', // TRADE=商用 HOME=家用
- deliverDate: '',
- correspondId: this.deliverForm.position,
- remark: this.deliverForm.remark,
- refEnginRecordNo: this.detailData.refEnginRecordNo,
- items: this.deliverGoodsList
- }
- this.formLoading = true
- deliverOrder(params)
- .then(res => {
- this.$successMsg()
- this.isShowDeliverDialog = false
- this.getDetail()
- })
- .finally(res => {
- this.formLoading = false
- })
- }
- })
- },
- // 更改调出仓库
- changeWarehouse1() {
- this.directForm.position1 = ''
- const obj = this.warehouseList1.find(o => o.id == this.directForm.warehouse1)
- this.positionList1 = obj.kingDeeStocks
- this.directGoodsList.forEach(item => {
- item.warehouse1 = obj.name
- })
- },
- // 更改调入仓库
- changeWarehouse2() {
- this.directForm.position2 = ''
- const obj = this.warehouseList2.find(o => o.id == this.directForm.warehouse2)
- this.positionList2 = obj.kingDeeStocks
- this.directGoodsList.forEach(item => {
- item.warehouse2 = obj.name
- })
- },
- // 更改调出仓位
- changePosition1() {
- const obj = this.positionList1.find(o => o.id == this.directForm.position1)
- this.directGoodsList.forEach(item => {
- item.position1 = obj.name
- item.status1 = obj.defStockStatusName
- })
- },
- // 更改调入仓位
- changePosition2() {
- const obj = this.positionList2.find(o => o.id == this.directForm.position2)
- this.directGoodsList.forEach(item => {
- item.position2 = obj.name
- item.status2 = obj.defStockStatusName
- })
- },
- // 打开 提前开票
- openDirectDialog() {
- this.isShowDirectDialog = true
- this.directGoodsList = this.detailData.items
- this.getWarehouseList()
- },
- // 关闭 提前开票
- closeDirectDialog() {
- this.isShowDirectDialog = false
- },
- // 提交 提前开票
- submitDirectForm() {
- this.$refs.directForm.validate(valid => {
- if (valid) {
- const warehouseItem1 = this.warehouseList1.find(o => o.id == this.directForm.warehouse1)
- const positionItem1 = this.positionList1.find(o => o.id == this.directForm.position1)
- const warehouseItem2 = this.warehouseList2.find(o => o.id == this.directForm.warehouse2)
- const positionItem2 = this.positionList2.find(o => o.id == this.directForm.position2)
- const params = {
- orderNo: this.detailData.enginOrderId,
- orderType: 'HOME', // TRADE=商用 HOME=家用 RETAIL=零售单 RETAIL_POLICY 销售政策单
- correspondId: this.directForm.warehouse1,
- correspondName: warehouseItem1.name,
- stockId: this.directForm.position1,
- stockName: positionItem1.name,
- inCorrespondId: this.directForm.warehouse2,
- inCorrespondName: warehouseItem2.name,
- inStockId: this.directForm.position2,
- inStockName: positionItem2.name,
- refEnginRecordNo: this.detailData.refEnginRecordNo || ''
- }
- this.formLoading = true
- directOrder(params)
- .then(res => {
- this.$successMsg()
- this.isShowDirectDialog = false
- this.getDetail()
- })
- .finally(res => {
- this.formLoading = false
- })
- }
- })
- },
- // 联查单据
- toCheckOrder() {
- this.checkOrderId = this.detailData.enginOrderId
- this.isShowCheckOrder = true
- },
- // 保存备注
- saveRemark() {
- editRemarkHome({
- enginOrderId: this.detailData.enginOrderId,
- geLiInerNote: this.detailData.geLiInerNote,
- refEnginRecordNo: this.detailData.refEnginRecordNo
- }).then(res => {
- this.$successMsg('编辑成功')
- this.getDetail()
- })
- },
- backDetail() {
- this.isShowCheckOrder = false
- }
- }
- }
- </script>
- <style scoped lang="scss">
- .detail-container {
- width: 100%;
- height: 100%;
- }
- .main-title {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: 20px;
- height: 60px;
- border-bottom: 1px solid #dcdfe6;
- margin-bottom: 20px;
- .title {
- font-size: 16px;
- font-weight: 600;
- padding-left: 10px;
- }
- }
- </style>
|