|  | @@ -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) => {
 |