朱兆平 / vue_cli · 提交

转到一个项目

作者 shenhailong
提交 0a2fbc553cf9b0a8c008251292c4fd5c75057eb3 1 个父辈 d2621378 master ... ExportOrder flightplan2.0 master_dev master_dev_markdown master_dev_permission master_ffmTemp zhidan

优化预配舱单界面 添加货主信息管理

内嵌 并排对比
正在显示 5 个修改的文件 包含 1437 行增加 和 363 行删除
import http from '../http.js'
import axios from "axios";
let baseUrl = 'nmms-server-export/shipper'
export const getList = params => { return http.get(`${baseUrl}/list`, params)};
export const getListHzTypeList = params => { return http.get(`${baseUrl}/getListHzTypeList`, params)};
// export const getListHzTypeList = params => { return http.get(`http://127.0.0.1:8008/shipper/getListHzTypeList`, params)};
export const remove = params => { return axios.delete(`${baseUrl}/remove`, { params: params }); };
export const batchRemove = params => { return axios.delete(`${baseUrl}/batchRemove`, { params: params }); };
export const edit = params => { return http.put(`${baseUrl}/edit`, params)};
export const add = params => { return http.post(`${baseUrl}/add`,params)};
// export const getList = params => { return http.get(`http://127.0.0.1:8008/shipper/list`, params)};
//
// export const getListHzTypeList = params => { return http.get(`http://127.0.0.1:8008/shipper/getListHzTypeList`, params)};
//
// export const remove = params => { return axios.delete(`http://127.0.0.1:8008/shipper/remove`, { params: params }); };
//
// export const batchRemove = params => { return axios.delete(`http://127.0.0.1:8008/shipper/batchRemove`, { params: params }); };
//
// export const edit = params => { return http.put(`http://127.0.0.1:8008/shipper/edit`, params)};
//
// export const add = params => { return http.post(`http://127.0.0.1:8008/shipper/add`,params)};
... ...
... ... @@ -98,6 +98,8 @@ import outConfigure from './views/airtransport/outConfigure.vue'
import queryFlightConfigure from './views/airtransport/queryFlightConfigure.vue'
import Consigner from './views/consigner/consigner.vue'
import Consignee from './views/consigner/consignee.vue'
// 货主信息管理
import Shipper from './views/shipper/shipper.vue'
import Security from './views/security/security.vue'
import dynamics from './views/airtransport/dynamics.vue'
... ... @@ -415,6 +417,15 @@ let routes = [
]
},
{
path: '/shipper',
component: Home,
name: '货主信息管理',
iconCls:'el-icon-setting',
children:[
{path:'/shipper',component:Shipper,name:'货主信息管理'},
]
},
{
path: '/',
component: HomeNew,
name: '转关运抵',
... ...
... ... @@ -196,7 +196,7 @@
this.$router.push({name: '出港运抵', params: {flightData: this.flight}})
}
if (this.flight.messageType === "MT2201") {
this.$router.push({name: '出港预配舱单', params: {flightData: this.flight}})
this.$router.push({name: '国内出港预配舱单', params: {flightData: this.flight}})
}
} else {
Message.warning("请将航班信息填写完整")
... ...
... ... @@ -72,10 +72,12 @@
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column label="运单号" width="200" align="center">
<el-table-column label="运单号" width="130" align="center">
<template slot-scope="scope">
<span class="tableInline" v-if="scope.row.awbh !==''">{{scope.row.awbh}}</span>
<span class="tableInline" v-else>{{scope.row.awba}}</span>
<!-- <span class="tableInline" v-if="scope.row.awbh !==''">{{scope.row.awbh}}</span>-->
<!-- <span class="tableInline" v-else>{{scope.row.awba}}</span>-->
<a type="text" style="color: #409eff;text-decoration: underline" class="tableInline" @click="handleEdit(scope.row)" v-if="scope.row.awbh !==''">{{scope.row.awbh}}</a>
<a type="text" style="color: #409eff;text-decoration: underline" class="tableInline" @click="handleEdit(scope.row)" v-else>{{scope.row.awba}}</a>
</template>
</el-table-column>
<el-table-column label="运单件数/重量" width="100" align="center">
... ... @@ -93,7 +95,7 @@
{{scope.row.goodsname}}
</template>
</el-table-column>
<el-table-column label="配载时间" width="140" align="center">
<el-table-column label="配载时间" width="150" align="center">
<template slot-scope="scope">
{{scope.row.actime}}
</template>
... ... @@ -131,18 +133,21 @@
<template slot-scope="scope" >
<el-row>
<el-col :span="5" style="margin-right: 10px">
<el-button type="warning" icon="el-icon-view" size="mini" @click="handleSend(scope.row)">收发明细</el-button>
<el-button size="mini" type="danger" v-if="isAdmin" @click="handleAwbDelete(scope.row)">删除运单</el-button>
</el-col>
<el-col :span="4" style="margin-right: 30px">
<el-button type="primary" icon="el-icon-edit" style="width: 100px" size="mini" @click="handleEdit(scope.row)" >编辑</el-button>
<el-col :span="5" style="margin-right: 10px">
<el-button type="warning" icon="el-icon-view" size="mini" @click="handleSend(scope.row)">收发明细</el-button>
</el-col>
<!-- <el-col :span="4" style="margin-right: 30px">-->
<!-- <el-button type="primary" icon="el-icon-edit" style="width: 100px" size="mini" @click="handleEdit(scope.row)" >编辑</el-button>-->
<!-- </el-col>-->
<el-col :span="5" style="margin-right: 10px">
<el-button type="info" icon="el-icon-edit" size="mini" @click="handleAwbStatus(scope.row)"
<el-button type="info" icon="el-icon-edit" size="mini" @click="handleAwbStatus(scope.row)"
:disabled="scope.row.status === '22'">更改状态
</el-button>
</el-col>
<el-col :span="5">
<el-button type="success" icon="el-icon-plus" size="mini" v-if="scope.row.awbh ===''"
<el-col :span="5" style="margin-right: 10px">
<el-button type="success" icon="el-icon-plus" size="mini" v-if="scope.row.awbh ===''"
@click="handleAddAwbh(scope.row)">新增分单
</el-button>
</el-col>
... ... @@ -156,7 +161,6 @@
<el-col :span="7" style="margin-right: 10px">
<el-button type="primary" icon="el-icon-plus" size="mini" style="width: 130px" @click="handleAwbEdit(scope.row)"
:disabled="editStatus(scope.row.status)">发送预配修改报</el-button>
<!-- <el-button size="mini" type="danger" v-if="isAdmin" @click="handleAwbDelete(scope.row)">删除运单</el-button>-->
</el-col>
<el-col :span="7">
<el-button type="danger" icon="el-icon-delete" size="mini" style="width: 130px;margin-bottom: 10px" @click="handleSendDelete(scope.row)"
... ... @@ -167,9 +171,10 @@
</template>
</el-table-column>
</el-table>
<div class="btnFoot">
<el-row>
<el-button type="primary" size="mini" v-if="preQuery.flightno !== undefined | preData.length > 0"
<el-button type="primary" size="mini" v-if="preQuery.flightno !== undefined | preData.length >0"
@click="handleAddpreInfo">新增预配舱单
</el-button>
<el-button type="primary" size="mini" @click="handelBackStep"
... ... @@ -181,81 +186,607 @@
<pagination background layout="total, prev, pager, next" v-show="total>0" :total="total" :page.sync="preQuery.pageSize" :limit.sync="preQuery.limitSize"
@pagination="getList"/>
<!-- <el-dialog top="5vh" :title="dialogMap[dialogStatus]" :visible.sync="dialogFormVisible" width="90%">-->
<!-- <el-form ref="preFormData" :model="preModel" :rules="preRoles" label-position="right"-->
<!-- label-width="80px" size="mini" class="el-dialog-div">-->
<!-- <div class="grid-content content" style="font-size: 10px">-->
<!-- 运单信息-->
<!-- </div>-->
<!-- <el-row>-->
<!-- <el-col :span="7.5">-->
<!-- <el-form-item label="" prop="awba">-->
<!-- <el-input :disabled="dialogStatus !== 'create'" v-model="awba" clearable>-->
<!-- <template slot="prepend" >主单号</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="7.5" v-if="fenStatus === 'addAwbh'">-->
<!-- <el-form-item label="" prop="awbh">-->
<!-- <el-input v-model="awbh" clearable>-->
<!-- <template slot="prepend" >分单号</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <div class="grid-content content" style="font-size: 10px">-->
<!-- 航班信息-->
<!-- </div>-->
<!-- <el-row>-->
<!-- <el-col :span="7.5">-->
<!-- <el-form-item label="" prop="carrier">-->
<!-- <el-input v-model="carrier" :disabled="fenStatus === 'addAwbh'" clearable>-->
<!-- <template slot="prepend" >承运人</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="7.5">-->
<!-- <el-form-item label="" prop="flightno">-->
<!-- <el-input v-model="flightno" :disabled="fenStatus === 'addAwbh'" clearable>-->
<!-- <template slot="prepend" >航班号</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="7.5">-->
<!-- <el-form-item label="" prop="flightdate">-->
<!-- <el-date-picker :disabled="fenStatus === 'addAwbh'"-->
<!-- value-format="yyyy-MM-dd" style="width: 270px"-->
<!-- v-model="preModel.flightdate" align="right"-->
<!-- type="date" placeholder="请输入航班日期" clearable/>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="7.5">-->
<!-- <el-form-item label="" prop="originstation">-->
<!-- <el-select-->
<!-- filterable-->
<!-- clearable-->
<!-- placeholder="请选择起始站"-->
<!-- :remote-method="remoteMethodAirport"-->
<!-- allow-create remote-->
<!-- v-model="originstation"-->
<!-- :loading="airportLoading"-->
<!-- style="width: 270px">-->
<!-- <el-option v-for="item in airportCode"-->
<!-- :key="item.airportid" :label="item.airportid"-->
<!-- :value="item.airportid" :disabled="fenStatus === 'addAwbh'">-->
<!-- <span style="float: left">{{ item.airportdescchn }}</span>-->
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.airportid }}</span>-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="7.5">-->
<!-- <el-form-item label="" prop="destinationstation">-->
<!-- <el-select filterable clearable placeholder="请选择目的站" allow-create remote-->
<!-- v-model="destinationstation" :remote-method="remoteMethodAirport" style="width: 270px">-->
<!-- <el-option v-for="item in airportCode"-->
<!-- :key="item.airportid" :label="item.airportid"-->
<!-- :value="item.airportid" :disabled="fenStatus === 'addAwbh'" >-->
<!-- <span style="float: left">{{ item.airportdescchn }}</span>-->
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.airportid }}</span>-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <div class="grid-content content" style="font-size: 10px">-->
<!-- 航程信息-->
<!-- </div>-->
<!-- <div>-->
<!-- <el-row>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="carrier">-->
<!-- <el-input v-model="carrier" disabled clearable>-->
<!-- <template slot="prepend" >承运人</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="destinationstation">-->
<!-- <el-input v-model="destinationstation" disabled clearable>-->
<!-- <template slot="prepend" >到达航站</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="">-->
<!-- <el-input v-model="by1" clearable>-->
<!-- <template slot="prepend" >承运人1</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="">-->
<!-- <el-input v-model="dest1" clearable>-->
<!-- <template slot="prepend" >到达航站1</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="">-->
<!-- <el-input v-model="by2" clearable>-->
<!-- <template slot="prepend" >承运人2</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="">-->
<!-- <el-input v-model="dest2" clearable>-->
<!-- <template slot="prepend" >到达航站2</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </div>-->
<!-- <div class="grid-content content" style="font-size: 10px">-->
<!-- 货物信息-->
<!-- </div>-->
<!-- <el-row>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="awbinfo.pcs">-->
<!-- <el-input v-model="preModel.awbinfo.pcs" clearable>-->
<!-- <template slot="prepend" >运单件数</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="awbinfo.weight">-->
<!-- <el-input v-model="preModel.awbinfo.weight" clearable>-->
<!-- <template slot="prepend" >运单重量</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="goodsname">-->
<!-- <el-input v-model="goodsname" clearable>-->
<!-- <template slot="prepend" >货物描述</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5" v-if="fenStatus !=='addAwbh'">-->
<!-- <el-form-item label="" prop="piece">-->
<!-- <el-input v-model="preModel.piece" clearable>-->
<!-- <template slot="prepend" >预配件数</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5" v-if="fenStatus ==='addAwbh'">-->
<!-- <el-form-item label="" prop="piece">-->
<!-- <el-input v-model="preModel.piece" clearable>-->
<!-- <template slot="prepend" >预配件数</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5" v-if="fenStatus !=='addAwbh'">-->
<!-- <el-form-item label="" prop="weight">-->
<!-- <el-input v-model="preModel.weight" clearable>-->
<!-- <template slot="prepend" >预配重量</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5" v-if="fenStatus ==='addAwbh'">-->
<!-- <el-form-item label="" prop="weight">-->
<!-- <el-input v-model="preModel.weight" clearable>-->
<!-- <template slot="prepend" >预配重量</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="actime">-->
<!-- <el-date-picker value-format="yyyy-MM-dd HH:mm:ss"-->
<!-- v-model="preModel.actime" align="right" style="width: 180px"-->
<!-- type="datetime" placeholder="请选择预配时间"/>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="customcode">-->
<!-- <el-select v-model="preModel.customcode" placeholder="请选择关区代码"-->
<!-- filterable clearable :remote-method="remoteMethodCustomCode" :loading="customLoading" remote-->
<!-- :disabled="fenStatus === 'addAwbh'">-->
<!-- <el-option v-for="item in customCodeList" :key="item.customcode" :label="item.customcode"-->
<!-- :value="item.customcode">-->
<!-- <span style="float: left">{{ item.customcode }}</span>-->
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.customname }}</span>-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="">-->
<!-- <el-select v-model="preModel.awbinfo.awbtype" class="filter-item" placeholder="请录入货物类型">-->
<!-- <el-option v-for="item in customTypes" :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="awbinfo.paymodel">-->
<!-- <el-select v-model="preModel.awbinfo.paymodel" class="filter-item" placeholder="请选择付费方式">-->
<!-- <el-option-->
<!-- v-for="item in payTypes"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- :value="item.value">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="">-->
<!-- <el-input v-model="specopeid" clearable>-->
<!-- <template slot="prepend" >卸货地</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="">-->
<!-- <el-input v-model="preModel.awbinfo.shpcustomerid" clearable>-->
<!-- <template slot="prepend" >代理人代码</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="">-->
<!-- <el-input v-model="preModel.awbinfo.shpcustomerid" clearable>-->
<!-- <template slot="prepend" >代理人名称</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row style="margin-bottom: 10px">-->
<!-- <el-col :span="7" v-if="fenStatus ==='addAwbh'">-->
<!-- <span>-->
<!-- 货物剩余信息：-->
<!-- </span>-->
<!-- </el-col>-->
<!-- <el-col :span="7" v-if="fenStatus ==='addAwbh'">-->
<!-- <span>剩余件数:{{awbPiece}}</span>-->
<!-- </el-col>-->
<!-- <el-col :span="7" v-if="fenStatus ==='addAwbh'">-->
<!-- <span>剩余重量:{{awbWeight}}</span>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <div class="grid-content content" style="font-size: 10px">-->
<!-- 发货人信息-->
<!-- <el-button type="primary" size="mini" @click="consignerSelect()">选择发货人信息</el-button>-->
<!-- </div>-->
<!-- <el-row>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="awbinfo.shprname">-->
<!-- <el-input v-model="shprname" clearable>-->
<!-- <template slot="prepend" >发货人名称</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="awbinfo.shpraddress">-->
<!-- <el-input v-model="shpraddress" clearable>-->
<!-- <template slot="prepend" >地址</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="">-->
<!-- <el-input v-model="scityid" maxlength="5" clearable>-->
<!-- <template slot="prepend" >城市代码</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="">-->
<!-- <el-input v-model="preModel.awbinfo.shprmobiletype" clearable>-->
<!-- <template slot="prepend" >传真</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="awbinfo.shprcountyr">-->
<!-- <el-select-->
<!-- :remote-method="remoteMethod"-->
<!-- :loading="listLoading"-->
<!-- v-model="shprcountyr"-->
<!-- filterable-->
<!-- allow-create-->
<!-- remote-->
<!-- placeholder="请选择国家代码" clearable>目的站-->
<!-- <el-option-->
<!-- v-for="item in countryOption"-->
<!-- :key="item.value"-->
<!-- :label="item.value"-->
<!-- :value="item.value">-->
<!-- <span style="float: left">{{ item.label }}</span>-->
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="7.5">-->
<!-- <el-form-item label="" prop="awbinfo.shprtel">-->
<!-- <el-input v-model="preModel.awbinfo.shprtel" clearable>-->
<!-- <template slot="prepend" >电话</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="7.5">-->
<!-- <el-form-item label="" prop="awbinfo.shpaeocode">-->
<!-- <el-input v-model="shpaeocode" clearable style="width: 270px">-->
<!-- <template slot="prepend" >发货人AEO编码</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- &lt;!&ndash;<el-col :span="7.5">&ndash;&gt;-->
<!-- &lt;!&ndash;<el-form-item label="企业代码类型" prop="awbinfo.shpcomidpre">&ndash;&gt;-->
<!-- &lt;!&ndash;<el-select&ndash;&gt;-->
<!-- &lt;!&ndash;v-model="shpcomidpre"&ndash;&gt;-->
<!-- &lt;!&ndash;filterable&ndash;&gt;-->
<!-- &lt;!&ndash;placeholder="请选择企业代码类型" style="width: 200px;">&ndash;&gt;-->
<!-- &lt;!&ndash;<el-option&ndash;&gt;-->
<!-- &lt;!&ndash;v-for="item in shpCompnyTypeOption"&ndash;&gt;-->
<!-- &lt;!&ndash;:key="item.value"&ndash;&gt;-->
<!-- &lt;!&ndash;:label="item.label"&ndash;&gt;-->
<!-- &lt;!&ndash;:value="item.value"/>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-select>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-form-item>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-col>&ndash;&gt;-->
<!-- &lt;!&ndash;<el-col :span="7.5">&ndash;&gt;-->
<!-- &lt;!&ndash;<el-form-item prop="awbinfo.shpcomidpno" label-width="10px">&ndash;&gt;-->
<!-- &lt;!&ndash;<el-input v-model="shpcomidpno" placeholder="企业代码"/>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-form-item>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-col>&ndash;&gt;-->
<!-- </el-row>-->
<!-- <div class="grid-content content" style="font-size: 10px">-->
<!-- 收货人信息-->
<!-- <el-button type="primary" size="mini" @click="consigneeSelect()">选择收货人信息</el-button>-->
<!-- </div>-->
<!-- <el-row>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="awbinfo.cnsnname">-->
<!-- <el-input v-model="cnsnname" clearable>-->
<!-- <template slot="prepend" >收货人名称</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="awbinfo.cnsnaddress">-->
<!-- <el-input v-model="cnsnaddress" clearable>-->
<!-- <template slot="prepend" >地址</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="">-->
<!-- <el-input v-model="ecityid" clearable maxlength="5">-->
<!-- <template slot="prepend" >城市代码</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="">-->
<!-- <el-input v-model="preModel.awbinfo.cnsrmobiletype" clearable>-->
<!-- <template slot="prepend" >传真</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item label="" prop="awbinfo.cnscountyr">-->
<!-- <el-select-->
<!-- :remote-method="remoteMethod"-->
<!-- :listLoading="listLoading"-->
<!-- v-model="cnscountyr"-->
<!-- filterable-->
<!-- allow-create-->
<!-- remote-->
<!-- placeholder="请选择国家代码" clearable>-->
<!-- <el-option-->
<!-- v-for="item in countryOption"-->
<!-- :key="item.value"-->
<!-- :label="item.value"-->
<!-- :value="item.value">-->
<!-- <span style="float: left">{{ item.label }}</span>-->
<!-- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="7.5">-->
<!-- <el-form-item label="" prop="awbinfo.cnsntel">-->
<!-- <el-input v-model="preModel.awbinfo.cnsntel" clearable>-->
<!-- <template slot="prepend" >电话</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="7.5">-->
<!-- <el-form-item label="" prop="awbinfo.cnsaeocode">-->
<!-- <el-input v-model="cnsaeocode" clearable style="width: 270px">-->
<!-- <template slot="prepend" >收货人AEO编码</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="" prop="awbinfo.cnsrctcname">-->
<!-- <el-input v-model="cnsrctcname" clearable>-->
<!-- <template slot="prepend" >收货人名称</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="" prop="awbinfo.cnsrctctel">-->
<!-- <el-input v-model="preModel.awbinfo.cnsrctctel" clearable style="width: 270px">-->
<!-- <template slot="prepend" >收货人电话</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- &lt;!&ndash;<el-col :span="7.5">&ndash;&gt;-->
<!-- &lt;!&ndash;<el-form-item label="企业代码类型" prop="awbinfo.csgcustomerid">&ndash;&gt;-->
<!-- &lt;!&ndash;<el-select&ndash;&gt;-->
<!-- &lt;!&ndash;v-model="cnscomidpre"&ndash;&gt;-->
<!-- &lt;!&ndash;filterable&ndash;&gt;-->
<!-- &lt;!&ndash;placeholder="请选择企业代码类型" style="width: 200px;">&ndash;&gt;-->
<!-- &lt;!&ndash;<el-option&ndash;&gt;-->
<!-- &lt;!&ndash;v-for="item in shpCompnyTypeOption"&ndash;&gt;-->
<!-- &lt;!&ndash;:key="item.value"&ndash;&gt;-->
<!-- &lt;!&ndash;:label="item.label"&ndash;&gt;-->
<!-- &lt;!&ndash;:value="item.value"/>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-select>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-form-item>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-col>&ndash;&gt;-->
<!-- &lt;!&ndash;<el-col :span="7.5">&ndash;&gt;-->
<!-- &lt;!&ndash;<el-form-item prop="awbinfo.cnscomidno" label-width="10px">&ndash;&gt;-->
<!-- &lt;!&ndash;<el-input v-model="cnscomidno" placeholder="企业代码"/>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-form-item>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-col>&ndash;&gt;-->
<!-- <div v-if="dialogStatus === 'sendUpdate'">-->
<!-- <div class="grid-content content">-->
<!-- 运单信息-->
<!-- </div>-->
<!-- <el-row>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="" prop="reason">-->
<!-- <el-input v-model="preModel.reason" clearable>-->
<!-- <template slot="prepend" >修改原因</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="" prop="contactName">-->
<!-- <el-input v-model="preModel.contactName" clearable>-->
<!-- <template slot="prepend" >修改人</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="" prop="contactTel">-->
<!-- <el-input v-model="preModel.contactTel" clearable maxlength="5">-->
<!-- <template slot="prepend" >修改人Tel</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- </div>-->
<!-- </el-form>-->
<!-- <div slot="footer" class="dialog-footer" style="text-align: center">-->
<!-- <el-button @click="dialogFormVisible = false" size="medium"-->
<!-- style="width: 100px;background-color: #6F8294;color: #ffffff">取消</el-button>-->
<!-- <el-button type="success" size="medium" style="width: 100px" v-show="dialogStatus!=='sendUpdate'"-->
<!-- @click="dialogStatus ==='create'? createData():updateData()">保存</el-button>-->
<!-- <el-button type="primary" size="medium" style="width: 100px" v-show="dialogStatus==='sendUpdate'" @click="sendUpdate()">发送</el-button>-->
<!-- </div>-->
<!-- </el-dialog>-->
<el-dialog top="5vh" :title="dialogMap[dialogStatus]" :visible.sync="dialogFormVisible" width="90%">
<el-form ref="preFormData" :model="preModel" :rules="preRoles" label-position="right"
<el-form ref="preFormData" :model="preModel" :rules="preRoles" label-position="right"
label-width="80px" size="mini" class="el-dialog-div">
<div class="grid-content content" style="font-size: 10px">
运单信息
<div style="font-size: 10px;background-color: #F0F0F0;color: #6459A5">
<span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
运单信息
</span>
</div>
<el-row>
<el-col :span="7.5">
<el-form-item label="" prop="awba">
<el-input :disabled="dialogStatus !== 'create'" v-model="awba" clearable>
<template slot="prepend" >主单号</template>
<el-row class="flight-info" style="padding-left: 90px;padding-right: 90px">
<el-col :span="6">
<el-form-item label="主单号" prop="awba">
<el-input :disabled="dialogStatus !== 'create'" v-model="awba" clearable style="width: 140px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="7.5" v-if="fenStatus === 'addAwbh'">
<el-form-item label="" prop="awbh">
<el-col :span="6" v-if="fenStatus === 'addAwbh'">
<el-form-item label="分单号" prop="awbh">
<el-input v-model="awbh" clearable>
<template slot="prepend" >分单号</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<div class="grid-content content" style="font-size: 10px">
航班信息
</div>
<el-row>
<el-col :span="7.5">
<el-form-item label="" prop="carrier">
<el-input v-model="carrier" :disabled="fenStatus === 'addAwbh'" clearable>
<template slot="prepend" >承运人</template>
</el-input>
<el-col :span="6">
<el-form-item label="提前运抵">
<el-select v-model="preModel.ext3" class="filter-item" style="width: 140px" placeholder="请录入报关类型">
<el-option v-for="item in ext3" :key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="" prop="flightno">
<el-input v-model="flightno" :disabled="fenStatus === 'addAwbh'" clearable>
<template slot="prepend" >航班号</template>
<el-col :span="6">
<el-form-item label="报关类型">
<el-select v-model="preModel.ext4" class="filter-item" style="width: 140px" placeholder="请录入报关类型">
<el-option v-for="item in customsDeclarationType" :key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="货物属性">
<el-select v-model="preModel.awbinfo.goodsAttribute" class="filter-item" style="width: 140px" placeholder="请录入货物属性">
<el-option v-for="item in goodsAttribute" :key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div style="font-size: 10px;background-color: #F0F0F0;color: #6459A5">
<span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
航班信息
</span>
</div>
<el-row class="flight-info" style="padding-left: 90px;padding-right: 90px">
<el-col :span="6">
<el-form-item label="航班号" prop="flightno">
<el-input v-model="flightno" :disabled="fenStatus === 'addAwbh'" style="width: 140px" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="" prop="flightdate">
<el-col :span="6">
<el-form-item label="航班日期" prop="flightdate">
<el-date-picker :disabled="fenStatus === 'addAwbh'"
value-format="yyyy-MM-dd" style="width: 270px"
v-model="preModel.flightdate" align="right"
value-format="yyyy-MM-dd"
style="width: 280px"
v-model="preModel.flightdate" align="left"
class="flight-date-tianbo"
type="date" placeholder="请输入航班日期" clearable/>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="" prop="originstation">
<el-col :span="6">
<el-form-item label="起始站" prop="originstation">
<el-select
filterable
clearable
placeholder="请选择起始站"
:remote-method="remoteMethodAirport"
default-first-option
allow-create remote
v-model="originstation"
:loading="airportLoading"
style="width: 270px">
style="width: 140px">
<el-option v-for="item in airportCode"
:key="item.airportid" :label="item.airportid"
:value="item.airportid" :disabled="fenStatus === 'addAwbh'">
:value="item.airportid" >
<span style="float: left">{{ item.airportdescchn }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.airportid }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="" prop="destinationstation">
<el-col :span="6">
<el-form-item label="目的站" prop="destinationstation">
<el-select filterable clearable placeholder="请选择目的站" allow-create remote
v-model="destinationstation" :remote-method="remoteMethodAirport" style="width: 270px">
v-model="destinationstation"
:remote-method="remoteMethodAirport"
default-first-option
style="width: 140px">
<el-option v-for="item in airportCode"
:key="item.airportid" :label="item.airportid"
:value="item.airportid" :disabled="fenStatus === 'addAwbh'" >
:value="item.airportid">
<span style="float: left">{{ item.airportdescchn }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.airportid }}</span>
</el-option>
... ... @@ -263,172 +794,84 @@
</el-form-item>
</el-col>
</el-row>
<div class="grid-content content" style="font-size: 10px">
航程信息
</div>
<div>
<el-row>
<el-col :span="5">
<el-form-item label="" prop="carrier">
<el-input v-model="carrier" disabled clearable>
<template slot="prepend" >承运人</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="destinationstation">
<el-input v-model="destinationstation" disabled clearable>
<template slot="prepend" >到达航站</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="by1" clearable>
<template slot="prepend" >承运人1</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="dest1" clearable>
<template slot="prepend" >到达航站1</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="by2" clearable>
<template slot="prepend" >承运人2</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="dest2" clearable>
<template slot="prepend" >到达航站2</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<div class="grid-content content" style="font-size: 10px">
货物信息
</div>
<el-row>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.pcs">
<el-input v-model="preModel.awbinfo.pcs" clearable>
<template slot="prepend" >运单件数</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.weight">
<el-input v-model="preModel.awbinfo.weight" clearable>
<template slot="prepend" >运单重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="goodsname">
<el-input v-model="goodsname" clearable>
<template slot="prepend" >货物描述</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5" v-if="fenStatus !=='addAwbh'">
<el-form-item label="" prop="piece">
<el-input v-model="preModel.piece" clearable>
<template slot="prepend" >预配件数</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5" v-if="fenStatus ==='addAwbh'">
<el-form-item label="" prop="piece">
<el-input v-model="preModel.piece" clearable>
<template slot="prepend" >预配件数</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5" v-if="fenStatus !=='addAwbh'">
<el-form-item label="" prop="weight">
<el-input v-model="preModel.weight" clearable>
<template slot="prepend" >预配重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5" v-if="fenStatus ==='addAwbh'">
<el-form-item label="" prop="weight">
<el-input v-model="preModel.weight" clearable>
<template slot="prepend" >预配重量</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="actime">
<el-date-picker value-format="yyyy-MM-dd HH:mm:ss"
v-model="preModel.actime" align="right" style="width: 180px"
type="datetime" placeholder="请选择预配时间"/>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="customcode">
<el-select v-model="preModel.customcode" placeholder="请选择关区代码"
filterable clearable :remote-method="remoteMethodCustomCode" :loading="customLoading" remote
:disabled="fenStatus === 'addAwbh'">
<el-option v-for="item in customCodeList" :key="item.customcode" :label="item.customcode"
:value="item.customcode">
<span style="float: left">{{ item.customcode }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.customname }}</span>
<div align="center" class="bpp" style="margin-bottom: 4px">
<tr style="background-color: #F1F3FF" >
<td width="70px">
航程
</td>
<td width="350px">
到达站
</td>
<td width="350px">
承运人
</td>
</tr>
<tr>
<td style="border-left: 1.5px solid #F1F3FF">
1
</td>
<td style="border: 1.5px solid #F1F3FF;border-top: 0px">
<el-input style="background-color: #fff;text-align: center" v-model="by1" size="mini" placeholder="三字码"></el-input>
</td>
<td style="border-right: 1.5px solid #F1F3FF">
<el-input style="background-color: #fff" v-model="dest1" size="mini" placeholder="承运人代码"></el-input>
</td>
</tr>
<tr>
<td style="border: 1.5px solid #F1F3FF">
2
</td>
<td style="border-bottom: 1.5px solid #F1F3FF">
<el-input style="background-color: #fff;text-align: center" v-model="by2" size="mini" placeholder="三字码"></el-input>
</td>
<td style="border: 1.5px solid #F1F3FF">
<el-input style="background-color: #fff" v-model="dest2" size="mini" placeholder="承运人代码"></el-input>
</td>
</tr>
</div>
</el-row>
<div style="font-size: 10px;background-color: #F0F0F0;color: #6459A5" v-if="fenStatus !=='addAwbh'">
<span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
代理信息
</span>
</div>
<el-row class="flight-info" v-if="fenStatus !=='addAwbh'" style="padding-left: 90px;padding-right: 90px">
<el-col :span="6">
<el-form-item label="订舱代理">
<el-select v-model="preModel.bookingAgentId" class="filter-item" style="width: 140px" placeholder="请录入订舱代理">
<el-option v-for="item in bookingAgentList" :key="item.id"
:label="item.forShort"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="">
<el-select v-model="preModel.awbinfo.awbtype" class="filter-item" placeholder="请录入货物类型">
<el-option v-for="item in customTypes" :key="item.value"
:label="item.label"
:value="item.value">
<el-col :span="6">
<el-form-item label="操作代理">
<el-select v-model="preModel.operatingAgentId" class="filter-item" placeholder="请录入操作代理">
<el-option v-for="item in operatingAgentList" :key="item.id"
:label="item.forShort"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.paymodel">
<el-select v-model="preModel.awbinfo.paymodel" class="filter-item" placeholder="请选择付费方式">
<el-option
v-for="item in payTypes"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="">
<el-input v-model="specopeid" clearable>
<template slot="prepend" >卸货地</template>
<el-col :span="6">
<el-form-item label="代理名称" prop="">
<el-input disabled v-model="preModel.awbinfo.dest4" clearable style="width: 140px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="">
<el-input v-model="preModel.awbinfo.shpcustomerid" clearable>
<template slot="prepend" >代理人代码</template>
<el-col :span="6">
<el-form-item label="代理编码" prop="">
<el-input disabled v-model="preModel.awbinfo.dest4city" clearable style="width: 140px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="">
<el-input v-model="preModel.awbinfo.shpcustomerid" clearable>
<template slot="prepend" >代理人名称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: 10px">
<el-col :span="7" v-if="fenStatus ==='addAwbh'">
<span>
... ... @@ -442,49 +885,37 @@
<span>剩余重量:{{awbWeight}}</span>
</el-col>
</el-row>
<div class="grid-content content" style="font-size: 10px">
发货人信息
<el-button type="primary" size="mini" @click="consignerSelect()">选择发货人信息</el-button>
<div style="font-size: 10px;background-color: #F0F0F0;color: #6459A5">
<span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
发货人
</span>
</div>
<el-row>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.shprname">
<el-input v-model="shprname" clearable>
<template slot="prepend" >发货人名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.shpraddress">
<el-input v-model="shpraddress" clearable>
<template slot="prepend" >地址</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="scityid" maxlength="5" clearable>
<template slot="prepend" >城市代码</template>
<el-row style="padding-left: 90px;padding-right: 90px">
<el-button class="sun" style="border:1px solid #6459A5;color: #6459A5" plain size="mini" @click="consignerSelect()">选择发货人</el-button>
<el-col :span="12">
<el-form-item label="发货人" prop="awbinfo.shprname">
<el-input id="a" v-model="shprname" clearable style="width: 340px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="preModel.awbinfo.shprmobiletype" clearable>
<template slot="prepend" >传真</template>
<el-col :span="12">
<el-form-item label="地址" prop="awbinfo.shpraddress">
<el-input v-model="shpraddress" clearable style="width: 340px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.shprcountyr">
<el-col :span="6">
<el-form-item label="国家代码" prop="awbinfo.shprcountyr">
<el-select
:remote-method="remoteMethod"
:loading="listLoading"
v-model="shprcountyr"
filterable
default-first-option
allow-create
remote
placeholder="请选择国家代码" clearable>目的站
placeholder="请选择国家代码" clearable style="width: 120px">
<el-option
v-for="item in countryOption"
:key="item.value"
... ... @@ -496,85 +927,61 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="" prop="awbinfo.shprtel">
<el-input v-model="preModel.awbinfo.shprtel" clearable>
<template slot="prepend" >电话</template>
<el-col :span="6">
<el-form-item label="城市代码" prop="awbinfo.scityid">
<el-input v-model="preModel.awbinfo.scityid" clearable style="width: 120px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="" prop="awbinfo.shpaeocode">
<el-input v-model="shpaeocode" clearable style="width: 270px">
<template slot="prepend" >发货人AEO编码</template>
</el-input>
</el-form-item>
</el-col>
<!--<el-col :span="7.5">-->
<!--<el-form-item label="企业代码类型" prop="awbinfo.shpcomidpre">-->
<!--<el-select-->
<!--v-model="shpcomidpre"-->
<!--filterable-->
<!--placeholder="请选择企业代码类型" style="width: 200px;">-->
<!--<el-option-->
<!--v-for="item in shpCompnyTypeOption"-->
<!--:key="item.value"-->
<!--:label="item.label"-->
<!--:value="item.value"/>-->
<!--</el-select>-->
<!--</el-form-item>-->
<!--</el-col>-->
<!--<el-col :span="7.5">-->
<!--<el-form-item prop="awbinfo.shpcomidpno" label-width="10px">-->
<!--<el-input v-model="shpcomidpno" placeholder="企业代码"/>-->
<!--</el-form-item>-->
<!--</el-col>-->
</el-row>
<div class="grid-content content" style="font-size: 10px">
收货人信息
<el-button type="primary" size="mini" @click="consigneeSelect()">选择收货人信息</el-button>
</div>
<el-row>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.cnsnname">
<el-input v-model="cnsnname" clearable>
<template slot="prepend" >收货人名称</template>
<el-col :span="6">
<el-form-item label="电话" prop="awbinfo.shprtel">
<el-input v-model="preModel.awbinfo.shprtel" clearable style="width: 120px">
<!-- <template slot="prepend" >&nbsp;&nbsp;&nbsp;电&nbsp;&nbsp;&nbsp;话&nbsp;&nbsp;&nbsp;</template>-->
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.cnsnaddress">
<el-input v-model="cnsnaddress" clearable>
<template slot="prepend" >地址</template>
<el-col :span="6">
<el-form-item label="AEO编码" prop="awbinfo.shpaeocode">
<el-input v-model="preModel.awbinfo.shpaeocode" clearable style="width: 120px">
<!-- <template slot="prepend" >&nbsp;&nbsp;AEO编码&nbsp;</template>-->
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="ecityid" clearable maxlength="5">
<template slot="prepend" >城市代码</template>
</el-row>
<div style="font-size: 10px;background-color: #F0F0F0;color: #6459A5">
<span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
收货人
</span>
</div>
<el-row style="padding-left: 90px;padding-right: 90px">
<el-button class="suns" style="border:1px solid #6459A5;color: #6459A5" plain size="mini" @click="consigneeSelect()" >选择收货人</el-button>
<el-col :span="12">
<el-form-item label="收货人" prop="awbinfo.cnsnname">
<el-input v-model="cnsnname" clearable style="width: 340px">
<!-- <template slot="prepend" ></template>-->
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="">
<el-input v-model="preModel.awbinfo.cnsrmobiletype" clearable>
<template slot="prepend" >传真</template>
<el-col :span="12">
<el-form-item label="地址" prop="awbinfo.cnsnaddress">
<el-input v-model="cnsnaddress" clearable style="width: 340px">
<!-- <template slot="prepend" >&nbsp;&nbsp;&nbsp;地&nbsp;&nbsp;&nbsp;址&nbsp;&nbsp;&nbsp;</template>-->
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="" prop="awbinfo.cnscountyr">
<el-col :span="6">
<el-form-item label="国家代码" prop="awbinfo.cnscountyr">
<!-- <div class="el-input-group__prepend select-lable" style="line-height: 27px;float:left; width:98px;font-size:12px;text-align: center;">&nbsp;国家代码&nbsp;</div>-->
<el-select
:remote-method="remoteMethod"
:listLoading="listLoading"
v-model="cnscountyr"
filterable
allow-create
default-first-option
remote
placeholder="请选择国家代码" clearable>
placeholder="请选择国家代码" clearable style="width: 120px">
<el-option
v-for="item in countryOption"
:key="item.value"
... ... @@ -586,59 +993,86 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="" prop="awbinfo.cnsntel">
<el-input v-model="preModel.awbinfo.cnsntel" clearable>
<template slot="prepend" >电话</template>
<el-col :span="6">
<el-form-item label="城市代码" prop="awbinfo.ecityid">
<el-input v-model="preModel.awbinfo.ecityid" clearable style="width: 120px">
<!-- <template slot="prepend" >&nbsp;城市代码&nbsp;&nbsp;</template>-->
</el-input>
</el-form-item>
</el-col>
<el-col :span="7.5">
<el-form-item label="" prop="awbinfo.cnsaeocode">
<el-input v-model="cnsaeocode" clearable style="width: 270px">
<template slot="prepend" >收货人AEO编码</template>
<el-col :span="6">
<el-form-item label="电话" prop="awbinfo.cnsntel">
<el-input v-model="preModel.awbinfo.cnsntel" clearable style="width: 120px">
<!-- <template slot="prepend" >&nbsp;&nbsp;&nbsp;电&nbsp;&nbsp;&nbsp;话&nbsp;&nbsp;&nbsp;</template>-->
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="AEO编码" prop="awbinfo.cnsaeocode">
<el-input v-model="preModel.awbinfo.cnsaeocode" clearable style="width: 120px">
<!-- <template slot="prepend" >&nbsp;AEO编码&nbsp;&nbsp;</template>-->
</el-input>
</el-form-item>
</el-col>
</el-row>
<div style="font-size: 10px;background-color: #F0F0F0;color: #6459A5">
<span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
货物信息
</span>
</div>
<el-row style="padding-left: 90px;padding-right: 90px">
<el-col :span="6">
<el-form-item label="货物描述" prop="goodsname">
<el-input v-model="goodsname" clearable style="width: 120px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="预配件数" prop="piece">
<el-input v-model="preModel.piece" @input="pieceEcho" clearable style="width: 120px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="预配重量" prop="weight">
<el-input v-model="preModel.weight" @input="weightEcho" clearable style="width: 120px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="所属关区" prop="customcode">
<el-select v-model="preModel.customcode" class="filter-item" style="width: 140px" placeholder="请选择所属关区">
<el-option v-for="item in custom" :key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="付费方式" prop="awbinfo.paymodel">
<el-select v-model="preModel.awbinfo.paymodel" class="filter-item" placeholder="请选择付费方式" style="width: 120px">
<el-option
v-for="item in payTypes"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="货物类型" prop="awbinfo.awbtype">
<el-select v-model="preModel.awbinfo.awbtype" class="filter-item" style="width: 140px" placeholder="请录入货物类型">
<el-option v-for="item in customTypess" :key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="" prop="awbinfo.cnsrctcname">
<el-input v-model="cnsrctcname" clearable>
<template slot="prepend" >收货人名称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="" prop="awbinfo.cnsrctctel">
<el-input v-model="preModel.awbinfo.cnsrctctel" clearable style="width: 270px">
<template slot="prepend" >收货人电话</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<!--<el-col :span="7.5">-->
<!--<el-form-item label="企业代码类型" prop="awbinfo.csgcustomerid">-->
<!--<el-select-->
<!--v-model="cnscomidpre"-->
<!--filterable-->
<!--placeholder="请选择企业代码类型" style="width: 200px;">-->
<!--<el-option-->
<!--v-for="item in shpCompnyTypeOption"-->
<!--:key="item.value"-->
<!--:label="item.label"-->
<!--:value="item.value"/>-->
<!--</el-select>-->
<!--</el-form-item>-->
<!--</el-col>-->
<!--<el-col :span="7.5">-->
<!--<el-form-item prop="awbinfo.cnscomidno" label-width="10px">-->
<!--<el-input v-model="cnscomidno" placeholder="企业代码"/>-->
<!--</el-form-item>-->
<!--</el-col>-->
<div v-if="dialogStatus === 'sendUpdate'">
<div class="grid-content content">
运单信息
... ... @@ -670,10 +1104,10 @@
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button @click="dialogFormVisible = false" size="medium"
style="width: 100px;background-color: #6F8294;color: #ffffff">取消</el-button>
<el-button @click="dialogFormVisible = false" size="medium" type="primary"
style="width: 100px">取消</el-button>
<el-button type="success" size="medium" style="width: 100px" v-show="dialogStatus!=='sendUpdate'"
@click="dialogStatus ==='create'? createData():updateData()">保存</el-button>
@click="dialogStatus ==='create'? createData():updateData()" v-loading="addloading">保存</el-button>
<el-button type="primary" size="medium" style="width: 100px" v-show="dialogStatus==='sendUpdate'" @click="sendUpdate()">发送</el-button>
</div>
</el-dialog>
... ... @@ -750,8 +1184,7 @@
style="width: 100px;background-color: #6F8294;color: #ffffff">取消</el-button>
<el-button type="primary" size="medium" style="width: 100px" @click="sendDelete()">发送</el-button>
</div>
</el-dialog>
</el-dialog>
<el-dialog title="发货人信息" :visible.sync="dialogSelectVisible" width="70%">
<!--工具条-->
<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
... ... @@ -830,7 +1263,6 @@
<pagination background layout="total, prev, pager, next" v-show="consigneeQuery.total>0" :total="consigneeQuery.total" :page.sync="consigneeQuery.pageSize" :limit.sync="consigneeQuery.limitSize"
@pagination="consignerSelect()"/>
</el-dialog>
</div>
</template>
<script>
... ... @@ -901,6 +1333,7 @@
func: treeToArray,
total: 1,
isAdmin: false,
addloading: false,
consignerList: [],
dialogNeeVisible: false,
consigneeList: [],
... ... @@ -920,27 +1353,76 @@
preQuery: {
pageSize: 1,
limitSize: 30,
awba: undefined,
carrier: undefined,
flightno: undefined,
flightdate: undefined,
originstation: undefined,
destinationstation: undefined,
messageType: undefined
awba: '',
carrier: '',
flightno: '',
flightdate: '',
originstation: '',
destinationstation: '',
userId:'',
customCode:'',
enterpriseId:'',
messageType: ''
},
dialogMap: {
update: '编辑预配舱单',
create: '添加预配舱单',
addAwbh: '添加分单'
},
customTypes: [
customTypess: [
{label: '普通货物', value: '001'},
{label: '国际转运货物', value: '002'},
{label: '国内转关', value: '003'},
{label: '空箱', value: '004'},
{label: '快件', value: '005'}],
payTypes: [{label: '预付', value: '0'}, {label: '到付', value: '1'}],
{label: '快件', value: '005'}
],
custom:[
{label: '4604', value: '4604'},
{label: '4620', value: '4620'},
],
customsDeclarationType: [
{label: '本地报关', value: '001'},
{label: '转关', value: '002'},
{label: '通关一体化', value: '003'},
{label: '提前报关', value: '004'}],
shipmentCargo:[
{label: '郑州机场地面处理',value:'1'}
],
ext3: [
{label: '正常运抵', value: 'N'},
{label: '提前运抵', value: 'Y'},
],
shipType:[
{label: '普货交运', value: '1'},
{label: '邮件交运', value: '2'},
{label: '国际邮件交运', value: '3'}],
codeType:[
{label: 'USCI', value: 'USCI'},
{label: 'OC', value: 'OC'},
{label: '9999', value: '9999'}
],
goodsAttribute:[
{label: '非保税', value: '2'},
{label: '保税', value: '1'}
],
consignorList:[],
operatingAgentList:[],
bookingAgentList:[],
payTypes: [{label: '预付', value: 'PP'}, {label: '到付', value: 'CC'}],
splitcodes: [{label: '是', value: 'T'}, {label: '否', value: 'P'}],
packagingInformation: [
{label: '纸箱', value: '1'},
{label: '木箱', value: '2'},
{label: '桶装', value: '3'},
{label: '纸托', value: '4'},
{label: '木托', value: '5'},
{label: '塑料箱', value: '6'},
{label: '金属托', value: '7'},
{label: '散装', value: '8'},
{label: '包', value: '9'},
{label: '其他', value: '10'}
],
customCodeList: [],
airportCode:[],
dialogStatus: undefined,
... ... @@ -1006,9 +1488,12 @@
uldNo: undefined,
status: undefined,
ex5: undefined,
ext3: undefined,
reason: undefined,
contactName: undefined,
contactTel: undefined,
bookingAgentId: undefined,
operatingAgentId: undefined,
awbinfo: {
pcs: undefined,
weight: undefined,
... ... @@ -1045,7 +1530,7 @@
dest3: undefined,
eairportid: undefined,
csgcustomerid: undefined,
paymodel: '0',
paymodel: 'PP',
awbtype: undefined
},
user: {
... ... @@ -1396,7 +1881,7 @@
dest3: undefined,
eairportid: undefined,
csgcustomerid: undefined,
paymodel: '0',
paymodel: 'PP',
},
user: {
username : JSON.parse(sessionStorage.getItem('user')).username
... ... @@ -1405,9 +1890,19 @@
},
// >>>>>>>>>>>>>>>>新增主单<<<<<<<<<<<<<<<<<<
handleAddpreInfo() {
this.addloading = false;
this.fenStatus=undefined;
this.restModel()
let _this = this;
getListHzTypeList().then(res => {
if (res.data.code == '200') {
_this.consignorList = res.data.data.consignorList;
_this.operatingAgentList = res.data.data.operatingAgentList;
_this.bookingAgentList = res.data.data.bookingAgentList;
} else {
Message.error("获取货主列表失败")
}
})
this.preModel.carrier = this.preQuery.carrier
this.preModel.flightno = this.preQuery.flightno
this.preModel.flightdate = this.preQuery.flightdate
... ... @@ -1420,16 +1915,22 @@
this.$refs.preFormData.clearValidate()
})
},
pieceEcho: function(val){
this.preModel.awbinfo.pcs = val;
},
weightEcho: function(val){
this.preModel.awbinfo.weight = val;
},
createData() {
this.$refs.preFormData.validate(valid => {
if (valid) {
addMt2201(this.preModel).then(res => {
if (res.data.count > 0) {
if (res.data.code == '200') {
Message.success("新增成功")
this.dialogFormVisible = false
this.getList()
} else {
Message.error("新增失败，请检查数据")
Message.error(res.data.msg);
}
})
}
... ... @@ -1512,11 +2013,11 @@
},
// >>>>>>>>>>>>>>>>搜索<<<<<<<<<<<<<<<<<<
handleSerach() {
// this.preQuery.flightno = undefined
// this.preQuery.carrier = undefined
// this.preQuery.originstation = undefined
// this.preQuery.flightdate = undefined
// this.preQuery.destinationstation = undefined
this.preQuery.flightno = undefined
this.preQuery.carrier = undefined
this.preQuery.originstation = undefined
this.preQuery.flightdate = undefined
this.preQuery.destinationstation = undefined
this.getList()
},
// >>>>>>>>>>>>>>>>收发明细<<<<<<<<<<<<<<<<<<
... ... @@ -1575,6 +2076,7 @@
this.dialogStatus = undefined;
this.fenStatus = undefined;
this.preModel = Object.assign({}, row)
this.preModel.flightno = row.carrier+row.flightno;
this.dialogStatus = 'update'
if (row.awbh !== undefined && row.awbh !== ""){
this.fenStatus = 'addAwbh'
... ... @@ -1596,12 +2098,19 @@
}
updateMT2201(_this.preModel).then(res => {
if (res.data.count > 0) {
Message.success("修改成功")
this.dialogFormVisible = false
this.getList()
} else {
Message.error("修改失败，请检查数据")
if (res.data.code == "200") {
Message.success(res.data.msg)
_this.dialogFormVisible = false
_this.getList()
} else if (res.data.code == "201"){
_this.preModel.flightno=_this.preModel.carrier+_this.preModel.flightno
Message.error(res.data.msg);
}else if (res.data.code == "202"){
_this.preModel.flightno=_this.preModel.carrier+_this.preModel.flightno
Message.error(res.data.msg)
}else if (res.data.code == "203"){
_this.preModel.flightno=_this.preModel.carrier+_this.preModel.flightno
Message.error(res.data.msg)
}
})
}
... ... @@ -1968,4 +2477,56 @@
.tableInline {
line-height: 8px;
}
.el-dialog-div{
height: 60vh;
overflow: auto;
}
.el-dialog-div .flight-info .select-lable{
line-height: 27px;
float:left;
width:98px;
font-size:12px;
text-align: center;
}
.el-dialog-div .flight-info .el-select--mini{
width: calc(100% - 100px)!important;
}
.el-dialog-div .flight-info .el-select--mini .el-input__inner,.el-dialog-div .flight-info .el-date-editor .el-input__inner{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-dialog-div .flight-info .select-lable{
line-height: 27px;
float:left;
width:98px;
font-size:12px;
text-align: center;
}
.el-dialog-div .flight-info .el-select--mini{
width: calc(100% - 100px)!important;
}
.el-dialog-div .flight-info .el-select--mini .el-input__inner,.el-dialog-div .flight-info .el-date-editor .el-input__inner{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.bpp .el-input__inner {
background-color: #fff;
border: 0px;
}
.sun{
position: absolute;
top: 5px;
left: 0px;
}
.suns{
position: absolute;
top: 5px;
left: 0px;
}
</style>
... ...
<template>
<section>
<!--工具条-->
<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
<el-form :inline="true" :model="filters">
<el-form-item>
<el-input v-model="filters.fullName" placeholder="简称查询"></el-input>
</el-form-item>
<el-form-item>
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-plus" v-on:click="getShipperList()">查询</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="companyAdd">新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="danger" style="width:150px" icon="el-icon-delete" size="medium" @click="batchRemove">批量删除</el-button>
</el-form-item>
</el-form>
</el-col>
<!--列表-->
<el-table :data="shipperList" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column prop="forShort" label="全称" >
</el-table-column>
<el-table-column prop="fullName" label="简称">
</el-table-column>
<el-table-column prop="theShipperType" label="类型">
<template slot-scope="scope">
<span v-if="scope.row.theShipperType == '1'" style="color: #ff4d51">发货人</span>
<span v-if="scope.row.theShipperType == '2'" style="color: #5BB75B">操作代理</span>
<span v-if="scope.row.theShipperType == '3'" style="color: #001528">订舱代理</span>
</template>
</el-table-column>
<el-table-column prop="contacts" label="联系人">
</el-table-column>
<el-table-column prop="phone" label="电话">
</el-table-column>
<el-table-column label="操作" min-width="180px" fixed="right">
<template slot-scope="scope">
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDel(scope.$index, scope.row)">删除</el-button>
<!-- <el-button type="primary" size="small" @click="print(scope.$index, scope.row)">打印</el-button>-->
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-col :span="24" class="toolbar">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageSize"
:page-sizes="[10, 30, 50, 100]"
:page-size=limitSize
layout="total,sizes, prev, pager, next"
:total=total>
</el-pagination>
</el-col>
<!--编辑界面-->
<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false" width="60%" text-align="center" tyle="margin-top: -20px">
<el-form :model="editForm" :rules="editFormRules" ref="editForm" align="center" label-width="145px" style="margin-top: -10px">
<el-row>
<el-col :span="4">
<el-form-item label="ID" hidden>
<span>{{editForm.id}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="forShort">
<el-input v-model="editForm.forShort" auto-complete="on" placeholder="全称" style="width:300px" size="small">
<template slot="prepend" >全称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="fullName">
<el-input v-model="editForm.fullName" onkeyup="this.value=this.value.toUpperCase()" auto-complete="on" placeholder="简称" style="width:300px" size="small">
<template slot="prepend" >简称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="theShipperType">
<el-select v-model="editForm.theShipperType" placeholder="请选择货主类型">
<el-option
v-for="item in typeOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="destination">
<el-input v-model="editForm.contacts"
auto-complete="on" placeholder="联系人" style="width:300px" size="small">
<template slot="prepend" >联系人</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="piece">
<el-input v-model="editForm.phone"
auto-complete="on" placeholder="phone" style="width:300px" size="small">
<template slot="prepend" >phone</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer" align="center">
<el-button type="success" size="medium" style="width: 120px" @click.native="editSubmit(1)">保存</el-button>
</div>
</el-dialog>
<!--新增界面-->
<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false" tyle="margin-top: -20px"
width="60%" text-align="center">
<el-form :model="addForm" label-width="145px" status-icon style="margin-top: -10px" align="center" :rules="addFormRules" ref="addForm">
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="forShort">
<el-input v-model="addForm.forShort" auto-complete="on" placeholder="全称"
style="width:300px" size="small">
<template slot="prepend" >全称</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="fullName">
<el-input v-model="addForm.fullName" onkeyup="this.value=this.value.toUpperCase()" auto-complete="on" placeholder="简称" style="width:300px" size="small">
<template slot="prepend" >简称</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="theShipperTypeList" >
<el-select v-model="addForm.theShipperTypeList" multiple placeholder="请选择货主类型">
<el-option
v-for="item in typeOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="" prop="contacts">
<el-input v-model="addForm.contacts"
auto-complete="on" placeholder="联系人" style="width:300px" size="small">
<template slot="prepend" >联系人</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" style="margin-right: 20px">
<el-form-item label="" prop="phone">
<el-input v-model="addForm.phone"
auto-complete="on" placeholder="电话" style="width:300px" size="small">
<template slot="prepend" >电话</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer" align="center">
<el-button type="success" size="medium" style="width: 120px" @click.native="addSubmit(1)">保存</el-button>
</div>
</el-dialog>
</section>
</template>
<script>
import { getList, remove, add, edit} from '../../api/shipper/shipper';
export default {
data() {
// Vue.component('barcode', VueBarcode);
return {
typeOptions: [{
value: '1',
label: '发货人'
}, {
value: '2',
label: '操作代理'
}, {
value: '3',
label: '订舱代理'
}],
filters: {
fullName: ''
},
shipperList: [],
total: 0,
pageSize: 1,
limitSize: 10,
listLoading: false,
//编辑界面是否显示
editFormVisible: false,
editLoading: false,
printFormVisible: false,
editFormRules: {
forShort: [
{ required: true, message: '请输入全称', trigger: 'blur' }
],
fullName: [
{ required: true, message: '请输入简称', trigger: 'blur' }
],
theShipperType: [
{ required: true, message: '请选择货主类型', trigger: 'blur' }
],
contacts: [
{ required: true, message: '请输入联系人', trigger: 'blur' }
],
phone: [
{ required: true, message: '请输入电话', trigger: 'blur' }
]
},
//编辑界面数据
editForm: {
id:'',
forShort: '',
fullName: '',
theShipperType: '',
contacts: '',
phone: ''
},
//新增界面是否显示
addFormVisible: false,
addFormRules: {
forShort: [
{ required: true, message: '请输入全称', trigger: 'blur' }
],
fullName: [
{ required: true, message: '请输入简称', trigger: 'blur' }
],
theShipperTypeList: [
{ required: true, message: '请选择货主类型', trigger: 'blur' }
],
contacts: [
{ required: true, message: '请输入联系人', trigger: 'blur' }
],
phone: [
{ required: true, message: '请输入电话', trigger: 'blur' }
]
},
//新增界面数据
addForm: {
id:'',
forShort: '',
fullName: '',
theShipperType: '',
contacts: '',
phone: '',
theShipperTypeList:''
}
}
},
mounted() {
this.getShipperList();
},
methods: {
/**
* 分页
* @param val
*/
handleSizeChange(val) {
this.limitSize = val;
this.getShipperList();
},
handleCurrentChange(val) {
this.pageSize = val;
this.getShipperList();
},
//获取货主信息列表
getShipperList() {
let para = {
pageSize: this.pageSize,
limitSize: this.limitSize,
fullName: this.filters.fullName
};
this.listLoading = true;
getList(para).then((res) => {
this.total = res.data.data.total;
this.shipperList = res.data.data.list;
this.listLoading = false;
}).catch((error) => {
this.listLoading = false;
if(null!= error.response && error.response!==undefined){
let status= error.response.status;
let msg = error.response.statusText;
alert(status+msg);
}else {
alert(error);
}
});
},
//删除
handleDel: function (index, row) {
this.$confirm('确认删除该记录吗?', '提示', {
type: 'warning'
}).then(() => {
this.listLoading = true;
let para = {ids: row.id };
remove(para).then((res) => {
if (res.data.code == '200'){
this.listLoading = false;
this.$message({
message: res.data.msg,
type: 'success'
});
this.getShipperList();
}else {
this.listLoading = false;
this.$message({
message: res.data.msg,
type: 'error'
});
this.getShipperList();
}
}).catch((error) => {
this.listLoading = false;
alert(error);
});
}).catch();
},
/**
* 显示编辑界面
* @param index
* @param row 为这行的数据对象
*/
handleEdit: function (index, row) {
this.editFormVisible = true;
this.editForm = Object.assign({}, row);
this.getShipperList();
},
//编辑
editSubmit: function (value) {
this.$refs.editForm.validate((valid) => {
if (valid) {
this.$confirm('确认提交吗？', '提示', {}).then(() => {
this.editLoading = true;
let para = Object.assign({}, this.editForm);
this.editLoading = true;
edit(para).then((res) => {
if (res.data.code == '200'){
this.$message({
message: res.data.msg,
type: 'success'
});
this.$refs['editForm'].resetFields();
this.editFormVisible = false;
this.getShipperList();
}else {
this.$message({
message: res.data.msg,
type: 'error'
});
}
}).catch(error => alert(error));
}).catch(() =>{
});
}
});
},
//显示新增界面，每次点开初始化数据
companyAdd: function () {
if (this.$refs['addForm'] != null){
this.$refs['addForm'].resetFields();
}
this.addFormVisible = true;
this.getShipperList();
},
// 新增
addSubmit: function (value) {
this.$refs.addForm.validate((valid) => {
if (valid) {
this.$confirm('确认提交吗？', '提示', {}).then(() => {
let para = Object.assign({}, this.addForm);
add(para).then((res) => {
if (res.data.code == '200'){
this.$message({
message: res.data.msg,
type: 'success'
});
this.$refs['addForm'].resetFields();
this.addFormVisible = false;
this.getShipperList();
}else {
this.$message({
message: res.data.msg,
type: 'error'
});
}
}).catch(error => alert(error));
}).catch(() =>{
});
}
});
},
selsChange: function (sels) {
this.sels = sels;
},
//批量删除
batchRemove: function () {
var ids = this.sels.map(item => item.id).toString();
this.$confirm('确认删除选中记录吗？', '提示', {
type: 'warning'
}).then(() => {
this.listLoading = true;
//NProgress.start();
let para = { ids: ids };
remove(para).then((res) => {
this.listLoading = false;
//NProgress.done();
this.$message({
message: '删除成功',
type: 'success'
});
this.getShipperList();
});
}).catch(() => {
});
},
},
}
</script>
<style>
.el-input-group__prepend {
background-color: #6F8294;
color:#ffffff
}
.el-input__inner{
background-color: #F7F7F7;
}
.el-dialog-div .flight-info .select-lable{
line-height: 17px;
float:left;
width:80px;
font-size:12px;
text-align: center;
}
</style>
... ...