审查视图

src/views/airtransport/queryFlight.vue 9.6 KB
小范 authored
1 2 3 4 5 6 7 8
<template>
    <el-container>
        <el-main>
            <el-row class="row-bg">
                <el-col :span="24">
                    <div class="grid-content content">航班查询</div>
                </el-col>
            </el-row>
小范 authored
9
            <!--            搜索区域-->
小范 authored
10 11 12
            <el-row>
                <el-form :label-position="labelPosition" :model="queryFlight" :rules="rules" ref="queryFlight"
                         label-width="130px" class="demo-ruleForm">
小范 authored
13 14 15
                    <el-col :span="8" >
                        <el-form-item label="航班号:" prop="aircraftNo" label-width="80px">
                            <el-input v-model="queryFlight.aircraftNo" style="width:190px"></el-input>
小范 authored
16 17
                        </el-form-item>
                    </el-col>
小范 authored
18 19 20
                    <el-col :span="8">
                        <el-form-item label="航空公司代码:" prop="flightNo" label-width="110px">
                            <el-input v-model="queryFlight.flightNo" style="width:190px"></el-input>
小范 authored
21 22
                        </el-form-item>
                    </el-col>
小范 authored
23 24
                    <el-col :span="6" >
                        <el-button type="primary" @click="submitForm()">查询</el-button>
小范 authored
25 26 27
                    </el-col>
                </el-form>
            </el-row>
小范 authored
28
            <!--            表单区域-->
小范 authored
29 30 31 32
            <el-row>
                <el-table
                        :data="tableData"
                        border
小范 authored
33
                        v-loading="tableloading"
小范 authored
34 35 36 37 38 39 40 41 42 43 44 45 46 47
                        style="width: 100%;margin-bottom: 10px">
                    <el-table-column
                            fixed="left"
                            label="操作"
                            width="100">
                        <template slot-scope="scope">
                            <el-button
                                    size="mini"
                                    type="primary"
                                    @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
                        </template>
                    </el-table-column>
                    <el-table-column
                            prop="flightNo"
xudada authored
48
                            label="航班号">
小范 authored
49 50 51
                    </el-table-column>
                    <el-table-column
                            prop="airwayCode"
xudada authored
52
                            label="航空公司代码">
小范 authored
53 54 55
                    </el-table-column>
                    <el-table-column
                            prop="flightDate"
xudada authored
56
                            label="航空公司中文">
小范 authored
57 58 59
                    </el-table-column>
                    <el-table-column
                            prop="transportAgentCode"
xudada authored
60
                            label="传输代理人">
小范 authored
61 62 63
                    </el-table-column>
                    <el-table-column
                            prop="groundAgentCode"
xudada authored
64
                            label="地面代理人">
小范 authored
65 66
                    </el-table-column>
                    <el-table-column
小范 authored
67
                            prop="linesType"
xudada authored
68
                            label="运输计划">
小范 authored
69 70 71
                    </el-table-column>
                    <el-table-column
                            prop="flightType"
xudada authored
72
                            label="航班性质">
小范 authored
73 74 75
                    </el-table-column>
                    <el-table-column
                            prop="shareFlightNo"
xudada authored
76
                            label="共享航班号">
小范 authored
77 78 79
                    </el-table-column>
                    <el-table-column
                            prop="statusMsg"
小范 authored
80
                            label="海关回执">
小范 authored
81 82
                    </el-table-column>
                    <el-table-column
xudada authored
83
                            fixed="right"
小范 authored
84
                            prop=""
小范 authored
85
                            label="报文操作"
小范 authored
86
                            width="200">
小范 authored
87 88 89
                        <template slot-scope="scope">
                            <el-button
                                    size="mini"
小范 authored
90 91
                                    type="primary"
                                    @click="selectDetail(scope.$index,scope.row)">查看回执</el-button>
小范 authored
92 93 94 95 96 97 98 99 100 101 102 103 104 105
                            <el-button
                                    size="mini"
                                    type="danger"
                                    @click="handleDel(scope.$index, scope.row)">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </el-row>
            <el-row>
                <div class="block">
                    <el-pagination
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page="currentPage"
小范 authored
106 107
                            :page-sizes="[10, 20, 30, 40]"
                            :page-size="pageSize"
