Fedex / imac-vue

Go to a project
Toggle navigation Toggle navigation pinning
shanyunduo.cheng
33cc72b7 1 parent be383f2b

目的航班详情页

Inline Side-by-side
Showing 5 changed files with 258 additions and 17 deletions
......@@ -4,9 +4,53 @@ import request from '@/utils/request'
// 查询航班列表
export function findFlightNo(query) {
return request({
url: '/destinationFlight/findFlightNo',
method: 'post',
data: query
})
}
\ No newline at end of file
return request({
url: '/destinationFlight/findFlightNo',
method: 'post',
data: query
})
}
// id查询目的航班列表
export function findByFlightId(id) {
const data = {
id
}
return request({
url: '/destinationFlight/findByFlightId',
method: 'post',
data: data
})
}
//申报类别
export function cargoTypeData(){
return request({
url: '/destinationFlight/cargoTypeData',
method: 'post'
})
}
//货物类型
export function cargoStatusData(){
return request({
url: '/destinationFlight/cargoStatusData',
method: 'post'
})
}
//ServiceCode
export function serviceCodeData(){
return request({
url: '/destinationFlight/serviceCodeData',
method: 'post'
})
}
//SubCategory
export function subCategoryData(){
return request({
url: '/destinationFlight/subCategoryData',
method: 'post'
})
}
\ No newline at end of file
......
......@@ -79,6 +79,26 @@ export const constantRoutes = [
meta: { title: '个人中心', icon: 'user' }
}
]
},
{
path: '/destinationFlight',
component: Layout,
hidden: true,
redirect: 'noredirect',
children: [
{
path: 'detail',
component: (resolve) => require(['@/views/system/destinationFlight/info'], resolve),
name: 'Detail',
meta: { title: '目的航班信息', icon: 'user' }
},
{
path: 'update',
component: (resolve) => require(['@/views/system/destinationFlight/info'], resolve),
name: 'Update',
meta: { title: '目的航班信息修改', icon: 'user' }
}
]
}
]
......
<template>
<div style="margin: 40px">
<el-form ref="form" :model="form" label-width="200px">
<el-form-item label="航班号">
<el-input
v-model="form.purposeOfFlightNo"
style="width: 30%"
></el-input>
</el-form-item>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="站点包含">
<el-input
type="textarea"
v-model="form.location"
:rows="6"
resize="none"
></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="站点不包含">
<el-input
type="textarea"
v-model="form.notLocation"
:rows="6"
resize="none"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="10">
<el-form-item label="URSA包含">
<el-input
type="textarea"
v-model="form.includeUrsa"
:rows="6"
resize="none"
></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="URSA不包含">
<el-input
type="textarea"
v-model="form.notIncludeUrsa"
:rows="6"
resize="none"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="件数">
<el-col :span="3">
<el-input v-model="form.minNumOfPieces"></el-input>
</el-col>
<el-col style="text-align: center" :span="1">-</el-col>
<el-col :span="3">
<el-input v-model="form.maxNumOfPieces"></el-input>
</el-col>
</el-form-item>
<el-form-item label="重量">
<el-col :span="3">
<el-input v-model="form.minWeight"></el-input>
</el-col>
<el-col style="text-align: center" :span="1">-</el-col>
<el-col :span="3">
<el-input v-model="form.maxWeight"></el-input>
</el-col>
</el-form-item>
<el-form-item label="申报类别">
<el-checkbox-group v-model="form.typeOfGoods">
<el-checkbox v-for="item in cargoType" :key="item.id" :label="item.chineseName" :name="item.chineseName"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="货物类型">
<el-checkbox-group v-model="form.declarationCategory">
<el-checkbox v-for="item in cargoStatus" :key="item.id" :label="item.chineseName" :name="item.chineseName"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="Service Code">
<el-checkbox-group v-model="form.serviceCode">
<el-checkbox v-for="item in serviceCode" :key="item.id" :label="item.englishName" :name="item.englishName"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="Sub Category">
<el-checkbox-group v-model="form.subCategory">
<el-checkbox v-for="item in subCategory" :key="item.id" :label="item.englishName" :name="item.englishName"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">立即创建</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { findByFlightId, cargoTypeData, cargoStatusData, serviceCodeData, subCategoryData } from "@/api/destinationFlight";
export default {
data() {
return {
form: {
typeOfGoods: [],
declarationCategory: [],
serviceCode: [],
subCategory: [],
},
cargoType:[],
cargoStatus:[],
serviceCode:[],
subCategory:[]
};
},
methods: {
onSubmit() {
console.log("submit!");
},
},
created() {
let id = this.$route.query.id;
//申报类别
cargoTypeData().then((response) => {
this.cargoType = response.data;
})
//货物类型
cargoStatusData().then((response) => {
this.cargoStatus = response.data;
})
//service code
serviceCodeData().then((response) => {
this.serviceCode = response.data;
})
//subCategory
subCategoryData().then((response) => {
this.subCategory = response.data;
})
//货物信息
findByFlightId(id).then((response) => {
let info = response.data.list;
info.typeOfGoods = info.typeOfGoods ? info.typeOfGoods.split(";") : [];
info.declarationCategory = info.declarationCategory ? info.declarationCategory.split(";") : [];
info.serviceCode = info.serviceCode ? info.serviceCode.split(";") : [];
info.subCategory = info.subCategory ? info.subCategory.split(";") : [];
this.form = info;
});
},
};
</script>
......@@ -19,16 +19,18 @@
label="航班号">
</el-table-column>
<el-table-column
label="操作">
<el-link type="primary">查看</el-link>
<el-divider direction="vertical"></el-divider>
<el-link type="primary">修改</el-link>
<el-divider direction="vertical"></el-divider>
<el-link type="primary">删除</el-link>
<el-divider direction="vertical"></el-divider>
<el-link type="primary">启用</el-link>
<el-divider direction="vertical"></el-divider>
<el-link type="primary">停用</el-link>
label="操作" prop="id">
<template slot-scope="scope">
<el-button type="text" @click="handleClick(scope.row.id, 'Detail')">查看</el-button>
<el-divider direction="vertical"></el-divider>
<el-button type="text" @click="handleClick(scope.row.id, 'Update')">修改</el-button>
<el-divider direction="vertical"></el-divider>
<el-button type="text">删除</el-button>
<el-divider direction="vertical"></el-divider>
<el-button type="text">启用</el-button>
<el-divider direction="vertical"></el-divider>
<el-button type="text">停用</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
......@@ -79,7 +81,14 @@
this.total = response.data.totalCount;
this.loading = false;
});
},
//跳转到查看，修改页面
handleClick(flightiId, pageName){
this.$router.push({name:pageName,query: {id:flightiId}});
},
//删除，启用，停用
changeStatus(id, handle){
}
},
created() {
......