|
|
@@ -71,9 +71,18 @@
|
|
|
</el-col>
|
|
|
<el-col :span="6" v-show="fold">
|
|
|
<el-form-item label="船名">
|
|
|
- <el-input placeholder="请输入船名" clearable
|
|
|
- size="small" style="width:100%" v-model="query.vesselCnName">
|
|
|
- </el-input>
|
|
|
+ <search-query :datalist="vesselData"
|
|
|
+ :selectValue="query.vesselEnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'enName',value:'enName'}"
|
|
|
+ placeholder="请输入船名"
|
|
|
+ @remoteMethod="vesselBvesselsListfun"
|
|
|
+ @corpChange="corpChange($event,'vesselEnName')"
|
|
|
+ @corpFocus="vesselBvesselsListfun" >
|
|
|
+ </search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6" v-show="fold" >
|
|
|
@@ -85,30 +94,76 @@
|
|
|
</el-col>
|
|
|
<el-col :span="6" v-show="fold">
|
|
|
<el-form-item label="船公司">
|
|
|
- <el-input placeholder="请输入船公司" clearable
|
|
|
- size="small" style="width:100%" v-model="query.carrierCnName">
|
|
|
- </el-input>
|
|
|
+ <search-query :datalist="carrierData"
|
|
|
+ :selectValue="query.carrierCnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ placeholder="请输入船公司"
|
|
|
+ @remoteMethod="carrierBcorpslistByTypefun"
|
|
|
+ @corpChange="corpChange($event,'carrierCnName')"
|
|
|
+ @corpFocus="carrierBcorpslistByTypefun" >
|
|
|
+ </search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6" v-show="fold">
|
|
|
<el-form-item label="目的港">
|
|
|
- <el-input placeholder="请输入目的港" clearable
|
|
|
- size="small" style="width:100%" v-model="query.podCnName">
|
|
|
- </el-input>
|
|
|
+ <!--<el-input placeholder="请输入目的港" clearable-->
|
|
|
+ <!-- size="small" style="width:100%" v-model="query.podCnName">-->
|
|
|
+ <!--</el-input>-->
|
|
|
+ <search-query :datalist="podData"
|
|
|
+ :selectValue="query.podEnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'enName',value:'enName'}"
|
|
|
+ placeholder="请输入目的港"
|
|
|
+ @remoteMethod="podBportsListfun"
|
|
|
+ @corpChange="corpChange($event,'podEnName')"
|
|
|
+ @corpFocus="podBportsListfun" >
|
|
|
+ </search-query>
|
|
|
+
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6" v-show="fold">
|
|
|
<el-form-item label="航线">
|
|
|
- <el-input placeholder="请输入航线" clearable
|
|
|
- size="small" style="width:100%" v-model="query.lineCnName">
|
|
|
- </el-input>
|
|
|
+ <!--<el-input placeholder="请输入航线" clearable-->
|
|
|
+ <!-- size="small" style="width:100%" v-model="query.lineCnName">-->
|
|
|
+ <!--</el-input>-->
|
|
|
+ <search-query :datalist="lineData"
|
|
|
+ :selectValue="query.lineCnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ placeholder="请输入航线"
|
|
|
+ @remoteMethod="lineBlinesListfun"
|
|
|
+ @corpChange="corpChange($event,'lineCnName')"
|
|
|
+ @corpFocus="lineBlinesListfun" >
|
|
|
+ </search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6" v-show="fold">
|
|
|
<el-form-item label="场站">
|
|
|
- <el-input placeholder="请输入场站" clearable
|
|
|
- size="small" style="width:100%" v-model="query.cyCode">
|
|
|
- </el-input>
|
|
|
+ <!--<el-input placeholder="请输入场站" clearable-->
|
|
|
+ <!-- size="small" style="width:100%" v-model="query.cyCode">-->
|
|
|
+ <!--</el-input>-->
|
|
|
+ <search-query :datalist="cyData"
|
|
|
+ :selectValue="query.cyCnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ placeholder="请输入场站"
|
|
|
+ @remoteMethod="cyBcorpslistByType"
|
|
|
+ @corpChange="corpChange($event,'cyCnName')"
|
|
|
+ @corpFocus="cyBcorpslistByType" >
|
|
|
+ </search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6" v-show="fold">
|
|
|
@@ -179,9 +234,21 @@
|
|
|
</el-col>
|
|
|
<el-col :span="6" v-show="fold">
|
|
|
<el-form-item label="订舱代理">
|
|
|
- <el-input placeholder="请输入订舱代理" clearable
|
|
|
- size="small" style="width:100%" v-model="query.bookingAgentCnName">
|
|
|
- </el-input>
|
|
|
+ <!--<el-input placeholder="请输入订舱代理" clearable-->
|
|
|
+ <!-- size="small" style="width:100%" v-model="query.bookingAgentCnName">-->
|
|
|
+ <!--</el-input>-->
|
|
|
+ <search-query :datalist="bookingAgentData"
|
|
|
+ :selectValue="query.bookingAgentCnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ placeholder="请输入订舱代理"
|
|
|
+ @remoteMethod="bookingAgentBcorpsListfun"
|
|
|
+ @corpChange="corpChange($event,'bookingAgentCnName')"
|
|
|
+ @corpFocus="bookingAgentBcorpsListfun">
|
|
|
+ </search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6" v-show="fold">
|
|
|
@@ -249,9 +316,9 @@
|
|
|
size="small"
|
|
|
icon="el-icon-delete"
|
|
|
plain
|
|
|
+ v-if="query.billStatus != 3"
|
|
|
@click="handleDelete">删 除
|
|
|
</el-button>
|
|
|
-
|
|
|
<el-dropdown style="line-height: 0">
|
|
|
<el-button size="small" type="success" style="margin-right: 8px" :disabled="selectionList.length == 0" >
|
|
|
发送 EDI<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
@@ -303,6 +370,12 @@
|
|
|
{{scope.row.billNo}}
|
|
|
</span>
|
|
|
</template>
|
|
|
+ <template slot="eta" slot-scope="scope">
|
|
|
+ <span>{{scope.row.eta?scope.row.eta.slice(0,10):''}}</span>
|
|
|
+ </template>
|
|
|
+ <template slot="updateTime" slot-scope="scope">
|
|
|
+ <span>{{scope.row.updateTime?scope.row.updateTime.slice(0,10):''}}</span>
|
|
|
+ </template>
|
|
|
</avue-crud>
|
|
|
</basic-container>
|
|
|
|
|
|
@@ -326,13 +399,12 @@
|
|
|
@resetColumn="resetColumnTwo('mawbOptionCrud', 'mawbOption', 'mawbOptionBack', 309.7)"
|
|
|
@saveColumn="saveColumnTwo('mawbOptionCrud', 'mawbOption', 'mawbOptionBack', 309.7)"
|
|
|
>
|
|
|
- <template slot="radio"
|
|
|
- slot-scope="{row}">
|
|
|
+ <template slot="radio" slot-scope="{row}">
|
|
|
<el-radio v-model="dialogRadio" :label="row.id" @input="radioInput(row)"></el-radio>
|
|
|
</template>
|
|
|
</avue-crud>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
+ <el-button @click="dialogVisible = false;dialogRadio = null">取 消</el-button>
|
|
|
<el-button type="primary" @click="AddToMainOrder">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
@@ -356,6 +428,10 @@ import {getWorkDicts} from "@/api/system/dictbiz";
|
|
|
import {dateFormat, defaultDate} from "@/util/date";
|
|
|
import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
|
|
|
import {editypesList} from "@/api/iosBasicData/editypes";
|
|
|
+import {getBvesselsList} from "@/api/iosBasicData/bvessels";
|
|
|
+import {getBcorpslistByType,getBcorpsDetail} from "@/api/iosBasicData/bcorps";
|
|
|
+import {bportsList} from "@/api/iosBasicData/bports";
|
|
|
+import {blinesList} from "@/api/iosBasicData/blines";
|
|
|
|
|
|
export default {
|
|
|
components:{SearchQuery, feesTemplateItems, billsDetails,SplitList},
|
|
|
@@ -365,6 +441,18 @@ import {editypesList} from "@/api/iosBasicData/editypes";
|
|
|
// 展开和收回
|
|
|
fold:false,
|
|
|
maxShow:3,
|
|
|
+ // 船名
|
|
|
+ vesselData:[],
|
|
|
+ // 船公司
|
|
|
+ carrierData:[],
|
|
|
+ // 目的港(卸货港)
|
|
|
+ podData:[],
|
|
|
+ // 航线
|
|
|
+ lineData:[],
|
|
|
+ // 场站
|
|
|
+ cyData:[],
|
|
|
+ // 订舱代理
|
|
|
+ bookingAgentData:[],
|
|
|
// 单据类型
|
|
|
billTypeData:[
|
|
|
{
|
|
|
@@ -1042,6 +1130,45 @@ import {editypesList} from "@/api/iosBasicData/editypes";
|
|
|
handleClick(tab, event){
|
|
|
this.onLoad(this.page, this.query);
|
|
|
},
|
|
|
+ // 获取船名
|
|
|
+ vesselBvesselsListfun(enName){
|
|
|
+ getBvesselsList(1,10,{enName}).then(res=>{
|
|
|
+ this.vesselData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取船公司数据
|
|
|
+ carrierBcorpslistByTypefun(cnName){
|
|
|
+ let corpType = '1712286570540703745'
|
|
|
+ getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
+ this.carrierData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 卸货港数据
|
|
|
+ podBportsListfun(enName){
|
|
|
+ bportsList(1,10,{enName}).then(res=>{
|
|
|
+ this.podData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 航线数据
|
|
|
+ lineBlinesListfun(cnName){
|
|
|
+ blinesList(1,10,{cnName}).then(res=>{
|
|
|
+ this.lineData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取场站数据
|
|
|
+ cyBcorpslistByType(cnName){
|
|
|
+ let corpType = '1712286771737272322'
|
|
|
+ getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
+ this.cyData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 订舱代理
|
|
|
+ bookingAgentBcorpsListfun(cnName){
|
|
|
+ let corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
|
|
|
+ getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
+ this.bookingAgentData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
// 获取业务状态字典数据
|
|
|
billStatusWorkDictsfun(){
|
|
|
getWorkDicts('bill_status').then(res=>{
|
|
|
@@ -1155,6 +1282,7 @@ import {editypesList} from "@/api/iosBasicData/editypes";
|
|
|
// 添加到主单接口
|
|
|
billsIncreaseReinsurancePolicyfun(ids,id){
|
|
|
billsIncreaseReinsurancePolicy(ids,id).then(res=>{
|
|
|
+ this.dialogRadio = null
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: "操作成功!"
|