朱兆平 / vue_cli · 提交

转到一个项目

作者 朱兆平
提交 68be3bef824ff3d6fd754ba74b14228e665b29a1 1 个父辈 dac31fca

适配角色的属性结构1

内嵌 并排对比
正在显示 18 个修改的文件 包含 3325 行增加 和 13 行删除
@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 3
4 <head> 4 <head>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 - <title>项目</title> 6 + <title>易通快速通关申报管理系统</title>
7 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> 7 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
8 </head> 8 </head>
9 9
  1 +import http from './http.js'
  2 +let baseUrl = 'nmms-server-import/nmms/allocat'
  3 +
  4 +
  5 +export const addAllocatImport=params=>{return http.post(`${baseUrl}/addAllocatImport`, params);};
  6 +export const addAllocatArrive=params=>{return http.post(`${baseUrl}/addAllocatArrive`, params);};
  7 +export const QueryData=params=>{return http.get(`${baseUrl}/QueryData`, params);};
  8 +export const ediAllocat=params=>{return http.put(`${baseUrl}/ediAllocat`, params);};
  1 +import http from './http.js'
  2 +let baseUrl = 'nmms-server-import/nmms/mt1201'
  3 +
  4 +export const selectFlightLists = params => { return http.get(`${baseUrl}/selectFlightLists`, params); };
  5 +export const getMt1201List=params=>{return http.get(`${baseUrl}/getMt1201List`, params);};
  6 +export const getFenList=params=>{return http.get(`${baseUrl}/getFenList`, params);};
  7 +export const addMt1201=params=>{return http.post(`${baseUrl}/addMt1201`, params);};
  8 +export const ediMt1201=params=>{return http.put(`${baseUrl}/ediMt1201`, params);};
  9 +
  1 +import http from './http.js'
  2 +let baseUrl = 'nmms-server-import/nmms/mt5201'
  3 +
  4 +export const getMt5201List=params=>{return http.get(`${baseUrl}/getMt5201List`, params);};
  5 +export const addMt5201=params=>{return http.post(`${baseUrl}/addMt5201`, params);};
  6 +export const ediMt5201=params=>{return http.put(`${baseUrl}/ediMt5201`, params);};
  7 +export const delMt5201 = params => { return http.del(`${baseUrl}/delMt5201`,params)};
  8 +
  1 +import http from './http.js'
  2 +let baseUrl = 'nmms-server-import/nmms/wayDeclaration'
  3 +export const QueryData=params=>{return http.get(`${baseUrl}/Query`, params);};
@@ -14,6 +14,7 @@ import Process from './views/hqpt/Process.vue' @@ -14,6 +14,7 @@ import Process from './views/hqpt/Process.vue'
14 import Job from './views/hqpt/Job.vue' 14 import Job from './views/hqpt/Job.vue'
15 // import Form from './views/nav1/Form.vue' 15 // import Form from './views/nav1/Form.vue'
16 16
  17 +
17 import OrgManifest from './views/nmms/orgManifest.vue' 18 import OrgManifest from './views/nmms/orgManifest.vue'
18 import ExitFlight from './views/nmms/ExitFlight.vue' 19 import ExitFlight from './views/nmms/ExitFlight.vue'
19 import ExitPre from './views/nmms/ExitPre.vue' 20 import ExitPre from './views/nmms/ExitPre.vue'
@@ -25,6 +26,15 @@ import ExitFlightDesc from './views/nmms/ExitFlightDesc.vue' @@ -25,6 +26,15 @@ import ExitFlightDesc from './views/nmms/ExitFlightDesc.vue'
25 import LostLoad from './views/lostLoadChange/lostLoading.vue' 26 import LostLoad from './views/lostLoadChange/lostLoading.vue'
26 import LostLoadChange from './views/lostLoadChange/lostLoadChange.vue' 27 import LostLoadChange from './views/lostLoadChange/lostLoadChange.vue'
27 28
  29 +import OrigFlightList from './views/nmms_import/OrigFlightList.vue'
  30 +import EnterFlightInfo from './views/nmms_import/EnterFlightInfo.vue'
  31 +import OrigMaster from './views/nmms_import/OrigMaster.vue'
  32 +import EnterTally from './views/nmms_import/EnterFlightTally.vue'
  33 +import TallyMster from './views/nmms_import/TallyMster.vue'
  34 +import Waybill from './views/nmms_import/Waybill.vue'
  35 +import AllocateSearch from './views/nmms_import/AllocateSearch.vue'
  36 +import Importallocation from './views/nmms_import/Importallocation.vue'
  37 +import Allocatearrive from './views/nmms_import/Allocatearrive.vue'
