正在显示
2 个修改的文件
包含
841 行增加
和
0 行删除
| @@ -19,6 +19,31 @@ let baseUrlBillcreden = 'air-server-transport/transport/creden' | @@ -19,6 +19,31 @@ let baseUrlBillcreden = 'air-server-transport/transport/creden' | ||
| 19 | let baseUrlExact = 'air-server-transport/exactPlanConfig' | 19 | let baseUrlExact = 'air-server-transport/exactPlanConfig' |
| 20 | //预报 | 20 | //预报 |
| 21 | let baseUrlConfig = 'air-server-transport/prePlanConfig' | 21 | let baseUrlConfig = 'air-server-transport/prePlanConfig' |
| 22 | +//物料申报 | ||
| 23 | +let baseUrlSupply = 'air-server-transport/transport/supplymatter' | ||
| 24 | +let baseUrlCargo = 'air-server-transport/transport/cargodetails' | ||
| 25 | +//国际转运 | ||
| 26 | +let baseUrlTrans = 'nmms-server-import/nmms/mt8205' | ||
| 27 | + | ||
| 28 | + | ||
| 29 | +//国际转运 | ||
| 30 | +export const selectMt8205 = params => { return http.get(`${baseUrlTrans}/selectMt8205`, params); }; | ||
| 31 | +export const addMt8205 = params => { return http.post(`${baseUrlTrans}/addMt8205`, params); }; | ||
| 32 | +export const ediMt8205 = params => { return http.post(`${baseUrlTrans}/ediMt8205`, params); }; | ||
| 33 | +export const delMt8205 = params => { return http.get(`${baseUrlTrans}/delMt8205`, params); }; | ||
| 34 | +export const sendCreateMt8205 = params => { return http.post(`${baseUrlTrans}/sendCreateMt8205`, params); }; | ||
| 35 | + | ||
| 36 | + | ||
| 37 | +//物料申报管理 | ||
| 38 | +export const addSupplyMatter = params => { return http.post(`${baseUrlSupply}/addSupplyMatter`, params); }; | ||
| 39 | +export const ediSupplyMatter = params => { return http.post(`${baseUrlSupply}/ediSupplyMatter`, params); }; | ||
| 40 | +export const delSupplyMatter = params => { return http.post(`${baseUrlSupply}/delSupplyMatter`, params); }; | ||
| 41 | +export const selectSupplyMatter = params => { return http.post(`${baseUrlSupply}/selectSupplyMatter`, params); }; | ||
| 42 | +export const sendSupplyMatter = params => { return http.post(`${baseUrlSupply}/sendSupplyMatter`, params); }; | ||
| 43 | +//货物明细 | ||
| 44 | +export const addCargoDetails = params => { return http.post(`${baseUrlCargo}/addCargoDetails`, params); }; | ||
| 45 | +export const delCargoDetails = params => { return http.post(`${baseUrlCargo}/delCargoDetails`, params); }; | ||
| 46 | +export const selectCargoDetails = params => { return http.get(`${baseUrlCargo}/selectCargoDetails`, params); }; | ||
| 22 | 47 | ||
| 23 | 48 | ||
| 24 | 49 |
src/views/airtransport/transfer.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <el-container> | ||
| 3 | + <el-main style="background-color: white"> | ||
| 4 | + <el-row> | ||
| 5 | + <el-form :model="form" :rules="form" ref="ruleForm" label-width="2px" class="demo-ruleForm"> | ||
| 6 | + <el-row style="margin-top: -20px"> | ||
| 7 | + <el-col :span="24"><div class="grid-content content"><p>国际转运查询</p></div></el-col> | ||
| 8 | + </el-row> | ||
| 9 | + <el-row> | ||
| 10 | + <el-col :span="6"> | ||
| 11 | + <el-form-item label="" > | ||
| 12 | + <el-input placeholder="" v-model="form.transcarrier" style="width:220px"> | ||
| 13 | + <template slot="prepend">承运人</template> | ||
| 14 | + </el-input> | ||
| 15 | + </el-form-item> | ||
| 16 | + </el-col> | ||
| 17 | + <el-col :span="6"> | ||
| 18 | + <el-form-item label=""> | ||
| 19 | + <el-input placeholder="" v-model="form.transflightno" style="width:220px"> | ||
| 20 | + <template slot="prepend">航班号</template> | ||
| 21 | + </el-input> | ||
| 22 | + </el-form-item> | ||
| 23 | + </el-col> | ||
| 24 | + <el-col :span="10"> | ||
| 25 | + <el-form-item label="" > | ||
| 26 | + <div class="ip"> | ||
| 27 | + 航班日期 | ||
| 28 | + </div> | ||
| 29 | + <el-date-picker type="date" placeholder="选择日期" | ||
| 30 | + v-model="form.transflightdate" style="width: 140px;" | ||
| 31 | + value-format="yyyy-MM-dd"></el-date-picker> | ||
| 32 | + </el-form-item> | ||
| 33 | + </el-col> | ||
| 34 | + </el-row> | ||
| 35 | + <el-row> | ||
| 36 | + <el-col :span="6" style="margin-top: -15px"> | ||
| 37 | + <el-form-item label="" prop="transawbano"> | ||
| 38 | + <el-input placeholder="" v-model="form.transawbano" style="width:220px"> | ||
| 39 | + <template slot="prepend">主单号</template> | ||
| 40 | + </el-input> | ||
| 41 | + </el-form-item> | ||
| 42 | + </el-col> | ||
| 43 | + <el-col :span="6" style="margin-top: -15px"> | ||
| 44 | + <el-form-item label="" prop="transawbhno"> | ||
| 45 | + <el-input placeholder="" v-model="form.transawbhno" style="width:220px"> | ||
| 46 | + <template slot="prepend">分单号</template> | ||
| 47 | + </el-input> | ||
| 48 | + </el-form-item> | ||
| 49 | + </el-col> | ||
| 50 | + <el-col :span="4" style="margin-top: -15px"> | ||
| 51 | + <el-button type="primary" icon="el-icon-search" @click="submitForm()">查 询</el-button> | ||
| 52 | + </el-col> | ||
| 53 | + </el-row> | ||
| 54 | + </el-form> | ||
| 55 | + </el-row> | ||
| 56 | + <el-row style="margin-top: -20px"> | ||
| 57 | + <el-col :span="24"><div class="grid-content content"><p>国际转运明细</p></div></el-col> | ||
| 58 | + </el-row> | ||
| 59 | + <!--列表部分--> | ||
| 60 | + <el-row> | ||
| 61 | + <template> | ||
| 62 | + <el-table | ||
| 63 | + class="table" | ||
| 64 | + v-loading="tableloading" | ||
| 65 | + ref="multipleTable" | ||
| 66 | + :data="tableData" | ||
| 67 | + tooltip-effect="dark" | ||
| 68 | + style="border-radius: 10px 10px 0px 0px;line-height: 25px;min-height: 500px" | ||
| 69 | + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small" | ||
| 70 | + row-key="uuid" | ||
| 71 | + border | ||
| 72 | + default-expand-all | ||
| 73 | + :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> | ||
| 74 | + <el-table-column | ||
| 75 | + label="主单号" | ||
| 76 | + width="185" | ||
| 77 | + prop="transawbano" | ||
| 78 | + > | ||
| 79 | + </el-table-column> | ||
| 80 | + <el-table-column | ||
| 81 | + prop="transawbhno" | ||
| 82 | + label="分单号" | ||
| 83 | + width="70"> | ||
| 84 | + </el-table-column> | ||
| 85 | + <el-table-column | ||
| 86 | + prop="originflightno" | ||
| 87 | + label="进港航班" | ||
| 88 | + width="70"> | ||
| 89 | + </el-table-column> | ||
| 90 | + <el-table-column | ||
| 91 | + prop="transpiece" | ||
| 92 | + label="运单件数" | ||
| 93 | + width="70"> | ||
| 94 | + </el-table-column> | ||
| 95 | + <el-table-column | ||
| 96 | + prop="transweight" | ||
| 97 | + label="运单重量" | ||
| 98 | + width="80"> | ||
| 99 | + </el-table-column> | ||
| 100 | + <el-table-column | ||
| 101 | + prop="goodsname" | ||
| 102 | + label="货物品名" | ||
| 103 | + width="80"> | ||
| 104 | + </el-table-column> | ||
| 105 | + <el-table-column | ||
| 106 | + prop="transflightno" | ||
| 107 | + label="转运航班" | ||
| 108 | + width="140"> | ||
| 109 | + </el-table-column> | ||
| 110 | + <el-table-column | ||
| 111 | + prop="status" | ||
| 112 | + label="状态" | ||
| 113 | + width="100" :formatter="formatStatus"> | ||
| 114 | + </el-table-column> | ||
| 115 | + <el-table-column | ||
| 116 | + prop="ext5" | ||
| 117 | + label="回执信息" | ||
| 118 | + width="260"> | ||
| 119 | +<!-- <template slot-scope="scope">--> | ||
| 120 | +<!-- <span v-if="scope.row.status=='01' || scope.row.status=='11'" style="color: #67C23A">--> | ||
| 121 | +<!-- {{scope.row.ext5}}--> | ||
| 122 | +<!-- </span>--> | ||
| 123 | +<!-- <span v-else-if="scope.row.status=='02' || scope.row.status=='03'" style="color: #E6A23C">--> | ||
| 124 | +<!-- {{scope.row.ext5}}--> | ||
| 125 | +<!-- </span>--> | ||
| 126 | +<!-- <span v-else-if="scope.row.status=='12' || scope.row.status=='13'" style="color: #F56C6C">--> | ||
| 127 | +<!-- {{scope.row.ext5}}--> | ||
| 128 | +<!-- </span>--> | ||
| 129 | +<!-- <span v-else style="color: #909399;">--> | ||
| 130 | +<!-- {{scope.row.ext5}}--> | ||
| 131 | +<!-- </span>--> | ||
| 132 | +<!-- </template>--> | ||
| 133 | + </el-table-column> | ||
| 134 | + <el-table-column | ||
| 135 | + prop="operation" | ||
| 136 | + label="操作" | ||
| 137 | + width="285"> | ||
| 138 | + <template slot-scope="scope"> | ||
| 139 | + <el-row type="flex" justify="space-between"> | ||
| 140 | + <el-button | ||
| 141 | + size="mini" | ||
| 142 | + type="info" | ||
| 143 | + @click="handleDetail(scope.$index, scope.row)">收发明细 | ||
| 144 | + </el-button> | ||
| 145 | + <el-button | ||
| 146 | + size="mini" | ||
| 147 | + type="success" | ||
| 148 | + @click="editForm(scope.$index, scope.row)">编辑运单 | ||
| 149 | + </el-button> | ||
| 150 | + | ||
| 151 | + </el-row> | ||
| 152 | + <el-row type="flex" justify="space-between"> | ||
| 153 | + | ||
| 154 | + <el-button | ||
| 155 | + size="mini" | ||
| 156 | + type="primary" | ||
| 157 | + @click="handleSend(scope.$index, scope.row)" | ||
| 158 | + :disabled="btSendStatusFormater(scope.row.status)">申请转运 | ||
| 159 | + </el-button> | ||
| 160 | + <el-button | ||
| 161 | + size="mini" | ||
| 162 | + type="warning" | ||
| 163 | + @click="UpdateStatus(scope.$index, scope.row)">更改状态 | ||
| 164 | + </el-button> | ||
| 165 | + <el-button | ||
| 166 | + size="mini" | ||
| 167 | + type="danger" | ||
| 168 | + @click="handleDelete(scope.$index, scope.row)" | ||
| 169 | + :disabled="btDeleStatusFormater(scope.row.status)">删除运单 | ||
| 170 | + </el-button> | ||
| 171 | + </el-row> | ||
| 172 | + </template> | ||
| 173 | + </el-table-column> | ||
| 174 | + </el-table> | ||
| 175 | + </template> | ||
| 176 | + </el-row> | ||
| 177 | + | ||
| 178 | + <!--分页区域--> | ||
| 179 | + <el-row style="margin-bottom: 10px"> | ||
| 180 | + <el-pagination | ||
| 181 | + :current-page="form.pageNum" | ||
| 182 | + :page-sizes="[100, 505, 1000, 5000]" | ||
| 183 | + :page-size="form.pageSize" | ||
| 184 | + layout="total, sizes, prev, pager, next, jumper" | ||
| 185 | + :total="total" | ||
| 186 | + @size-change="handleSizeChange" | ||
| 187 | + @current-change="handleCurrentChange" | ||
| 188 | + /> | ||
| 189 | + </el-row> | ||
| 190 | + <!--footer部分--> | ||
| 191 | + <el-row style="margin-top: 10px"> | ||
| 192 | + <el-col :span="4" class="pub"> | ||
| 193 | + <div class="grid-content"> | ||
| 194 | + <el-button type="primary" size="mini" @click="addForm()">新增原始舱单</el-button> | ||
| 195 | + </div> | ||
| 196 | + </el-col> | ||
| 197 | + <el-col :span="2.5" class="pub"> | ||
| 198 | + <div class="grid-content"><span>主单数:{{sumNmmsCount}}</span></div> | ||
| 199 | + </el-col> | ||
| 200 | + <el-col :span="3.5" class="pub"> | ||
| 201 | + <div class="grid-content"><span>舱单总件数:{{sumNmmsPrice}}</span></div> | ||
| 202 | + </el-col> | ||
| 203 | + <el-col :span="7.5" class="pub"> | ||
| 204 | + <div class="grid-content"><span>舱单总重量:{{sumNmmsWeight}}</span></div> | ||
| 205 | + </el-col> | ||
| 206 | + </el-row> | ||
| 207 | + <!--明细列表弹出框--> | ||
| 208 | + <el-row> | ||
| 209 | + <el-dialog title="回执明细列表" :visible.sync="dialogTableVisible" width="70%"> | ||
| 210 | + <el-table :data="gridData" style="border-radius: 10px 10px 0px 0px;line-height: 25px;min-height: 500px" | ||
| 211 | + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"> | ||
| 212 | + <el-table-column property="busdate" label="时间" width="160"></el-table-column> | ||
| 213 | + <el-table-column property="username" label="操作人" width="130"></el-table-column> | ||
| 214 | + <el-table-column property="buspiece" label="发送件数" width="130"></el-table-column> | ||
| 215 | + <el-table-column property="busweight" label="发送重量" width="130"></el-table-column> | ||
| 216 | + <el-table-column property="cusrestext" label="回执内容"></el-table-column> | ||
| 217 | + </el-table> | ||
| 218 | + </el-dialog> | ||
| 219 | + </el-row> | ||
| 220 | + <!--编辑主单--> | ||
| 221 | + <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="outerVisible.addDialog" width="80%" style="margin-top: -40px" > | ||
| 222 | + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="labelPosition" size="mini" style="padding-left: 10px"> | ||
| 223 | + <!--原始舱单信息部分--> | ||
| 224 | + <el-row class="flightInfo"> | ||
| 225 | + <el-col :span="24"> | ||
| 226 | + <div class="grid-content content">原始舱单信息</div> | ||
| 227 | + </el-col> | ||
| 228 | + <el-row style="margin-top: 60px"> | ||
| 229 | +<!-- <el-col :span="6">--> | ||
| 230 | +<!-- <el-form-item prop="awba">--> | ||
| 231 | +<!-- <div v-if="dialogStatus === 'update'">--> | ||
| 232 | +<!-- <el-input disabled="" v-model="ruleForm.awba" style="width: 200px">--> | ||
| 233 | +<!-- <template slot="prepend">运单号</template>--> | ||
| 234 | +<!-- </el-input>--> | ||
| 235 | +<!-- </div>--> | ||
| 236 | +<!-- <div v-else>--> | ||
| 237 | +<!-- <el-input v-model="ruleForm.awba" style="width: 200px">--> | ||
| 238 | +<!-- <template slot="prepend">运单号</template>--> | ||
| 239 | +<!-- </el-input>--> | ||
| 240 | +<!-- </div>--> | ||
| 241 | +<!-- </el-form-item>--> | ||
| 242 | +<!-- </el-col>--> | ||
| 243 | + <el-col :span="6"> | ||
| 244 | + <el-form-item prop="origincarrier" > | ||
| 245 | + <el-input v-model="ruleForm.origincarrier" style="width: 200px" placeholder="必填项" onkeyup="this.value=this.value.toUpperCase()"> | ||
| 246 | + <template slot="prepend">承运人</template> | ||
| 247 | + </el-input> | ||
| 248 | + </el-form-item> | ||
| 249 | + </el-col> | ||
| 250 | + <el-col :span="6"> | ||
| 251 | + <el-form-item prop="originflightno" > | ||
| 252 | + <el-input v-model="ruleForm.originflightno" style="width: 200px" placeholder="必填项"> | ||
| 253 | + <template slot="prepend">航班号</template> | ||
| 254 | + </el-input> | ||
| 255 | + </el-form-item> | ||
| 256 | + </el-col> | ||
| 257 | + | ||
| 258 | +<!-- <el-col :span="6">--> | ||
| 259 | +<!-- <el-form-item label="" >--> | ||
| 260 | +<!-- <el-form-item prop="originflightdate">--> | ||
| 261 | +<!-- <div class="ip">--> | ||
| 262 | +<!-- 航班日期--> | ||
| 263 | +<!-- </div>--> | ||
| 264 | +<!-- <el-date-picker type="date" placeholder="选择日期"--> | ||
| 265 | +<!-- v-model="ruleForm.originflightdate"--> | ||
| 266 | +<!-- value-formatformat="yyyy-MM-dd"--> | ||
| 267 | +<!-- style="width: 125px">--> | ||
| 268 | + | ||
| 269 | +<!-- </el-date-picker>--> | ||
| 270 | +<!-- </el-form-item>--> | ||
| 271 | +<!-- </el-form-item>--> | ||
| 272 | +<!-- </el-col>--> | ||
| 273 | + <el-col :span="6"> | ||
| 274 | + <el-form-item label="" > | ||
| 275 | + <el-form-item prop="originflightdate"> | ||
| 276 | + <div class="ip"> | ||
| 277 | + 航班日期 | ||
| 278 | + </div> | ||
| 279 | + <el-date-picker type="date" placeholder="选择日期" | ||
| 280 | + v-model="ruleForm.originflightdate" | ||
| 281 | + value-format="yyyy-MM-dd" | ||
| 282 | + style="width: 125px"> | ||
| 283 | + | ||
| 284 | + </el-date-picker> | ||
| 285 | + </el-form-item> | ||
| 286 | + </el-form-item> | ||
| 287 | + </el-col> | ||
| 288 | + </el-row> | ||
| 289 | + <el-row> | ||
| 290 | + <el-col :span="6" style="margin-top: -20px" > | ||
| 291 | + <el-form-item prop="originawbano" > | ||
| 292 | + <el-input v-model="ruleForm.originawbano" style="width: 200px" placeholder="必填项" > | ||
| 293 | + <template slot="prepend">主单号</template> | ||
| 294 | + </el-input> | ||
| 295 | + </el-form-item> | ||
| 296 | + </el-col> | ||
| 297 | + <el-col :span="12" style="margin-top: -20px"> | ||
| 298 | + <el-form-item prop="originstation"> | ||
| 299 | + <el-input v-model="ruleForm.originawbhno" style="width: 200px"> | ||
| 300 | + <template slot="prepend">分单号</template> | ||
| 301 | + </el-input> | ||
| 302 | + </el-form-item> | ||
| 303 | + </el-col> | ||
| 304 | + <el-col :span="6" style="margin-top: -20px"> | ||
| 305 | + <el-button type="primary" icon="el-icon-search">查 询</el-button> | ||
| 306 | + </el-col> | ||
| 307 | + </el-row> | ||
| 308 | + </el-row> | ||
| 309 | + <!--预配舱单信息部分--> | ||
| 310 | + <el-row class="flightInfo"> | ||
| 311 | + <el-col :span="24"> | ||
| 312 | + <div class="grid-content content">预配舱单信息</div> | ||
| 313 | + </el-col> | ||
| 314 | + <el-row style="margin-top: 60px"> | ||
| 315 | + <!-- <el-col :span="6">--> | ||
| 316 | + <!-- <el-form-item prop="awba">--> | ||
| 317 | + <!-- <div v-if="dialogStatus === 'update'">--> | ||
| 318 | + <!-- <el-input disabled="" v-model="ruleForm.awba" style="width: 200px">--> | ||
| 319 | + <!-- <template slot="prepend">运单号</template>--> | ||
| 320 | + <!-- </el-input>--> | ||
| 321 | + <!-- </div>--> | ||
| 322 | + <!-- <div v-else>--> | ||
| 323 | + <!-- <el-input v-model="ruleForm.awba" style="width: 200px">--> | ||
| 324 | + <!-- <template slot="prepend">运单号</template>--> | ||
| 325 | + <!-- </el-input>--> | ||
| 326 | + <!-- </div>--> | ||
| 327 | + <!-- </el-form-item>--> | ||
| 328 | + <!-- </el-col>--> | ||
| 329 | + <el-col :span="6"> | ||
| 330 | + <el-form-item prop="transcarrier" > | ||
| 331 | + <el-input v-model="ruleForm.transcarrier" style="width: 200px" placeholder="必填项" onkeyup="this.value=this.value.toUpperCase()"> | ||
| 332 | + <template slot="prepend">承运人</template> | ||
| 333 | + </el-input> | ||
| 334 | + </el-form-item> | ||
| 335 | + </el-col> | ||
| 336 | + <el-col :span="6"> | ||
| 337 | + <el-form-item prop="transflightno" > | ||
| 338 | + <el-input v-model="ruleForm.transflightno" style="width: 200px" placeholder="必填项"> | ||
| 339 | + <template slot="prepend">航班号</template> | ||
| 340 | + </el-input> | ||
| 341 | + </el-form-item> | ||
| 342 | + </el-col> | ||
| 343 | + | ||
| 344 | + <el-col :span="6"> | ||
| 345 | + <el-form-item label="" > | ||
| 346 | + <el-form-item prop="transflightdate"> | ||
| 347 | + <div class="ip"> | ||
| 348 | + 航班日期 | ||
| 349 | + </div> | ||
| 350 | + <el-date-picker type="date" placeholder="选择日期" | ||
| 351 | + v-model="ruleForm.transflightdate" | ||
| 352 | + value-format="yyyy-MM-dd" | ||
| 353 | + style="width: 125px"> | ||
| 354 | + | ||
| 355 | + </el-date-picker> | ||
| 356 | + </el-form-item> | ||
| 357 | + </el-form-item> | ||
| 358 | + </el-col> | ||
| 359 | + </el-row> | ||
| 360 | + <el-row> | ||
| 361 | + <el-col :span="6" style="margin-top: -20px" > | ||
| 362 | + <el-form-item prop="transawbano" > | ||
| 363 | + <el-input v-model="ruleForm.transawbano" style="width: 200px" placeholder="必填项"> | ||
| 364 | + <template slot="prepend">主单号</template> | ||
| 365 | + </el-input> | ||
| 366 | + </el-form-item> | ||
| 367 | + </el-col> | ||
| 368 | + <el-col :span="6" style="margin-top: -20px" > | ||
| 369 | + <el-form-item prop="transawbhno"> | ||
| 370 | + <el-input v-model="ruleForm.transawbhno" style="width: 200px"> | ||
| 371 | + <template slot="prepend">分单号</template> | ||
| 372 | + </el-input> | ||
| 373 | + </el-form-item> | ||
| 374 | + </el-col> | ||
| 375 | + </el-row> | ||
| 376 | + </el-row> | ||
| 377 | + <!--运单信息部分--> | ||
| 378 | + <el-row class="flightInfo"> | ||
| 379 | + <el-col :span="24"> | ||
| 380 | + <div class="grid-content content">提运单信息</div> | ||
| 381 | + </el-col> | ||
| 382 | + </el-row> | ||
| 383 | + <el-row style="margin-bottom: 0px;"> | ||
| 384 | + <el-row class="product"> | ||
| 385 | + <el-col :span="6"> | ||
| 386 | + <el-form-item label="" prop="transpiece" > | ||
| 387 | + <el-input v-model="ruleForm.transpiece" placeholder="必填项" style="width: 200px" oninput="value=value.replace(/[^\d]/g,'')"> | ||
| 388 | + <template slot="prepend">件 数</template> | ||
| 389 | + </el-input> | ||
| 390 | + </el-form-item> | ||
| 391 | + </el-col> | ||
| 392 | + <el-col :span="6"> | ||
| 393 | + <el-form-item label="" prop="transweight" > | ||
| 394 | + <el-input v-model="ruleForm.transweight" placeholder="必填项" style="width: 200px" oninput="value=value.replace(/[^\d]/g,'')"> | ||
| 395 | + <template slot="prepend">重 量</template> | ||
| 396 | + </el-input> | ||
| 397 | + </el-form-item> | ||
| 398 | + </el-col> | ||
| 399 | + <el-col :span="6"> | ||
| 400 | + <el-form-item label="" prop="goodsname" > | ||
| 401 | + <el-input v-model="ruleForm.goodsname" style="width: 210px" placeholder="必填项"> | ||
| 402 | + <template slot="prepend">货物描述</template> | ||
| 403 | + </el-input> | ||
| 404 | + </el-form-item> | ||
| 405 | + </el-col> | ||
| 406 | + </el-row> | ||
| 407 | + <el-row class="product"> | ||
| 408 | + <el-col :span="6"> | ||
| 409 | + <el-form-item label="" prop="awboriginstation" > | ||
| 410 | + <el-input v-model="ruleForm.awboriginstation" style="width: 200px" placeholder="必填项" onkeyup="this.value=this.value.toUpperCase()"> | ||
| 411 | + <template slot="prepend">始发站</template> | ||
| 412 | + </el-input> | ||
| 413 | + </el-form-item> | ||
| 414 | + </el-col> | ||
| 415 | + <el-col :span="6"> | ||
| 416 | + <el-form-item label="" prop="awbdesstation" > | ||
| 417 | + <el-input v-model="ruleForm.awbdesstation" placeholder="必填项" style="width: 200px" onkeyup="this.value=this.value.toUpperCase()"> | ||
| 418 | + <template slot="prepend">目的站</template> | ||
| 419 | + </el-input> | ||
| 420 | + </el-form-item> | ||
| 421 | + </el-col> | ||
| 422 | + <el-col :span="6"> | ||
| 423 | + <el-form-item label="" prop="goodspackage"> | ||
| 424 | + <div class="ip"> | ||
| 425 | + 包装类型 | ||
| 426 | + </div> | ||
| 427 | + <el-select v-model="ruleForm.goodspackage" placeholder="请选择" size="mini" style="width: 125px"> | ||
| 428 | + <el-option label="木箱" value="pk"></el-option> | ||
| 429 | + </el-select> | ||
| 430 | + </el-form-item> | ||
| 431 | + </el-col> | ||
| 432 | + <el-col :span="6"> | ||
| 433 | + <el-button type="primary" icon="el-icon-check" @click="dialogStatus==='create'?outerVisible_add():outerVisible_edit()" size="small">保 存</el-button> | ||
| 434 | + <el-button icon="el-icon-close" @click="outerVisible.addDialog = false" size="small">取 消</el-button> | ||
| 435 | + </el-col> | ||
| 436 | + </el-row> | ||
| 437 | + </el-row> | ||
| 438 | + </el-form> | ||
| 439 | + </el-dialog> | ||
| 440 | + </el-main> | ||
| 441 | + </el-container> | ||
| 442 | +</template> | ||
| 443 | + | ||
| 444 | +<script> | ||
| 445 | + import { | ||
| 446 | + addMt8205, | ||
| 447 | + selectMt8205, | ||
| 448 | + sendCreateMt8205, | ||
| 449 | + delMt8205, | ||
| 450 | + ediMt8205, | ||
| 451 | + } from "../../api/transport"; | ||
| 452 | + import {loginedUserInfo} from "../../api/user"; | ||
| 453 | + import {sendCreateMt1201} from "../../api/mt1201"; | ||
| 454 | + import {selectResponseList} from "../../api/InResponse"; | ||
| 455 | + | ||
| 456 | + export default { | ||
| 457 | + name: "transfer", | ||
| 458 | + data() { | ||
| 459 | + return{ | ||
| 460 | + // 搜索条件 | ||
| 461 | + form: { | ||
| 462 | + transcarrier:'', | ||
| 463 | + transflightno:'', | ||
| 464 | + transflightdate:'', | ||
| 465 | + transawbano:'', | ||
| 466 | + transawbhno:'', | ||
| 467 | + pageNum: 1, | ||
| 468 | + pageSize: 100, | ||
| 469 | + }, | ||
| 470 | + sumNmmsCount:0, | ||
| 471 | + sumNmmsPrice:0, | ||
| 472 | + sumNmmsWeight:0, | ||
| 473 | + total: 0, | ||
| 474 | + // 搜索列表 | ||
| 475 | + tableData:[], | ||
| 476 | + tableloading:false, | ||
| 477 | + // 明细 | ||
| 478 | + dialogTableVisible:false, | ||
| 479 | + gridData:[], | ||
| 480 | + // 新增/编辑 | ||
| 481 | + dialogStatus:'create', | ||
| 482 | + dialogMap:{ | ||
| 483 | + update: '编辑', | ||
| 484 | + create: '添加' | ||
| 485 | + }, | ||
| 486 | + outerVisible: { | ||
| 487 | + // 添加对话框 | ||
| 488 | + addDialog: false, | ||
| 489 | + // 编辑对话框 | ||
| 490 | + editDialog: false | ||
| 491 | + }, | ||
| 492 | + labelPosition: 'left', | ||
| 493 | + ruleForm: { | ||
| 494 | + uuid1201:'', | ||
| 495 | + uuid2201:'', | ||
| 496 | + origincarrier: undefined, | ||
| 497 | + originflightno: undefined, | ||
| 498 | + originflightdate: undefined, | ||
| 499 | + originawbano: undefined, | ||
| 500 | + originawbhno: undefined, | ||
| 501 | + transcarrier: undefined, | ||
| 502 | + transflightno: undefined, | ||
| 503 | + transflightdate: undefined, | ||
| 504 | + transawbano: undefined, | ||
| 505 | + transawbhno: undefined, | ||
| 506 | + transpiece: undefined, | ||
| 507 | + transweight: undefined, | ||
| 508 | + goodsname: undefined, | ||
| 509 | + goodspackage:'pk', | ||
| 510 | + awbdesstation:undefined, | ||
| 511 | + awboriginstation:undefined, | ||
| 512 | + customcode:'', | ||
| 513 | + status:'', | ||
| 514 | + actime:'', | ||
| 515 | + updatetime:'', | ||
| 516 | + ext3:'', | ||
| 517 | + ext4:'', | ||
| 518 | + ext5:'', | ||
| 519 | + }, | ||
| 520 | + rules: { | ||
| 521 | + origincarrier: [ | ||
| 522 | + { required: true, message: '请输入承运人代码', trigger: 'blur' }, | ||
| 523 | + ], | ||
| 524 | + originflightno: [ | ||
| 525 | + { required: true, message: '请输入航班号', trigger: 'blur' }, | ||
| 526 | + ], | ||
| 527 | + originawbano: [ | ||
| 528 | + { required: true, message: '请输入主单号', trigger: 'blur' }, | ||
| 529 | + ], | ||
| 530 | + originflightdate: [ | ||
| 531 | + { required: true, message: '请输入航班日期', trigger: 'blur' }, | ||
| 532 | + ], | ||
| 533 | + transawbano: [ | ||
| 534 | + { required: true, message: '请输入主单号', trigger: 'blur' }, | ||
| 535 | + ], | ||
| 536 | + transcarrier: [ | ||
| 537 | + { required: true, message: '请输入承运人代码', trigger: 'blur' }, | ||
| 538 | + ], | ||
| 539 | + transflightno: [ | ||
| 540 | + { required: true, message: '请输入航班号', trigger: 'blur' }, | ||
| 541 | + ], | ||
| 542 | + | ||
| 543 | + transpiece: [ | ||
| 544 | + { required: true, message: '请输入件数', trigger: 'blur' }, | ||
| 545 | + ], | ||
| 546 | + transweight: [ | ||
| 547 | + { required: true, message: '请输入重量', trigger: 'blur' }, | ||
| 548 | + ], | ||
| 549 | + goodsname: [ | ||
| 550 | + { required: true, message: '请输入货物描述', trigger: 'blur' }, | ||
| 551 | + ], | ||
| 552 | + awboriginstation: [ | ||
| 553 | + { required: true, message: '请输入起始站', trigger: 'blur' }, | ||
| 554 | + ], | ||
| 555 | + transflightdate: [ | ||
| 556 | + { required: true, message: '请选择日期', trigger: 'blur' }, | ||
| 557 | + ], | ||
| 558 | + awbdesstation: [ | ||
| 559 | + { required: true, message: '请输入目的站', trigger: 'blur' }, | ||
| 560 | + ], | ||
| 561 | + } | ||
| 562 | + | ||
| 563 | + } | ||
| 564 | + }, | ||
| 565 | + methods:{ | ||
| 566 | + //首页表单分页 | ||
| 567 | + handleSizeChange(val) { | ||
| 568 | + this.form.pageSize = val | ||
| 569 | + this.submitForm() | ||
| 570 | + }, | ||
| 571 | + handleCurrentChange(val) { | ||
| 572 | + this.form.pageNum = val | ||
| 573 | + this.submitForm() | ||
| 574 | + }, | ||
| 575 | + //回执收发明细 | ||
| 576 | + handleDetail(index,row){ | ||
| 577 | + // if(row.flightno.length>4){ | ||
| 578 | + // row.flightno=row.flightno.substring(2); | ||
| 579 | + // } | ||
| 580 | + let params={awbano:row.transawbano,awbhno:row.transawbhno,carrier:row.transcarrier,flightno:row.transflightno,flightdate:row.transflightdate,bustype:'MT8205'} | ||
| 581 | + selectResponseList(params).then(res=>{ | ||
| 582 | + this.dialogTableVisible=true; | ||
| 583 | + let response=res.data.data; | ||
| 584 | + this.gridData=response; | ||
| 585 | + }); | ||
| 586 | + }, | ||
| 587 | + // 获取消息标签列表 | ||
| 588 | + submitForm() { | ||
| 589 | + const _this = this | ||
| 590 | + selectMt8205(this.form).then((response) => { | ||
| 591 | + const res = response.data | ||
| 592 | + console.log(res) | ||
| 593 | + // console.log(response.data) | ||
| 594 | + if (res.code !== '200') { | ||
| 595 | + return _this.$message.error('获取消息收发记录,失败!') | ||
| 596 | + } | ||
| 597 | + // 获取列表数据 | ||
| 598 | + _this.tableData = res.data.list | ||
| 599 | + // 获取列表的总记录数 | ||
| 600 | + _this.total = res.data.total | ||
| 601 | + _this.$message.success('获取消息收发记录,成功!') | ||
| 602 | + }).catch(error => { | ||
| 603 | + // 关闭加载 | ||
| 604 | + _this.$message.error(error.toString()) | ||
| 605 | + }) | ||
| 606 | + }, | ||
| 607 | + //新增编辑弹框关闭重置 | ||
| 608 | + // configure_addDialogClosed() { | ||
| 609 | + // // 重置对话框 | ||
| 610 | + // this.$refs.ruleForm.resetFields() | ||
| 611 | + // }, | ||
| 612 | + // 打开新增 | ||
| 613 | + addForm() { | ||
| 614 | + this.dialogStatus = 'create' | ||
| 615 | + this.outerVisible.addDialog = true | ||
| 616 | + this.ruleForm = { | ||
| 617 | + uuid1201:'', | ||
| 618 | + uuid2201:'', | ||
| 619 | + origincarrier: undefined, | ||
| 620 | + originflightno: undefined, | ||
| 621 | + originflightdate: undefined, | ||
| 622 | + originawbano: undefined, | ||
| 623 | + originawbhno: undefined, | ||
| 624 | + transcarrier: undefined, | ||
| 625 | + transflightno: undefined, | ||
| 626 | + transflightdate: undefined, | ||
| 627 | + transawbano: undefined, | ||
| 628 | + transawbhno: '', | ||
| 629 | + transpiece: undefined, | ||
| 630 | + transweight: undefined, | ||
| 631 | + goodsname: undefined, | ||
| 632 | + goodspackage:'pk', | ||
| 633 | + awbdesstation:undefined, | ||
| 634 | + awboriginstation:undefined, | ||
| 635 | + customcode:'', | ||
| 636 | + status:'', | ||
| 637 | + actime:'', | ||
| 638 | + updatetime:'', | ||
| 639 | + ext3:'', | ||
| 640 | + ext4:'', | ||
| 641 | + ext5:'', | ||
| 642 | + } | ||
| 643 | + }, | ||
| 644 | + // 新增功能 | ||
| 645 | + outerVisible_add() { // 进行表单的预验证 | ||
| 646 | + this.$refs.ruleForm.validate(valid => { | ||
| 647 | + // 未通过,表单预校验 | ||
| 648 | + if (!valid) return | ||
| 649 | + addMt8205(this.ruleForm).then((response) => { | ||
| 650 | + const res = response.data | ||
| 651 | + // 添加失败 | ||
| 652 | + if (res.code !== '200') { | ||
| 653 | + // 关闭加载 | ||
| 654 | + return this.$message.error(res.msg) | ||
| 655 | + } | ||
| 656 | + // 添加,成功 | ||
| 657 | + this.$message.success(res.msg) | ||
| 658 | + // 隐藏对话框 | ||
| 659 | + this.outerVisible.addDialog = false | ||
| 660 | + // 刷新列表 | ||
| 661 | + this.submitForm() | ||
| 662 | + }).catch(error => { | ||
| 663 | + this.$message.error(error.toString()) | ||
| 664 | + }) | ||
| 665 | + }) | ||
| 666 | + }, | ||
| 667 | + // 打开编辑 | ||
| 668 | + editForm(index, row) { | ||
| 669 | + this.ruleForm = Object.assign({}, row) | ||
| 670 | + this.outerVisible.addDialog = true | ||
| 671 | + this.dialogStatus = 'update' | ||
| 672 | + this.$nextTick(() => { | ||
| 673 | + this.ruleForm = Object.assign({}, row) | ||
| 674 | + }) | ||
| 675 | + console.log(row) | ||
| 676 | + }, | ||
| 677 | + // 编辑功能 | ||
| 678 | + outerVisible_edit() { | ||
| 679 | + // 进行表单的预验证 | ||
| 680 | + this.$refs.ruleForm.validate(valid => { | ||
| 681 | + // 未通过,表单预校验 | ||
| 682 | + if (!valid) return | ||
| 683 | + ediMt8205(this.ruleForm).then((response) => { | ||
| 684 | + const res = response.data | ||
| 685 | + if (res.code !== '200') { | ||
| 686 | + return this.$message.error(res.msg) | ||
| 687 | + } | ||
| 688 | + this.$message.success(res.msg) | ||
| 689 | + // 隐藏对话框 | ||
| 690 | + this.outerVisible.addDialog = false | ||
| 691 | + // 刷新列表 | ||
| 692 | + this.submitForm() | ||
| 693 | + }).catch(error => { | ||
| 694 | + this.$message.error(error.toString()) | ||
| 695 | + }) | ||
| 696 | + }) | ||
| 697 | + }, | ||
| 698 | + //删除 | ||
| 699 | + handleDelete(index, row) { | ||
| 700 | + // 弹框询问是否删除? | ||
| 701 | + this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', { | ||
| 702 | + confirmButtonText: '确定删除', | ||
| 703 | + cancelButtonText: '取消', | ||
| 704 | + type: 'warning' | ||
| 705 | + } | ||
| 706 | + ).then(() => { | ||
| 707 | + delMt8205({ uuid: row.uuid }).then((response) => { | ||
| 708 | + console.log(row) | ||
| 709 | + const res = response.data | ||
| 710 | + this.$message.success(res.msg) | ||
| 711 | + this.submitForm() | ||
| 712 | + }).catch(error => { | ||
| 713 | + this.$message.error(res.msg) | ||
| 714 | + }) | ||
| 715 | + }).catch(() => { | ||
| 716 | + }) | ||
| 717 | + }, | ||
| 718 | + //申请转运 | ||
| 719 | + handleSend(index, row) { | ||
| 720 | + // 弹框询问是否删除? | ||
| 721 | + this.$confirm('是否发送运单申请?', '警告', { | ||
| 722 | + confirmButtonText: '确定', | ||
| 723 | + cancelButtonText: '取消', | ||
| 724 | + type: 'warning' | ||
| 725 | + } | ||
| 726 | + ).then(() => { | ||
| 727 | + const map = {'mt8205':row,'username':loginedUserInfo().username} | ||
| 728 | + sendCreateMt8205(map).then((response) => { | ||
| 729 | + const res = response.data | ||
| 730 | + this.$message.success(res.msg) | ||
| 731 | + this.submitForm() | ||
| 732 | + }).catch(error => { | ||
| 733 | + this.$message.error(res.msg) | ||
| 734 | + }) | ||
| 735 | + }).catch(() => { | ||
| 736 | + }) | ||
| 737 | + }, | ||
| 738 | + //更改状态 | ||
| 739 | + UpdateStatus(column,row){ | ||
| 740 | + this.$confirm("是否发送更改状态", "确认消息", { | ||
| 741 | + distinguishCancelAndClose: true, | ||
| 742 | + confirmButtonText: '确认更改', | ||
| 743 | + cancelButtonText: '取消更改' | ||
| 744 | + }).then(() => { | ||
| 745 | + row.status = '22'; | ||
| 746 | + }).catch(action => { | ||
| 747 | + this.$message({ | ||
| 748 | + type: 'info', | ||
| 749 | + message: action === 'cancel' | ||
| 750 | + ? '取消状态更改' | ||
| 751 | + : '状态更改取消' | ||
| 752 | + }) | ||
| 753 | + }) | ||
| 754 | + }, | ||
| 755 | + //状态识别 | ||
| 756 | + formatStatus: function(row,column){ | ||
| 757 | + return row.status=='01'?'接受申报':row.status=='02'?'待人工审核':row.status=='03'?'退单' | ||
| 758 | + :row.status=='11'?'放行':row.status=='12'?'拒装':row.status=='13'?'禁卸' | ||
| 759 | + :row.status=='21'?'可自动发送':row.status=='22'?'未发送':row.status=='23'?'已发送新增报' | ||
| 760 | + :row.status=='24'?'已发送删除报':row.status=='25'?'已发送修改报':''; | ||
| 761 | + }, | ||
| 762 | + //发送舱单报按钮,删除,修改判定事件 | ||
| 763 | + btSendStatusFormater:(status) => { | ||
| 764 | + if(status=='23' || status=='24'||status=='25'){ | ||
| 765 | + return true; | ||
| 766 | + }else if(status=='22' ) { | ||
| 767 | + return false; | ||
| 768 | + } | ||
| 769 | + }, | ||
| 770 | + btEditStatusFormater:(status) => { | ||
| 771 | + if(status=='23' || status=='24'||status=='25'){ | ||
| 772 | + return true; | ||
| 773 | + }else if(status=='22' ) { | ||
| 774 | + return false; | ||
| 775 | + } | ||
| 776 | + }, | ||
| 777 | + btDeleStatusFormater:(status) => { | ||
| 778 | + if(status=='23' || status=='24'||status=='25'){ | ||
| 779 | + return true; | ||
| 780 | + }else if(status=='22' ) { | ||
| 781 | + return false; | ||
| 782 | + } | ||
| 783 | + }, | ||
| 784 | + // 过滤中英文 | ||
| 785 | + inputMe(e){ | ||
| 786 | + return e.replace(/[^a-zA-Z0-9.-]/g,'').toUpperCase(); | ||
| 787 | + } | ||
| 788 | + }, | ||
| 789 | + //渲染方法 | ||
| 790 | + mounted(){ | ||
| 791 | + this.submitForm(); | ||
| 792 | + // this.ruleForm.originflightdate = new Date().format('yyyy-MM-dd') | ||
| 793 | + // this.ruleForm.transflightdate = new Date().format('yyyy-MM-dd') | ||
| 794 | + | ||
| 795 | + } | ||
| 796 | + } | ||
| 797 | +</script> | ||
| 798 | + | ||
| 799 | +<style scoped> | ||
| 800 | + .ip{ | ||
| 801 | + max-width: 100px; | ||
| 802 | + margin-right: -5px; | ||
| 803 | + display: inline-block; | ||
| 804 | + background-color: #6F8294; | ||
| 805 | + color: #ffffff; | ||
| 806 | + border: 1px solid #DCDFE6; | ||
| 807 | + vertical-align: middle; | ||
| 808 | + padding: 0 18px; | ||
| 809 | + white-space: nowrap; | ||
| 810 | + border-top-right-radius: 0px; | ||
| 811 | + border-top-left-radius: 4px; | ||
| 812 | + border-bottom-left-radius: 4px; | ||
| 813 | + border-bottom-right-radius: 0px; | ||
| 814 | + font-size: 10px; | ||
| 815 | + } | ||
| 816 | +</style> |
-
请 注册 或 登录 后发表评论