朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 34edff7fa203a87d703b825d3a62c8a42082a4cf 1 个父辈 f2d7c0dc

新增进港运单查询界面

内嵌 并排对比
正在显示 3 个修改的文件 包含 342 行增加 和 3 行删除
1 import http from './http.js' 1 import http from './http.js'
2 let baseUrl = 'nmms-server-import/nmms/wayDeclaration' 2 let baseUrl = 'nmms-server-import/nmms/wayDeclaration'
3 -export const QueryData=params=>{return http.get(`${baseUrl}/Query`, params);};  
  3 +let baseUrl2 = 'nmms-server-import/awba'
  4 +
  5 +
  6 +
  7 +
  8 +export const QueryData=params=>{return http.get(`${baseUrl}/Query`, params);};
  9 +export const selectAwbList=params=>{return http.get(`${baseUrl2}/selectAwbList`, params);};
  10 +
@@ -33,6 +33,8 @@ import OrigMaster from './views/nmms_import/OrigMaster.vue' @@ -33,6 +33,8 @@ import OrigMaster from './views/nmms_import/OrigMaster.vue'
33 import EnterTally from './views/nmms_import/EnterFlightTally.vue' 33 import EnterTally from './views/nmms_import/EnterFlightTally.vue'
34 import TallyMster from './views/nmms_import/TallyMster.vue' 34 import TallyMster from './views/nmms_import/TallyMster.vue'
35 import Waybill from './views/nmms_import/Waybill.vue' 35 import Waybill from './views/nmms_import/Waybill.vue'
  36 +import WaybillQuery from './views/nmms_import/WaybillQuery.vue'
  37 +