28 38
29 import User from './views/nav1/user.vue' 39 import User from './views/nav1/user.vue'
30 import Page4 from './views/nav2/Page4.vue' 40 import Page4 from './views/nav2/Page4.vue'
@@ -70,7 +80,7 @@ let routes = [ @@ -70,7 +80,7 @@ let routes = [
70 iconCls: 'el-icon-setting',//图标样式class 80 iconCls: 'el-icon-setting',//图标样式class
71 children: [ 81 children: [
72 { path: '/user', component: User, name: '用户管理' }, 82 { path: '/user', component: User, name: '用户管理' },
73 - { path: '/role', component: Role, name: '岗位管理' }, 83 + { path: '/role', component: Role, name: '组织机构' },
74 { path: '/perm', component: Perm, name: '权限管理' }, 84 { path: '/perm', component: Perm, name: '权限管理' },
75 { path: '/log', component: LOG, name: '系统日志' }, 85 { path: '/log', component: LOG, name: '系统日志' },
76 { path: '/department', component: Department, name: '部门管理' }, 86 { path: '/department', component: Department, name: '部门管理' },
@@ -105,6 +115,23 @@ let routes = [ @@ -105,6 +115,23 @@ let routes = [
105 ] 115 ]
106 }, 116 },
107 { 117 {
  118 + path: '/nmms2',
  119 + component: Home,
  120 + name: '进港业务申报',
  121 + iconCls: 'fa fa-id-card-o',
  122 + children: [
  123 + { path: '/orig', component: OrigFlightList, name: '进港航班申报' },
  124 + {path:'/waybill',component:Waybill,name:'进港运单申报'},
  125 + {path:'/allocateSearch',component:AllocateSearch,name:'运单分拨申报'},
  126 + { path: '/enter', component: EnterFlightInfo, name: '原始舱单'},
  127 + { path:'/origmaster',component:OrigMaster,name:'进港原始舱单'},
  128 + {path:'/entertall',component:EnterTally,name:'进港理货'},
  129 + {path:'/tallymaster',component:TallyMster,name:'进港理货舱单'},
  130 + {path:'/importallocation',component:Importallocation,name:'进港分拨'},
  131 + {path:'/allocatearrive',component:Allocatearrive,name:'分拨运抵'}
  132 + ]
  133 + },
  134 + {
108 path: '/lost', 135 path: '/lost',
109 component: Home, 136 component: Home,
110 name: '落装改配申报', 137 name: '落装改配申报',
@@ -75,7 +75,7 @@ @@ -75,7 +75,7 @@
75 export default { 75 export default {
76 data() { 76 data() {
77 return { 77 return {
78 - sysName:'流浪地球管理系统', 78 + sysName:'易通快速通关申报管理系统',
79 collapsed:false, 79 collapsed:false,
80 sysUserName: '', 80 sysUserName: '',
81 sysUserAvatar: '', 81 sysUserAvatar: '',
@@ -16,18 +16,22 @@ @@ -16,18 +16,22 @@
16 </el-col> 16 </el-col>
17 17
18 <!--列表--> 18 <!--列表-->
19 - <el-table :data="roles" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;"> 19 + <el-table :data="roles" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;"
  20 + default-expand-all
  21 + row-key="roleId"
  22 + border
  23 + :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
20 <el-table-column type="selection" width="55"> 24 <el-table-column type="selection" width="55">
21 </el-table-column> 25 </el-table-column>
22 <el-table-column type="index" width="60"> 26 <el-table-column type="index" width="60">
23 </el-table-column> 27 </el-table-column>
24 - <el-table-column prop="roleId" label="ID" width="100" sortable>  
25 - </el-table-column> 28 + <!--<el-table-column prop="roleId" label="ID" width="100" sortable>-->
  29 + <!--</el-table-column>-->
26 <el-table-column prop="roleName" label="岗位/角色名称" min-width="200" sortable> 30 <el-table-column prop="roleName" label="岗位/角色名称" min-width="200" sortable>
27 </el-table-column> 31 </el-table-column>
28 - <el-table-column prop="departmentName" label="部门名称" min-width="200" sortable>  
29 - </el-table-column>  
30 - <el-table-column prop="description" label="岗位/角色描述" min-width="200" sortable> 32 + <!--<el-table-column prop="departmentName" label="部门名称" min-width="200" sortable>-->
  33 + <!--</el-table-column>-->
  34 + <el-table-column prop="description" label="描述" min-width="200" sortable>
31 </el-table-column> 35 </el-table-column>
32 <el-table-column label="操作" min-width="260"> 36 <el-table-column label="操作" min-width="260">
33 <template slot-scope="scope"> 37 <template slot-scope="scope">
@@ -37,7 +41,6 @@ @@ -37,7 +41,6 @@
37 </template> 41 </template>
38 </el-table-column> 42 </el-table-column>
39 </el-table> 43 </el-table>
40 -  
41 <!--工具条--> 44 <!--工具条-->
42 <el-col :span="24" class="toolbar"> 45 <el-col :span="24" class="toolbar">
43 <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button> 46 <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
@@ -168,10 +168,10 @@ @@ -168,10 +168,10 @@
168 <el-form-item label="账号"> 168 <el-form-item label="账号">
169 <span>{{roleEditForm.username}}</span> 169 <span>{{roleEditForm.username}}</span>
170 </el-form-item> 170 </el-form-item>
171 - <el-checkbox-group v-model="roleIds" size="small">  
172 - <el-checkbox-button v-for="role in roles" :label="role.roleId" :key="role.roleId" >{{role.description}}</el-checkbox-button>  
173 - </el-checkbox-group> 171 + <el-tree :data="roles" :props="treeDefaultProps" show-checkbox node-key="roleId" ref="tree">
  172 + </el-tree>
174 </el-form> 173 </el-form>
  174 +
175 <div slot="footer" class="dialog-footer"> 175 <div slot="footer" class="dialog-footer">
176 <el-button @click.native="roleFormVisible = false">取消</el-button> 176 <el-button @click.native="roleFormVisible = false">取消</el-button>
177 <el-button type="primary" @click.native="roleEditSubmit" :loading="addLoading">提交</el-button> 177 <el-button type="primary" @click.native="roleEditSubmit" :loading="addLoading">提交</el-button>
@@ -193,6 +193,10 @@ @@ -193,6 +193,10 @@
193 userName: '', 193 userName: '',
194 realName: '' 194 realName: ''
195 }, 195 },
  196 + treeDefaultProps: {
  197 + children: 'children',
  198 + label: 'roleName',
  199 + },
196 users: [], 200 users: [],
197 total: 0, 201 total: 0,
198 pageNum: 1, 202 pageNum: 1,
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <el-row class="row-bg">
  5 + <el-col :span="24"><div class="grid-content content co">进港运单分拨申报</div></el-col>
  6 + </el-row>
  7 + <!--查询条件-->
  8 + <el-row>
  9 + <el-col :span="6">
  10 + <div class="grid-content">
  11 + <el-input placeholder="" v-model="defaultQuery.awba">
  12 + <template slot="prepend">主单号</template>
  13 + </el-input>
  14 + </div>
  15 + </el-col>
  16 + <el-col :span="5">
  17 + <div class="grid-content">
  18 + <el-input placeholder="" v-model="defaultQuery.carrier">
  19 + <template slot="prepend">承运人</template>
  20 + </el-input>
  21 + </div>
  22 + </el-col>
  23 + <el-col :span="5">
  24 + <div class="grid-content">
  25 + <el-input placeholder="" v-model="defaultQuery.flightno">
  26 + <template slot="prepend">航班号</template>
  27 + </el-input>
  28 + </div>
  29 + </el-col>
  30 + <el-col :span="5">
  31 + <div class="grid-content">
  32 + <div class="block">
  33 + <el-date-picker
  34 + v-model="defaultQuery.flightdate"
  35 + value-format="yyyy-MM-dd"
  36 + type="date"
  37 + placeholder="航班日期">
  38 + </el-date-picker>
  39 + </div>
  40 + </div>
  41 + </el-col>
  42 + </el-row>
  43 + <el-row>
  44 + <el-col :span="6">
  45 + <div class="grid-content">
  46 + <el-select v-model="defaultQuery.status" placeholder="选择状态" class="sel">
  47 + <el-option
  48 + v-for="item in options"
  49 + :key="item.value"
  50 + :label="item.label"
  51 + :value="item.value">
  52 + </el-option>
  53 + </el-select>
  54 + </div>
  55 + </el-col>
  56 + <el-col :span="5">
  57 + <el-select v-model="defaultQuery.turntype" placeholder="报文类型" class="sel">
  58 + <el-option
  59 + v-for="item in options2"
  60 + :key="item.value"
  61 + :label="item.label"
  62 + :value="item.value">
  63 + </el-option>
  64 + </el-select>
  65 + </el-col>
  66 + <el-col :span="5">
  67 + <el-col :span="8" style="margin-right: 0px">
  68 + <el-button v-on:click="Query" type="primary">查询</el-button>
  69 + </el-col>
  70 + </el-col>
  71 + </el-row>
  72 + <!--查询列表-->
  73 + <el-row>
  74 + <el-col :span="24">
  75 + <template>
  76 + <el-table
  77 + ref="multipleTable"
  78 + :data="tableData"
  79 + tooltip-effect="dark"
  80 + style="width: 100%">
  81 + <el-table-column
  82 + fixed="left"
  83 + label="修改状态"
  84 + width="140">
  85 + <template slot-scope="scope">
  86 + <el-button @click="handleClick(scope.row)" type="text" size="small">修改状态</el-button>
  87 + <el-button v-if="scope.row.turntype=='MT6202'" type="text" @click="seeimport(scope.row)" size="mini">分拨申请</el-button>
  88 + <el-button v-else type="text" @click="seearrive(scope.row)" size="mini">分拨运抵</el-button>
  89 + </template>
  90 + </el-table-column>
  91 + <el-table-column
  92 + prop="awba"
  93 + label="运单号"
  94 + width="115">
  95 + </el-table-column>
  96 + <el-table-column
  97 + prop="carrier"
  98 + label="承运人"
  99 + width="65">
  100 + </el-table-column>
  101 + <el-table-column
  102 + prop="flightno"
  103 + label="航班号"
  104 + width="65">
  105 + </el-table-column>
  106 + <el-table-column
  107 + prop="flightdate"
  108 + label="航班日期"
  109 + width="95">
  110 + </el-table-column>
  111 + <el-table-column
  112 + prop="turnpiece"
  113 + label="件数"
  114 + width="65">
  115 + </el-table-column>
  116 + <el-table-column
  117 + prop="turnweight"
  118 + label="重量"
  119 + width="80">
  120 + </el-table-column>
  121 + <el-table-column
  122 + prop="customcode"
  123 + label="关区号"
  124 + width="65">
  125 + </el-table-column>
  126 + <el-table-column
  127 + prop="turnunloading"
  128 + label="到达/卸货地"
  129 + width="155">
  130 + </el-table-column>
  131 + <el-table-column
  132 + prop="status"
  133 + label="状态"
  134 + width="100">
  135 + </el-table-column>
  136 + <el-table-column
  137 + prop="repick"
  138 + label="回执内容"
  139 + width="250">
  140 + </el-table-column>
  141 + <el-table-column
  142 + label="修改状态"
  143 + width="400">
  144 + <template slot-scope="scope">
  145 + <el-button
  146 + v-if="scope.row.turntype=='MT6202'"
  147 + size="mini"
  148 + type="primary"
  149 + @click="importDetail(scope.$index, scope.row)">收发明细
  150 + </el-button>
  151 + <el-button
  152 + v-else
  153 + size="mini"
  154 + type="primary"
  155 + @click="arriveDetail(scope.$index, scope.row)">收发明细
  156 + </el-button>
  157 + <el-button
  158 + v-if="scope.row.turntype=='MT6202'"
  159 + size="mini"
  160 + type="primary"
  161 + @click="importSend(scope.$index, scope.row)">申请分拨
  162 + </el-button>
  163 + <el-button
  164 + v-else
  165 + size="mini"
  166 + type="primary"
  167 + @click="arriveSend(scope.$index, scope.row)">分拨运抵
  168 + </el-button>
  169 + <el-button
  170 + v-if="scope.row.turntype=='MT6202'"
  171 + size="mini"
  172 + type="primary"
  173 + @click="importEdit(scope.$index, scope.row)">编辑
  174 + </el-button>
  175 + <el-button
  176 + v-else
  177 + size="mini"
  178 + type="primary"
  179 + @click="arriveEdit(scope.$index, scope.row)">编辑
  180 + </el-button>
  181 + <el-button
  182 + v-if="scope.row.turntype=='MT6202'"
  183 + size="mini"
  184 + type="primary"
  185 + @click="arriveDel(scope.$index, scope.row)">申请分拨删除
  186 + </el-button>
  187 + <el-button
  188 + v-else
  189 + size="mini"
  190 + type="primary"
  191 + @click="arriveDel(scope.$index, scope.row)">分拨运抵删除
  192 + </el-button>
  193 + </template>
  194 + </el-table-column>
  195 + </el-table>
  196 + </template>
  197 + </el-col>
  198 + </el-row>
  199 + <!--分页部分-->
  200 + <el-row>
  201 + <el-col>
  202 + <div class="block">
  203 + <el-pagination
  204 + @size-change="handleSizeChange"
  205 + @current-change="handleCurrentChange"
  206 + :current-page="currentPage4"
  207 + :page-sizes="[100, 200, 300, 400]"
  208 + :page-size="100"
  209 + layout="total, sizes, prev, pager, next, jumper"
  210 + :total="400">
  211 + </el-pagination>
  212 + </div>
  213 + </el-col>
  214 + </el-row>
  215 + <!--编辑分拨运抵信息-->
  216 + <el-dialog :title="'分拨运抵信息'+textMap[dialogStatus]" :visible.sync="AouterVisible" width="90%">
  217 + <el-form :model="AruleForm" :rules="Arules" ref="AruleForm" :label-position="labelPosition"
  218 + label-width="78px" size="mini">
  219 + <!--分拨运抵管理-->
  220 + <el-row class="flightInfo">
  221 + <el-col :span="24">
  222 + <div class="grid-content content" style="height: 36px;line-height: 36px;border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;">分拨运抵管理</div>
  223 + </el-col>
  224 + </el-row>
  225 + <el-row>
  226 + <el-col :span="5">
  227 + <el-form-item label="运单号" prop="awba">
  228 + <el-input disabled="" v-model="AruleForm.awba"></el-input>
  229 + </el-form-item>
  230 + </el-col>
  231 + <el-col :span="15">
  232 + <el-button v-if="dialogStatus === 'update'" size="mini" type="primary" @click="AupdateData('AruleForm')" style="float: right">保存</el-button>
  233 + <el-button else size="mini" type="primary" style="display: none">保存</el-button>
  234 + </el-col>
  235 + </el-row>
  236 + <el-row class="flightInfo">
  237 + <el-col :span="24">
  238 + <div class="grid-content content" style="height: 36px;line-height: 36px;border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;">货物信息</div>
  239 + </el-col>
  240 + </el-row>
  241 + <el-row>
  242 + <el-col :span="5">
  243 + <el-form-item label="承运人" prop="carrier">
  244 + <el-input disabled="" v-model="AruleForm.carrier"></el-input>
  245 + </el-form-item>
  246 + </el-col>
  247 + <el-col :span="5">
  248 + <el-form-item label="航班号" prop="flightno">
  249 + <el-input disabled="" v-model="AruleForm.flightno"></el-input>
  250 + </el-form-item>
  251 + </el-col>
  252 + <el-col :span="5">
  253 + <el-form-item label="航班日期" required>
  254 + <el-col :span="24">
  255 + <el-form-item prop="flightdate">
  256 + <el-date-picker disabled="" type="date" placeholder="选择日期" v-model="AruleForm.flightdate" style="width: 100%;"></el-date-picker>
  257 + </el-form-item>
  258 + </el-col>
  259 + </el-form-item>
  260 + </el-col>
  261 + <el-col :span="5">
  262 + <el-form-item label="海关关区" prop="customcode">
  263 + <el-col :span="24">
  264 + <el-select v-model="AruleForm.customcode" placeholder="请选择海关关区" style="width:100%">
  265 + <div v-if="dialogStatus === 'update'">
  266 + <el-option v-for="item in options3" :key="item.value" :label="item.label"
  267 + :value="item.value" ></el-option>
  268 + </div>
  269 + <div v-else>
  270 + <el-option disabled="" v-for="item in options3" :key="item.value" :label="item.label"
  271 + :value="item.value" ></el-option>
  272 + </div>
  273 + </el-select>
  274 + </el-col>
  275 + </el-form-item>
  276 + </el-col>
  277 + </el-row>
  278 + <el-row>
  279 + <el-col :span="5">
  280 + <el-form-item label="运抵件数" prop="turnpiece">
  281 + <div v-if="dialogStatus === 'update'">
  282 + <el-input v-model="AruleForm.turnpiece"></el-input>
  283 + </div>
  284 + <div v-else>
  285 + <el-input disabled="" v-model="AruleForm.turnpiece"></el-input>
  286 + </div>
  287 + </el-form-item>
  288 + </el-col>
  289 + <el-col :span="5">
  290 + <el-form-item label="运抵重量" prop="turnweight">
  291 + <div v-if="dialogStatus === 'update'">
  292 + <el-input v-model="AruleForm.turnweight"></el-input>
  293 + </div>
  294 + <div v-else>
  295 + <el-input disabled="" v-model="AruleForm.turnweight"></el-input>
  296 + </div>
  297 + </el-form-item>
  298 + </el-col>
  299 + <el-col :span="5">
  300 + <el-form-item label="卸货地" prop="turnunloading">
  301 + <div v-if="dialogStatus === 'update'">
  302 + <el-input v-model="AruleForm.turnunloading"></el-input>
  303 + </div>
  304 + <div v-else>
  305 + <el-input disabled="" v-model="AruleForm.turnunloading"></el-input>
  306 + </div>
  307 + </el-form-item>
  308 + </el-col>
  309 + <el-col :span="5">
  310 + <el-form-item label="货物描述" prop="turnunloading">
  311 + <div v-if="dialogStatus === 'update'">
  312 + <el-input v-model="AruleForm.goodsname"></el-input>
  313 + </div>
  314 + <div v-else>
  315 + <el-input disabled="" v-model="AruleForm.goodsname"></el-input>
  316 + </div>
  317 + </el-form-item>
  318 + </el-col>
  319 + </el-row>
  320 +
  321 + </el-form>
  322 + </el-dialog>
  323 + <!--编辑分拨申请信息-->
  324 + <el-dialog :title="'申请分拨信息'+textMap[dialogStatus]" :visible.sync="IouterVisible" width="90%">
  325 + <el-form :model="IruleForm" :rules="Irules" ref="IruleForm" :label-position="labelPosition"
  326 + label-width="78px" size="mini">
  327 + <!--分拨运抵管理-->
  328 + <el-row class="flightInfo">
  329 + <el-col :span="24">
  330 + <div class="grid-content content" style="height: 36px;line-height: 36px;border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;">分拨运单管理</div>
  331 + </el-col>
  332 + </el-row>
  333 + <el-row>
  334 + <el-col :span="5">
  335 + <el-form-item label="运单号" prop="awba">
  336 + <el-input disabled="" v-model="IruleForm.awba"></el-input>
  337 + </el-form-item>
  338 + </el-col>
  339 + <el-col :span="15">
  340 + <el-button v-if="dialogStatus === 'update'" size="mini" type="primary" @click="IupdateData('IruleForm')" style="float: right">保存</el-button>
  341 + <el-button v-else size="mini" type="primary" style="display: none">保存</el-button>
  342 + </el-col>
  343 + </el-row>
  344 + <el-row class="flightInfo">
  345 + <el-col :span="24">
  346 + <div class="grid-content content" style="height: 36px;line-height: 36px;border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;">货物信息</div>
  347 + </el-col>
  348 + </el-row>
  349 + <el-row>
  350 + <el-col :span="5">
  351 + <el-form-item label="承运人" prop="carrier">
  352 + <el-input disabled="" v-model="IruleForm.carrier"></el-input>
  353 + </el-form-item>
  354 + </el-col>
  355 + <el-col :span="5">
  356 + <el-form-item label="航班号" prop="flightno">
  357 + <el-input disabled="" v-model="IruleForm.flightno"></el-input>
  358 + </el-form-item>
  359 + </el-col>
  360 + <el-col :span="5">
  361 + <el-form-item label="航班日期" required>
  362 + <el-col :span="24">
  363 + <el-form-item prop="flightdate">
  364 + <el-date-picker disabled="" type="date" placeholder="选择日期" v-model="IruleForm.flightdate" style="width: 100%;"></el-date-picker>
  365 + </el-form-item>
  366 + </el-col>
  367 + </el-form-item>
  368 + </el-col>
  369 + <el-col :span="5">
  370 + <el-form-item label="海关关区" prop="customcode">
  371 + <el-col :span="24">
  372 + <el-select v-model="IruleForm.customcode" placeholder="请选择海关关区" style="width:100%">
  373 + <div v-if="dialogStatus === 'update'">
  374 + <el-option v-for="item in options3" :key="item.value" :label="item.label"
  375 + :value="item.value" ></el-option>
  376 + </div>
  377 + <div v-else>
  378 + <el-option disabled="" v-for="item in options3" :key="item.value" :label="item.label"
  379 + :value="item.value" ></el-option>
  380 + </div>
  381 + </el-select>
  382 + </el-col>
  383 + </el-form-item>
  384 + </el-col>
  385 + </el-row>
  386 + <el-row>
  387 + <el-col :span="5">
  388 + <el-form-item label="运抵件数" prop="turnpiece">
  389 + <div v-if="dialogStatus === 'update'">
  390 + <el-input v-model="IruleForm.turnpiece"></el-input>
  391 + </div>
  392 + <div v-else>
  393 + <el-input disabled="" v-model="IruleForm.turnpiece"></el-input>
  394 + </div>
  395 + </el-form-item>
  396 + </el-col>
  397 + <el-col :span="5">
  398 + <el-form-item label="运抵重量" prop="turnweight">
  399 + <div v-if="dialogStatus === 'update'">
  400 + <el-input v-model="IruleForm.turnweight"></el-input>
  401 + </div>
  402 + <div v-else>
  403 + <el-input disabled="" v-model="IruleForm.turnweight"></el-input>
  404 + </div>
  405 + </el-form-item>
  406 + </el-col>
  407 + <el-col :span="5">
  408 + <el-form-item label="到达地" prop="turnunloading">
  409 + <div v-if="dialogStatus === 'update'">
  410 + <el-input v-model="IruleForm.turnunloading"></el-input>
  411 + </div>
  412 + <div v-else>
  413 + <el-input disabled="" v-model="IruleForm.turnunloading"></el-input>
  414 + </div>
  415 + </el-form-item>
  416 + </el-col>
  417 + <el-col :span="5">
  418 + <el-form-item label="拖车号" prop="pno">
  419 + <div v-if="dialogStatus === 'update'">
  420 + <el-input v-model="IruleForm.pno"></el-input>
  421 + </div>
  422 + <div v-else>
  423 + <el-input disabled="" v-model="IruleForm.pno"></el-input>
  424 + </div>
  425 + </el-form-item>
  426 + </el-col>
  427 + </el-row>
  428 + </el-form>
  429 + </el-dialog>
  430 + <!--对话提示框-->
  431 + <el-row>
  432 + <el-dialog
  433 + title="系统提示"
  434 + :visible.sync="centerDialogVisible"
  435 + width="30%"
  436 + center>
  437 + <span>{{msg}}</span>
  438 + <span slot="footer" class="dialog-footer">
  439 + <el-button @click="centerDialogVisible = false">取 消</el-button>
  440 + <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
  441 + </span>
  442 + </el-dialog>
  443 + </el-row>
  444 + </el-main>
  445 + </el-container>
  446 +</template>
  447 +<style scoped>
  448 + .co{height: 36px;line-height: 36px;}
  449 + .co{border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;margin-bottom: 2px}
  450 + .row-bg{background-color: white;padding:0px;}
  451 + .el-row{margin-bottom: 10px;}
  452 + .sel{display: inline;}
  453 + .mark{height:24px;}
  454 + .bg{height:24px;text-align: center;line-height:24px;min-height: 24px}
  455 +</style>
  456 +<script>
  457 + import { QueryData,ediAllocat } from '../../api/Allocat'
  458 + export default{
  459 + data(){
  460 + return{
  461 + defaultQuery:{
  462 + awba:'',
  463 + carrier:'',
  464 + flighto:'',
  465 + flightdate:'',
  466 + status:'',
  467 + turntype:''
  468 + },
  469 + options: [
  470 + {
  471 + value: '',
  472 + label: '选择状态'
  473 + }, {
  474 + value: '01',
  475 + label: '未发送'
  476 + }, {
  477 + value: '02',
  478 + label: '已发舱单报'
  479 + }, {
  480 + value: '03',
  481 + label: '收到舱单报回执'
  482 + }, {
  483 + value: '04',
  484 + label: '收到舱单报回执'
  485 + }, {
  486 + value: '05',
  487 + label: '舱单报申报成功'
  488 + }, {
  489 + value: '06',
  490 + label: '已发舱单删除报'
  491 + }, {
  492 + value: '07',
  493 + label: '舱单删除报退单'
  494 + }, {
  495 + value: '08',
  496 + label: '舱单删除报转人工'
  497 + }],
  498 + options2: [
  499 + {
  500 + value: '',
  501 + label: '选择状态'
  502 + }, {
  503 + value: 'MT6202',
  504 + label: '分拨申请'
  505 + }, {
  506 + value: 'MT3202',
  507 + label: '分拨运抵'
  508 + }],
  509 + options3: [
  510 + {
  511 + value: '4604',
  512 + label: '4604'
  513 + }, {
  514 + value: '4620',
  515 + label: '4620'
  516 + }, {
  517 + value: '4613',
  518 + label: '4613'
  519 + }],
  520 + tableData: [],
  521 + multipleSelection: [],
  522 + labelPosition:'left',
  523 + currentPage4: 4,
  524 + dialogStatus:'',
  525 + IouterVisible: false,
  526 + AouterVisible: false,
  527 + centerDialogVisible:false,
  528 + msg:'',
  529 + code:'',
  530 + textMap:{
  531 + update: '编辑',
  532 + detail: ''
  533 + },
  534 + AruleForm:{
  535 + awba:'',
  536 + carrier:'',
  537 + flightno:'',
  538 + flightdate:'',
  539 + customcode:'',
  540 + turnpiece:'',
  541 + turnweight:'',
  542 + turnunloading:'',
  543 + goodsname:''
  544 + },
  545 + Arules: {
  546 + awba: [
  547 + { required: true, message: '请输入运单号', trigger: 'blur' },
  548 + ],
  549 + carrier: [
  550 + { required: true, message: '请输入承运人', trigger: 'blur' }
  551 + ],
  552 + flightno: [
  553 + { required: true, message: '请输入航班号', trigger: 'blur' }
  554 + ],
  555 + goodsname: [
  556 + { required: true, message: '请输入货物描述', trigger: 'blur' }
  557 + ],
  558 + turnpiece: [
  559 + { required: true, message: '请输入分拨件数', trigger: 'blur' }
  560 + ],
  561 + turnweight: [
  562 + { required: true, message: '请输入分拨重量', trigger: 'blur' }
  563 + ],
  564 + flightdate: [
  565 + {required: true, message: '航班日期必须选择', trigger: 'change'}
  566 + ],
  567 + customcode: [
  568 + { required: true, message: '请选择海关关区', trigger: 'change' }
  569 + ],
  570 + turnunLoading: [
  571 + { required: true, message: '请选择分拨到达地', trigger: 'change' }
  572 + ],
  573 + },
  574 + IruleForm:{
  575 + awba:undefined,
  576 + carrier:undefined,
  577 + flightno:undefined,
  578 + flightdate:undefined,
  579 + customcode:undefined,
  580 + turnpiece:undefined,
  581 + turnweight:undefined,
  582 + turnunloading:undefined,
  583 + pno:undefined
  584 + },
  585 + Irules: {
  586 + awba: [
  587 + { required: true, message: '请输入运单号', trigger: 'blur' },
  588 + ],
  589 + carrier: [
  590 + { required: true, message: '请输入承运人', trigger: 'blur' }
  591 + ],
  592 + flightno: [
  593 + { required: true, message: '请输入航班号', trigger: 'blur' }
  594 + ],
  595 + goodsname: [
  596 + { required: true, message: '请输入货物描述', trigger: 'blur' }
  597 + ],
  598 + turnpiece: [
  599 + { required: true, message: '请输入分拨件数', trigger: 'blur' }
  600 + ],
  601 + turnweight: [
  602 + { required: true, message: '请输入分拨重量', trigger: 'blur' }
  603 + ],
  604 + flightdate: [
  605 + {required: true, message: '航班日期必须选择', trigger: 'change'}
  606 + ],
  607 + customcode: [
  608 + { required: true, message: '请选择海关关区', trigger: 'change' }
  609 + ],
  610 + turnunLoading: [
  611 + { required: true, message: '请选择分拨到达地', trigger: 'change' }
  612 + ],
  613 + },
  614 + }
  615 + },
  616 + methods:{
  617 + handleClick(row) {
  618 + console.log(row);
  619 + },
  620 + handleSizeChange(val) {
  621 + console.log(`每页 ${val} 条`);
  622 + },
  623 + handleCurrentChange(val) {
  624 + console.log(`当前页: ${val}`);
  625 + },
  626 + //条件查询
  627 + Query(){
  628 + QueryData(this.defaultQuery).then(res =>{
  629 + //console.log(res);
  630 + let response=res.data.data;
  631 + this.tableData=response;
  632 + });
  633 + },
  634 + getList(){
  635 + this.defaultQuery=this.$route.params;
  636 + QueryData(this.defaultQuery).then(res =>{
  637 + //console.log(res);
  638 + let response=res.data.data;
  639 + this.tableData=response;
  640 + });
  641 + },
  642 + //运抵信息编辑
  643 + arriveEdit(index,row){
  644 + this.AouterVisible=true;
  645 + this.dialogStatus="update";
  646 + this.AruleForm=row;
  647 + },
  648 + //申请分拨编辑
  649 + importEdit(index,row){
  650 + this.IouterVisible=true;
  651 + this.dialogStatus="update";
  652 + this.IruleForm=row;
  653 + },
  654 + //查看分拨申请信息
  655 + seeimport(row){
  656 + this.IouterVisible=true;
  657 + this.dialogStatus="detail";
  658 + this.IruleForm=row;
  659 + },
  660 + //查看分拨运抵信息
  661 + seearrive(row){
  662 + this.AouterVisible=true;
  663 + this.dialogStatus="detail";
  664 + this.AruleForm=row;
  665 + },
  666 + //分拨运抵更新
  667 + AupdateData(formName){
  668 + this.$refs[formName].validate((valid) => {
  669 + if (valid) {
  670 + ediAllocat(this.AruleForm).then(res=>{
  671 + let response=res.data;
  672 + this.code=response.code;
  673 + if(this.code=='200'){
  674 + this.AouterVisible = false;
  675 + this.centerDialogVisible=true;
  676 + this.msg=response.msg;
  677 + }else{
  678 + this.AouterVisible = false;
  679 + this.centerDialogVisible=true;
  680 + this.msg=response.msg;
  681 + }
  682 + });
  683 + } else {
  684 + console.log('error submit!!');
  685 + return false;
  686 + }
  687 + });
  688 + },
  689 + //分拨申请更新
  690 + IupdateData(formName){
  691 + this.$refs[formName].validate((valid) => {
  692 + if (valid) {
  693 + ediAllocat(this.IruleForm).then(res=>{
  694 + let response=res.data;
  695 + //console.log(res);
  696 + this.code=response.code;
  697 + if(this.code=='200'){
  698 + this.IouterVisible = false;
  699 + this.centerDialogVisible=true;
  700 + this.msg=response.msg;
  701 + }else{
  702 + this.IouterVisible = false;
  703 + this.centerDialogVisible=true;
  704 + this.msg=response.msg;
  705 + }
  706 + });
  707 + } else {
  708 + console.log('error submit!!');
  709 + return false;
  710 + }
  711 + });
  712 + }
  713 + },
  714 + mounted(){
  715 + this.getList();
  716 + }
  717 + }
  718 +</script>
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <el-row class="row-bg">
  5 + <el-col :span="24"><div class="grid-content content co">分拨运抵管理</div></el-col>
  6 + </el-row>
  7 + <el-row>
  8 + <el-col :span="12">
  9 + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm":label-position="labelPosition">
  10 + <el-form-item label="运单号" prop="awba">
  11 + <el-input v-model="ruleForm.awba"></el-input>
  12 + </el-form-item>
  13 + <el-form-item label="承运人" prop="carrier">
  14 + <el-input v-model="ruleForm.carrier"></el-input>
  15 + </el-form-item>
  16 + <el-form-item label="航班号" prop="flightno">
  17 + <el-input v-model="ruleForm.flightno"></el-input>
  18 + </el-form-item>
  19 + <el-form-item label="航班日期" required>
  20 + <el-col :span="24">
  21 + <el-form-item prop="flightdate">
  22 + <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.flightdate" style="width: 100%;"></el-date-picker>
  23 + </el-form-item>
  24 + </el-col>
  25 + </el-form-item>
  26 + <el-form-item label="运抵件数" prop="turnpiece">
  27 + <el-input v-model="ruleForm.turnpiece"></el-input>
  28 + </el-form-item>
  29 + <el-form-item label="运抵重量" prop="turnweight">
  30 + <el-input v-model="ruleForm.turnweight"></el-input>
  31 + </el-form-item>
  32 + <el-form-item label="海关关区" prop="customcode">
  33 + <el-col :span="24">
  34 + <el-select v-model="ruleForm.customcode" placeholder="请选择海关关区" style="width:100%">
  35 + <el-option v-for="item in options2" :key="item.value" :label="item.label"
  36 + :value="item.value" ></el-option>
  37 + </el-select>
  38 + </el-col>
  39 + </el-form-item>
  40 + <el-form-item label="运抵到达" prop="turnunloading">
  41 + <el-col :span="24">
  42 + <el-select v-model="ruleForm.turnunloading" placeholder="请选择运抵到达地" style="width:100%">
  43 + <el-option v-for="item in options" :key="item.value" :label="item.label"
  44 + :value="item.value" ></el-option>
  45 + </el-select>
  46 + </el-col>
  47 + </el-form-item>
  48 + <el-form-item label="货物描述" prop="goodsname">
  49 + <el-input v-model="ruleForm.goodsname"></el-input>
  50 + </el-form-item>
  51 + </el-form>
  52 + </el-col>
  53 + <el-col :span="12">
  54 + <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button>
  55 + <el-button type="primary" @click="submitForm('ruleForm')">保存发送</el-button>
  56 + </el-col>
  57 + </el-row>
  58 + <!--对话提示框-->
  59 + <el-row>
  60 + <el-dialog
  61 + title="系统提示"
  62 + :visible.sync="centerDialogVisible"
  63 + width="30%"
  64 + center>
  65 + <span>{{msg}}</span>
  66 + <span slot="footer" class="dialog-footer">
  67 + <el-button @click="DialogVisible">取 消</el-button>
  68 + <el-button type="primary" @click="DialogVisible">确 定</el-button>
  69 + </span>
  70 + </el-dialog>
  71 + </el-row>
  72 + </el-main>
  73 + </el-container>
  74 +</template>
  75 +<style scoped>
  76 + .co{height: 36px;line-height: 36px;}
  77 + .co{border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;margin-bottom: 2px}
  78 + .row-bg{background-color: white;padding:0px;}
  79 +</style>
  80 +<script>
  81 + import { addAllocatArrive } from '../../api/Allocat'
  82 + export default {
  83 + data(){
  84 + return{
  85 + ruleForm: {
  86 + awba: '',
  87 + carrier: '',
  88 + flightno: '',
  89 + flightdate:'',
  90 + turnpiece:'',
  91 + turnweight:'',
  92 + customcode:'',
  93 + turnunloading:'',
  94 + goodsname:''
  95 + },
  96 + rules: {
  97 + awba: [
  98 + { required: true, message: '请输入运单号', trigger: 'blur' },
  99 + ],
  100 + carrier: [
  101 + { required: true, message: '请输入承运人', trigger: 'blur' }
  102 + ],
  103 + flightno: [
  104 + { required: true, message: '请输入航班号', trigger: 'blur' }
  105 + ],
  106 + goodsname: [
  107 + { required: true, message: '请输入货物描述', trigger: 'blur' }
  108 + ],
  109 + turnpiece: [
  110 + { required: true, message: '请输入分拨件数', trigger: 'blur' }
  111 + ],
  112 + turnweight: [
  113 + { required: true, message: '请输入分拨重量', trigger: 'blur' }
  114 + ],
  115 + flightdate: [
  116 + {required: true, message: '航班日期必须选择', trigger: 'change'}
  117 + ],
  118 + customcode: [
  119 + { required: true, message: '请选择海关关区', trigger: 'change' }
  120 + ],
  121 + turnunLoading: [
  122 + { required: true, message: '请选择分拨到达地', trigger: 'change' }
  123 + ],
  124 + },
  125 + options2: [
  126 + {
  127 + value: '4604',
  128 + label: '4604'
  129 + }, {
  130 + value: '4620',
  131 + label: '4620'
  132 + }, {
  133 + value: '4613',
  134 + label: '4613'
  135 + }],
  136 + options: [
  137 + {
  138 + value: 'CNZGZ460044/4620',
  139 + label: 'CNZGZ460044/4620'
  140 + }, {
  141 + value: 'CNCGO460011/4604',
  142 + label: 'CNCGO460011/4604'
  143 + }, {
  144 + value: 'CNCGO460011/4613',
  145 + label: 'CNCGO460011/4613'
  146 + }],
  147 + labelPosition:'left',
  148 + centerDialogVisible:false,
  149 + msg:'',
  150 + code:''
  151 + }
  152 + },
  153 + methods:{
  154 + submitForm(formName) {
  155 + this.$refs[formName].validate((valid) => {
  156 + if (valid) {
  157 + addAllocatArrive(this.ruleForm).then(res=>{
  158 + let response=res.data;
  159 + //console.log(res);
  160 + this.code=response.code;
  161 + if(this.code=='200'){
  162 + this.centerDialogVisible=true;
  163 + this.msg=response.msg;
  164 + }else{
  165 + this.centerDialogVisible=true;
  166 + this.msg=response.msg;
  167 + }
  168 + });
  169 + } else {
  170 + console.log('error submit!!');
  171 + return false;
  172 + }
  173 + });
  174 + },
  175 + getDefaultData(){
  176 + this.ruleForm=this.$route.params;
  177 + },
  178 + DialogVisible(){
  179 + this.centerDialogVisible=false;
  180 + this.$router.push({name:'运单分拨申报',params:{awba:this.ruleForm.awba}});
  181 + }
  182 + },
  183 + mounted(){
  184 + this.getDefaultData();
  185 + }
  186 + }
  187 +</script>
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <!--检索条件-->
  5 + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
  6 + <el-row>
  7 + <el-col :span="24"><div class="grid-content"><p>请输入航班信息：</p></div></el-col>
  8 + </el-row>
  9 + <el-row>
  10 + <el-col :span="24"><div class="grid-content"><h1>Please Enter The Flight Information：</h1></div></el-col>
  11 + </el-row>
  12 + <el-row type="flex" class="row-bg" justify="center">
  13 + <el-col :span="5">
  14 + <el-form-item label="航班号" prop="flightno">
  15 + <el-input placeholder="" v-model="ruleForm.flightno" style="width:100%"></el-input>
  16 + </el-form-item>
  17 + </el-col>
  18 + <el-col :span="5">
  19 + <el-form-item label="航班日期" required>
  20 + <el-col :span="24">
  21 + <el-form-item prop="flightdate">
  22 + <el-date-picker type="date" placeholder="选择日期" :clearable="false" v-model="ruleForm.flightdate" style="width: 100%;"></el-date-picker>
  23 + </el-form-item>
  24 + </el-col>
  25 + </el-form-item>
  26 + </el-col>
  27 + <el-col :span="5">
  28 + <el-form-item label="始发站" prop="originstation">
  29 + <el-input placeholder="" v-model="ruleForm.originstation"></el-input>
  30 + </el-form-item>
  31 + </el-col>
  32 + <el-col :span="5">
  33 + <el-form-item label="目的站" prop="destinationstation">
  34 + <el-input placeholder="" v-model="ruleForm.destinationstation" :disabled="true"></el-input>
  35 + </el-form-item>
  36 + </el-col>
  37 + </el-row>
  38 + <el-row>
  39 + <el-col :span="4" :offset="10">
  40 + <div class="grid-content">
  41 + <el-button type="primary" @click="submitForm('ruleForm')">下一步</el-button>
  42 + </div>
  43 + </el-col>
  44 + </el-row>
  45 + </el-form>
  46 + </el-main>
  47 + </el-container>
  48 +</template>
  49 +<!--自定义CSS-->
  50 +<style scoped>
  51 + .el-container{text-align: center}
  52 + .el-main{margin:0 auto;height:400px;}
  53 + p{font-size:25px;font-weight: bold;}
  54 + .row-bg{padding:30px 0;}
  55 + .el-form-item {margin-bottom: 0px;}
  56 +</style>
  57 +
  58 +<script>
  59 + export default {
  60 + data() {
  61 + return {
  62 + /*初始化值*/
  63 + ruleForm: {
  64 + flightno:'',
  65 + flightdate:'',
  66 + originstation:'',
  67 + destinationstation:'CGO'
  68 + },
  69 + /*表单校验规则*/
  70 + rules: {
  71 + flightno: [
  72 + {required: true, message: '请输入航班号', trigger: 'blur'},
  73 + {min: 3, max: 6, message: '输入不符合规范', trigger: 'blur'}
  74 + ],
  75 + originstation: [
  76 + {required: true, message: '请输入航班起始站', trigger: 'blur'},
  77 + {min: 3, max: 5, message: '长度为 3 ', trigger: 'blur'}
  78 + ],
  79 + destinationstation: [
  80 + {required: true, message: '请输入目的站', trigger: 'blur'},
  81 + {min: 3, max: 5, message: '长度为 3 ', trigger: 'blur'}
  82 + ],
  83 + flightdate: [
  84 + { required: true, message: '请选择日期', trigger: 'blur' }
  85 + ]
  86 + }
  87 + };
  88 + },
  89 + methods:{
  90 + /*按钮点击请求方法*/
  91 + submitForm(formName) {
  92 + this.$refs[formName].validate((valid) => {
  93 + if (valid) {
  94 + this.$router.push({name:'进港原始舱单',params:{flightno:this.ruleForm.flightno,flightdate:this.dateConversion(this.ruleForm.flightdate),originstation:this.ruleForm.originstation,destinationstation:this.ruleForm.destinationstation}});
  95 + } else {
  96 + console.log('error submit!!');
  97 + return false;
  98 + }
  99 + });
  100 + },
  101 + /*航班日期格式化方法*/
  102 + dateConversion(value){
  103 + var date = new Date(value);
  104 + date = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
  105 + return date;
  106 + },
  107 + /*加载默认参数*/
  108 + getDefaultData(){
  109 + if(this.$route.params.row!=null){
  110 + this.ruleForm.flightno=this.$route.params.row.flightno;
  111 + this.ruleForm.flightdate=this.$route.params.row.flightdate;
  112 + this.ruleForm.originstation=this.$route.params.row.originstation;
  113 + }
  114 + }
  115 + },
  116 + /*渲染方法*/
  117 + mounted(){
  118 + this.getDefaultData();
  119 + }
  120 + };
  121 +</script>
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <!--表单检索条件-->
  5 + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
  6 + <el-row>
  7 + <el-col :span="24"><div class="grid-content"><p>请输入航班信息：</p></div></el-col>
  8 + </el-row>
  9 + <el-row>
  10 + <el-col :span="24"><div class="grid-content"><h1>Please Enter The Flight Information：</h1></div></el-col>
  11 + </el-row>
  12 + <el-row type="flex" class="row-bg" justify="center">
  13 + <el-col :span="5">
  14 + <el-form-item label="航班号" prop="flightno">
  15 + <el-input placeholder="" v-model="ruleForm.flightno" style="width:100%"></el-input>
  16 + </el-form-item>
  17 + </el-col>
  18 + <el-col :span="5">
  19 + <el-form-item label="航班日期" required>
  20 + <el-col :span="24">
  21 + <el-form-item prop="flightdate">
  22 + <el-date-picker type="date" placeholder="选择日期" :clearable="false" v-model="ruleForm.flightdate" style="width: 100%;"></el-date-picker>
  23 + </el-form-item>
  24 + </el-col>
  25 + </el-form-item>
  26 + </el-col>
  27 + <el-col :span="5">
  28 + <el-form-item label="始发站" prop="originstation">
  29 + <el-input placeholder="" v-model="ruleForm.originstation"></el-input>
  30 + </el-form-item>
  31 + </el-col>
  32 + <el-col :span="5">
  33 + <el-form-item label="目的站" prop="destinationstation">
  34 + <el-input placeholder="" v-model="ruleForm.destinationstation" :disabled="true"></el-input>
  35 + </el-form-item>
  36 + </el-col>
  37 + </el-row>
  38 + <el-row>
  39 + <el-col :span="4" :offset="10">
  40 + <div class="grid-content">
  41 + <el-button type="primary" @click="submitForm('ruleForm')">下一步</el-button>
  42 + </div>
  43 + </el-col>
  44 + </el-row>
  45 + </el-form>
  46 + </el-main>
  47 + </el-container>
  48 +</template>
  49 +<!--自定义CSS-->
  50 +<style scoped>
  51 + .el-container{text-align: center}
  52 + .el-main{margin:0 auto;height:400px;}
  53 + p{font-size:25px;font-weight: bold;}
  54 + .row-bg{padding:30px 0;}
  55 + .el-form-item {margin-bottom: 0px;}
  56 +</style>
  57 +
  58 +<script>
  59 + export default {
  60 + data() {
  61 + return {
  62 + /*初始化值*/
  63 + ruleForm: {
  64 + flightno: '',
  65 + flightdate:'',
  66 + originstation:'',
  67 + destinationstation:'CGO'
  68 + },
  69 + /*表单验证方法*/
  70 + rules: {
  71 + flightno: [
  72 + {required: true, message: '请输入航班号', trigger: 'blur'},
  73 + {min: 3, max: 6, message: '输入不符合规范', trigger: 'blur'}
  74 + ],
  75 + originstation: [
  76 + {required: true, message: '请输入航班起始站', trigger: 'blur'},
  77 + {min: 3, max: 5, message: '长度为 3 ', trigger: 'blur'}
  78 + ],
  79 + destinationstation: [
  80 + {required: true, message: '请输入目的站', trigger: 'blur'},
  81 + {min: 3, max: 5, message: '长度为 3 ', trigger: 'blur'}
  82 + ],
  83 + flightdate: [
  84 + { required: true, message: '请选择日期', trigger: 'change' }
  85 + ]
  86 + }
  87 + };
  88 + },
  89 + methods:{
  90 + /*按钮点击请求方法*/
  91 + submitForm(formName) {
  92 + this.$refs[formName].validate((valid) => {
  93 + if (valid) {
  94 + this.$router.push({name:'进港理货舱单',params:{flightno:this.ruleForm.flightno,flightdate:this.dateConversion(this.ruleForm.flightdate),originstation:this.ruleForm.originstation,destinationstation:this.ruleForm.destinationstation}})
  95 + } else {
  96 + //console.log('error submit!!');
  97 + return false;
  98 + }
  99 + });
  100 + },
  101 + /*航班日期格式化方法*/
  102 + dateConversion(value){
  103 + var date = new Date(value);
  104 + var date = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
  105 + return date;
  106 + },
  107 + /*获取默认值方法*/
  108 + getDefaultData(){
  109 + if(this.$route.params.row!=null){
  110 + this.ruleForm.flightno=this.$route.params.row.flightno;
  111 + this.ruleForm.flightdate=this.$route.params.row.flightdate;
  112 + this.ruleForm.originstation=this.$route.params.row.originstation;
  113 + }
  114 + }
  115 + },
  116 + /*渲染方法*/
  117 + mounted(){
  118 + this.getDefaultData();
  119 + }
  120 + };
  121 +
  122 +</script>
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <el-row class="row-bg">
  5 + <el-col :span="24"><div class="grid-content content co">分拨运单管理</div></el-col>
  6 + </el-row>
  7 + <el-row>
  8 + <el-col :span="12">
  9 + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm":label-position="labelPosition">
  10 + <el-form-item label="运单号" prop="awba">
  11 + <el-input v-model="ruleForm.awba"></el-input>
  12 + </el-form-item>
  13 + <el-form-item label="承运人" prop="carrier">
  14 + <el-input v-model="ruleForm.carrier"></el-input>
  15 + </el-form-item>
  16 + <el-form-item label="航班号" prop="flightno">
  17 + <el-input v-model="ruleForm.flightno"></el-input>
  18 + </el-form-item>
  19 + <el-form-item label="拖车号" prop="pno">
  20 + <el-input v-model="ruleForm.pno"></el-input>
  21 + </el-form-item>
  22 + <el-form-item label="航班日期" required>
  23 + <el-col :span="24">
  24 + <el-form-item prop="flightdate">
  25 + <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.flightdate" style="width: 100%;"></el-date-picker>
  26 + </el-form-item>
  27 + </el-col>
  28 + </el-form-item>
  29 + <el-form-item label="分拨件数" prop="turnpiece">
  30 + <el-input v-model="ruleForm.turnpiece"></el-input>
  31 + </el-form-item>
  32 + <el-form-item label="分拨重量" prop="turnweight">
  33 + <el-input v-model="ruleForm.turnweight"></el-input>
  34 + </el-form-item>
  35 + <el-form-item label="海关关区" prop="customcode">
  36 + <el-col :span="24">
  37 + <el-select v-model="ruleForm.customcode" placeholder="请选择海关关区" style="width:100%">
  38 + <el-option v-for="item in options2" :key="item.value" :label="item.label"
  39 + :value="item.value" ></el-option>
  40 + </el-select>
  41 + </el-col>
  42 + </el-form-item>
  43 + <el-form-item label="分拨到达" prop="turnunloading">
  44 + <el-col :span="24">
  45 + <el-select v-model="ruleForm.turnunloading" placeholder="请选择分拨到达地" style="width:100%">
  46 + <el-option v-for="item in options" :key="item.value" :label="item.label"
  47 + :value="item.value" ></el-option>
  48 + </el-select>
  49 + </el-col>
  50 + </el-form-item>
  51 + </el-form>
  52 + </el-col>
  53 + <el-col :span="12">
  54 + <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button>
  55 + <el-button type="primary" @click="submitSend('ruleForm')">保存发送</el-button>
  56 + </el-col>
  57 + </el-row>
  58 + <!--对话提示框-->
  59 + <el-row>
  60 + <el-dialog
  61 + title="系统提示"
  62 + :visible.sync="centerDialogVisible"
  63 + width="30%"
  64 + center>
  65 + <span>{{msg}}</span>
  66 + <span slot="footer" class="dialog-footer">
  67 + <el-button @click="DialogVisible">取 消</el-button>
  68 + <el-button type="primary" @click="DialogVisible">确 定</el-button>
  69 + </span>
  70 + </el-dialog>
  71 + </el-row>
  72 + </el-main>
  73 + </el-container>
  74 +</template>
  75 +<style scoped>
  76 + .co{height: 36px;line-height: 36px;}
  77 + .co{border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;margin-bottom: 2px}
  78 + .row-bg{background-color: white;padding:0px;}
  79 + </style>
  80 +<script>
  81 + import { addAllocatImport } from '../../api/Allocat'
  82 + export default {
  83 + data(){
  84 + return{
  85 + ruleForm: {
  86 + awba: '',
  87 + carrier: '',
  88 + flightno: '',
  89 + flightdate:'',
  90 + turnpiece:'',
  91 + turnweight:'',
  92 + customcode:'',
  93 + turnunloading:'',
  94 + pno:''
  95 + },
  96 + rules: {
  97 + awba: [
  98 + { required: true, message: '请输入运单号', trigger: 'blur' },
  99 + ],
  100 + carrier: [
  101 + { required: true, message: '请输入承运人', trigger: 'blur' }
  102 + ],
  103 + flightno: [
  104 + { required: true, message: '请输入航班号', trigger: 'blur' }
  105 + ],
  106 + turnpiece: [
  107 + { required: true, message: '请输入分拨件数', trigger: 'blur' }
  108 + ],
  109 + turnweight: [
  110 + { required: true, message: '请输入分拨重量', trigger: 'blur' }
  111 + ],
  112 + flightdate: [
  113 + {required: true, message: '航班日期必须选择', trigger: 'change'}
  114 + ],
  115 + customcode: [
  116 + { required: true, message: '请选择海关关区', trigger: 'change' }
  117 + ],
  118 + turnunLoading: [
  119 + { required: true, message: '请选择分拨到达地', trigger: 'change' }
  120 + ],
  121 + },
  122 + options2: [
  123 + {
  124 + value: '4604',
  125 + label: '4604'
  126 + }, {
  127 + value: '4620',
  128 + label: '4620'
  129 + }, {
  130 + value: '4613',
  131 + label: '4613'
  132 + }],
  133 + options: [
  134 + {
  135 + value: 'CNZGZ460044/4620',
  136 + label: 'CNZGZ460044/4620'
  137 + }, {
  138 + value: 'CNCGO460011/4604',
  139 + label: 'CNCGO460011/4604'
  140 + }, {
  141 + value: 'CNCGO460011/4613',
  142 + label: 'CNCGO460011/4613'
  143 + }],
  144 + labelPosition:'left',
  145 + centerDialogVisible:false,
  146 + msg:'',
  147 + code:''
  148 + }
  149 + },
  150 + methods:{
  151 + submitForm(formName) {
  152 + this.$refs[formName].validate((valid) => {
  153 + if (valid) {
  154 + addAllocatImport(this.ruleForm).then(res=>{
  155 + let response=res.data;
  156 + //console.log(res);
  157 + this.code=response.code;
  158 + if(this.code=='200'){
  159 + this.centerDialogVisible=true;
  160 + this.msg=response.msg;
  161 + }else{
  162 + this.centerDialogVisible=true;
  163 + this.msg=response.msg;
  164 + }
  165 + });
  166 + } else {
  167 + console.log('error submit!!');
  168 + return false;
  169 + }
  170 + });
  171 + },
  172 + getDefaultData(){
  173 + this.ruleForm=this.$route.params;
  174 + },
  175 + DialogVisible(){
  176 + this.centerDialogVisible=false;
  177 + this.$router.push({name:'运单分拨申报',params:{awba:this.ruleForm.awba}});
  178 + }
  179 + },
  180 + mounted(){
  181 + this.getDefaultData();
  182 + }
  183 + }
  184 +</script>
  1 +<template>
  2 + <el-container>
  3 + <el-main >
  4 + <!--检索条件-->
  5 + <el-row>
  6 + <el-col :span="4">
  7 + <div class="grid-content bg-purple">
  8 + <el-input v-model="carrier" placeholder="">
  9 + <template slot="prepend">航班号</template>
  10 + </el-input>
  11 + </div>
  12 + </el-col>
  13 + <el-col :span="5">
  14 + <div class="block">
  15 + <el-date-picker
  16 + v-model="flighttime"
  17 + type="date"
  18 + value-format="yyyy-MM-dd"
  19 + placeholder="航班日期">
  20 + </el-date-picker>
  21 + </div>
  22 + </el-col>
  23 + <el-col :span="2">
  24 + <div class="grid-content">
  25 + <el-button type="primary" v-on:click="getFlightList">航班查询</el-button>
  26 + </div>
  27 + </el-col>
  28 + </el-row>
  29 + <!--TableList-->
  30 + <el-row>
  31 + <template>
  32 + <el-table
  33 + :data="tableData"
  34 + style="width: 100%"
  35 + :default-sort = "{prop: 'date', order: 'descending'}"
  36 + >
  37 + <el-table-column
  38 + prop="flightno"
  39 + label="航班号"
  40 + >
  41 + </el-table-column>
  42 + <el-table-column
  43 + prop="flightdate"
  44 + label="航班日期"
  45 + >
  46 + </el-table-column>
  47 + <el-table-column
  48 + prop="originstation"
  49 + label="始发站"
  50 + >
  51 + </el-table-column>
  52 + <el-table-column
  53 + prop="destinationstation"
  54 + label="目的站"
  55 + >
  56 + </el-table-column>
  57 + <el-table-column
  58 + fixed="right"
  59 + label="操作"
  60 + width="200">
  61 + <template slot-scope="scope">
  62 + <el-button
  63 + size="mini"
  64 + type="primary"
  65 + @click="handleEdit(scope.$index, scope.row)">原始舱单</el-button>
  66 + <el-button
  67 + size="mini"
  68 + type="primary"
  69 + @click="handleDelete(scope.$index, scope.row)">进港理货</el-button>
  70 + </template>
  71 + </el-table-column>
  72 + </el-table>
  73 + </template>
  74 + </el-row>
  75 + <!--分页模块-->
  76 + <el-row style="float: right">
  77 + <div class="block">
  78 + <el-pagination
  79 + @size-change="handleSizeChange"
  80 + @current-change="handleCurrentChange"
  81 + :current-page="currentPage"
  82 + :page-sizes="[10, 20, 30, 40]"
  83 + :page-size="pageSize"
  84 + layout="total, sizes, prev, pager, next, jumper"
  85 + :total="total">
  86 + </el-pagination>
  87 + </div>
  88 + </el-row>
  89 + </el-main>
  90 + </el-container>
  91 +
  92 +</template>
  93 +
  94 +<script>
  95 + import { selectFlightLists } from '../../api/mt1201'
  96 + export default {
  97 + data() {
  98 + /*初始化值*/
  99 + return {
  100 + carrier:undefined,
  101 + tableData: [],
  102 + flighttime: undefined,
  103 + currentPage:1,
  104 + pageSize:10,
  105 + total:0
  106 + }
  107 + },
  108 + methods: {
  109 + /*设置默认航班时间*/
  110 + getdatatime(){
  111 + this.flighttime=new Date();
  112 + },
  113 + /*分页方法*/
  114 + handleSizeChange(val) {
  115 + this.pageSize=val;
  116 + this.getFlightList();
  117 + },
  118 + handleCurrentChange(val) {
  119 + this.currentPage=val;
  120 + this.getFlightList();
  121 + },
  122 + /*查询列表请求*/
  123 + getFlightList:function() {
  124 + let params={currentPage:this.currentPage,pageSize:this.pageSize,flighttime:this.flighttime,carrier:this.carrier};
  125 + this.listLoading = true;
  126 + selectFlightLists(params).then(res=>{
  127 + let response=res.data.data;
  128 + this.tableData=response.list;
  129 + this.total=response.total;
  130 + this.listLoading = false;
  131 + });
  132 + },
  133 + /*原始舱单跳转*/
  134 + handleEdit(index, row) {
  135 + this.$router.push({name:'原始舱单',params:{index,row}})
  136 + },
  137 + /*进港理货跳转*/
  138 + handleDelete(index, row) {
  139 + this.$router.push({name:'进港理货',params:{index,row}})
  140 + }
  141 + },
  142 + /*渲染方法*/
  143 + mounted() {
  144 + let that=this;
  145 + that.getdatatime();
  146 + that.getFlightList();
  147 + },
  148 + }
  149 +</script>
  150 +
  151 +<style>
  152 + .el-main{padding: 10px 0px 10px 0px; }
  153 + .el-col{margin-right: 10px;}
  154 +</style>
  1 +<template>
  2 + <el-container>
  3 + <el-main style="background-color: white">
  4 + <!--检索条目部分-->
  5 + <el-row class="row-bg">
  6 + <el-col :span="24">
  7 + <div class="grid-content content">航班信息</div>
  8 + </el-col>
  9 + <el-col :span="24">
  10 + <div class="grid-content co">
  11 + <el-col :span="1">
  12 + <div class="grid-content"></div>
  13 + </el-col>
  14 + <el-col :span="20">
  15 + <div class="grid-content">
  16 + <span>航班号：{{defaultQuery.flightno}}</span>
  17 + <span>航班日期：{{defaultQuery.flightdate}}</span>
  18 + <span>航段：{{defaultQuery.originstation}}-{{defaultQuery.destinationstation}}</span>
  19 + </div>
  20 + </el-col>
  21 + </div>
  22 + </el-col>
  23 + <el-col :span="24">
  24 + <div class="grid-content content">进港舱单查询</div>
  25 + </el-col>
  26 + <el-col :span="24">
  27 + <div class="grid-content co">
  28 + <el-col :span="1">
  29 + <div class="grid-content"></div>
  30 + </el-col>
  31 + <el-col :span="22">
  32 + <div class="grid-content">
  33 + <el-col :span="4.5" class="pub">
  34 + <div class="grid-content">
  35 + <el-input v-model="defaultQuery.awba" placeholder="请输入主单号"></el-input>
  36 + </div>
  37 + </el-col>
  38 + <el-col :span="1.5" class="pub">
  39 + <div class="grid-content">
  40 + <el-button type="primary" size="mini" v-on:click="getList">查询</el-button>
  41 + </div>
  42 + </el-col>
  43 + <el-col :span="4" class="pub">
  44 + <div class="grid-content">
  45 + <el-button type="primary" size="mini">导出PDF</el-button>
  46 + </div>
  47 + </el-col>
  48 + </div>
  49 + </el-col>
  50 + </div>
  51 + </el-col>
  52 + <el-col :span="24">
  53 + <div class="grid-content content" style="margin-top: 6px">舱单明细</div>
  54 + </el-col>
  55 + </el-row>
  56 + <!--查询列表部分-->
  57 + <el-row>
  58 + <el-col :span="24">
  59 + <template>
  60 + <el-table
  61 + ref="multipleTable"
  62 + :data="tableData"
  63 + tooltip-effect="dark"
  64 + style="width: 100%"
  65 + @selection-change="handleSelectionChange"
  66 + row-key="uuid"
  67 + border
  68 + default-expand-all
  69 + :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
  70 + <el-table-column
  71 + type="selection"
  72 + width="50">
  73 + </el-table-column>
  74 + <el-table-column
  75 + prop="waybill"
  76 + label="运单号"
  77 + width="160"
  78 + show-overflow-tooltip>
  79 + </el-table-column>
  80 + <el-table-column
  81 + prop="awbinfo.pcs"
  82 + label="总件数"
  83 + width="70"
  84 + show-overflow-tooltip>
  85 + </el-table-column>
  86 + <el-table-column
  87 + prop="awbinfo.weight"
  88 + label="总重量"
  89 + width="70"
  90 + show-overflow-tooltip>
  91 + </el-table-column>
  92 + <el-table-column
  93 + prop="piece"
  94 + label="舱单件数"
  95 + width="80"
  96 + show-overflow-tooltip>
  97 + </el-table-column>
  98 + <el-table-column
  99 + prop="weight"
  100 + label="舱单重量"
  101 + width="80"
  102 + show-overflow-tooltip>
  103 + </el-table-column>
  104 + <el-table-column
  105 + prop="goodsname"
  106 + label="货品名称"
  107 + width="140">
  108 + </el-table-column>
  109 + <el-table-column
  110 + prop="status"
  111 + label="状态"
  112 + width="100">
  113 + </el-table-column>
  114 + <el-table-column
  115 + prop="customText"
  116 + label="回执信息"
  117 + width="180">
  118 + </el-table-column>
  119 + </el-table-column>
  120 + <el-table-column
  121 + prop="operation"
  122 + label="操作"
  123 + width="750"
  124 + show-overflow-tooltip>
  125 + <template slot-scope="scope">
  126 + <el-button
  127 + size="mini"
  128 + type="primary"
  129 + @click="handleDetail(scope.$index, scope.row)">收发明细
  130 + </el-button>
  131 + <el-button
  132 + v-if="scope.row.awbh==''||scope.row.awbh==null"
  133 + size="mini"
  134 + type="primary"
  135 + @click="handleEdit(scope.$index, scope.row)">编辑主单
  136 + </el-button>
  137 + <el-button
  138 + v-else
  139 + size="mini"
  140 + type="primary"
  141 + @click="handleFen(scope.$index, scope.row)">编辑分单
  142 + </el-button>
  143 + <el-button
  144 + size="mini"
  145 + type="primary"
  146 + @click="handleSend(scope.$index, scope.row)">发送舱单报
  147 + </el-button>
  148 + <el-button
  149 + size="mini"
  150 + type="primary"
  151 + @click="handleUpdate(scope.$index, scope.row)">发送舱单修改报
  152 + </el-button>
  153 + <el-button
  154 + size="mini"
  155 + type="primary"
  156 + @click="handleDelete(scope.$index, scope.row)">发送舱单删除报
  157 + </el-button>
  158 + <el-button
  159 + v-if="scope.row.awbh==''||scope.row.awbh==null"
  160 + size="mini"
  161 + type="primary"
  162 + @click="Importallocation(scope.$index, scope.row)">分拨申请
  163 + </el-button>
  164 + <el-button
  165 + v-else
  166 + disabled=""
  167 + size="mini"
  168 + type="primary"
  169 + @click="Importallocation(scope.$index, scope.row)">分拨申请
  170 + </el-button>
  171 + <el-button
  172 + v-if="scope.row.awbh==''||scope.row.awbh==null"
  173 + size="mini"
  174 + type="primary"
  175 + @click="Allocatearrive(scope.$index, scope.row)">分拨运抵
  176 + </el-button>
  177 + <el-button
  178 + v-else
  179 + disabled=""
  180 + size="mini"
  181 + type="primary"
  182 + @click="Allocatearrive(scope.$index, scope.row)">分拨运抵
  183 + </el-button>
  184 + </template>
  185 + </el-table-column>
  186 + </el-table>
  187 + </template>
  188 + </el-col>
  189 + </el-row>
  190 + <!--编辑主单-->
  191 + <el-dialog :title="'原始舱单信息'+textMap[dialogStatus]" :visible.sync="outerVisible" width="90%">
  192 + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="labelPosition"
  193 + label-width="78px" size="mini">
  194 + <!--航班信息部分-->
  195 + <el-row class="flightInfo">
  196 + <el-col :span="24">
  197 + <div class="grid-content content">航班信息</div>
  198 + </el-col>
  199 + <el-row class="flightInfo">
  200 + <el-col :span="4">
  201 + <el-form-item label="运单号" prop="awba">
  202 + <div v-if="dialogStatus === 'update'">
  203 + <el-input disabled="" v-model="ruleForm.awba"></el-input>
  204 + </div>
  205 + <div v-else>
  206 + <el-input v-model="ruleForm.awba"></el-input>
  207 + </div>
  208 + </el-form-item>
  209 + </el-col>
  210 + <el-col :span="4">
  211 + <el-form-item label="航班号" prop="flightno">
  212 + <el-input disabled="" v-model="ruleForm.flightno"></el-input>
  213 + </el-form-item>
  214 + </el-col>
  215 + <el-col :span="5">
  216 + <el-form-item label="航班日期" required>
  217 + <el-col :span="24">
  218 + <el-form-item prop="flightdate">
  219 + <el-date-picker disabled="" type="date" placeholder="选择日期" :clearable="false"
  220 + v-model="ruleForm.flightdate"
  221 + style="width: 100%;"></el-date-picker>
  222 + </el-form-item>
  223 + </el-col>
  224 + </el-form-item>
  225 + </el-col>
  226 + <el-col :span="4">
  227 + <el-form-item label="航段" prop="originstation">
  228 + <el-input disabled="" v-model="ruleForm.originstation"></el-input>
  229 + </el-form-item>
  230 + </el-col>
  231 + <el-col :span="4">
  232 + <el-form-item label="是否分批" prop="splitcode">
  233 + <el-select v-model="ruleForm.splitcode" placeholder="">
  234 + <el-option v-for="item in splitcodes" :key="item.value" :label="item.label"
  235 + :value="item.value"></el-option>
  236 + </el-select>
  237 + </el-form-item>
  238 + </el-col>
  239 + <el-col :span="3">
  240 + <el-button size="mini" type="primary" @click="dialogStatus==='create'?createData('ruleForm'):updateData('ruleForm')" style="float: right">保存</el-button>
  241 + </el-col>
  242 + </el-row>
  243 + <el-row class="flightInfo">
  244 + <el-col :span="4">
  245 + <div v-if="FenStatus === 'addAwbh'">
  246 + <el-form-item label="分单号" prop="awbh">
  247 + <el-input v-model="ruleForm.awbh"></el-input>
  248 + </el-form-item>
  249 + </div>
  250 + <div v-else>
  251 + <el-form-item style="display: none" label="分单号" prop="awbh">
  252 + <el-input v-model="ruleForm.awbh"></el-input>
  253 + </el-form-item>
  254 + </div>
  255 + </el-col>
  256 + </el-row>
  257 + </el-row>
  258 + <!--运单信息部分-->
  259 + <el-row class="flightInfo">
  260 + <el-col :span="24">
  261 + <div class="grid-content content">运单信息</div>
  262 + </el-col>
  263 + </el-row>
  264 + <!--航程信息部分-->
  265 + <el-row class="flightInfo">
  266 + <el-col :span="24">
  267 + <el-divider content-position="left">航程信息</el-divider>
  268 + </el-col>
  269 + </el-row>
  270 + <el-row style="margin-bottom: 0px;">
  271 + <el-col :span="3">
  272 + <el-form-item label="起始站" prop="awbinfo.sairportid" >
  273 + <el-input v-model="ruleForm.awbinfo.sairportid"></el-input>
  274 + </el-form-item>
  275 + </el-col>
  276 + <el-col :span="3">
  277 + <el-form-item label="承运人1" prop="awbinfo.by1">
  278 + <el-input v-model="ruleForm.awbinfo.by1"></el-input>
  279 + </el-form-item>
  280 + </el-col>
  281 + <el-col :span="3">
  282 + <el-form-item label="到达站1" prop="awbinfo.dest1">
  283 + <el-input v-model="ruleForm.awbinfo.dest1"></el-input>
  284 + </el-form-item>
  285 + </el-col>
  286 + <el-col :span="3">
  287 + <el-form-item label="承运人2" prop="awbinfo.by2">
  288 + <el-input v-model="ruleForm.awbinfo.by2"></el-input>
  289 + </el-form-item>
  290 + </el-col>
  291 + <el-col :span="3">
  292 + <el-form-item label="到达站2" prop="awbinfo.dest2">
  293 + <el-input v-model="ruleForm.awbinfo.dest2"></el-input>
  294 + </el-form-item>
  295 + </el-col>
  296 + <el-col :span="3">
  297 + <el-form-item label="承运人3" prop="awbinfo.by3">
  298 + <el-input v-model="ruleForm.awbinfo.by3"></el-input>
  299 + </el-form-item>
  300 + </el-col>
  301 + <el-col :span="3">
  302 + <el-form-item label="到达站3" prop="awbinfo.dest3">
  303 + <el-input v-model="ruleForm.awbinfo.dest3"></el-input>
  304 + </el-form-item>
  305 + </el-col>
  306 + <el-col :span="3">
  307 + <el-form-item label="目的站" prop="awbinfo.eairportid">
  308 + <el-input v-model="ruleForm.awbinfo.eairportid"></el-input>
  309 + </el-form-item>
  310 + </el-col>
  311 + </el-row>
  312 + <!--货物信息部分-->
  313 + <el-row class="flightInfo">
  314 + <el-col :span="24">
  315 + <el-divider content-position="left">货物信息</el-divider>
  316 + </el-col>
  317 + </el-row>
  318 + <el-row style="margin-bottom: 0px;">
  319 + <el-row class="product">
  320 + <el-col :span="6">
  321 + <el-form-item label="总件数" prop="awbinfo.pcs">
  322 + <el-input v-model="ruleForm.awbinfo.pcs"></el-input>
  323 + </el-form-item>
  324 + </el-col>
  325 + <el-col :span="6">
  326 + <el-form-item label="总重量" prop="awbinfo.weight">
  327 + <el-input v-model="ruleForm.awbinfo.weight"></el-input>
  328 + </el-form-item>
  329 + </el-col>
  330 + <el-col :span="6">
  331 + <el-form-item label="舱单件数" prop="piece">
  332 + <el-input v-model="ruleForm.piece"></el-input>
  333 + </el-form-item>
  334 + </el-col>
  335 + <el-col :span="6">
  336 + <el-form-item label="舱单重量" prop="weight">
  337 + <el-input v-model="ruleForm.weight"></el-input>
  338 + </el-form-item>
  339 + </el-col>
  340 + </el-row>
  341 + <el-row class="product">
  342 + <el-col :span="6">
  343 + <el-form-item label="特货代码" prop="specopeid">
  344 + <el-input v-model="ruleForm.awbinfo.specopeid"></el-input>
  345 + </el-form-item>
  346 + </el-col>
  347 + <el-col :span="6">
  348 + <el-form-item label="付费方式" prop="paymodel">
  349 + <el-select v-model="ruleForm.awbinfo.paymodel" placeholder="" style="display:inline">
  350 + <el-option v-for="item in paymodel" :key="item.value" :label="item.label"
  351 + :value="item.value"></el-option>
  352 + </el-select>
  353 + </el-form-item>
  354 + </el-col>
  355 + <el-col :span="6">
  356 + <el-form-item label="海关状态" prop="ext5">
  357 + <el-select v-model="ruleForm.ext5" placeholder="" style="display:inline">
  358 + <el-option v-for="(item,index) in customext5" :key="index" :label="item.label"
  359 + :value="item.value"></el-option>
  360 + </el-select>
  361 + </el-form-item>
  362 + </el-col>
  363 + <el-col :span="6">
  364 + <el-form-item label="海关关区" prop="customcode">
  365 + <el-select v-model="ruleForm.customcode" placeholder="" style="display:inline">
  366 + <el-option v-for="(item,index) in customcodes" :key="index" :label="item.label"
  367 + :value="item.value"></el-option>
  368 + </el-select>
  369 + </el-form-item>
  370 + </el-col>
  371 + </el-row>
  372 + <el-row class="product">
  373 + <el-col :span="12">
  374 + <el-form-item label="货物描述" prop="goodsname">
  375 + <el-input v-model="ruleForm.goodsname"></el-input>
  376 + </el-form-item>
  377 + </el-col>
  378 + </el-row>
  379 + </el-row>
  380 + <!--发货人信息部分-->
  381 + <el-row class="flightInfo">
  382 + <el-col :span="24">
  383 + <el-divider content-position="left">发货人信息</el-divider>
  384 + </el-col>
  385 + </el-row>
  386 + <el-row style="margin-bottom: 0px;">
  387 + <el-col :span="6">
  388 + <el-form-item label="发货人称" prop="awbinfo.shprname">
  389 + <el-input v-model="ruleForm.awbinfo.shprname"></el-input>
  390 + </el-form-item>
  391 + </el-col>
  392 + <el-col :span="6">
  393 + <el-form-item label="国家代码" prop="awbinfo.shprcountyr">
  394 + <el-select v-model="ruleForm.awbinfo.shprcountyr" placeholder="" style="display:inline">
  395 + <el-option v-for="item in shprcountyrs" :key="item" :label="item"
  396 + :value="item"></el-option>
  397 + </el-select>
  398 + </el-form-item>
  399 + </el-col>
  400 + <el-col :span="6">
  401 + <el-form-item label="地址" prop="awbinfo.shpraddress">
  402 + <el-input v-model="ruleForm.awbinfo.shpraddress"></el-input>
  403 + </el-form-item>
  404 + </el-col>
  405 + <el-col :span="6">
  406 + <el-form-item label="电话" prop="awbinfo.shprtel">
  407 + <el-input v-model="ruleForm.awbinfo.shprtel"></el-input>
  408 + </el-form-item>
  409 + </el-col>
  410 + </el-row>
  411 + <!--收货人信息部分-->
  412 + <el-row class="flightInfo">
  413 + <el-col :span="24">
  414 + <el-divider content-position="left">收货人信息</el-divider>
  415 + </el-col>
  416 + </el-row>
  417 + <el-row style="margin-bottom: 5px">
  418 + <el-col :span="6">
  419 + <el-form-item label="收货人称" prop="awbinfo.cnsnname">
  420 + <el-input v-model="ruleForm.awbinfo.cnsnname"></el-input>
  421 + </el-form-item>
  422 + </el-col>
  423 + <el-col :span="6">
  424 + <el-form-item label="国家代码" prop="awbinfo.cnscountyr">
  425 + <el-select v-model="ruleForm.awbinfo.cnscountyr" placeholder="" style="display:inline">
  426 + <el-option v-for="item in cnscountyrs" :key="item" :label="item"
  427 + :value="item"></el-option>
  428 + </el-select>
  429 + </el-form-item>
  430 + </el-col>
  431 + <el-col :span="6">
  432 + <el-form-item label="地址" prop="awbinfo.cnsnaddress">
  433 + <el-input v-model="ruleForm.awbinfo.cnsnaddress"></el-input>
  434 + </el-form-item>
  435 + </el-col>
  436 + <el-col :span="6">
  437 + <el-form-item label="电话" prop="awbinfo.cnsntel">
  438 + <el-input v-model="ruleForm.awbinfo.cnsntel"></el-input>
  439 + </el-form-item>
  440 + </el-col>
  441 + </el-row>
  442 + <!--分单信息部分-->
  443 + <el-row class="flightInfo">
  444 + <el-col :span="24">
  445 + <div class="grid-content content" v-if="dialogStatus === 'update'">
  446 + <span>航班信息</span>
  447 + <el-button type="primary" v-on:click="addFen('ruleForm')" size="mini">新增分单</el-button>
  448 + </div>
  449 + <div class="grid-content content" v-else>
  450 + <span>航班信息</span>
  451 + <el-button type="primary" disabled="" @click="innerVisible = true" size="mini">新增分单</el-button>
  452 + </div>
  453 + </el-col>
  454 + </el-row>
  455 + <!--分单列表-->
  456 + <el-row>
  457 + <el-col :span="24">
  458 + <template>
  459 + <el-table
  460 + :data="tableData2"
  461 + style="width: 100%">
  462 + <el-table-column
  463 + prop="awbh"
  464 + label="分单号"
  465 + width="150">
  466 + </el-table-column>
  467 + <el-table-column
  468 + prop="pcs"
  469 + label="件数"
  470 + width="120">
  471 + </el-table-column>
  472 + <el-table-column
  473 + prop="wei"
  474 + label="重量"
  475 + width="120">
  476 + </el-table-column>
  477 + <el-table-column
  478 + prop="piece"
  479 + label="舱单件数"
  480 + width="120">
  481 + </el-table-column>
  482 + <el-table-column
  483 + prop="weight"
  484 + label="舱单重量"
  485 + width="120">
  486 + </el-table-column>
  487 + <el-table-column
  488 + prop="goodsname"
  489 + label="货物名称"
  490 + width="300">
  491 + </el-table-column>
  492 + <el-table-column
  493 + fixed="right"
  494 + label="操作"
  495 + width="130">
  496 + <template slot-scope="scope">
  497 + <el-button @click="handleClick(scope.row)" type="text" size="small">编辑
  498 + </el-button>
  499 + </template>
  500 + </el-table-column>
  501 + </el-table>
  502 + </template>
  503 + </el-col>
  504 + </el-row>
  505 + </el-form>
  506 + </el-dialog>
  507 + <!--footer部分-->
  508 + <el-row>
  509 + <el-col :span="2.5" class="pub">
  510 + <div class="grid-content">
  511 + <el-button type="primary" size="mini" v-on:click="addOrig">新增原始舱单</el-button>
  512 + </div>
  513 + </el-col>
  514 + <el-col :span="2.5" class="pub">
  515 + <div class="grid-content">
  516 + <el-button type="primary" size="mini">批量发送删除报</el-button>
  517 + </div>
  518 + </el-col>
  519 + <el-col :span="2" class="pub">
  520 + <div class="grid-content">
  521 + <el-button type="primary" size="mini">返回</el-button>
  522 + </div>
  523 + </el-col>
  524 + <el-col :span="2.5" class="pub">
  525 + <div class="grid-content"><span>主单数：999</span></div>
  526 + </el-col>
  527 + <el-col :span="3.5" class="pub">
  528 + <div class="grid-content"><span>舱单总件数：999999</span></div>
  529 + </el-col>
  530 + <el-col :span="4" class="pub">
  531 + <div class="grid-content"><span>舱单总重量：999999</span></div>
  532 + </el-col>
  533 + </el-row>
  534 + <!--对话提示框-->
  535 + <el-row>
  536 + <el-dialog
  537 + title="系统提示"
  538 + :visible.sync="centerDialogVisible"
  539 + width="30%"
  540 + center>
  541 + <span>{{msg}}</span>
  542 + <span slot="footer" class="dialog-footer">
  543 + <el-button @click="centerDialogVisible = false">取 消</el-button>
  544 + <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
  545 + </span>
  546 + </el-dialog>
  547 + </el-row>
  548 + </el-main>
  549 + </el-container>
  550 +</template>
  551 +<!--自定义CSS样式-->
  552 +<style scoped>
  553 + .grid-content {
  554 + height: 36px;
  555 + line-height: 36px;
  556 + }
  557 + .el-dialog__body{text-align: center}
  558 + .content {
  559 + border-left: 4px #409EFF solid;
  560 + padding-left: 10px;
  561 + background-color: #f9fafc;
  562 + margin-bottom: 2px
  563 + }
  564 +
  565 + .row-bg, .co {
  566 + background-color: white;
  567 + }
  568 +
  569 + span {
  570 + font-weight: bold;
  571 + margin-right: 35px;
  572 + }
  573 +
  574 + .el-table td, .el-table th {
  575 + text-align: center
  576 + }
  577 +
  578 + .el-form-item {
  579 + margin-bottom: 2px;
  580 + }
  581 +
  582 + .flightInfo {
  583 + margin-bottom: 0px
  584 + }
  585 +
  586 + .el-dialog__body {
  587 + padding: 10px 20px;
  588 + }
  589 +
  590 + .el-col {
  591 + margin-right: 0px
  592 + }
  593 +
  594 + .product {
  595 + margin-bottom: 5px;
  596 + }
  597 +
  598 + .pub {
  599 + margin-right: 10px;
  600 + }
  601 +</style>
  602 +
  603 +<script>
  604 + import { getMt1201List,addMt1201,ediMt1201,getFenList } from '../../api/mt1201'
  605 + export default {
  606 + data() {
  607 + /*初始数据*/
  608 + return {
  609 + defaultQuery:{
  610 + flightno: undefined,
  611 + flightdate: undefined,
  612 + originstation: undefined,
  613 + destinationstation: undefined,
  614 + awba: undefined
  615 + },
  616 + FenQuery:{
  617 + flightno: undefined,
  618 + flightdate: undefined,
  619 + originstation: undefined,
  620 + destinationstation: undefined,
  621 + awba: undefined
  622 + },
  623 + tableData: [],
  624 + tableData2: [],
  625 + multipleSelection: [],
  626 + outerVisible: false,
  627 + innerVisible: false,
  628 + dialogStatus:'',
  629 + textMap:{
  630 + update: '编辑',
  631 + create: '添加'
  632 + },
  633 + ruleForm: {
  634 + awba: undefined,
  635 + awbh: undefined,
  636 + passage: undefined,
  637 + customcode: '-1',
  638 + flightno: undefined,
  639 + flightdate: undefined,
  640 + originstation: undefined,
  641 + destinationstation: undefined,
  642 + piece: undefined,
  643 + weight: undefined,
  644 + goodsname: undefined,
  645 + splitcode: 'T',
  646 + uldType: undefined,
  647 + uldNo: undefined,
  648 + status: undefined,
  649 + ext5:'-1',
  650 + awbinfo: {
  651 + specopeid: undefined,
  652 + shprname: undefined,
  653 + shprmobiletype: undefined,
  654 + shprtel: undefined,
  655 + shpraddress: undefined,
  656 + shprcountyr: undefined,
  657 + shpcomidpre: undefined,
  658 + shpcomidpno: undefined,
  659 + cnsnname: undefined,
  660 + cnsrmobiletype: undefined,
  661 + cnsntel: undefined,
  662 + cnsnaddress: undefined,
  663 + cnscountyr: undefined,
  664 + cnscomidpre: undefined,
  665 + cnscomidno: undefined,
  666 + cnsrctcname: undefined,
  667 + cnsrctctel: undefined,
  668 + cargonm: undefined,
  669 + sairportid: undefined,
  670 + dest1city: undefined,
  671 + by1: undefined,
  672 + dest1: undefined,
  673 + by2: undefined,
  674 + dest2: undefined,
  675 + by3: undefined,
  676 + dest3: undefined,
  677 + eairportid: undefined,
  678 + csgcustomerid: undefined,
  679 + paymodel: 'PP',
  680 + pcs: undefined,
  681 + weight: undefined
  682 + },
  683 + waybill:undefined
  684 + },
  685 + paymodel:[{value:'PP',label:'预付'},{value:'DP',label:'到付'}],
  686 + customext5: [
  687 + {
  688 + value: '-1',
  689 + label: '请选择'
  690 + },
  691 + {
  692 + value: '001',
  693 + label: '进出口货物'
  694 + },
  695 + {
  696 + value: '002',
  697 + label: '国际转运货物'
  698 + },
  699 + {
  700 + value: '003',
  701 + label: '过境货物'
  702 + },
  703 + {
  704 + value: '004',
  705 + label: '暂时进出境集装箱'
  706 + },
  707 + {
  708 + value: '007',
  709 + label: '互市贸易'
  710 + },
  711 + {
  712 + value: '008',
  713 + label: '惰性物料'
  714 + }],
  715 + customcodes:[
  716 + {
  717 + value: '-1',
  718 + label: '请选择'
  719 + },
  720 + {
  721 + value: '4604',
  722 + label: '4604'
  723 + },
  724 + {
  725 + value: '4620',
  726 + label: '4620'
  727 + },
  728 + {
  729 + value: '4613',
  730 + label: '4613'
  731 + }],
  732 + rules: {
  733 + waybill: [{required: true, message: '请输入运单号', trigger: 'blur'}],
  734 + flightno: [{required: true, message: '航班号必须输入', trigger: 'blur'}],
  735 + flightdate: [{required: true, message: '航班日期必须选择', trigger: 'blur'}],
  736 + originstation: [{required: true, message: '航段必须输入', trigger: 'blur'}],
  737 + splitcode: [{required: true, message: '必须选择', trigger: 'blur'}],
  738 + piece: [{required: true, message: '舱单件数必须输入且为数字', trigger: 'blur'}],
  739 + weight: [{required: true, message: '舱单重量必须输入且为数字', trigger: 'blur'}],
  740 + 'awbinfo.sairportid': [{required: true, message: '起始站必须输入', trigger: 'blur'}],
  741 + 'awbinfo.eairportid': [{required: true, message: '目的站必须输入', trigger: 'blur'}],
  742 + 'awbinfo.by1': [{required: true, message: '第一承运人必须输入', trigger: 'blur'}],
  743 + 'awbinfo.dest1': [{required: true, message: '第一到达站人必须输入', trigger: 'blur'}],
  744 + 'awbinfo.pcs': [{required: true, message: '总件数必须输入且为数字', trigger: 'blur'}],
  745 + 'awbinfo.weight': [{required: true, message: '总重量必须输入且为数字', trigger: 'blur'}],
  746 + 'awbinfo.shprname': [{required: true, message: '发货人不能为空', trigger: 'blur'}],
  747 + 'awbinfo.shprtel': [{required: true, message: '发货电话不能为空', trigger: 'blur'}],
  748 + 'awbinfo.shpraddress': [{required: true, message: '发货地址不能为空', trigger: 'blur'}],
  749 + 'awbinfo.shprcountyr': [{required: true, message: '国家代码不能为空', trigger: 'change'}],
  750 + 'awbinfo.cnsnname': [{required: true, message: '收货人不能为空', trigger: 'blur'}],
  751 + 'awbinfo.cnsntel': [{required: true, message: '收货电话不能为空', trigger: 'blur'}],
  752 + 'awbinfo.cnsnaddress': [{required: true, message: '收获地址不能为空', trigger: 'blur'}],
  753 + 'awbinfo.cnscountyr': [{required: true, message: '国家代码不能为空', trigger: 'change'}],
  754 + 'awbinfo.paymodel':[{required: true, message: '付费方式必须选择', trigger: 'change'}],
  755 + customcode:[{required: true, message: '海关关区必须选择', trigger: 'change'}],
  756 + goodsname:[{required: true, message: '货物描述必须填写', trigger: 'blur'}]
  757 + },
  758 + labelPosition: 'left',
  759 + splitcodes: [{value:'T',label:'否'},{value:'P',label:'是'}],
  760 + shprcountyrs:['US','CN'],
  761 + cnscountyrs:['US','CN'],
  762 + msg:'',
  763 + code:'',
  764 + centerDialogVisible:false,
  765 + FenStatus:''
  766 + }
  767 + },
  768 + methods: {
  769 + /*多选框功能*/
  770 + handleSelectionChange(val) {
  771 + this.multipleSelection = val;
  772 + },
  773 + /*编辑主单信息*/
  774 + handleEdit(index, row){
  775 + this.outerVisible = true;
  776 + this.dialogStatus='update';
  777 + this.FenStatus='ediAwbh';
  778 + this.ruleForm=row;
  779 + this.ruleForm.originstation=row.originstation+"-"+row.destinationstation;
  780 + this.FenQuery.awba=row.awba;
  781 + this.FenQuery.flightno= row.flightno;
  782 + this.FenQuery.flightdate=row.flightdate
  783 + this.FenQuery.originstation=this.defaultQuery.originstation;
  784 + this.FenQuery.destinationstation=row.destinationstation;
  785 + this.getFenList(this.FenQuery);
  786 + },
  787 + /*编辑分单信息*/
  788 + handleFen(index,row){
  789 + this.outerVisible = true;
  790 + this.dialogStatus='update';
  791 + this.FenStatus='addAwbh';
  792 + this.ruleForm=row;
  793 + this.ruleForm.flightno=row.carrier+row.flightno;
  794 + this.ruleForm.originstation=row.originstation+"-"+row.destinationstation;
  795 +
  796 + },
  797 + //发送舱单报
  798 + handleSend(index,row){},
  799 + /*编辑分单列表信息*/
  800 + handleClick(row) {
  801 + this.outerVisible = true;
  802 + this.dialogStatus='update';
  803 + this.FenStatus='addAwbh';
  804 + this.ruleForm=row;
  805 + this.ruleForm.flightno=row.carrier+row.flightno;
  806 + this.ruleForm.originstation=row.originstation+"-"+row.destinationstation;
  807 + },
  808 + /*获取默认值*/
  809 + getDefaultData(){
  810 + this.defaultQuery.flightno = this.$route.params.flightno;
  811 + this.defaultQuery.flightdate = this.$route.params.flightdate;
  812 + this.defaultQuery.originstation = this.$route.params.originstation;
  813 + this.defaultQuery.destinationstation = this.$route.params.destinationstation;
  814 + this.defaultQuery.awba=this.$route.params.awba;
  815 + },
  816 + /*获取默认数据列表*/
  817 + getList(){
  818 + getMt1201List(this.defaultQuery).then(res =>{
  819 + //console.log(res);
  820 + let response=res.data.data;
  821 + this.tableData=response;
  822 + });
  823 + },
  824 + //新增原始舱单按钮
  825 + addOrig(){
  826 + this.dialogStatus="create";
  827 + this.outerVisible = true;
  828 + this.FenStatus='ediAwbh';
  829 + this.ruleForm.flightno=this.$route.params.flightno;
  830 + this.ruleForm.flightdate=this.$route.params.flightdate;
  831 + this.ruleForm.originstation=this.$route.params.originstation+"-"+this.$route.params.destinationstation;
  832 + },
  833 + //新增原始分单
  834 + addFen(formName){
  835 + this.dialogStatus="create";
  836 + this.outerVisible = true;
  837 + this.FenStatus='addAwbh';
  838 + },
  839 + //新增原始舱单数据
  840 + createData(formName){
  841 + this.$refs[formName].validate((valid) => {
  842 + if (valid) {
  843 + addMt1201(this.ruleForm).then(res=>{
  844 + let response=res.data;
  845 + //console.log(res);
  846 + this.code=response.code;
  847 + if(this.code=='200'){
  848 + this.outerVisible = false;
  849 + this.$refs[formName].resetFields();
  850 + this.centerDialogVisible=true;
  851 + this.msg=response.msg;
  852 + this.getList();
  853 + }else{
  854 + this.outerVisible = false;
  855 + this.centerDialogVisible=true;
  856 + this.$refs[formName].resetFields();
  857 + this.msg=response.msg;
  858 + }
  859 + });
  860 + } else {
  861 + console.log('error submit!!');
  862 + return false;
  863 + }
  864 + });
  865 +
  866 + },
  867 + //修改原始舱单数据
  868 + updateData(formName){
  869 + this.$refs[formName].validate((valid) => {
  870 + if (valid) {
  871 + ediMt1201(this.ruleForm).then(res=>{
  872 + let response=res.data;
  873 + //console.log(res);
  874 + this.code=response.code;
  875 + if(this.code=='200'){
  876 + this.outerVisible = false;
  877 + this.centerDialogVisible=true;
  878 + this.msg=response.msg;
  879 + this.getList();
  880 + }else{
  881 + this.outerVisible = false;
  882 + this.centerDialogVisible=true;
  883 + this.msg=response.msg;
  884 + }
  885 + });
  886 + } else {
  887 + console.log('error submit!!');
  888 + return false;
  889 + }
  890 + });
  891 + },
  892 + //获取分单列表
  893 + getFenList(data){
  894 + getFenList(data).then(res =>{
  895 + //console.log(res);
  896 + let response=res.data.data;
  897 + this.tableData2=response;
  898 + });
  899 + },
  900 + //分拨申请
  901 + Importallocation(index,row){
  902 + this.$router.push({name:'进港分拨',params:{carrier:row.carrier,flightno:row.flightno.substr(2),awba:row.awba,flightdate:row.flightdate,
  903 + turnpiece:row.awbinfo.pcs,turnweight:row.awbinfo.weight,customcode:row.customcode}});
  904 +
  905 + },
  906 + //分拨运抵
  907 + Allocatearrive(index,row){
  908 + this.$router.push({name:'分拨运抵',params:{carrier:row.carrier,flightno:row.flightno.substr(2),awba:row.awba,flightdate:row.flightdate,
  909 + turnpiece:row.awbinfo.pcs,turnweight:row.awbinfo.weight,customcode:row.customcode,goodsname:row.goodsname}});
  910 + }
  911 +
  912 + },
  913 + /*渲染方法*/
  914 + mounted(){
  915 + this.getDefaultData();
  916 + this.getList();
  917 + }
  918 + }
  919 +</script>
  1 +<template>
  2 + <el-container>
  3 + <el-main style="background-color: white">
  4 + <!--航班信息部分-->
  5 + <el-row class="row-bg">
  6 + <el-col :span="24"><div class="grid-content content">航班信息</div></el-col>
  7 + <el-col :span="24">
  8 + <div class="grid-content co">
  9 + <el-col :span="1"><div class="grid-content"></div></el-col>
  10 + <el-col :span="20">
  11 + <div class="grid-content">
  12 + <span>航班号：{{defaultQuery.flightno}}</span>
  13 + <span>航班日期：{{defaultQuery.flightdate}}</span>
  14 + <span>航段：{{defaultQuery.originstation}}-{{defaultQuery.destinationstation}}</span>
  15 + </div>
  16 + </el-col>
  17 + </div>
  18 + </el-col>
  19 + <el-col :span="24"><div class="grid-content content">进港理货查询</div></el-col>
  20 + <el-col :span="24">
  21 + <div class="grid-content co" >
  22 + <el-col :span="1"><div class="grid-content"></div></el-col>
  23 + <el-col :span="22">
  24 + <div class="grid-content">
  25 + <el-col :span="4.5">
  26 + <div class="grid-content">
  27 + <el-input v-model="defaultQuery.awba" placeholder="请输入主单号" ></el-input>
  28 + </div>
  29 + </el-col>
  30 + <el-col :span="1.5"><div class="grid-content"><el-button type="primary" v-on:click="getMt5201List" size="mini">查询</el-button></div></el-col>
  31 + </div>
  32 + </el-col>
  33 + </div>
  34 + </el-col>
  35 + <el-col :span="24"><div class="grid-content content" style="margin-top: 6px">进港理货单明细</div></el-col>
  36 + </el-row>
  37 + <!--进港理货列表-->
  38 + <el-row>
  39 + <el-col :span="24">
  40 + <template>
  41 + <el-table
  42 + :data="tableData"
  43 + tooltip-effect="dark"
  44 + style="width: 100%"
  45 + @selection-change="handleSelectionChange"
  46 + row-key="uuid"
  47 + border
  48 + default-expand-all
  49 + :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
  50 + <el-table-column
  51 + type="selection"
  52 + width="50">
  53 + </el-table-column>
  54 + <el-table-column
  55 + prop="waybill"
  56 + label="运单号"
  57 + width="160"
  58 + show-overflow-tooltip>
  59 + </el-table-column>
  60 + <el-table-column
  61 + prop="totalpiece"
  62 + label="舱单件数"
  63 + width="80"
  64 + show-overflow-tooltip>
  65 + </el-table-column>
  66 + <el-table-column
  67 + prop="totalweight"
  68 + label="舱单重量"
  69 + width="80"
  70 + show-overflow-tooltip>
  71 + </el-table-column>
  72 + <el-table-column
  73 + prop="piece"
  74 + label="理货件数"
  75 + width="80"
  76 + show-overflow-tooltip>
  77 + </el-table-column>
  78 + <el-table-column
  79 + prop="weight"
  80 + label="理货重量"
  81 + width="80"
  82 + show-overflow-tooltip>
  83 + </el-table-column>
  84 + <el-table-column
  85 + prop="starttime"
  86 + label="卸货时间"
  87 + type="date"
  88 + width="160">
  89 + </el-table-column>
  90 + <el-table-column
  91 + prop="status"
  92 + label="状态"
  93 + width="100">
  94 + </el-table-column>
  95 + <el-table-column
  96 + prop="receipt"
  97 + label="回执信息"
  98 + width="180">
  99 + </el-table-column>
  100 + <el-table-column
  101 + prop="operation"
  102 + label="操作"
  103 + width="450"
  104 + show-overflow-tooltip>
  105 + <template slot-scope="scope">
  106 + <el-button
  107 + size="mini"
  108 + type="primary"
  109 + @click="handleEdit(scope.$index, scope.row)">收发明细</el-button>
  110 + <el-button
  111 + v-if="scope.row.awbh==''||scope.row.awbh==null"
  112 + size="mini"
  113 + type="primary"
  114 + @click="handleMain(scope.$index, scope.row)">编辑主单</el-button>
  115 + <el-button
  116 + v-else
  117 + size="mini"
  118 + type="primary"
  119 + @click="handleFen(scope.$index, scope.row)">编辑分单
  120 + </el-button>
  121 + <el-button
  122 + size="mini"
  123 + type="primary"
  124 + @click="handleDelete(scope.$index, scope.row)">发送理货报</el-button>
  125 + <el-button
  126 + size="mini"
  127 + type="primary"
  128 + @click="handleDelete(scope.$index, scope.row)">发送舱单删除报</el-button>
  129 + </template>
  130 + </el-table-column>
  131 + </el-table>
  132 + </template>
  133 + </el-col>
  134 + </el-row>
  135 + <!--编辑主单-->
  136 + <el-dialog :title="'进港理货信息'+textMap[dialogStatus]" :visible.sync="outerVisible" width="90%">
  137 + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="labelPosition"
  138 + label-width="78px" size="mini">
  139 + <!--航班信息部分-->
  140 + <el-row class="flightInfo">
  141 + <el-col :span="24">
  142 + <div class="grid-content content" style="margin-bottom: 10px;">航班信息</div>
  143 + </el-col>
  144 + <el-row class="flightInfo">
  145 + <el-col :span="6">
  146 + <el-form-item label="运单号" prop="awba">
  147 + <div v-if="dialogStatus === 'update'">
  148 + <el-input disabled="" v-model="ruleForm.awba"></el-input>
  149 + </div>
  150 + <div v-else>
  151 + <el-input v-model="ruleForm.awba"></el-input>
  152 + </div>
  153 + </el-form-item>
  154 + </el-col>
  155 + <el-col :span="6">
  156 + <div v-if="FenStatus === 'addAwbh'">
  157 + <el-form-item label="分单号" prop="awbh">
  158 + <el-input v-model="ruleForm.awbh"></el-input>
  159 + </el-form-item>
  160 + </div>
  161 + <div v-else>
  162 + <el-form-item style="display: none" label="分单号" prop="awbh">
  163 + <el-input v-model="ruleForm.awbh"></el-input>
  164 + </el-form-item>
  165 + </div>
  166 + </el-col>
  167 + <el-col :span="6">
  168 + <el-form-item label="航班号" prop="flightno">
  169 + <el-input disabled="" v-model="ruleForm.flightno"></el-input>
  170 + </el-form-item>
  171 + </el-col>
  172 + <el-col :span="6">
  173 + <el-form-item label="航班日期" required>
  174 + <el-col :span="24">
  175 + <el-form-item prop="flightdate">
  176 + <el-date-picker disabled="" type="date" placeholder="选择日期" :clearable="false"
  177 + v-model="ruleForm.flightdate"
  178 + style="width: 100%;"></el-date-picker>
  179 + </el-form-item>
  180 + </el-col>
  181 + </el-form-item>
  182 + </el-col>
  183 + </el-row>
  184 + <el-row class="flightInfo">
  185 + <el-col :span="6">
  186 + <el-form-item label="起始站" prop="originstation">
  187 + <el-input disabled="" v-model="ruleForm.originstation"></el-input>
  188 + </el-form-item>
  189 + </el-col>
  190 + <el-col :span="6">
  191 + <el-form-item label="目的站" prop="destinationstation">
  192 + <el-input disabled="" v-model="ruleForm.destinationstation"></el-input>
  193 + </el-form-item>
  194 + </el-col>
  195 + <el-col :span="6">
  196 + <el-button size="mini" type="primary" @click="dialogStatus==='create'?createData('ruleForm'):updateData('ruleForm')" style="float: right">保存</el-button>
  197 + </el-col>
  198 + </el-row>
  199 + </el-row>
  200 + <!--货物信息部分-->
  201 + <el-row class="flightInfo">
  202 + <el-col :span="24">
  203 + <div class="grid-content content">货物信息</div>
  204 + </el-col>
  205 + </el-row>
  206 + <el-row style="margin-bottom: 0px;">
  207 + <el-row class="product">
  208 + <el-col :span="6">
  209 + <el-form-item label="舱单件数" prop="pcs">
  210 + <el-input v-model="ruleForm.pcs"></el-input>
  211 + </el-form-item>
  212 + </el-col>
  213 + <el-col :span="6">
  214 + <el-form-item label="舱单重量" prop="wei">
  215 + <el-input v-model="ruleForm.wei"></el-input>
  216 + </el-form-item>
  217 + </el-col>
  218 + <el-col :span="6">
  219 + <el-form-item label="理货件数" prop="piece">
  220 + <el-input v-model="ruleForm.piece"></el-input>
  221 + </el-form-item>
  222 + </el-col>
  223 + <el-col :span="6">
  224 + <el-form-item label="理货重量" prop="weight">
  225 + <el-input v-model="ruleForm.weight"></el-input>
  226 + </el-form-item>
  227 + </el-col>
  228 + </el-row>
  229 + </el-row>
  230 + <el-row class="flightInfo">
  231 + <el-col :span="6">
  232 + <el-form-item label="海关关区" prop="customcode">
  233 + <el-select v-model="ruleForm.customcode" placeholder="" style="display:inline">
  234 + <el-option v-for="(item,index) in customcodes" :key="index" :label="item.label"
  235 + :value="item.value"></el-option>
  236 + </el-select>
  237 + </el-form-item>
  238 + </el-col>
  239 + <el-col :span="6">
  240 + <el-form-item label="卸货时间" required>
  241 + <el-col :span="24">
  242 + <el-form-item prop="starttime">
  243 + <el-date-picker type="datetime" placeholder="选择日期" :clearable="false" value-format="yyyy-MM-dd HH:mm:ss"
  244 + v-model="ruleForm.starttime"
  245 + style="width: 100%;"></el-date-picker>
  246 + </el-form-item>
  247 + </el-col>
  248 + </el-form-item>
  249 + </el-col>
  250 + </el-row>
  251 + <!--分单信息部分-->
  252 + <el-row class="flightInfo">
  253 + <el-col :span="24">
  254 + <div class="grid-content content" v-if="dialogStatus === 'update'">
  255 + <span>分单信息</span>
  256 + <el-button type="primary" v-on:click="addFen('ruleForm')" size="mini">新增分单</el-button>
  257 + </div>
  258 + <div class="grid-content content" v-else>
  259 + <span>分单信息</span>
  260 + <el-button type="primary" disabled="" @click="innerVisible = true" size="mini">新增分单</el-button>
  261 + </div>
  262 + </el-col>
  263 + </el-row>
  264 + <!--分单列表-->
  265 + <el-row>
  266 + <el-col :span="24">
  267 + <template>
  268 + <el-table
  269 + :data="tableData2"
  270 + style="width: 100%">
  271 + <el-table-column
  272 + prop="awbh"
  273 + label="分单号"
  274 + width="250">
  275 + </el-table-column>
  276 + <el-table-column
  277 + prop="piece"
  278 + label="舱单件数"
  279 + width="200">
  280 + </el-table-column>
  281 + <el-table-column
  282 + prop="weight"
  283 + label="舱单重量"
  284 + width="200">
  285 + </el-table-column>
  286 + <el-table-column
  287 + prop="goodsname"
  288 + label="卸货时间"
  289 + width="250">
  290 + </el-table-column>
  291 + <el-table-column
  292 + fixed="right"
  293 + label="操作"
  294 + width="230">
  295 + <template slot-scope="scope">
  296 + <el-button @click="handleClick(scope.row)" type="text" size="small">编辑
  297 + </el-button>
  298 + <el-button @click="handleClick(scope.row)" type="text" size="small">删除
  299 + </el-button>
  300 + </template>
  301 + </el-table-column>
  302 + </el-table>
  303 + </template>
  304 +
  305 + </el-col>
  306 + </el-row>
  307 + </el-form>
  308 + </el-dialog>
  309 + <!--底部按钮及理货信息-->
  310 + <el-row>
  311 + <el-col :span="2.5"><div class="grid-content"><el-button type="primary" v-on:click="addTally" size="mini">新增进港理货</el-button></div></el-col>
  312 + <el-col :span="2.5"><div class="grid-content"><el-button type="primary" size="mini">批量发送删除报</el-button></div></el-col>
  313 + <el-col :span="2"><div class="grid-content"><el-button type="primary" size="mini">返回</el-button></div></el-col>
  314 + <el-col :span="2.5"><div class="grid-content"><span>主单数：999</span></div></el-col>
  315 + <el-col :span="3.5"><div class="grid-content"><span>理货总件数：999999</span></div></el-col>
  316 + <el-col :span="4"><div class="grid-content"><span>理货总重量：999999</span></div></el-col>
  317 + </el-row>
  318 + <!--对话提示框-->
  319 + <el-row>
  320 + <el-dialog
  321 + title="系统提示"
  322 + :visible.sync="centerDialogVisible"
  323 + width="30%"
  324 + center>
  325 + <span>{{msg}}</span>
  326 + <span slot="footer" class="dialog-footer">
  327 + <el-button @click="centerDialogVisible = false">取 消</el-button>
  328 + <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
  329 + </span>
  330 + </el-dialog>
  331 + </el-row>
  332 + </el-main>
  333 + </el-container>
  334 +</template>
  335 +<style scoped>
  336 + .grid-content{height: 36px;line-height: 36px;margin-right: 5px;}
  337 + .content{border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;margin-bottom: 2px}
  338 + .row-bg,.co{background-color: white;}
  339 + span{font-weight: bold;margin-right: 35px;}
  340 + .el-table td,.el-table th{text-align: center}
  341 + .flightInfo {
  342 + margin-bottom: 0px
  343 + }
  344 + .el-form-item {
  345 + margin-bottom: 2px;
  346 + }
  347 +
  348 + .flightInfo {
  349 + margin-bottom: 3px
  350 + }
  351 +
  352 + .el-dialog__body {
  353 + padding: 10px 20px;
  354 + }
  355 +
  356 + .el-col {
  357 + margin-right: 0px
  358 + }
  359 +
  360 + .product {
  361 + margin-bottom: 5px;
  362 + }
  363 +
  364 + .pub {
  365 + margin-right: 10px;
  366 + }
  367 +</style>
  368 +
  369 +<script>
  370 + import { getMt5201List,addMt5201,ediMt5201,delMt5201} from '../../api/mt5201'
  371 + export default {
  372 + data() {
  373 + return {
  374 + defaultQuery:{
  375 + flightno:undefined,
  376 + flightdate:undefined,
  377 + originstation:undefined,
  378 + destinationstation:undefined,
  379 + awba:undefined
  380 + },
  381 + tableData: [],
  382 + tableData2: [],
  383 + multipleSelection: [],
  384 + outerVisible: false,
  385 + dialogStatus:'',
  386 + labelPosition: 'left',
  387 + textMap:{
  388 + update: '编辑',
  389 + create: '添加'
  390 + },
  391 + customcodes:[
  392 + {
  393 + value: '-1',
  394 + label: '请选择'
  395 + },
  396 + {
  397 + value: '4604',
  398 + label: '4604'
  399 + },
  400 + {
  401 + value: '4620',
  402 + label: '4620'
  403 + },
  404 + {
  405 + value: '4613',
  406 + label: '4613'
  407 + }],
  408 + ruleForm:{
  409 + awba:undefined,
  410 + awbh:undefined,
  411 + carrier:undefined,
  412 + flightno:undefined,
  413 + flightdate:undefined,
  414 + originstation:undefined,
  415 + destinationstation:undefined,
  416 + piece:undefined,
  417 + weight:undefined,
  418 + starttime:undefined,
  419 + endtime:undefined,
  420 + customcode:"-1",
  421 + goodsname:undefined,
  422 + actime:undefined,
  423 + rcfdep:"MT5201",
  424 + status:undefined,
  425 + isdelete:undefined,
  426 + pcs:undefined,
  427 + wei:undefined
  428 + },
  429 + FenStatus:'',
  430 + rules: {
  431 + awba: [{required: true, message: '请输入运单号', trigger: 'blur'}],
  432 + flightno: [{required: true, message: '航班号必须输入', trigger: 'blur'}],
  433 + flightdate: [{required: true, message: '航班日期必须选择', trigger: 'blur'}],
  434 + originstation: [{required: true, message: '航段必须输入', trigger: 'blur'}],
  435 + piece: [{required: true, message: '舱单件数必须输入且为数字', trigger: 'blur'}],
  436 + weight: [{required: true, message: '舱单重量必须输入且为数字', trigger: 'blur'}],
  437 + customcode:[{required: true, message: '海关关区必须选择', trigger: 'change'}],
  438 + goodsname:[{required: true, message: '货物描述必须填写', trigger: 'blur'}],
  439 + starttime: [{required: true, message: '卸货时间必须选择', trigger: 'blur'}]
  440 + },
  441 + centerDialogVisible:false,
  442 + msg:'',
  443 + }
  444 + },
  445 + methods: {
  446 + //批量选中事件
  447 + handleSelectionChange(val) {
  448 + this.multipleSelection = val;
  449 + },
  450 + //编辑主单
  451 + handleMain(index,row){
  452 + this.outerVisible = true;
  453 + this.dialogStatus='update';
  454 + this.FenStatus='ediAwbh';
  455 + this.ruleForm=row;
  456 + },
  457 + //编辑分单
  458 + handleFen(index,row){
  459 + this.outerVisible = true;
  460 + this.dialogStatus='update';
  461 + this.FenStatus='addAwbh';
  462 + this.ruleForm=row;
  463 + this.ruleForm.flightno=row.carrier+row.flightno;
  464 + },
  465 + //新增分单
  466 + addFen(formName){
  467 + this.dialogStatus="create";
  468 + this.outerVisible = true;
  469 + this.FenStatus='addAwbh';
  470 + },
  471 + //获取默认值
  472 + getDefaultData(){
  473 + this.defaultQuery.flightno=this.$route.params.flightno;
  474 + this.defaultQuery.flightdate=this.$route.params.flightdate;
  475 + this.defaultQuery.originstation=this.$route.params.originstation;
  476 + this.defaultQuery.destinationstation=this.$route.params.destinationstation;
  477 + },
  478 + //获取进港理货列表
  479 + getMt5201List(){
  480 + getMt5201List(this.defaultQuery).then(res =>{
  481 + console.log(res);
  482 + let response=res.data.data;
  483 + this.tableData=response;
  484 + });
  485 + },
  486 + //新增理货按钮事件
  487 + addTally(){
  488 + this.outerVisible = true;
  489 + this.dialogStatus="create";
  490 + this.FenStatus='ediAwbh';
  491 + this.ruleForm.flightno=this.$route.params.flightno;
  492 + this.ruleForm.flightdate=this.$route.params.flightdate;
  493 + this.ruleForm.originstation=this.$route.params.originstation;
  494 + this.ruleForm.destinationstation=this.$route.params.destinationstation;
  495 + },
  496 + //新增原始舱单数据
  497 + createData(formName){
  498 + this.$refs[formName].validate((valid) => {
  499 + if (valid) {
  500 + addMt5201(this.ruleForm).then(res=>{
  501 + let response=res.data;
  502 + this.code=response.code;
  503 + if(this.code=='200'){
  504 + this.outerVisible = false;
  505 + this.$refs[formName].resetFields();
  506 + this.centerDialogVisible=true;
  507 + this.msg=response.msg;
  508 + this.getMt5201List();
  509 + }else{
  510 + this.outerVisible = false;
  511 + this.centerDialogVisible=true;
  512 + this.$refs[formName].resetFields();
  513 + this.msg=response.msg;
  514 + }
  515 + });
  516 + } else {
  517 + console.log('error submit!!');
  518 + return false;
  519 + }
  520 + });
  521 + },
  522 + //修改进港理货数据
  523 + updateData(formName){
  524 + this.$refs[formName].validate((valid) => {
  525 + if (valid) {
  526 + ediMt5201(this.ruleForm).then(res=>{
  527 + let response=res.data;
  528 + this.code=response.code;
  529 + if(this.code=='200'){
  530 + this.outerVisible = false;
  531 + this.centerDialogVisible=true;
  532 + this.msg=response.msg;
  533 + this.getMt5201List();
  534 + }else{
  535 + this.outerVisible = false;
  536 + this.centerDialogVisible=true;
  537 + this.msg=response.msg;
  538 + }
  539 + });
  540 + } else {
  541 + console.log('error submit!!');
  542 + return false;
  543 + }
  544 + });
  545 + },
  546 + },
  547 + //渲染方法
  548 + mounted(){
  549 + this.getDefaultData();
  550 + this.getMt5201List();
  551 + }
  552 + }
  553 +</script>
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <el-row class="row-bg">
  5 + <el-col :span="24"><div class="grid-content content co">进港运单申报</div></el-col>
  6 + </el-row>
  7 + <!--查询条件-->
  8 + <el-row>
  9 + <el-col :span="6">
  10 + <div class="grid-content">
  11 + <el-input placeholder="" v-model="defaultQuery.awba">
  12 + <template slot="prepend">主单号</template>
  13 + </el-input>
  14 + </div>
  15 + </el-col>
  16 + <el-col :span="5">
  17 + <div class="grid-content">
  18 + <el-input placeholder="" v-model="defaultQuery.carrier">
  19 + <template slot="prepend">承运人</template>
  20 + </el-input>
  21 + </div>
  22 + </el-col>
  23 + <el-col :span="5">
  24 + <div class="grid-content">
  25 + <el-input placeholder="" v-model="defaultQuery.flightno">
  26 + <template slot="prepend">航班号</template>
  27 + </el-input>
  28 + </div>
  29 + </el-col>
  30 + <el-col :span="5">
  31 + <div class="grid-content">
  32 + <div class="block">
  33 + <el-date-picker
  34 + v-model="defaultQuery.flightdate"
  35 + type="date"
  36 + value-format="yyyy-MM-dd"
  37 + placeholder="航班日期">
  38 + </el-date-picker>
  39 + </div>
  40 + </div>
  41 + </el-col>
  42 + </el-row>
  43 + <el-row>
  44 + <el-col :span="6">
  45 + <div class="grid-content">
  46 + <el-select v-model="defaultQuery.status" placeholder="选择状态" class="sel">
  47 + <el-option
  48 + v-for="item in options"
  49 + :key="item.value"
  50 + :label="item.label"
  51 + :value="item.value">
  52 + </el-option>
  53 + </el-select>
  54 + </div>
  55 + </el-col>
  56 + <el-col :span="5">
  57 + <el-select v-model="defaultQuery.messageType" placeholder="报文类型" class="sel">
  58 + <el-option
  59 + v-for="item in options2"
  60 + :key="item.value"
  61 + :label="item.label"
  62 + :value="item.value">
  63 + </el-option>
  64 + </el-select>
  65 + </el-col>
  66 + <el-col :span="5">
  67 + <el-col :span="8" style="margin-right: 0px">
  68 + <el-button type="primary" v-on:click="QueryData">查询</el-button>
  69 + </el-col>
  70 + <el-col :span="16" style="margin-right: 0px">
  71 + <el-button type="primary">批量修改状态</el-button>
  72 + </el-col>
  73 + </el-col>
  74 + </el-row>
  75 + <!--查询结果样式-->
  76 + <el-row>
  77 + <el-col :span="1" class="mark"><div class="grid-content bg" style="color: red"><span>注：</span></div></el-col>
  78 + <el-col :span="2" class="mark"><div class="grid-content bg mainse" ><span>主单原始舱单</span></div></el-col>
  79 + <el-col :span="2" class="mark"><div class="grid-content bg fense" ><span>分单原始舱单</span></div></el-col>
  80 + <el-col :span="2" class="mark"><div class="grid-content bg tallse" ><span>主单理货报告</span></div></el-col>
  81 + <el-col :span="2" class="mark"><div class="grid-content bg tallfense" ><span>分单理货报告</span></div></el-col>
  82 + </el-row>
  83 + <!--查询列表-->
  84 + <el-row>
  85 + <el-col :span="24">
  86 + <template>
  87 + <el-table
  88 + ref="multipleTable"
  89 + :data="tableData"
  90 + tooltip-effect="dark"
  91 + style="width: 100%"
  92 + @selection-change="handleSelectionChange">
  93 + <el-table-column
  94 + type="selection"
  95 + width="45">
  96 + </el-table-column>
  97 + <el-table-column
  98 + fixed="left"
  99 + label="操作"
  100 + width="135">
  101 + <template slot-scope="scope">
  102 + <el-button
  103 + v-if="scope.row.rcfdep=='MT1201'"
  104 + @click="handleClick(scope.row)" type="text" size="small">原始舱单</el-button>
  105 + <el-button
  106 + v-else
  107 + @click="handleTally(scope.row)" type="text" size="small">进港理货</el-button>
  108 + <el-button @click="handleClick(scope.row)" type="text" size="small">修改状态</el-button>
  109 + </template>
  110 + </el-table-column>
  111 + <el-table-column
  112 + prop="carrierno"
  113 + label="航班号"
  114 + width="75">
  115 + </el-table-column>
  116 + <el-table-column
  117 + prop="flightdate"
  118 + label="航班日期"
  119 + width="95">
  120 + </el-table-column>
  121 + <el-table-column
  122 + prop="segment"
  123 + label="航段"
  124 + width="85"
  125 + >
  126 + </el-table-column>
  127 + <el-table-column
  128 + prop="awba"
  129 + label="主单号"
  130 + width="115"
  131 + >
  132 + </el-table-column>
  133 + <el-table-column
  134 + prop="awbh"
  135 + label="分单号"
  136 + width="130">
  137 + </el-table-column>
  138 + <el-table-column
  139 + prop="piece"
  140 + label="件数"
  141 + width="50">
  142 + </el-table-column>
  143 + <el-table-column
  144 + prop="weight"
  145 + label="重量"
  146 + width="70">
  147 + </el-table-column>
  148 + <el-table-column
  149 + prop="customcode"
  150 + label="关区号"
  151 + width="65">
  152 + </el-table-column>
  153 + <el-table-column
  154 + prop="actime"
  155 + label="时间"
  156 + width="155">
  157 + <template slot-scope="scope">{{timestampToTime(scope.row.actime)}}</template>
  158 + </el-table-column>
  159 + <el-table-column
  160 + prop="status"
  161 + label="状态"
  162 + width="90">
  163 + </el-table-column>
  164 + <el-table-column
  165 + prop="repick"
  166 + label="回执内容"
  167 + width="250">
  168 + </el-table-column>
  169 + </el-table>
  170 + </template>
  171 + </el-col>
  172 + </el-row>
  173 + <!--分页部分-->
  174 + <el-row>
  175 + <el-col>
  176 + <div class="block">
  177 + <el-pagination
  178 + @size-change="handleSizeChange"
  179 + @current-change="handleCurrentChange"
  180 + :current-page="currentPage4"
  181 + :page-sizes="[100, 200, 300, 400]"
  182 + :page-size="100"
  183 + layout="total, sizes, prev, pager, next, jumper"
  184 + :total="400">
  185 + </el-pagination>
  186 + </div>
  187 + </el-col>
  188 + </el-row>
  189 + </el-main>
  190 + </el-container>
  191 +</template>
  192 +
  193 +<style scoped>
  194 + .co{height: 36px;line-height: 36px;}
  195 + .co{border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;margin-bottom: 2px}
  196 + .row-bg{background-color: white;padding:0px;}
  197 + .el-row{margin-bottom: 10px;}
  198 + .sel{display: inline;}
  199 + .mark{height:24px;}
  200 + .bg{height:24px;text-align: center;line-height:24px;min-height: 24px}
  201 + .mainse{background: #5BB75B}
  202 + .fense{background-color: #12B399}
  203 + .tallse{background-color: #FA9403}
  204 + .tallfense{background-color: #C55124}
  205 + .cell{background: #5BB75B}
  206 + .cell2{background-color: #12B399}
  207 +</style>
  208 +<script>
  209 + import { QueryData } from '../../api/wayDeclaration'
  210 + export default {
  211 + data() {
  212 + return {
  213 + defaultQuery:{
  214 + awba:'',
  215 + carrier:'',
  216 + flightno:'',
  217 + flightdate:'',
  218 + status:'',
  219 + messageType:''
  220 + },
  221 + options: [
  222 + {
  223 + value: '01',
  224 + label: '选择状态'
  225 + }, {
  226 + value: '02',
  227 + label: '未发送'
  228 + }, {
  229 + value: '03',
  230 + label: '已发舱单报'
  231 + }, {
  232 + value: '04',
  233 + label: '舱单报退单'
  234 + }],
  235 + options2: [
  236 + {
  237 + value: '',
  238 + label: '选择状态'
  239 + }, {
  240 + value: 'MT1201',
  241 + label: '原始舱单'
  242 + }, {
  243 + value: 'MT5201',
  244 + label: '进港理货'
  245 + }],
  246 + tableData: [],
  247 + multipleSelection: [],
  248 + currentPage4: 4
  249 + }
  250 + },
  251 + methods:{
  252 + handleSelectionChange(val) {
  253 + this.multipleSelection = val;
  254 + },
  255 + handleClick(row) {
  256 + console.log(row);
  257 + },
  258 + handleSizeChange(val) {
  259 + console.log(`每页 ${val} 条`);
  260 + },
  261 + handleCurrentChange(val) {
  262 + console.log(`当前页: ${val}`);
  263 + },
  264 + //条件查询方法
  265 + QueryData(){
  266 + QueryData(this.defaultQuery).then(res =>{
  267 + //console.log(res);
  268 + let response=res.data.data;
  269 + this.tableData=response;
  270 + });
  271 + },
  272 + //点击进入原始页面
  273 + handleClick(row){
  274 + this.$router.push({name:'进港原始舱单',params:{flightno:row.carrierno,destinationstation:row.destinationstation,awba:row.awba,flightdate:row.flightdate,originstation:row.originstation}});
  275 + },
  276 + //点击进入理货页面
  277 + handleTally(row){},
  278 + //table显示时间转换
  279 + timestampToTime(timestamp) {
  280 + var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
  281 + var Y = date.getFullYear() + '-';
  282 + var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
  283 + var D = (date.getDate() < 10 ? '0'+date.getDate() : date.getDate()) + ' ';
  284 + var h = (date.getHours() < 10 ? '0'+date.getHours() : date.getHours()) + ':';
  285 + var m = (date.getMinutes() < 10 ? '0'+date.getMinutes() : date.getMinutes()) + ':';
  286 + var s = (date.getSeconds() < 10 ? '0'+date.getSeconds() : date.getSeconds());
  287 + return Y+M+D+h+m+s;
  288 + },
  289 + }
  290 +
  291 + }
  292 +</script>