|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<div class="detail-container">
|
|
<div class="detail-container">
|
|
- <el-page-header @back="goBack" :content="listItem ? (flag ? '详情' : '编辑') : '新增'"></el-page-header>
|
|
|
|
- <el-divider></el-divider>
|
|
|
|
|
|
+ <el-page-header :content="listItem ? (flag ? '详情' : '编辑') : '新增'" @back="goBack" />
|
|
|
|
+ <el-divider />
|
|
|
|
|
|
<div>
|
|
<div>
|
|
<el-form
|
|
<el-form
|
|
@@ -22,11 +22,11 @@
|
|
:disabled="!!listItem"
|
|
:disabled="!!listItem"
|
|
>
|
|
>
|
|
<el-option
|
|
<el-option
|
|
- :label="item.name"
|
|
|
|
- :value="item.id"
|
|
|
|
v-for="(item, index) in warehouseList"
|
|
v-for="(item, index) in warehouseList"
|
|
:key="index"
|
|
:key="index"
|
|
- ></el-option>
|
|
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.id"
|
|
|
|
+ />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -38,15 +38,14 @@
|
|
<el-col :xs="24" :sm="12" :lg="8" style="height: 51px">
|
|
<el-col :xs="24" :sm="12" :lg="8" style="height: 51px">
|
|
<el-form-item label="预约日期" prop="date">
|
|
<el-form-item label="预约日期" prop="date">
|
|
<el-date-picker
|
|
<el-date-picker
|
|
- :disabled="flag"
|
|
|
|
v-model="mainForm.date"
|
|
v-model="mainForm.date"
|
|
|
|
+ :disabled="flag"
|
|
type="date"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
:picker-options="setDisabled"
|
|
:picker-options="setDisabled"
|
|
placeholder="选择日期"
|
|
placeholder="选择日期"
|
|
- >
|
|
|
|
- </el-date-picker>
|
|
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="12" style="height: 51px">
|
|
<el-col :xs="24" :sm="12" :lg="12" style="height: 51px">
|
|
@@ -63,36 +62,36 @@
|
|
<el-form-item label="提货方式" prop="pickupWay">
|
|
<el-form-item label="提货方式" prop="pickupWay">
|
|
<el-radio-group v-model="mainForm.pickupWay" :disabled="flag">
|
|
<el-radio-group v-model="mainForm.pickupWay" :disabled="flag">
|
|
<el-radio
|
|
<el-radio
|
|
- :label="item.dictCode"
|
|
|
|
v-for="(item, index) in pickupWayList"
|
|
v-for="(item, index) in pickupWayList"
|
|
:key="index"
|
|
:key="index"
|
|
|
|
+ :label="item.dictCode"
|
|
:disabled="item.disabled"
|
|
:disabled="item.disabled"
|
|
- >{{ item.dictValue }}
|
|
|
|
|
|
+ >{{ item.dictValue }}
|
|
</el-radio>
|
|
</el-radio>
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="8">
|
|
<el-col :xs="24" :sm="12" :lg="8">
|
|
- <el-form-item label="提货人" prop="pickupMan" v-if="mainForm.pickupWay == '1'">
|
|
|
|
|
|
+ <el-form-item v-if="mainForm.pickupWay == '1'" label="提货人" prop="pickupMan">
|
|
<el-select v-model="mainForm.pickupMan" placeholder="全部" :disabled="flag" style="width: 100%">
|
|
<el-select v-model="mainForm.pickupMan" placeholder="全部" :disabled="flag" style="width: 100%">
|
|
<el-option
|
|
<el-option
|
|
- :label="item.takerName"
|
|
|
|
- :value="item.id"
|
|
|
|
v-for="(item, index) in pickupManList"
|
|
v-for="(item, index) in pickupManList"
|
|
:key="index"
|
|
:key="index"
|
|
- ></el-option>
|
|
|
|
|
|
+ :label="item.takerName"
|
|
|
|
+ :value="item.id"
|
|
|
|
+ />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :xs="24" :sm="12" :lg="8" v-if="mainForm.pickupWay == '1'">
|
|
|
|
|
|
+ <el-col v-if="mainForm.pickupWay == '1'" :xs="24" :sm="12" :lg="8">
|
|
<el-form-item label="提货车辆" prop="pickupCar">
|
|
<el-form-item label="提货车辆" prop="pickupCar">
|
|
<el-select v-model="mainForm.pickupCar" placeholder="全部" style="width: 100%" :disabled="flag">
|
|
<el-select v-model="mainForm.pickupCar" placeholder="全部" style="width: 100%" :disabled="flag">
|
|
<el-option
|
|
<el-option
|
|
- :label="item.carBrand"
|
|
|
|
- :value="item.id"
|
|
|
|
v-for="(item, index) in pickupCarList"
|
|
v-for="(item, index) in pickupCarList"
|
|
:key="index"
|
|
:key="index"
|
|
- ></el-option>
|
|
|
|
|
|
+ :label="item.carBrand"
|
|
|
|
+ :value="item.id"
|
|
|
|
+ />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -101,17 +100,17 @@
|
|
<el-form-item label="物流公司" prop="company">
|
|
<el-form-item label="物流公司" prop="company">
|
|
<el-select
|
|
<el-select
|
|
v-model="mainForm.logisticsId"
|
|
v-model="mainForm.logisticsId"
|
|
- @change="getLogisticsId"
|
|
|
|
placeholder="全部"
|
|
placeholder="全部"
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
:disabled="flag"
|
|
:disabled="flag"
|
|
|
|
+ @change="getLogisticsId"
|
|
>
|
|
>
|
|
<el-option
|
|
<el-option
|
|
- :label="item.logisticsCompany"
|
|
|
|
- :value="item.id"
|
|
|
|
v-for="(item, index) in companyList"
|
|
v-for="(item, index) in companyList"
|
|
:key="index"
|
|
:key="index"
|
|
- ></el-option>
|
|
|
|
|
|
+ :label="item.logisticsCompany"
|
|
|
|
+ :value="item.id"
|
|
|
|
+ />
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -136,7 +135,7 @@
|
|
</template>
|
|
</template>
|
|
<el-col :xs="24" :sm="12" :lg="8">
|
|
<el-col :xs="24" :sm="12" :lg="8">
|
|
<el-form-item label="备注" prop="remark">
|
|
<el-form-item label="备注" prop="remark">
|
|
- <el-input v-model="mainForm.remark" placeholder="请输入备注" :disabled="flag"></el-input>
|
|
|
|
|
|
+ <el-input v-model="mainForm.remark" placeholder="请输入备注" :disabled="flag" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
@@ -182,7 +181,7 @@
|
|
@select="handleSelect"
|
|
@select="handleSelect"
|
|
@select-all="handleSelectAll"
|
|
@select-all="handleSelectAll"
|
|
>
|
|
>
|
|
- <el-table-column align="center" type="selection" width="55"></el-table-column>
|
|
|
|
|
|
+ <el-table-column align="center" type="selection" width="55" />
|
|
|
|
|
|
<template v-if="logisticsNumber === '001' && mainForm.pickupWay == 2">
|
|
<template v-if="logisticsNumber === '001' && mainForm.pickupWay == 2">
|
|
<el-table-column align="left" label="仓库" prop="invoiceId" min-width="160" show-overflow-tooltip>
|
|
<el-table-column align="left" label="仓库" prop="invoiceId" min-width="160" show-overflow-tooltip>
|
|
@@ -196,8 +195,7 @@
|
|
size="mini"
|
|
size="mini"
|
|
@change="storeChange($event, row)"
|
|
@change="storeChange($event, row)"
|
|
>
|
|
>
|
|
- <el-option v-for="item in storeList" :key="item.value" :label="item.label" :value="item.value">
|
|
|
|
- </el-option>
|
|
|
|
|
|
+ <el-option v-for="item in storeList" :key="item.value" :label="item.label" :value="item.value" />
|
|
</el-select>
|
|
</el-select>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -205,25 +203,25 @@
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input
|
|
<el-input
|
|
v-if="!(scope.row.orderType === 'TRADE' || scope.row.orderType === 'HOME')"
|
|
v-if="!(scope.row.orderType === 'TRADE' || scope.row.orderType === 'HOME')"
|
|
- :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
|
|
v-model="scope.row.receivingName"
|
|
v-model="scope.row.receivingName"
|
|
|
|
+ :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
size="mini"
|
|
size="mini"
|
|
@input="handleInput($event, scope.row.invoiceId, 1)"
|
|
@input="handleInput($event, scope.row.invoiceId, 1)"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
<template v-else>
|
|
<template v-else>
|
|
<template v-if="listItem">
|
|
<template v-if="listItem">
|
|
<el-input
|
|
<el-input
|
|
- :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
|
|
v-model="scope.row.receivingName"
|
|
v-model="scope.row.receivingName"
|
|
|
|
+ :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
size="mini"
|
|
size="mini"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
</template>
|
|
</template>
|
|
<template v-else>
|
|
<template v-else>
|
|
<el-input
|
|
<el-input
|
|
- :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
|
|
v-model="scope.row.refLinkman"
|
|
v-model="scope.row.refLinkman"
|
|
|
|
+ :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
size="mini"
|
|
size="mini"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
@@ -232,25 +230,25 @@
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input
|
|
<el-input
|
|
v-if="!(scope.row.orderType === 'TRADE' || scope.row.orderType === 'HOME')"
|
|
v-if="!(scope.row.orderType === 'TRADE' || scope.row.orderType === 'HOME')"
|
|
- :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
|
|
v-model="scope.row.phone"
|
|
v-model="scope.row.phone"
|
|
|
|
+ :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
size="mini"
|
|
size="mini"
|
|
@input="handleInput($event, scope.row.invoiceId, 2)"
|
|
@input="handleInput($event, scope.row.invoiceId, 2)"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
<template v-else>
|
|
<template v-else>
|
|
<template v-if="listItem">
|
|
<template v-if="listItem">
|
|
<el-input
|
|
<el-input
|
|
- :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
|
|
v-model="scope.row.phone"
|
|
v-model="scope.row.phone"
|
|
|
|
+ :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
size="mini"
|
|
size="mini"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
</template>
|
|
</template>
|
|
<template v-else>
|
|
<template v-else>
|
|
<el-input
|
|
<el-input
|
|
- :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
|
|
v-model="scope.row.refPhone"
|
|
v-model="scope.row.refPhone"
|
|
|
|
+ :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
size="mini"
|
|
size="mini"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
@@ -259,25 +257,25 @@
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-input
|
|
<el-input
|
|
v-if="!(scope.row.orderType === 'TRADE' || scope.row.orderType === 'HOME')"
|
|
v-if="!(scope.row.orderType === 'TRADE' || scope.row.orderType === 'HOME')"
|
|
- :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
|
|
v-model="scope.row.address"
|
|
v-model="scope.row.address"
|
|
|
|
+ :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
size="mini"
|
|
size="mini"
|
|
@input="handleInput($event, scope.row.invoiceId, 3)"
|
|
@input="handleInput($event, scope.row.invoiceId, 3)"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
<template v-else>
|
|
<template v-else>
|
|
<template v-if="listItem">
|
|
<template v-if="listItem">
|
|
<el-input
|
|
<el-input
|
|
- :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
|
|
v-model="scope.row.address"
|
|
v-model="scope.row.address"
|
|
|
|
+ :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
size="mini"
|
|
size="mini"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
</template>
|
|
</template>
|
|
<template v-else>
|
|
<template v-else>
|
|
<el-input
|
|
<el-input
|
|
- :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
|
|
v-model="scope.row.refInstallAddress"
|
|
v-model="scope.row.refInstallAddress"
|
|
|
|
+ :disabled="flag || scope.row.warehouseFlag == 0 || scope.row.warehouseFlag == null"
|
|
size="mini"
|
|
size="mini"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
@@ -290,7 +288,7 @@
|
|
prop="invoiceId"
|
|
prop="invoiceId"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column align="left" label="单据日期" prop="orderTime" min-width="120" show-overflow-tooltip>
|
|
<el-table-column align="left" label="单据日期" prop="orderTime" min-width="120" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
{{ scope.row.orderTime | dateToDayFilter }}
|
|
{{ scope.row.orderTime | dateToDayFilter }}
|
|
@@ -299,20 +297,20 @@
|
|
<el-table-column align="left" label="销售订单号" prop="mainOrderId" min-width="160" show-overflow-tooltip>
|
|
<el-table-column align="left" label="销售订单号" prop="mainOrderId" min-width="160" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<CopyButton
|
|
<CopyButton
|
|
- :copyText="
|
|
|
|
|
|
+ :copy-text="
|
|
scope.row.orderType === 'TRADE' ||
|
|
scope.row.orderType === 'TRADE' ||
|
|
- scope.row.orderType === 'HOME' ||
|
|
|
|
- scope.row.orderType === 'REQUISITION_TRADE' ||
|
|
|
|
- scope.row.orderType === 'REQUISITION_HOME'
|
|
|
|
|
|
+ scope.row.orderType === 'HOME' ||
|
|
|
|
+ scope.row.orderType === 'REQUISITION_TRADE' ||
|
|
|
|
+ scope.row.orderType === 'REQUISITION_HOME'
|
|
? scope.row.enginOrderNo
|
|
? scope.row.enginOrderNo
|
|
: scope.row.mainOrderId
|
|
: scope.row.mainOrderId
|
|
"
|
|
"
|
|
/>
|
|
/>
|
|
<span>{{
|
|
<span>{{
|
|
scope.row.orderType === 'TRADE' ||
|
|
scope.row.orderType === 'TRADE' ||
|
|
- scope.row.orderType === 'HOME' ||
|
|
|
|
- scope.row.orderType === 'REQUISITION_TRADE' ||
|
|
|
|
- scope.row.orderType === 'REQUISITION_HOME'
|
|
|
|
|
|
+ scope.row.orderType === 'HOME' ||
|
|
|
|
+ scope.row.orderType === 'REQUISITION_TRADE' ||
|
|
|
|
+ scope.row.orderType === 'REQUISITION_HOME'
|
|
? scope.row.enginOrderNo
|
|
? scope.row.enginOrderNo
|
|
: scope.row.mainOrderId
|
|
: scope.row.mainOrderId
|
|
}}</span>
|
|
}}</span>
|
|
@@ -325,45 +323,48 @@
|
|
prop="saleTypeName"
|
|
prop="saleTypeName"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="left"
|
|
align="left"
|
|
label="物料编码"
|
|
label="物料编码"
|
|
prop="materialCode"
|
|
prop="materialCode"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="left"
|
|
align="left"
|
|
label="产品名称"
|
|
label="产品名称"
|
|
prop="materialName"
|
|
prop="materialName"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="left"
|
|
align="left"
|
|
label="规格型号"
|
|
label="规格型号"
|
|
prop="specification"
|
|
prop="specification"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="left"
|
|
align="left"
|
|
label="单位"
|
|
label="单位"
|
|
prop="unit"
|
|
prop="unit"
|
|
min-width="100"
|
|
min-width="100"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="right"
|
|
align="right"
|
|
label="数量"
|
|
label="数量"
|
|
prop="refundableQty"
|
|
prop="refundableQty"
|
|
min-width="100"
|
|
min-width="100"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
- <el-table-column fixed="right" label="操作" width="100" v-if="flag && mainForm.pickupWay == '2'">
|
|
|
|
|
|
+ />
|
|
|
|
+ <el-table-column v-if="flag && mainForm.pickupWay == '2'" fixed="right" label="操作" width="250">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button @click="handLogistics(scope.row)" type="text" size="small">物流信息</el-button>
|
|
|
|
|
|
+ <el-button type="text" size="small" @click="handLogistics(scope.row)">物流信息</el-button>
|
|
|
|
+ <el-button type="text" size="small" @click="getListCostBillV2(scope.row)">物流费用</el-button>
|
|
|
|
+ <el-button type="text" size="small" @click="getListCodeV2(scope.row)">出库条码</el-button>
|
|
|
|
+
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -371,10 +372,14 @@
|
|
</div>
|
|
</div>
|
|
<div class="page-footer">
|
|
<div class="page-footer">
|
|
<div class="footer" :class="classObj">
|
|
<div class="footer" :class="classObj">
|
|
- <el-button type="primary" @click="clickSubmitForm" v-if="!flag" :loading="formLoading"
|
|
|
|
- >{{ formLoading ? '提交中 ...' : '提 交' }}
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ v-if="!flag"
|
|
|
|
+ type="primary"
|
|
|
|
+ :loading="formLoading"
|
|
|
|
+ @click="clickSubmitForm"
|
|
|
|
+ >{{ formLoading ? '提交中 ...' : '提 交' }}
|
|
</el-button>
|
|
</el-button>
|
|
- <el-popconfirm title="确定重置吗?" @onConfirm="resetForm" style="margin-left: 10px" v-if="!listItem">
|
|
|
|
|
|
+ <el-popconfirm v-if="!listItem" title="确定重置吗?" style="margin-left: 10px" @onConfirm="resetForm">
|
|
<el-button slot="reference">重 置</el-button>
|
|
<el-button slot="reference">重 置</el-button>
|
|
</el-popconfirm>
|
|
</el-popconfirm>
|
|
</div>
|
|
</div>
|
|
@@ -384,15 +389,15 @@
|
|
append-to-body
|
|
append-to-body
|
|
:visible.sync="visible"
|
|
:visible.sync="visible"
|
|
width="60%"
|
|
width="60%"
|
|
- @close="onClose"
|
|
|
|
:close-on-click-modal="false"
|
|
:close-on-click-modal="false"
|
|
|
|
+ @close="onClose"
|
|
>
|
|
>
|
|
- <el-timeline class="logistics" :reverse="false" v-if="logisticsDetail.length">
|
|
|
|
|
|
+ <el-timeline v-if="logisticsDetail.length" class="logistics" :reverse="false">
|
|
<el-timeline-item
|
|
<el-timeline-item
|
|
- placement="top"
|
|
|
|
- type="success"
|
|
|
|
v-for="(item, index) in logisticsDetail"
|
|
v-for="(item, index) in logisticsDetail"
|
|
:key="index"
|
|
:key="index"
|
|
|
|
+ placement="top"
|
|
|
|
+ type="success"
|
|
:timestamp="item.time"
|
|
:timestamp="item.time"
|
|
>
|
|
>
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
@@ -408,6 +413,36 @@
|
|
</el-timeline>
|
|
</el-timeline>
|
|
<div v-else class="tip">暂无物流信息</div>
|
|
<div v-else class="tip">暂无物流信息</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
+ <el-dialog
|
|
|
|
+ title="物流费用"
|
|
|
|
+ append-to-body
|
|
|
|
+ :visible.sync="logisticsVisible"
|
|
|
|
+ width="60%"
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
|
+ @close="onClose"
|
|
|
|
+ >
|
|
|
|
+ <zj-table
|
|
|
|
+ :table-attributes="defaultTableAttributes"
|
|
|
|
+ :is-drop="true"
|
|
|
|
+ :columns="formLogistics"
|
|
|
|
+ :table-data="logisticsData"
|
|
|
|
+ />
|
|
|
|
+ </el-dialog>
|
|
|
|
+ <el-dialog
|
|
|
|
+ title="出库条码"
|
|
|
|
+ append-to-body
|
|
|
|
+ :visible.sync="outboundVisible"
|
|
|
|
+ width="60%"
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
|
+ @close="onClose"
|
|
|
|
+ >
|
|
|
|
+ <zj-table
|
|
|
|
+ :table-attributes="defaultTableAttributes"
|
|
|
|
+ :is-drop="true"
|
|
|
|
+ :columns="formOutbound"
|
|
|
|
+ :table-data="outboundData"
|
|
|
|
+ />
|
|
|
|
+ </el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -424,9 +459,10 @@ import {
|
|
checkStock,
|
|
checkStock,
|
|
getListOrderTrack
|
|
getListOrderTrack
|
|
} from '@/api/supply/pickup'
|
|
} from '@/api/supply/pickup'
|
|
|
|
+import { getListCostBillV2 } from '@/api/logisticsBill'
|
|
|
|
+import { getListCodeV2 } from '@/api/barcode'
|
|
import { getDictList } from '@/api/common'
|
|
import { getDictList } from '@/api/common'
|
|
import { mapGetters } from 'vuex'
|
|
import { mapGetters } from 'vuex'
|
|
-
|
|
|
|
export default {
|
|
export default {
|
|
name: 'PickupForm',
|
|
name: 'PickupForm',
|
|
componentName: 'PickupForm',
|
|
componentName: 'PickupForm',
|
|
@@ -469,6 +505,13 @@ export default {
|
|
pickupManList: [],
|
|
pickupManList: [],
|
|
pickupCarList: [],
|
|
pickupCarList: [],
|
|
companyList: [],
|
|
companyList: [],
|
|
|
|
+ defaultTableAttributes: {
|
|
|
|
+ border: true,
|
|
|
|
+ headerCellClassName: 'headerRowColor',
|
|
|
|
+ size: 'mini',
|
|
|
|
+ 'summary-method': this.$getSummaries,
|
|
|
|
+ 'show-summary': true
|
|
|
|
+ },
|
|
logisticsNumber: '',
|
|
logisticsNumber: '',
|
|
storeList: [
|
|
storeList: [
|
|
{
|
|
{
|
|
@@ -490,12 +533,16 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
visible: false,
|
|
visible: false,
|
|
|
|
+ logisticsVisible:false,
|
|
|
|
+ outboundVisible:false,
|
|
orderId: '',
|
|
orderId: '',
|
|
logisticsDetail: [],
|
|
logisticsDetail: [],
|
|
frontPickType: null,
|
|
frontPickType: null,
|
|
isFront: null,
|
|
isFront: null,
|
|
isPick: null,
|
|
isPick: null,
|
|
- isPickUpGoods: false
|
|
|
|
|
|
+ isPickUpGoods: false,
|
|
|
|
+ logisticsData: [],
|
|
|
|
+ outboundData: []
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
|
|
@@ -509,18 +556,191 @@ export default {
|
|
openSidebar: this.sidebar.opened
|
|
openSidebar: this.sidebar.opened
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- ...mapGetters(['userInfo'])
|
|
|
|
- // comDisabled() {
|
|
|
|
- // return id => {
|
|
|
|
- // if (this.isFront === false && id === '1574563841707114498') {
|
|
|
|
- // return true
|
|
|
|
- // }
|
|
|
|
- // if (this.isFront === true && id !== '1574563841707114498') {
|
|
|
|
- // return true
|
|
|
|
- // }
|
|
|
|
- // return false
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
|
|
+ ...mapGetters(['userInfo']),
|
|
|
|
+ formLogistics() {
|
|
|
|
+ return [
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '序号',
|
|
|
|
+ prop: 'materialName',
|
|
|
|
+ type: 'index'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '结算状态',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '调拨单号',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '嘉贤单据号',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '存货编码',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '物料代码',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '产品名称',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '规格型号',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '单价',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '数量',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '物流费用',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '仓储费用',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '合计费用',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '对账人',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '对账日期',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '结算人',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '结算日期',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
|
|
+ },
|
|
|
|
+ formOutbound() {
|
|
|
|
+ return [
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '序号',
|
|
|
|
+ prop: 'materialName',
|
|
|
|
+ type: 'index'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '条码状态',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '签收状态',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '上墙状态',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '物料代码',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '产品名称',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '规格型号',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '内外机',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '物料条码',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '出库条形码',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '签收日期',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ columnAttributes: {
|
|
|
|
+ label: '上增日期',
|
|
|
|
+ prop: 'materialName'
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
|
|
+ }
|
|
},
|
|
},
|
|
|
|
|
|
created() {
|
|
created() {
|
|
@@ -608,7 +828,7 @@ export default {
|
|
// 获取详情
|
|
// 获取详情
|
|
getDetail() {
|
|
getDetail() {
|
|
getDetail({ id: this.listItem.id }).then(res => {
|
|
getDetail({ id: this.listItem.id }).then(res => {
|
|
- let data = res.data
|
|
|
|
|
|
+ const data = res.data
|
|
this.mainForm.warehouse = data.correspondId
|
|
this.mainForm.warehouse = data.correspondId
|
|
this.mainForm.date = data.pickTime.slice(0, 10)
|
|
this.mainForm.date = data.pickTime.slice(0, 10)
|
|
this.mainForm.timeSlot = Number(data.pickStatus)
|
|
this.mainForm.timeSlot = Number(data.pickStatus)
|
|
@@ -824,7 +1044,7 @@ export default {
|
|
}
|
|
}
|
|
for (let i = 0; i < this.tableSelection.length; i++) {
|
|
for (let i = 0; i < this.tableSelection.length; i++) {
|
|
if (this.tableSelection[i].warehouseFlag == 2) {
|
|
if (this.tableSelection[i].warehouseFlag == 2) {
|
|
- let el = this.tableSelection[i]
|
|
|
|
|
|
+ const el = this.tableSelection[i]
|
|
if (!(el.orderType === 'TRADE' || el.orderType === 'HOME')) {
|
|
if (!(el.orderType === 'TRADE' || el.orderType === 'HOME')) {
|
|
if (!(el.receivingName && el.phone && el.address)) {
|
|
if (!(el.receivingName && el.phone && el.address)) {
|
|
return this.$errorMsg('商家仓必须填写收货地址、电话、收货地址')
|
|
return this.$errorMsg('商家仓必须填写收货地址、电话、收货地址')
|
|
@@ -843,11 +1063,11 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- let orderList = []
|
|
|
|
|
|
+ const orderList = []
|
|
this.tableSelection.forEach(item => {
|
|
this.tableSelection.forEach(item => {
|
|
orderList.push(item.invoiceOrderId)
|
|
orderList.push(item.invoiceOrderId)
|
|
})
|
|
})
|
|
- let params = {
|
|
|
|
|
|
+ const params = {
|
|
correspondId: this.mainForm.warehouse,
|
|
correspondId: this.mainForm.warehouse,
|
|
pickTime: this.mainForm.date + ' 00:00:00',
|
|
pickTime: this.mainForm.date + ' 00:00:00',
|
|
invoiceOrderIds: orderList.join(',')
|
|
invoiceOrderIds: orderList.join(',')
|
|
@@ -879,7 +1099,7 @@ export default {
|
|
}
|
|
}
|
|
// let correspondName = this.warehouseList.find(o => o.id == this.mainForm.warehouse).name;
|
|
// let correspondName = this.warehouseList.find(o => o.id == this.mainForm.warehouse).name;
|
|
|
|
|
|
- let orderList = []
|
|
|
|
|
|
+ const orderList = []
|
|
|
|
|
|
this.tableSelection.forEach(item => {
|
|
this.tableSelection.forEach(item => {
|
|
if (!(item.orderType === 'TRADE' || item.orderType === 'HOME')) {
|
|
if (!(item.orderType === 'TRADE' || item.orderType === 'HOME')) {
|
|
@@ -911,7 +1131,7 @@ export default {
|
|
status: item.status
|
|
status: item.status
|
|
})
|
|
})
|
|
})
|
|
})
|
|
- let params = {
|
|
|
|
|
|
+ const params = {
|
|
correspondId: this.mainForm.warehouse,
|
|
correspondId: this.mainForm.warehouse,
|
|
// correspondName,
|
|
// correspondName,
|
|
pickTime: this.mainForm.date + ' 00:00:00',
|
|
pickTime: this.mainForm.date + ' 00:00:00',
|
|
@@ -955,7 +1175,42 @@ export default {
|
|
})
|
|
})
|
|
}
|
|
}
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+ getListCostBillV2(row) {
|
|
|
|
+ this.logisticsVisible = true
|
|
|
|
+ getListCostBillV2({
|
|
|
|
+ pageNum: 1,
|
|
|
|
+ pageSize: -1,
|
|
|
|
+ params: [
|
|
|
|
+ {
|
|
|
|
+ param: 'order_code',
|
|
|
|
+ compare: '=',
|
|
|
|
+ value: row.invoiceId
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
|
|
+ }).then(res => {
|
|
|
|
+ res.data.records.forEach(item => {
|
|
|
|
+ item.sums1 = ['orderHasSendQty', 'subsidyCoefficient', 'unloadUpstairsCoefficient', 'coefficient']
|
|
|
|
+ item.sums2 = ['cost', 'unitPrice', 'totalCost', 'allowanceCost']
|
|
|
|
+ })
|
|
|
|
+ this.logisticsData = res.data.records
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ getListCodeV2(row) {
|
|
|
|
+ this.outboundVisible = true
|
|
|
|
+ getListCodeV2({
|
|
|
|
+ pageNum: 1,
|
|
|
|
+ pageSize: -1,
|
|
|
|
+ params: [
|
|
|
|
+ {
|
|
|
|
+ param: 'order_number',
|
|
|
|
+ compare: '=',
|
|
|
|
+ value: row.invoiceId
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
|
|
+ }).then(res => {
|
|
|
|
+ this.outboundData = res.data.records
|
|
|
|
+ })
|
|
|
|
+ },
|
|
resetForm() {
|
|
resetForm() {
|
|
this.$refs.mainForm.resetFields()
|
|
this.$refs.mainForm.resetFields()
|
|
// if (this.isFront === true) {
|
|
// if (this.isFront === true) {
|
|
@@ -975,8 +1230,12 @@ export default {
|
|
},
|
|
},
|
|
onClose() {
|
|
onClose() {
|
|
this.logisticsDetail = []
|
|
this.logisticsDetail = []
|
|
|
|
+ this.outboundData = []
|
|
|
|
+ this.logisticsData = []
|
|
this.orderId = ''
|
|
this.orderId = ''
|
|
this.visible = false
|
|
this.visible = false
|
|
|
|
+ this.logisticsVisible = false
|
|
|
|
+ this.outboundVisible = false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|