36 import AllocateSearch from './views/nmms_import/AllocateSearch.vue' 38 import AllocateSearch from './views/nmms_import/AllocateSearch.vue'
37 import Importallocation from './views/nmms_import/Importallocation.vue' 39 import Importallocation from './views/nmms_import/Importallocation.vue'
38 import Allocatearrive from './views/nmms_import/Allocatearrive.vue' 40 import Allocatearrive from './views/nmms_import/Allocatearrive.vue'
@@ -344,6 +346,7 @@ let routes = [ @@ -344,6 +346,7 @@ let routes = [
344 children: [ 346 children: [
345 { path: '/orig', component: OrigFlightList, name: '进港航班申报' }, 347 { path: '/orig', component: OrigFlightList, name: '进港航班申报' },
346 {path:'/waybill',component:Waybill,name:'进港运单申报'}, 348 {path:'/waybill',component:Waybill,name:'进港运单申报'},
  349 + {path:'/waybillQuery',component:WaybillQuery,name:'进港运单查询'},
347 {path:'/allocateSearch',component:AllocateSearch,name:'运单分拨申报'}, 350 {path:'/allocateSearch',component:AllocateSearch,name:'运单分拨申报'},
348 { path: '/enter', component: EnterFlightInfo, name: '原始舱单'}, 351 { path: '/enter', component: EnterFlightInfo, name: '原始舱单'},
349 { path: '/cross', component: Cross, name: '进港原始跨天配置'}, 352 { path: '/cross', component: Cross, name: '进港原始跨天配置'},
@@ -459,9 +462,9 @@ let routes = [ @@ -459,9 +462,9 @@ let routes = [
459 iconCls: 'el-icon-goods', 462 iconCls: 'el-icon-goods',
460 children: [ 463 children: [
461 {path:'/technological',component:technological,name:'部署管理'}, 464 {path:'/technological',component:technological,name:'部署管理'},
462 - {path:'/example',component:example,name:'流程实例管理'}, 465 + {path:'/example',component:example,name:'工单管理'},
463 {path:'/task',component:task,name:'任务管理'}, 466 {path:'/task',component:task,name:'任务管理'},
464 - {path:'/definition',component:definition,name:'部署定义管理'}, 467 + {path:'/definition',component:definition,name:'流程定义管理'},
465 ] 468 ]
466 469
467 }, 470 },
  1 +<template>
  2 + <el-container>
  3 + <el-main>
  4 + <el-row class="row-bg">
  5 + <el-col :span="24">
  6 + <div class="grid-content content">单号查询</div>
  7 + </el-col>
  8 + </el-row>
  9 + <!-- 搜索区域-->
  10 + <el-row>
  11 + <el-form :label-position="labelPosition" :model="form" ref="queryFlight"
  12 + label-width="130px" class="demo-ruleForm">
  13 + <el-col :span="7" >
  14 + <el-form-item label="" prop="awba" label-width="70px">
  15 + <el-input v-model="form.awba" style="width:250px">
  16 + <template slot="prepend">主单号</template>
  17 + </el-input>
  18 + </el-form-item>
  19 + </el-col>
  20 + <el-col :span="5" >
  21 + <el-button type="primary" @click="getList()">查询</el-button>
  22 + </el-col>
  23 + </el-form>
  24 + </el-row>
  25 + <!-- 表单区域-->
  26 + <el-row>
  27 + <el-table
  28 + :data="tableData"
  29 + border default-expand-all
  30 + height="500" tooltip-effect="dark"
  31 + v-loading="tableloading"
  32 + style="border-radius: 10px 10px 0px 0px;line-height: 25px;min-height: 500px"
  33 + :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small">
  34 + <el-table-column
  35 + label="主单号"
  36 + prop="awba"
  37 + width="180">
  38 + <template slot-scope="scope">
  39 + <span v-if="scope.row.stocktypeid=='AWBA'">
  40 + {{scope.row.stockpre}}-{{scope.row.stockno}}
  41 + </span>
  42 + <span v-else>
  43 + {{scope.row.stockpre}}
  44 + </span>
  45 + </template>
  46 + </el-table-column>
  47 + <el-table-column
  48 + label="分单号"
  49 + width="150">
  50 + <template slot-scope="scope">
  51 + <span v-if="scope.row.stocktypeid=='AWBA'">
  52 + </span>
  53 + <span v-else>
  54 + {{scope.row.stockno}}
  55 + </span>
  56 + </template>
  57 + </el-table-column>
  58 + <el-table-column
  59 + label="件数"
  60 + prop="pcs"
  61 + width="120">
  62 + </el-table-column>
  63 + <el-table-column
  64 + label="重量"
  65 + prop="weight"
  66 + width="120">
  67 + </el-table-column>
  68 + <el-table-column
  69 + label="起始站"
  70 + prop="sairportid"
  71 + width="120">
  72 + </el-table-column>
  73 + <el-table-column
  74 + label="目的站"
  75 + prop="eairportid"
  76 + width="120">
  77 + </el-table-column>
  78 + <el-table-column
  79 + label="货物描述"
  80 + prop="goodsname">
  81 + </el-table-column>
  82 + <el-table-column
  83 + fixed="right"
  84 + prop=""
  85 + label="报文操作"
  86 + width="120">
  87 + <template slot-scope="scope">
  88 + <el-button
  89 + size="mini"
  90 + type="success"
  91 + @click="trnList(scope.$index,scope.row)">查看</el-button>
  92 + </template>
  93 + </el-table-column>
  94 + </el-table>
  95 + </el-row>
  96 + <el-dialog title="运单明细" :visible.sync="dialogFormVisible" width="65%">
  97 + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="labelPosition" size="mini">
  98 + <el-row class="flightInfo">
  99 + <el-col :span="24">
  100 + <el-divider content-position="left">运单信息</el-divider>
  101 + </el-col>
  102 + </el-row>
  103 + <el-row class="flightInfo">
  104 + <el-col :span="6">
  105 + <el-form-item prop="stockpre">
  106 + <el-input readonly v-model="ruleForm.stockpre" style="width: 200px">
  107 + <template slot="prepend">主单号&emsp;</template>
  108 + </el-input>
  109 + </el-form-item>
  110 + </el-col>
  111 + <el-col :span="6">
  112 + <el-form-item prop="stockno">
  113 + <el-input readonly v-model="ruleForm.stockno" style="width: 200px">
  114 + <template slot="prepend">分单号&emsp;</template>
  115 + </el-input>
  116 + </el-form-item>
  117 + </el-col>
  118 + <el-col :span="6">
  119 + <el-form-item prop="pcs">
  120 + <el-input readonly v-model="ruleForm.pcs" style="width: 200px">
  121 + <template slot="prepend">件&emsp;&emsp;数</template>
  122 + </el-input>
  123 + </el-form-item>
  124 + </el-col>
  125 + <el-col :span="6">
  126 + <el-form-item prop="weight">
  127 + <el-input readonly v-model="ruleForm.weight" style="width: 200px">
  128 + <template slot="prepend">重&emsp;&emsp;量</template>
  129 + </el-input>
  130 + </el-form-item>
  131 + </el-col>
  132 + </el-row>
  133 + <el-row class="flightInfo">
  134 + <el-col :span="6">
  135 + <el-form-item prop="sairportid">
  136 + <el-input readonly v-model="ruleForm.sairportid" style="width: 200px">
  137 + <template slot="prepend">起始站&emsp;</template>
  138 + </el-input>
  139 + </el-form-item>
  140 + </el-col>
  141 + <el-col :span="6">
  142 + <el-form-item prop="eairportid">
  143 + <el-input readonly v-model="ruleForm.eairportid" style="width: 200px">
  144 + <template slot="prepend">目的站&emsp;</template>
  145 + </el-input>
  146 + </el-form-item>
  147 + </el-col>
  148 + <el-col :span="6">
  149 + <el-form-item prop="goodsname">
  150 + <el-input readonly v-model="ruleForm.goodsname" style="width: 200px">
  151 + <template slot="prepend">货物描述</template>
  152 + </el-input>
  153 + </el-form-item>
  154 + </el-col>
  155 + </el-row>
  156 + <!--发货人信息部分-->
  157 + <el-row class="flightInfo">
  158 + <el-col :span="24">
  159 + <el-divider content-position="left">发货人信息</el-divider>
  160 + </el-col>
  161 + </el-row>
  162 + <el-row style="margin-bottom: 0px;">
  163 + <el-col :span="6">
  164 + <el-form-item label="" prop="shprname">
  165 + <el-input readonly v-model="ruleForm.shprname" style="width: 200px">
  166 + <template slot="prepend">发货人称</template>
  167 + </el-input>
  168 + </el-form-item>
  169 + </el-col>
  170 +
  171 + <el-col :span="6">
  172 + <el-form-item label="" prop="shpraddress">
  173 + <el-input readonly v-model="ruleForm.shpraddress" style="width: 200px">
  174 + <template slot="prepend">地&emsp;&emsp;址</template>
  175 + </el-input>
  176 + </el-form-item>
  177 + </el-col>
  178 + <el-col :span="6">
  179 + <el-form-item label="" prop="shprtel">
  180 + <el-input readonly v-model="ruleForm.shprtel" style="width: 200px">
  181 + <template slot="prepend">电&emsp;&emsp;话</template>
  182 + </el-input>
  183 + </el-form-item>
  184 + </el-col>
  185 + <el-col :span="6">
  186 + <el-form-item label="" prop="shprcountyr">
  187 + <el-input readonly v-model="ruleForm.shprcountyr" style="width: 200px">
  188 + <template slot="prepend">国家代码</template>
  189 + </el-input>
  190 + </el-form-item>
  191 + </el-col>
  192 + </el-row>
  193 + <!--收货人信息部分-->
  194 + <el-row class="flightInfo">
  195 + <el-col :span="24">
  196 + <el-divider content-position="left">收货人信息</el-divider>
  197 + </el-col>
  198 + </el-row>
  199 + <el-row style="margin-bottom: 30px">
  200 + <el-col :span="6">
  201 + <el-form-item label="" prop="cnsnname">
  202 + <el-input readonly v-model="ruleForm.cnsnname" style="width: 200px">
  203 + <template slot="prepend">收货人称</template>
  204 + </el-input>
  205 + </el-form-item>
  206 + </el-col>
  207 + <el-col :span="6">
  208 + <el-form-item label="" prop="cnsnaddress">
  209 + <el-input readonly v-model="ruleForm.cnsnaddress" style="width: 200px">
  210 + <template slot="prepend">地&emsp;&emsp;址</template>
  211 + </el-input>
  212 + </el-form-item>
  213 + </el-col>
  214 + <el-col :span="6">
  215 + <el-form-item label="" prop="cnsntel">
  216 + <el-input readonly v-model="ruleForm.cnsntel" style="width: 200px">
  217 + <template slot="prepend">电&emsp;&emsp;话</template>
  218 + </el-input>
  219 + </el-form-item>
  220 + </el-col>
  221 + <el-col :span="6">
  222 + <el-form-item label="" prop="cnscountyr">
  223 + <el-input readonly v-model="ruleForm.cnscountyr" style="width: 200px">
  224 + <template slot="prepend">国家代码</template>
  225 + </el-input>
  226 + </el-form-item>
  227 + </el-col>
  228 + </el-row>
  229 + </el-form>
  230 + </el-dialog>
  231 +
  232 + </el-main>
  233 + </el-container>
  234 +</template>
  235 +
  236 +<script>
  237 + import { selectAwbList } from '../../api/wayDeclaration'
  238 +
  239 + export default {
  240 + name: "WaybillQuery",
  241 + data(){
  242 + return{
  243 + form:{
  244 + awba:''
  245 + },
  246 + ruleForm:{
  247 + stockpre:'',
  248 + stockno:'',
  249 + pcs:'',
  250 + weight:'',
  251 + sairportid:'',
  252 + eairportid:'',
  253 + goodsname:'',
  254 + shprname:'',
  255 + shprtel:'',
  256 + shprcountyr:'',
  257 + shpraddress:'',
  258 + cnsnname:'',
  259 + cnsnaddress:'',
  260 + cnsntel:'',
  261 + cnscountyr:'',
  262 + },
  263 + rules:{
  264 +
  265 + },
  266 + dialogFormVisible:false,
  267 + tableData:[],
  268 + labelPosition:'left',
  269 + // pageNum: 1,
  270 + // pageSize:10,
  271 + // total:0,
  272 + tableloading:false,
  273 +
  274 + }
  275 + },
  276 + methods:{
  277 + // 获取消息标签列表
  278 + getList() {
  279 + const _this = this
  280 + this.tableloading = true;
  281 + selectAwbList(this.form).then((response) => {
  282 + console.log(response);
  283 + const res = response.data
  284 + if (res.code != '200') {
  285 + return _this.$message.error('获取消息收发记录，失败！')
  286 + }
  287 + // 获取列表数据
  288 + _this.tableData = res.data.list;
  289 + // 获取列表的总记录数
  290 + // _this.total = res.total
  291 + this.tableloading = false;
  292 + _this.$message.success('获取消息收发记录，成功！')
  293 + }).catch(error => {
  294 + // 关闭加载
  295 + _this.$message.error(error.toString())
  296 + this.tableloading = false;
  297 +
  298 + })
  299 + },
  300 + /*编辑主单信息*/
  301 + trnList(index, row){
  302 + this.dialogFormVisible = true;
  303 + this.ruleForm=row;
  304 + if(row.stocktypeid=="AWBA"){
  305 + this.ruleForm.stockpre=row.stockpre+"-"+row.stockno;
  306 + this.ruleForm.stockno="";
  307 + }
  308 + },
  309 + }
  310 + }
  311 +</script>
  312 +
  313 +<style scoped>
  314 + .grid-content {
  315 + height: 36px;
  316 + line-height: 36px;
  317 + }
  318 + .el-dialog__body{text-align: center}
  319 + .content {
  320 + border-left: 4px #409EFF solid;
  321 + padding-left: 10px;
  322 + background-color: #f9fafc;
  323 + margin-bottom: 2px
  324 + }
  325 +
  326 + .row-bg{
  327 + background-color: white;
  328 + }
  329 +</style>