|
@@ -333,6 +333,14 @@
|
|
|
"
|
|
|
>取消扣货</el-button
|
|
|
>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-search"
|
|
|
+ size="mini"
|
|
|
+ @click="transship(true)"
|
|
|
+ :disabled="selection.length == 0 ? true : false"
|
|
|
+ >转船</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="tabSetting">
|
|
|
<right-toolbar
|
|
@@ -461,6 +469,9 @@
|
|
|
</p>
|
|
|
<p v-else>{{ scope.row.fCaregoStatus }}</p>
|
|
|
</span>
|
|
|
+ <span v-else-if="item.label == 'fArrivalStatus'">{{
|
|
|
+ scope.row.fArrivalStatus | transshipName
|
|
|
+ }}</span>
|
|
|
<span v-else>{{ scope.row[item.label] }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -558,6 +569,54 @@
|
|
|
<el-button type="primary" @click="matchingShip(true)">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
+ <el-dialog
|
|
|
+ title="转船"
|
|
|
+ :visible.sync="transshipVisible"
|
|
|
+ width="50%"
|
|
|
+ @closed="transshipClosed"
|
|
|
+ >
|
|
|
+ <el-form :inline="true" :model="ship2" class="demo-form-inline">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="船名">
|
|
|
+ <el-select
|
|
|
+ size="small"
|
|
|
+ width="240px"
|
|
|
+ v-model="ship2.fVslid"
|
|
|
+ @change="voyageRemthods2"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in vesselOptions"
|
|
|
+ :key="item.fId"
|
|
|
+ :label="item.fName"
|
|
|
+ :value="item.fId"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="航次">
|
|
|
+ <el-select
|
|
|
+ v-model="ship2.fVoyid"
|
|
|
+ size="small"
|
|
|
+ style="width: 200px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in voyageOptions2"
|
|
|
+ :key="item.fId"
|
|
|
+ :label="item.fNo"
|
|
|
+ :value="item.fId"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="transshipVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="transship(false)">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -579,8 +638,14 @@ import Cookies from "js-cookie";
|
|
|
import { addSet, resetModule, select } from "@/api/system/set";
|
|
|
import Vue from "vue";
|
|
|
import draggable from "vuedraggable";
|
|
|
-import { getVesselName } from "@/api/finance/applyForInvoice/chargeInvoice";
|
|
|
-import { getVoyageName } from "@/api/finance/applyForInvoice/feeDetail";
|
|
|
+import {
|
|
|
+ getVesselName,
|
|
|
+ transship,
|
|
|
+} from "@/api/finance/applyForInvoice/chargeInvoice";
|
|
|
+import {
|
|
|
+ getVoyageName,
|
|
|
+ getVoyageName2,
|
|
|
+} from "@/api/finance/applyForInvoice/feeDetail";
|
|
|
import { portInquiry } from "@/api/kaihe/domesticTrade/orderInformation";
|
|
|
import { defaultDate } from "@/utils/date";
|
|
|
Vue.directive("dialogDrag", {
|
|
@@ -647,7 +712,9 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ transshipVisible: false,
|
|
|
voyageOptions: [],
|
|
|
+ voyageOptions2: [],
|
|
|
vesselOptions: [],
|
|
|
show: false,
|
|
|
activeIndex: "0",
|
|
@@ -838,6 +905,41 @@ export default {
|
|
|
},
|
|
|
{
|
|
|
surface: "27",
|
|
|
+ label: "fArrivalStatus",
|
|
|
+ name: "离港状态",
|
|
|
+ checked: 0,
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ surface: "28",
|
|
|
+ label: "fShipTwoName",
|
|
|
+ name: "二程船名",
|
|
|
+ checked: 0,
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ surface: "29",
|
|
|
+ label: "fVoyTwoName",
|
|
|
+ name: "二程航次",
|
|
|
+ checked: 0,
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // surface: "30",
|
|
|
+ // label: "fShipThreeName",
|
|
|
+ // name: "三程船名",
|
|
|
+ // checked: 0,
|
|
|
+ // width: 120,
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // surface: "31",
|
|
|
+ // label: "fVoyThreeName",
|
|
|
+ // name: "三程航次",
|
|
|
+ // checked: 0,
|
|
|
+ // width: 120,
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ surface: "32",
|
|
|
label: "remark",
|
|
|
name: "备注",
|
|
|
checked: 0,
|
|
@@ -852,6 +954,10 @@ export default {
|
|
|
fVoyid: "",
|
|
|
fVslid: "",
|
|
|
},
|
|
|
+ ship2: {
|
|
|
+ fVoyid: "",
|
|
|
+ fVslid: "",
|
|
|
+ },
|
|
|
serviceitems: [],
|
|
|
container: [],
|
|
|
// 遮罩层
|
|
@@ -915,6 +1021,19 @@ export default {
|
|
|
// ? this.queryParams.timeInterval
|
|
|
// : defaultDate();
|
|
|
},
|
|
|
+ filters: {
|
|
|
+ transshipName(row) {
|
|
|
+ if (row == 0) {
|
|
|
+ return "未离港";
|
|
|
+ } else if (row == 1) {
|
|
|
+ return "离港出运";
|
|
|
+ } else if (row == 2) {
|
|
|
+ return "到港卸船";
|
|
|
+ } else {
|
|
|
+ return "-";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
methods: {
|
|
|
voyageRemthods() {
|
|
|
getVoyageName({ fPid: this.ship.fVslid }).then((response) => {
|
|
@@ -922,6 +1041,51 @@ export default {
|
|
|
if (this.ship.fVslid) this.ship.fVoyid = "";
|
|
|
});
|
|
|
},
|
|
|
+ voyageRemthods2() {
|
|
|
+ getVoyageName2({ fPid: this.ship2.fVslid }).then((response) => {
|
|
|
+ this.voyageOptions2 = response.data;
|
|
|
+ if (this.ship2.fVslid) this.ship2.fVoyid = "";
|
|
|
+ });
|
|
|
+ },
|
|
|
+ transship(Bool) {
|
|
|
+ if (Bool) {
|
|
|
+ for (let i = 0; i < this.selection.length; i++) {
|
|
|
+ if (this.selection[i].fArrivalStatus != 2) {
|
|
|
+ return this.$message.error(
|
|
|
+ "订舱号:" + this.selection[i].fBillno + "未到港"
|
|
|
+ );
|
|
|
+ }
|
|
|
+ if (this.selection[i].fShipTwoName && this.selection[i].fVoyTwoName) {
|
|
|
+ return this.$message.error(
|
|
|
+ "订舱号:" + this.selection[i].fBillno + "已转船"
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ let ids = [];
|
|
|
+ this.selection.forEach((e) => {
|
|
|
+ ids.push(e.fId);
|
|
|
+ });
|
|
|
+ transship({
|
|
|
+ fVslid: this.ship2.fVslid,
|
|
|
+ fVoyid: this.ship2.fVoyid,
|
|
|
+ orderList: ids,
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message.success("转船成功");
|
|
|
+ this.getList();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.transshipVisible = Bool;
|
|
|
+ },
|
|
|
+ transshipClosed() {
|
|
|
+ this.ship2 = {
|
|
|
+ fVoyid: "",
|
|
|
+ fVslid: "",
|
|
|
+ };
|
|
|
+ this.voyageOptions2 = [];
|
|
|
+ },
|
|
|
//获取船名
|
|
|
vessleRemthod() {
|
|
|
getVesselName().then((response) => {
|