作者 shenhailong

快邮舱单申报 页面

  1 +import axios from 'axios'
  2 +
  3 +let baseUrl = 'express-system/express'
  4 +
  5 +
  6 +
  7 +export const getExpressList = params => { return axios.get(`${baseUrl}/list`, { params: params }); };
  8 +
@@ -46,8 +46,8 @@ export default { @@ -46,8 +46,8 @@ export default {
46 login: data =>{ 46 login: data =>{
47 return axios({ 47 return axios({
48 method: 'POST', // 请求协议 48 method: 'POST', // 请求协议
49 - // url: 'cloud-user-center/login', // 请求的地址  
50 - url: 'cloud-kako-user-center/login', // 请求的地址 49 + url: 'cloud-user-center/login', // 请求的地址
  50 + // url: 'cloud-kako-user-center/login', // 请求的地址
51 data: qs.stringify(data), // post 请求的数据 51 data: qs.stringify(data), // post 请求的数据
52 timeout: 30000, // 超时时间, 单位毫秒 52 timeout: 30000, // 超时时间, 单位毫秒
53 headers: { 53 headers: {
1 import http from './http.js' 1 import http from './http.js'
2 -// let baseUrl = '/cloud-user-center/user'  
3 -let baseUrl = '/cloud-kako-user-center/user'  
4 -let baseCode = '/cloud-kako-user-center/randCode' 2 +let baseUrl = '/cloud-user-center/user'
  3 +// let baseUrl = '/cloud-kako-user-center/user'
  4 +// let baseCode = '/cloud-kako-user-center/randCode'
5 export const getUserList = params => { return http.get(`${baseUrl}/list`, params); }; 5 export const getUserList = params => { return http.get(`${baseUrl}/list`, params); };
6 6
7 export const getRandCode = params => { return http.get(`${baseCode}`, params); }; 7 export const getRandCode = params => { return http.get(`${baseCode}`, params); };
@@ -96,6 +96,9 @@ import Yard from './views/station_manage/Yard.vue' @@ -96,6 +96,9 @@ import Yard from './views/station_manage/Yard.vue'
96 import Bayonet from './views/station_manage/Bayonet.vue' 96 import Bayonet from './views/station_manage/Bayonet.vue'
97 import Warehouse from './views/station_manage/Warehouse.vue' 97 import Warehouse from './views/station_manage/Warehouse.vue'
98 98
  99 +// 快邮舱单申报
  100 +import Express from './views/express_system/express.vue'
  101 +
99 102
100 103
101 let routes = [ 104 let routes = [
@@ -322,6 +325,17 @@ let routes = [ @@ -322,6 +325,17 @@ let routes = [
322 {path:'/queryFlightConfigure',component:queryFlightConfigure,name:'航班配置查询'}, 325 {path:'/queryFlightConfigure',component:queryFlightConfigure,name:'航班配置查询'},
323 ] 326 ]
324 }, 327 },
  328 +
  329 + {
  330 + path: '/express-system',
  331 + component: Home,
  332 + name: '快邮舱单申报',
  333 + iconCls:'el-icon-wind-power',
  334 + children:[
  335 + {path:'/express',component:Express,name:'快邮舱单申报'},
  336 + ]
  337 + },
  338 +
325 { 339 {
326 path: '/', 340 path: '/',
327 component: Home, 341 component: Home,
@@ -47,8 +47,8 @@ @@ -47,8 +47,8 @@
47 logining: false, 47 logining: false,
48 ruleForm2: { 48 ruleForm2: {
49 account: 'admin', 49 account: 'admin',
50 - checkPass: 'ZZJCsamples@123'  
51 - // checkPass: 'vmvnv1v2VV' 50 + // checkPass: 'zzairport@kako2020'
  51 + checkPass: 'vmvnv1v2VV'
52 }, 52 },
53 rules2: { 53 rules2: {
54 account: [ 54 account: [
@@ -95,9 +95,9 @@ @@ -95,9 +95,9 @@
95 router.splice(deletRouter,1); 95 router.splice(deletRouter,1);
96 } 96 }
97 }); 97 });
98 - console.log("longined router:");  
99 - console.log(routerName);  
100 - console.log(_this.$router.options.routes); 98 + // console.log("longined router:");
  99 + // console.log(routerName);
  100 + // console.log(_this.$router.options.routes);
101 // 本地存储用户目录 ,防刷新目录丢失用 101 // 本地存储用户目录 ,防刷新目录丢失用
102 sessionStorage.setItem('menu', JSON.stringify(_this.$router.options.routes)); 102 sessionStorage.setItem('menu', JSON.stringify(_this.$router.options.routes));
103 }, 103 },
@@ -136,18 +136,18 @@ @@ -136,18 +136,18 @@
136 axios.defaults.headers.common['Authorization'] = 'Bearer '+token; 136 axios.defaults.headers.common['Authorization'] = 'Bearer '+token;
137 //处理用户menu 137 //处理用户menu
138 _this.userMenus = loginUserMenus.list; 138 _this.userMenus = loginUserMenus.list;
139 - console.log("userMenus:");  
140 - console.log(_this.userMenus);  
141 - console.log(loginUserMenus.list); 139 + // console.log("userMenus:");
  140 + // console.log(_this.userMenus);
  141 + // console.log(loginUserMenus.list);
142 let sysMenus = _this.$router.options.routes; 142 let sysMenus = _this.$router.options.routes;
143 143
144 - console.log("sysMenus:");  
145 - console.log(sysMenus); 144 + // console.log("sysMenus:");
  145 + // console.log(sysMenus);
146 146
147 _this.handleMenuList(_this.$router.options.routes,_this.userMenus); 147 _this.handleMenuList(_this.$router.options.routes,_this.userMenus);
148 148
149 - console.log("user:");  
150 - console.log(_this.$router.options.routes); 149 + // console.log("user:");
  150 + // console.log(_this.$router.options.routes);
151 _this.$router.push({path: '/main'}); 151 _this.$router.push({path: '/main'});
152 } 152 }
153 }).catch(error => { 153 }).catch(error => {
  1 +<template>
  2 + <section>
  3 + <!--工具条-->
  4 + <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
  5 + <el-form :inline="true" :model="filters">
  6 + <el-form-item>
  7 + <el-input v-model="filters.billno" placeholder="主单号"></el-input>
  8 + </el-form-item>
  9 + <el-form-item>
  10 + <el-input v-model="filters.flightNo" placeholder="航班号"></el-input>
  11 + </el-form-item>
  12 + <el-form-item>
  13 + <el-date-picker
  14 + v-model="filters.flightDate"
  15 + type="date"
  16 + value-format="yyyy-MM-dd"
  17 + placeholder="选择航班日期">
  18 + </el-date-picker>
  19 + </el-form-item>
  20 + <el-form-item>
  21 + <el-button type="primary" v-on:click="getList()">查询</el-button>
  22 + </el-form-item>
  23 + <el-form-item>
  24 + <el-button type="primary" @click="handleAdd()">新增</el-button>
  25 + </el-form-item>
  26 + </el-form>
  27 + </el-col>
  28 +
  29 + <el-table :data="expressDate"
  30 + style="width: 100%"
  31 + row-key="id"
  32 + border
  33 + v-loading="listLoading"
  34 + lazy
  35 + :load="load"
  36 + :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
  37 + @selection-change="handleSelectionChange">
  38 + <el-table-column type="selection" width="55">
  39 + </el-table-column>
  40 + <el-table-column prop="date" label="日期" width="180">
  41 + </el-table-column>
  42 + <el-table-column prop="name" label="姓名" width="180">
  43 + </el-table-column>
  44 + <el-table-column prop="address" label="地址">
  45 + </el-table-column>
  46 + </el-table>
  47 + <el-col :span="24" class="toolbar">
  48 + <el-pagination
  49 + @size-change="handleSizeChange"
  50 + @current-change="handleCurrentChange"
  51 + background
  52 + :current-page="currentPage4"
  53 + :page-sizes="[100, 200, 300, 400]"
  54 + :page-size="100"
  55 + layout="total, sizes, prev, pager, next, jumper"
  56 + :total="400">
  57 + </el-pagination>
  58 + </el-col>
  59 + </section>
  60 +</template>
  61 +
  62 +<script>
  63 + import {getExpressList} from '../../api/express/express'
  64 + import {getList} from "../../api/security/security";
  65 + export default {
  66 + name: "express",
  67 + data() {
  68 + return {
  69 + expressDate: [{
  70 + id: 1,
  71 + date: '2016-05-02',
  72 + name: '王小虎',
  73 + address: '上海市普陀区金沙江路 1518 弄'
  74 + }, {
  75 + id: 2,
  76 + date: '2016-05-04',
  77 + name: '王小虎',
  78 + address: '上海市普陀区金沙江路 1517 弄'
  79 + }, {
  80 + id: 3,
  81 + date: '2016-05-01',
  82 + name: '王小虎',
  83 + address: '上海市普陀区金沙江路 1519 弄',
  84 + hasChildren: true
  85 + }, {
  86 + id: 4,
  87 + date: '2016-05-03',
  88 + name: '王小虎',
  89 + address: '上海市普陀区金沙江路 1516 弄'
  90 + }],
  91 + multipleSelection: [],
  92 + currentPage4: 1,
  93 + filters:{
  94 + billno: '',
  95 + flightNo: '',
  96 + flightDate: '',
  97 + },
  98 + pageNum: 0,
  99 + pageSize: 0,
  100 + total: 0,
  101 + listLoading: false,
  102 + }
  103 + },
  104 + methods: {
  105 +
  106 + getList(){
  107 + let para = {
  108 + pageNum: this.pageNum,
  109 + pageSize: this.pageSize,
  110 + billno: this.filters.billno,
  111 + flightNo: this.filters.flightNo,
  112 + flightDate: this.filters.flightDate,
  113 +
  114 + }
  115 + this.listLoading = true;
  116 + getExpressList(para).then((res) => {
  117 + this.total = res.data.data.total;
  118 + this.expressDate = res.data.data.list;
  119 + this.listLoading = false;
  120 + }).catch((error) => {
  121 + this.listLoading = false;
  122 + });
  123 + },
  124 +
  125 + // 分单懒加载
  126 + load(tree, treeNode, resolve) {
  127 + setTimeout(() => {
  128 + resolve([
  129 + {
  130 + id: 31,
  131 + date: '2016-05-01',
  132 + name: '王小虎',
  133 + address: '上海市普陀区金沙江路 1519 弄'
  134 + }, {
  135 + id: 32,
  136 + date: '2016-05-01',
  137 + name: '王小虎',
  138 + address: '上海市普陀区金沙江路 1519 弄'
  139 + }
  140 + ])
  141 + }, 1000)
  142 + },
  143 + // 多选单选
  144 + handleSelectionChange(val) {
  145 + this.multipleSelection = val;
  146 + },
  147 + // 分页
  148 + handleSizeChange(val) {
  149 + console.log(`每页 ${val} 条`);
  150 + },
  151 + handleCurrentChange(val) {
  152 + console.log(`当前页: ${val}`);
  153 + }
  154 + }
  155 + }
  156 +</script>
  157 +
  158 +<style scoped>
  159 +
  160 +</style>