|  | @@ -22,35 +22,82 @@
 | 
	
		
			
				|  |  |               style="margin-top:20px">
 | 
	
		
			
				|  |  |        <el-row>
 | 
	
		
			
				|  |  |          <el-col :span="6">
 | 
	
		
			
				|  |  | -          <el-form-item label="订舱号" prop="fBillno">
 | 
	
		
			
				|  |  | -            <el-input size="small" width="240px" clearable v-model="queryParams.fBillno"/>
 | 
	
		
			
				|  |  | +          <el-form-item label="船名" prop="fVslid">
 | 
	
		
			
				|  |  | +            <el-select
 | 
	
		
			
				|  |  | +                size="small"
 | 
	
		
			
				|  |  | +                style="width: 240px;"
 | 
	
		
			
				|  |  | +                v-model="queryParams.fVslid"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +              <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="6">
 | 
	
		
			
				|  |  | -          <el-form-item label="运输条款" prop="fServiceitems">
 | 
	
		
			
				|  |  | -            <el-select size="small" width="240px" clearable v-model="queryParams.fServiceitems">
 | 
	
		
			
				|  |  | +          <el-form-item label="航次" prop="fVoyid">
 | 
	
		
			
				|  |  | +            <el-select
 | 
	
		
			
				|  |  | +                v-model="queryParams.fVoyid"
 | 
	
		
			
				|  |  | +                filterable
 | 
	
		
			
				|  |  | +                clearable
 | 
	
		
			
				|  |  | +                remote
 | 
	
		
			
				|  |  | +                size="small"
 | 
	
		
			
				|  |  | +                style="width: 240px"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  |                <el-option
 | 
	
		
			
				|  |  | -                  v-for="item in serviceitems"
 | 
	
		
			
				|  |  | -                  :key="item.dictValue"
 | 
	
		
			
				|  |  | -                  :label="item.dictLabel"
 | 
	
		
			
				|  |  | -                  :value="item.dictValue"/>
 | 
	
		
			
				|  |  | +                  v-for="item in voyageOptions"
 | 
	
		
			
				|  |  | +                  :key="item.fId"
 | 
	
		
			
				|  |  | +                  :label="item.fNo"
 | 
	
		
			
				|  |  | +                  :value="item.fId"/>
 | 
	
		
			
				|  |  |              </el-select>
 | 
	
		
			
				|  |  |            </el-form-item>
 | 
	
		
			
				|  |  |          </el-col>
 | 
	
		
			
				|  |  |          <el-col :span="6">
 | 
	
		
			
				|  |  | -          <el-form-item label="提单号" prop="fMblno">
 | 
	
		
			
				|  |  | -            <el-input size="small" width="240px" clearable v-model="queryParams.fMblno"></el-input>
 | 
	
		
			
				|  |  | +          <el-form-item label="起运港口" prop="fLoadportid">
 | 
	
		
			
				|  |  | +            <el-select
 | 
	
		
			
				|  |  | +                v-model="queryParams.fLoadportid"
 | 
	
		
			
				|  |  | +                filterable
 | 
	
		
			
				|  |  | +                remote
 | 
	
		
			
				|  |  | +                clearable
 | 
	
		
			
				|  |  | +                size="small"
 | 
	
		
			
				|  |  | +                style="width: 240px;"
 | 
	
		
			
				|  |  | +                class="elSelect"
 | 
	
		
			
				|  |  | +                placeholder="请输入模糊查找目的港口"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +              <el-scrollbar>
 | 
	
		
			
				|  |  | +                <el-option
 | 
	
		
			
				|  |  | +                    v-for="(dict, index) in fMblnoOptions"
 | 
	
		
			
				|  |  | +                    :key="dict.fId"
 | 
	
		
			
				|  |  | +                    :label="dict.fName"
 | 
	
		
			
				|  |  | +                    :value="dict.fId"
 | 
	
		
			
				|  |  | +                ></el-option>
 | 
	
		
			
				|  |  | +              </el-scrollbar>
 | 
	
		
			
				|  |  | +            </el-select>
 | 
	
		
			
				|  |  |            </el-form-item>
 | 
	
		
			
				|  |  |          </el-col>
 | 
	
		
			
				|  |  |          <el-col :span="6">
 | 
	
		
			
				|  |  | -          <el-form-item label="箱型" prop="fCntrid">
 | 
	
		
			
				|  |  | -            <el-select size="small" v-model="queryParams.fCntrid" clearable :remote-method="cntrRemoteMethod">
 | 
	
		
			
				|  |  | -              <el-option
 | 
	
		
			
				|  |  | -                  v-for="(dict, index) in container"
 | 
	
		
			
				|  |  | -                  :key="dict.fId"
 | 
	
		
			
				|  |  | -                  :label="dict.fNo"
 | 
	
		
			
				|  |  | -                  :value="dict.fId"
 | 
	
		
			
				|  |  | -              ></el-option>
 | 
	
		
			
				|  |  | +          <el-form-item label="目的港口" prop="fDestportid">
 | 
	
		
			
				|  |  | +            <el-select
 | 
	
		
			
				|  |  | +                v-model="queryParams.fDestportid"
 | 
	
		
			
				|  |  | +                filterable
 | 
	
		
			
				|  |  | +                clearable
 | 
	
		
			
				|  |  | +                remote
 | 
	
		
			
				|  |  | +                size="small"
 | 
	
		
			
				|  |  | +                style="width: 240px;"
 | 
	
		
			
				|  |  | +                class="elSelect"
 | 
	
		
			
				|  |  | +                placeholder="请输入模糊查找目的港口"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +              <el-scrollbar>
 | 
	
		
			
				|  |  | +                <el-option
 | 
	
		
			
				|  |  | +                    v-for="(dict, index) in fMblnoOptions"
 | 
	
		
			
				|  |  | +                    :key="dict.fId"
 | 
	
		
			
				|  |  | +                    :label="dict.fName"
 | 
	
		
			
				|  |  | +                    :value="dict.fId"
 | 
	
		
			
				|  |  | +                ></el-option>
 | 
	
		
			
				|  |  | +              </el-scrollbar>
 | 
	
		
			
				|  |  |              </el-select>
 | 
	
		
			
				|  |  |            </el-form-item>
 | 
	
		
			
				|  |  |          </el-col>
 | 
	
	
		
			
				|  | @@ -59,58 +106,73 @@
 | 
	
		
			
				|  |  |          <div v-show="show">
 | 
	
		
			
				|  |  |            <el-row>
 | 
	
		
			
				|  |  |              <el-col :span="6">
 | 
	
		
			
				|  |  | -              <el-form-item label="箱量" prop="fCntrcount">
 | 
	
		
			
				|  |  | -                <el-input size="small" width="240px" clearable v-model="queryParams.fCntrcount"/>
 | 
	
		
			
				|  |  | +              <el-form-item label="提单号" prop="fMblno">
 | 
	
		
			
				|  |  | +                <el-input size="small" style="width: 240px" clearable v-model="queryParams.fMblno"></el-input>
 | 
	
		
			
				|  |  |                </el-form-item>
 | 
	
		
			
				|  |  |              </el-col>
 | 
	
		
			
				|  |  |              <el-col :span="6">
 | 
	
		
			
				|  |  | -              <el-form-item label="收货人" prop="fConsigneername">
 | 
	
		
			
				|  |  | -                <el-input size="small" width="240px" clearable v-model="queryParams.fConsigneername"/>
 | 
	
		
			
				|  |  | -              </el-form-item>
 | 
	
		
			
				|  |  | -            </el-col>
 | 
	
		
			
				|  |  | -            <el-col :span="6">
 | 
	
		
			
				|  |  | -              <el-form-item label="船名" prop="fVslid">
 | 
	
		
			
				|  |  | +              <el-form-item label="订舱单位" prop="fCorpid">
 | 
	
		
			
				|  |  |                  <el-select
 | 
	
		
			
				|  |  | +                    v-model="queryParams.fCorpid"
 | 
	
		
			
				|  |  | +                    clearable
 | 
	
		
			
				|  |  | +                    filterable
 | 
	
		
			
				|  |  |                      size="small"
 | 
	
		
			
				|  |  | -                    width="240px"
 | 
	
		
			
				|  |  | -                    v-model="queryParams.fVslid"
 | 
	
		
			
				|  |  | +                    placeholder="请选择订舱单位"
 | 
	
		
			
				|  |  | +                    style="width: 240px"
 | 
	
		
			
				|  |  |                  >
 | 
	
		
			
				|  |  |                    <el-option
 | 
	
		
			
				|  |  | -                      v-for="item in vesselOptions"
 | 
	
		
			
				|  |  | -                      :key="item.fId"
 | 
	
		
			
				|  |  | +                      v-for="(item, index) in fCorpid"
 | 
	
		
			
				|  |  | +                      :key="index.fId"
 | 
	
		
			
				|  |  |                        :label="item.fName"
 | 
	
		
			
				|  |  |                        :value="item.fId"
 | 
	
		
			
				|  |  | -                  />
 | 
	
		
			
				|  |  | +                  ></el-option>
 | 
	
		
			
				|  |  |                  </el-select>
 | 
	
		
			
				|  |  |                </el-form-item>
 | 
	
		
			
				|  |  |              </el-col>
 | 
	
		
			
				|  |  |              <el-col :span="6">
 | 
	
		
			
				|  |  | -              <el-form-item label="航次" prop="fVoyid">
 | 
	
		
			
				|  |  | +              <el-form-item label="业务员" prop="createBy">
 | 
	
		
			
				|  |  |                  <el-select
 | 
	
		
			
				|  |  | -                    v-model="queryParams.fVoyid"
 | 
	
		
			
				|  |  | +                    v-model="queryParams.createBy"
 | 
	
		
			
				|  |  | +                    clearable
 | 
	
		
			
				|  |  |                      filterable
 | 
	
		
			
				|  |  | -                    remote
 | 
	
		
			
				|  |  |                      size="small"
 | 
	
		
			
				|  |  | -                    style="width: 200px"
 | 
	
		
			
				|  |  | +                    placeholder="请选择业务员"
 | 
	
		
			
				|  |  | +                    style="width: 240px"
 | 
	
		
			
				|  |  |                  >
 | 
	
		
			
				|  |  |                    <el-option
 | 
	
		
			
				|  |  | -                      v-for="item in voyageOptions"
 | 
	
		
			
				|  |  | -                      :key="item.fId"
 | 
	
		
			
				|  |  | -                      :label="item.fNo"
 | 
	
		
			
				|  |  | -                      :value="item.fId"/>
 | 
	
		
			
				|  |  | +                      v-for="(item, index) in createBy"
 | 
	
		
			
				|  |  | +                      :key="index.userId"
 | 
	
		
			
				|  |  | +                      :label="item.userName"
 | 
	
		
			
				|  |  | +                      :value="item.userId"
 | 
	
		
			
				|  |  | +                  ></el-option>
 | 
	
		
			
				|  |  |                  </el-select>
 | 
	
		
			
				|  |  |                </el-form-item>
 | 
	
		
			
				|  |  |              </el-col>
 | 
	
		
			
				|  |  | +            <el-col :span="6">
 | 
	
		
			
				|  |  | +              <el-form-item label="订舱日期" prop="cLoadDate">
 | 
	
		
			
				|  |  | +                <el-date-picker
 | 
	
		
			
				|  |  | +                    v-model="queryParams.cLoadDate"
 | 
	
		
			
				|  |  | +                    type="daterange"
 | 
	
		
			
				|  |  | +                    range-separator="至"
 | 
	
		
			
				|  |  | +                    style="width: 240px"
 | 
	
		
			
				|  |  | +                    value-format="yyyy-MM-dd HH:mm:ss"
 | 
	
		
			
				|  |  | +                    :default-time="['00:00:00', '23:59:59']"
 | 
	
		
			
				|  |  | +                    start-placeholder="开始日期"
 | 
	
		
			
				|  |  | +                    end-placeholder="结束日期">
 | 
	
		
			
				|  |  | +                </el-date-picker>
 | 
	
		
			
				|  |  | +              </el-form-item>
 | 
	
		
			
				|  |  | +            </el-col>
 | 
	
		
			
				|  |  |            </el-row>
 | 
	
		
			
				|  |  |            <el-row>
 | 
	
		
			
				|  |  |              <el-col :span="6">
 | 
	
		
			
				|  |  | -              <el-form-item label="装货时间" prop="cLoadDate">
 | 
	
		
			
				|  |  | +              <el-form-item label="开船日期" prop="timeInterval">
 | 
	
		
			
				|  |  |                  <el-date-picker
 | 
	
		
			
				|  |  | -                    v-model="queryParams.cLoadDate"
 | 
	
		
			
				|  |  | +                    v-model="queryParams.timeInterval"
 | 
	
		
			
				|  |  |                      type="daterange"
 | 
	
		
			
				|  |  |                      range-separator="至"
 | 
	
		
			
				|  |  |                      style="width: 240px"
 | 
	
		
			
				|  |  | -                    value-format="yyyy-MM-dd"
 | 
	
		
			
				|  |  | +                    value-format="yyyy-MM-dd HH:mm:ss"
 | 
	
		
			
				|  |  | +                    :default-time="['00:00:00', '23:59:59']"
 | 
	
		
			
				|  |  |                      start-placeholder="开始日期"
 | 
	
		
			
				|  |  |                      end-placeholder="结束日期">
 | 
	
		
			
				|  |  |                  </el-date-picker>
 | 
	
	
		
			
				|  | @@ -319,13 +381,14 @@
 | 
	
		
			
				|  |  |  </template>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  <script>
 | 
	
		
			
				|  |  | -import {listCorps, getcntrName, delCorps, changeCorpsStatus, exportInventory,cancelAllocation,confirmAllocation} from "@/api/kaihe/domesticTrade/myOrder";
 | 
	
		
			
				|  |  | +import {bookingParty,selectUserByRole,listCorps, getcntrName, delCorps, changeCorpsStatus, exportInventory,cancelAllocation,confirmAllocation} from "@/api/kaihe/domesticTrade/myOrder";
 | 
	
		
			
				|  |  |  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 {portInquiry} from "@/api/kaihe/domesticTrade/orderInformation";
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  Vue.directive('dialogDrag', {
 | 
	
		
			
				|  |  |    bind(el, binding, vnode, oldVnode) {
 | 
	
	
		
			
				|  | @@ -560,11 +623,23 @@ export default {
 | 
	
		
			
				|  |  |          pageNum: 1,
 | 
	
		
			
				|  |  |          pageSize: 10,
 | 
	
		
			
				|  |  |        },
 | 
	
		
			
				|  |  | +      fMblnoOptions:[],
 | 
	
		
			
				|  |  | +      createBy:[],
 | 
	
		
			
				|  |  | +      fCorpid:[]
 | 
	
		
			
				|  |  |      };
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    created() {
 | 
	
		
			
				|  |  |      this.setRowList = this.tableDate;
 | 
	
		
			
				|  |  |      this.getRowList = this.tableDate;
 | 
	
		
			
				|  |  | +    portInquiry().then(res =>{
 | 
	
		
			
				|  |  | +      this.fMblnoOptions = res.rows;
 | 
	
		
			
				|  |  | +    })
 | 
	
		
			
				|  |  | +    selectUserByRole().then(res => {
 | 
	
		
			
				|  |  | +      this.createBy = res.rows
 | 
	
		
			
				|  |  | +    })
 | 
	
		
			
				|  |  | +    bookingParty().then(res=>{
 | 
	
		
			
				|  |  | +      this.fCorpid = res.rows
 | 
	
		
			
				|  |  | +    })
 | 
	
		
			
				|  |  |      this.getList();
 | 
	
		
			
				|  |  |      this.cntrRemoteMethod()
 | 
	
		
			
				|  |  |      this.vessleRemthod()
 |