小范 authored
108
                            layout="total, sizes, prev, pager, next, jumper"
小范 authored
109
                            :total="total">
小范 authored
110 111 112
                    </el-pagination>
                </div>
            </el-row>
小范 authored
113 114 115 116 117 118 119 120 121 122
            <!--查看回执弹框-->
            <el-dialog title="回执明细" :visible.sync="dialogTableVisible">
                <el-table :data="gridData">
                    <el-table-column property="sendtime" label="操作时间" ></el-table-column>
                    <el-table-column property="createBy" label="操作人" ></el-table-column>
                    <el-table-column property="flightNo" label="航班号"></el-table-column>
                    <el-table-column property="flightDate" label="航班日期" ></el-table-column>
                    <el-table-column property="receiptContent" label="回执内容" ></el-table-column>
                </el-table>
            </el-dialog>
小范 authored
123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141
        </el-main>
    </el-container>
</template>
<style scoped>
    .grid-content {
        height: 36px;
        line-height: 36px;
    }
    .el-dialog__body{text-align: center}
    .content {
        border-left: 4px #409EFF solid;
        padding-left: 10px;
        background-color: #f9fafc;
        margin-bottom: 2px
    }

    .row-bg{
        background-color: white;
    }
小范 authored
142
小范 authored
143 144
</style>
<script>
小范 authored
145
    import {editFlight, selectFlight, selectReturnMsg} from "../../api/transport";
小范 authored
146
小范 authored
147 148 149 150 151 152 153
    export default {
        data(){
            return{
                queryFlight:{
                    flightNo:undefined,
                    aircraftNo:undefined,
                },
小范 authored
154 155 156
                rules:{

                },
小范 authored
157
                labelPosition:'left',
小范 authored
158 159 160 161
                currentPage: 1,
                pageSize:10,
                total:0,
                tableData:[],
小范 authored
162 163 164
                tableloading:false,
                gridData:[],
                dialogTableVisible: false,
小范 authored
165 166 167
            }
        },
        methods: {
小范 authored
168 169 170 171 172 173 174 175 176 177 178
            //查询回执列表
            selectDetail(index,row){
                this.gridData=[];
                this.dialogTableVisible=true;
                let params={messageid:row.messageid};
                selectReturnMsg(params).then(res=>{
                    let response=res.data.data;
                    console.log(response)
                    this.gridData=response;
                });
            },
小范 authored
179
            //分页方法
小范 authored
180
            handleSizeChange(val) {
小范 authored
181
                this.pageSize=val;
小范 authored
182 183
            },
            handleCurrentChange(val) {
小范 authored
184 185 186 187 188 189 190 191 192 193 194 195 196 197 198
                this.currentPage=val;
            },
            //获取航班列表
            submitForm(){
                let params={currentPage:this.currentPage,pageSize:this.pageSize,flightNo:this.queryFlight.flightNo,aircraftNo:this.queryFlight.aircraftNo};
                this.tableloading=true;
                selectFlight(params).then(res=>{
                    let response=res.data.data;
                    this.tableData=response.list;
                    this.tableloading=false;
                    this.total=response.total;
                });
            },
            //编辑航班查询功能
            handleEdit(index,row){
小范 authored
199
                this.$router.push({path:'/flights',query:row})
小范 authored
200 201 202
            },
            //获取默认值
             defaultData(){
小范 authored
203 204 205
                 Object.assign(this.queryFlight, this.$route.query);
                 // this.flightNo = JSON.parse(this.$route.query.flightNo);
                 // this.aircraftNo = JSON.parse(this.$route.query.aircraftNo);
小范 authored
206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233
             },
            //列表删除功能
            handleDel(index,row){
                this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    editFlight(row).then(res=>{
                        let response=res.data;
                        if(response.code=='200'){
                            this.$message({
                                type: 'info',
                                message: '删除成功'
                            });
                            this.submitForm();
                        }else{
                            this.$message({
                                type: 'info',
                                message: '删除失败'
                            });                            }
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    });
                });
小范 authored
234 235
            }
        },
小范 authored
236 237 238 239 240
        //渲染方法
        mounted(){
            this.defaultData();
            this.submitForm();
        }
小范 authored
241 242
    }
</script>