3 changed files with 700 additions and 12 deletions
@ -0,0 +1,64 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export default { |
||||
|
// 查询分页列表
|
||||
|
listPage: function(params) { |
||||
|
return request({ |
||||
|
url: '/oms/v1/smssalesbill/reviewListPage', |
||||
|
method: 'post', |
||||
|
data: params, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
fetchBySid: function(data) { |
||||
|
return request({ |
||||
|
url: '/oms/v1/smssalesbill/reviewDetails', |
||||
|
method: 'get', |
||||
|
params: data |
||||
|
}) |
||||
|
}, |
||||
|
// 分页列表中确认审核
|
||||
|
reviewConfirm: function(data) { |
||||
|
return request({ |
||||
|
url: '/oms/v1/smssalesbill/reviewConfirm', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
// 分页列表中单条数据编辑保存
|
||||
|
saveOneListData: function(data) { |
||||
|
return request({ |
||||
|
url: '/oms/v1/smssalesbill/saveOneListData', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
// 收货地址保存
|
||||
|
saveShipper: function(data) { |
||||
|
return request({ |
||||
|
url: '/oms/v1/smssalesbill/saveShipper', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
// 发票信息保存
|
||||
|
saveInvoice: function(data) { |
||||
|
return request({ |
||||
|
url: '/oms/v1/smssalesbill/saveInvoice', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
}, |
||||
|
saveOrUpdate: function(data) { |
||||
|
return request({ |
||||
|
url: '/oms/v1/smssalesbill/save', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { 'Content-Type': 'application/json' } |
||||
|
}) |
||||
|
} |
||||
|
} |
@ -0,0 +1,624 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<!--列表页面--> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<button-bar view-title="订单审核管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
||||
|
<!--Start查询列表部分--> |
||||
|
<div class="main-content"> |
||||
|
<div class="searchcon"> |
||||
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
||||
|
<div v-show="isSearchShow" class="search"> |
||||
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
||||
|
<el-form-item label="店铺"> |
||||
|
<el-input v-model="listQuery.params.shopName" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="仓库"> |
||||
|
<el-input v-model="listQuery.params.warehouseName" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="订单号"> |
||||
|
<el-input v-model="listQuery.params.billNo" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="快递单号"> |
||||
|
<el-input v-model="listQuery.params.logisticsNum" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="买家ID"> |
||||
|
<el-input v-model="listQuery.params.buyserID" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="快递"> |
||||
|
<el-input v-model="listQuery.params.logisticsName" placeholder="" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="订单类型"> |
||||
|
<el-select class="addinputInfo" v-model="listQuery.params.billTypeKey" placeholder="请选择" clearable filterable> |
||||
|
<el-option v-for="item in billType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div class="btn" style="text-align: center;"> |
||||
|
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
||||
|
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!--End查询列表部分--> |
||||
|
<div class="listtop"> |
||||
|
<div class="tit">订单审核列表</div> |
||||
|
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
<!--Start 主页面主要部分 --> |
||||
|
<div class=""> |
||||
|
<el-table :key="tableKey" ref="tableData" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange" highlight-current-row @current-change="handleCurrentChange"> |
||||
|
<el-table-column type="selection" align="center" width="50"/> |
||||
|
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/> |
||||
|
<el-table-column label="操作" width="100" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="primary" size="small" @click="toSave(scope.row)">保存</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="noticeState" label="提醒" align="center" min-width="100" /> |
||||
|
<el-table-column prop="billState" label="订单标记" align="center" min-width="120" /> |
||||
|
<el-table-column prop="remainderTime" label="剩余发货时间" align="center" min-width="120" /> |
||||
|
<el-table-column prop="goodsTotalCount" label="商品总数" align="center" min-width="120" /> |
||||
|
<el-table-column prop="picOnline" label="线上商品图片" align="center" min-width="130" /> |
||||
|
<el-table-column prop="picSys" label="系统商品图片" align="center" min-width="130" /> |
||||
|
<el-table-column prop="deliveryTypeValue" label="商品概况" align="center" min-width="100" /> |
||||
|
<el-table-column prop="remarksOnlineSys" label="线上备注/系统备注" align="center" min-width="160" /> |
||||
|
<el-table-column prop="buyerMessage" label="买家留言/附加信息" align="center" min-width="160" /> |
||||
|
<el-table-column prop="warehouseName" label="仓库" align="center" min-width="100" /> |
||||
|
<el-table-column prop="deliveryTypeValue" label="配送方式" align="center" min-width="100" /> |
||||
|
<el-table-column prop="logisticsName" label="快递" align="center" min-width="100" /> |
||||
|
<el-table-column prop="logisticsCost" label="快递成本/干线运费" align="center" min-width="160" /> |
||||
|
<el-table-column prop="buyserID" label="买家ID" align="center" min-width="100" /> |
||||
|
<el-table-column prop="deliveryAddress" label="收货地址" align="center" min-width="160" /> |
||||
|
<el-table-column prop="realPay" label="买家实付" align="center" min-width="100" /> |
||||
|
<el-table-column prop="discountAmount" label="优惠" align="center" min-width="100" /> |
||||
|
<el-table-column prop="dueAmount" label="应收" align="center" min-width="100" /> |
||||
|
<el-table-column prop="freight" label="运费" align="center" min-width="100" /> |
||||
|
<el-table-column prop="serviceAmount" label="服务费" align="center" min-width="100" /> |
||||
|
<el-table-column prop="declaredValue" label="声明价值(报价)" align="center" min-width="150" /> |
||||
|
<el-table-column prop="weight" label="重量" align="center" min-width="100" /> |
||||
|
<el-table-column prop="volume" label="体积" align="center" min-width="100" /> |
||||
|
<el-table-column prop="billNo" label="订单号" align="center" min-width="100" /> |
||||
|
<el-table-column prop="sysBillNo" label="系统单号" align="center" min-width="100" /> |
||||
|
<el-table-column prop="shopName" label="店铺" align="center" min-width="100" /> |
||||
|
<el-table-column prop="billCreateTime" label="下单时间(距今)" align="center" min-width="160" /> |
||||
|
<el-table-column prop="payTime" label="付款时间(距今)" align="center" min-width="160" /> |
||||
|
<el-table-column label="预计发货时间" align="center" min-width="250"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-date-picker v-model="scope.row.expectSendDate" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="选择日期"></el-date-picker> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="deliveryDate" label="预计送达时间" align="center" min-width="130" /> |
||||
|
<el-table-column prop="latestReceivingTime" label="承诺/最晚揽收时间" align="center" min-width="160" /> |
||||
|
<el-table-column prop="latestArriveTime" label="承诺/最晚送达时间" align="center" min-width="160" /> |
||||
|
<el-table-column prop="latestSendTime" label="承诺/最晚发货时间" align="center" min-width="160" /> |
||||
|
<el-table-column prop="needPushTime" label="应推时间" align="center" min-width="120" /> |
||||
|
<el-table-column prop="salesName" label="业务员" align="center" min-width="100" /> |
||||
|
<el-table-column prop="invoiceTitle" label="发票抬头" align="center" min-width="100" /> |
||||
|
<el-table-column prop="talentID" label="达人ID" align="center" min-width="100" /> |
||||
|
<el-table-column prop="buyserNickname" label="达人昵称" align="center" min-width="100" /> |
||||
|
<el-table-column prop="agentShop" label="代发店铺" align="center" min-width="100" /> |
||||
|
<el-table-column prop="originalPlat" label="原始平台" align="center" min-width="100" /> |
||||
|
<el-table-column prop="originalBillNo" label="原始单号" align="center" min-width="100" /> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!--End查询列表部分--> |
||||
|
<!-- 确认审核 --> |
||||
|
<el-dialog title="确认审核" :visible.sync="dialogVisible" width="30%" :show-close="false"> |
||||
|
<el-form ref="form" :model="audit" label-width="80px"> |
||||
|
<el-form-item label="审核结果"> |
||||
|
<el-radio-group v-model="audit.type"> |
||||
|
<el-radio label="0">审核通过</el-radio> |
||||
|
<el-radio label="1">审核不通过</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="审批意见"> |
||||
|
<el-input type="textarea" v-model="audit.remarks"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="auditConfirm">确定</el-button> |
||||
|
<el-button @click="dialogVisible = false">取消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
<!-- 列表底部信息 --> |
||||
|
<div class=""> |
||||
|
<el-tabs v-model="activeName" type="border-card"> |
||||
|
<el-tab-pane name="first" label="商品明细"> |
||||
|
<el-table :data="formobj.goods" border style="width: 100%"> |
||||
|
<el-table-column prop="goodsSpuName" label="系统商品" align="center" min-width="130" /> |
||||
|
<el-table-column prop="barCode" label="条码" align="center" min-width="120" /> |
||||
|
<el-table-column prop="price" label="单价" align="center" min-width="120" /> |
||||
|
<el-table-column prop="discountPrice" label="折后单价" align="center" min-width="120" /> |
||||
|
<el-table-column prop="count" label="数量" align="center" min-width="100" /> |
||||
|
<el-table-column prop="dueAmount" label="应收款" align="center" min-width="120" /> |
||||
|
<el-table-column prop="amount" label="销售金额" align="center" min-width="120" /> |
||||
|
<el-table-column prop="taxRate" label="税率" align="center" min-width="100" /> |
||||
|
<el-table-column prop="taxAmount" label="税额" align="center" min-width="100" /> |
||||
|
<el-table-column prop="referenceCost" label="参考进价" align="center" min-width="120" /> |
||||
|
<el-table-column prop="cost" label="成本" align="center" min-width="100" /> |
||||
|
<el-table-column prop="batchNumber" label="批次号" align="center" min-width="130" /> |
||||
|
<el-table-column prop="inventoryCount" label="实际库存" align="center" min-width="130" /> |
||||
|
<el-table-column prop="allocateCount" label="可分配库存" align="center" min-width="140" /> |
||||
|
<el-table-column prop="useCount" label="可用库存" align="center" min-width="120" /> |
||||
|
<el-table-column prop="wayCount" label="在途库存" align="center" min-width="120" /> |
||||
|
<el-table-column prop="wareHouseCount" label="各仓库存" align="center" min-width="120" /> |
||||
|
<el-table-column prop="inventoryState" label="库存状况" align="center" min-width="120" /> |
||||
|
<el-table-column prop="billNo" label="单号" align="center" min-width="150" /> |
||||
|
<el-table-column prop="remarks" label="备注" align="center" min-width="200" /> |
||||
|
<el-table-column prop="expectSendDate" label="预计发货时间" align="center" min-width="160" /> |
||||
|
</el-table> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane name="second" label="收件地址"> |
||||
|
<el-form ref="consignee" :model="formobj.shipper" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="6"> |
||||
|
<div class="span-sty">收货人</div> |
||||
|
<el-form-item><el-input class="addinputInfo" style="width: 50%" v-model="formobj.shipper.shipperName" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<div class="span-sty">手机</div> |
||||
|
<el-form-item><el-input class="addinputInfo" style="width: 50%" v-model="formobj.shipper.shipperMob" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">详细地址</div> |
||||
|
<el-form-item><el-input class="addinputInfo" style="width: 70%" v-model="formobj.shipper.deliveryAddress" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="6"> |
||||
|
<div class="span-sty">真实姓名</div> |
||||
|
<el-form-item><el-input class="addinputInfo" style="width: 50%" v-model="formobj.shipper.name" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<div class="span-sty">身份证号</div> |
||||
|
<el-form-item><el-input class="addinputInfo" style="width: 50%" v-model="formobj.shipper.idNo" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">固话</div> |
||||
|
<el-form-item><el-input class="addinputInfo" style="width: 30%" v-model="formobj.shipper.phone" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div style="text-align: center;margin-top: 5px"> |
||||
|
<el-button type="primary" size="small" @click="saveShipper">保存</el-button> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane name="third" label="备注信息"> |
||||
|
<div style="display: flex;flex-direction: row;justify-content: flex-start;"> |
||||
|
<div style="width: 300px;"> |
||||
|
<div><el-divider direction="vertical"></el-divider><span>买家留言/附加信息</span></div> |
||||
|
<div style="background-color: #f5f6f7;margin-top: 10px;min-height: 200px"> |
||||
|
<div style="margin-left: 15px"> |
||||
|
<div style="padding-top: 10px">买家留言</div> |
||||
|
<div style="padding-top: 10px">附加信息</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="width: 300px;margin-left: 5px"> |
||||
|
<div><el-divider direction="vertical"></el-divider><span>线上备注</span></div> |
||||
|
<div style="background-color: #f5f6f7;margin-top: 10px;min-height: 200px"> |
||||
|
<div style="margin-left: 10px"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="width: 300px;margin-left: 5px"> |
||||
|
<div><el-divider direction="vertical"></el-divider><span>系统备注</span></div> |
||||
|
<div style="background-color: #f5f6f7;margin-top: 10px;min-height: 200px"> |
||||
|
<div style="margin-left: 10px"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane name="fourth" label="发票结算"> |
||||
|
<div style="display: flex;flex-direction: row;justify-content: flex-start;"> |
||||
|
<div style="width: 60%"> |
||||
|
<div><el-divider direction="vertical"></el-divider><span>发票信息</span></div> |
||||
|
<div style="background-color: #f5f6f7;margin-top: 10px;min-height: 200px"> |
||||
|
<el-form ref="" :model="formobj" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">开票形式</div> |
||||
|
<el-form-item> |
||||
|
<el-select class="addinputInfo" v-model="formobj.invoice.invoiceMediumKey" placeholder="请选择" @change="invoiceMediumChange" clearable filterable> |
||||
|
<el-option v-for="item in invoiceMedium_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">发票类型</div> |
||||
|
<el-form-item> |
||||
|
<el-select class="addinputInfo" v-model="formobj.invoice.invoiceTypeKey" placeholder="请选择" @change="invoiceTypeChange" clearable filterable> |
||||
|
<el-option v-for="item in invoiceType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">抬头</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.invoice.invoiceTitle" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">内容</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.invoice.invoiceContent" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">税号</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.invoice.taxpayerNo" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">开户银行</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.invoice.bankName" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">银行账户</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.invoice.bankAccount" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">详细地址</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.invoice.address" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">固话</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.invoice.phone" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">邮箱</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.invoice.e_mail" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">备注</div> |
||||
|
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.invoice.remarks" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="width: 39%;margin-left: 5px"> |
||||
|
<div><el-divider direction="vertical"></el-divider><span>结算信息</span></div> |
||||
|
<div style="background-color: #f5f6f7;margin-top: 10px;min-height: 200px"> |
||||
|
<el-form ref="" :model="formobj" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">应收合计</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.invoice.dueAmount }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">预收合计</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.invoice.advanceBalance }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">本次欠款</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.invoice.thisDebt }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">历史欠款</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.invoice.historyDebt }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="text-align: center;margin-top: 5px"> |
||||
|
<el-button type="primary" size="small" @click="saveInvoice">保存</el-button> |
||||
|
</div> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane name="fifth" label="优惠详情"></el-tab-pane> |
||||
|
<el-tab-pane name="sixth" label="操作记录"> |
||||
|
<div> |
||||
|
<ol type="1"> |
||||
|
<li v-for="(item, index) in formobj.records" :key="index"> |
||||
|
<span>{{ item.createByName }}</span> |
||||
|
<span style="margin-left: 10px">{{ item.createTime }}</span> |
||||
|
<span style="margin-left: 10px">{{ item.remark }}</span> |
||||
|
</li> |
||||
|
</ol> |
||||
|
</div> |
||||
|
</el-tab-pane> |
||||
|
</el-tabs> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
import req from '@/api/sales/salesOrderReview' |
||||
|
import { typeValues } from '@/api/Common/dictcommons' |
||||
|
|
||||
|
export default { |
||||
|
name: 'SalesOrderReview', |
||||
|
components: { |
||||
|
Pagination, |
||||
|
ButtonBar |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
btndisabled: false, |
||||
|
btnList: [ |
||||
|
{ |
||||
|
type: 'primary', |
||||
|
size: 'small', |
||||
|
icon: '', |
||||
|
btnKey: 'doCheck', |
||||
|
btnLabel: '确认审核' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看 |
||||
|
tableKey: 0, |
||||
|
list: [], |
||||
|
sids: [], // 用于导出的时候保存已选择的SIDs |
||||
|
billType_list: [], |
||||
|
FormLoading: false, |
||||
|
listLoading: false, |
||||
|
// 翻页 |
||||
|
listQuery: { |
||||
|
current: 1, |
||||
|
size: 5, |
||||
|
total: 0, |
||||
|
params: { |
||||
|
createOrgSid: '', |
||||
|
billTypeKey: '', |
||||
|
shopName: '', |
||||
|
warehouseName: '', |
||||
|
billNo: '', |
||||
|
logisticsNum: '', |
||||
|
buyserID: '', |
||||
|
logisticsName: '' |
||||
|
} |
||||
|
}, |
||||
|
dialogVisible: false, |
||||
|
audit: { |
||||
|
type: '', |
||||
|
sids: [], |
||||
|
remarks: '', |
||||
|
createBySid: '', |
||||
|
createByName: '' |
||||
|
}, |
||||
|
activeName: 'first', |
||||
|
invoiceMedium_list: [], |
||||
|
invoiceType_list: [], |
||||
|
formobj: { |
||||
|
shipper: { |
||||
|
shipperName: '', |
||||
|
shipperMob: '', |
||||
|
deliveryProvince: '', |
||||
|
deliveryCity: '', |
||||
|
deliveryCounty: '', |
||||
|
deliveryAddress: '', |
||||
|
name: '', |
||||
|
idNo: '', |
||||
|
phone: '' |
||||
|
}, |
||||
|
remarksInfo: { |
||||
|
buyerMessage: '', |
||||
|
remarks: '', |
||||
|
remarksSys: '' |
||||
|
}, |
||||
|
invoice: { |
||||
|
invoiceMediumKey: '', |
||||
|
invoiceMediumValue: '', |
||||
|
invoiceTypeKey: '', |
||||
|
invoiceType: '', |
||||
|
invoiceTitle: '', |
||||
|
invoiceContent: '', |
||||
|
taxpayerNo: '', |
||||
|
bankName: '', |
||||
|
bankAccount: '', |
||||
|
address: '', |
||||
|
phone: '', |
||||
|
e_mail: '', |
||||
|
remarks: '', |
||||
|
dueAmount: '', |
||||
|
thisDebt: '', |
||||
|
historyDebt: '', |
||||
|
advanceBalance: '' |
||||
|
}, |
||||
|
discounts: {}, |
||||
|
records: [], |
||||
|
goods: [] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
// 初始化变量 |
||||
|
this.init() |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
typeValues({ type: 'billType' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.billType_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
typeValues({ type: 'invoiceType' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.invoiceType_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
typeValues({ type: 'invoiceMedium' }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.invoiceMedium_list = res.data |
||||
|
} |
||||
|
}) |
||||
|
this.getList() |
||||
|
}, |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
||||
|
switch (btnKey) { |
||||
|
case 'doCheck': |
||||
|
this.doCheck() |
||||
|
break |
||||
|
case 'doClose': |
||||
|
this.doClose() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
// 信息条数 获取点击时当前的sid |
||||
|
handleSelectionChange(row) { |
||||
|
const aa = [] |
||||
|
row.forEach(element => { |
||||
|
aa.push(element.sid) |
||||
|
}) |
||||
|
this.sids = aa |
||||
|
}, |
||||
|
// 表中序号 |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
// 查询列表信息 |
||||
|
getList() { |
||||
|
this.listLoading = true |
||||
|
this.listQuery.params.createOrgSid = window.sessionStorage.getItem('orgSid') |
||||
|
req.listPage(this.listQuery).then(response => { |
||||
|
this.listLoading = false |
||||
|
if (response.success) { |
||||
|
this.list = response.data.records |
||||
|
this.listQuery.total = response.data.total |
||||
|
if (this.list.length > 0) { |
||||
|
this.activeName = 'first' |
||||
|
this.$refs.tableData.setCurrentRow(this.list[0]) |
||||
|
} |
||||
|
} else { |
||||
|
this.list = [] |
||||
|
this.listQuery.total = 0 |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 查询按钮 |
||||
|
handleFilter() { |
||||
|
this.listQuery.current = 1 |
||||
|
this.getList() |
||||
|
}, |
||||
|
// 点击重置 |
||||
|
handleReset() { |
||||
|
this.listQuery = { |
||||
|
current: 1, |
||||
|
size: 5, |
||||
|
total: 0, |
||||
|
params: { |
||||
|
createOrgSid: '', |
||||
|
billTypeKey: '', |
||||
|
shopName: '', |
||||
|
warehouseName: '', |
||||
|
billNo: '', |
||||
|
logisticsNum: '', |
||||
|
buyserID: '', |
||||
|
logisticsName: '' |
||||
|
} |
||||
|
} |
||||
|
this.getList() |
||||
|
}, |
||||
|
doCheck() { |
||||
|
if (this.sids.length > 0) { |
||||
|
this.dialogVisible = true |
||||
|
this.audit = { |
||||
|
type: '', |
||||
|
sids: [], |
||||
|
remarks: '', |
||||
|
createByName: '', |
||||
|
createBySid: '' |
||||
|
} |
||||
|
this.audit.sids = this.sids |
||||
|
} else { |
||||
|
this.$message({ showClose: true, type: 'error', message: '请至少选择一条记录进行操作' }) |
||||
|
} |
||||
|
}, |
||||
|
auditConfirm() { |
||||
|
this.audit.createByName = window.sessionStorage.getItem('userName') |
||||
|
this.audit.createBySid = window.sessionStorage.getItem('userSid') |
||||
|
req.reviewConfirm(this.audit).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.dialogVisible = false |
||||
|
this.$message({ showClose: true, type: 'success', message: '操作成功' }) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
toSave(row) { |
||||
|
req.saveOneListData(row).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleCurrentChange(val) { |
||||
|
req.fetchBySid({ sid: val.sid }).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.formobj = resp.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
saveShipper() { |
||||
|
req.saveShipper({ sid: this.formobj.sid, shipper: this.formobj.shipper }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
invoiceTypeChange(value) { |
||||
|
const choose = this.invoiceType_list.filter((item) => item.dictKey === value) |
||||
|
if (choose.length > 0 && choose !== null) { |
||||
|
this.formobj.invoice.invoiceType = choose[0].dictValue |
||||
|
} else { |
||||
|
this.formobj.invoice.invoiceType = '' |
||||
|
} |
||||
|
}, |
||||
|
invoiceMediumChange(value) { |
||||
|
const choose = this.invoiceMedium_list.filter((item) => item.dictKey === value) |
||||
|
if (choose.length > 0 && choose !== null) { |
||||
|
this.formobj.invoice.invoiceMediumValue = choose[0].dictValue |
||||
|
} else { |
||||
|
this.formobj.invoice.invoiceMediumValue = '' |
||||
|
} |
||||
|
}, |
||||
|
saveInvoice() { |
||||
|
req.saveInvoice({ sid: this.formobj.sid, invoice: this.formobj.invoice }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
Loading…
Reference in new issue