<template>
    <el-container>
        <el-main>
            <el-row class="row-bg">
                <el-col :span="24">
                    <div class="grid-content content">航线查询</div>
                </el-col>
            </el-row>
            <el-row>
                    <el-form :label-position="labelPosition" :model="queryRoute" :rules="rules" ref="queryRoute" label-width="130px" class="demo-ruleForm">
                        <el-col :span="8">
                            <el-form-item label="航线序号" prop="seqNo" label-width="80px">
                                <el-input v-model="queryRoute.seqNo"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="3">   <el-button type="primary" @click="submitForm('queryRoute')">保 存</el-button></el-col>
                    </el-form>
            </el-row>
            <el-row>
                    <el-table
                            :data="tableData"
                            border
                            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
                                fixed
                                prop="serialNo"
                                label="航线序号"
                                width="80">
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="departurePort"
                                label="出发港"
                                width="80">
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="departureCustomNo"
                                label="出发港关区代码"
                                width="150">
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="arrivalPort"
                                label="目的港"
                                width="80">
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="arrivalCustomNo"
                                label="目的港关区代码"
                                width="150">
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="std"
                                label="长期离港时间"
                                width="150">
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="sta"
                                label="长期抵港时间"
                                width="150">
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="effStartdate"
                                label="有效期起始时间"
                                width="150">
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="effEnddate"
                                label="有效期结束时间"
                                width="150">
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="plan"
                                label="每周执行情况"
                                width="150">
                        </el-table-column>
                        <el-table-column
                                fixed
                                prop="remark"
                                label="报文操作"
                                width="150">
                            <template slot-scope="scope">
                                <el-button
                                        size="mini"
                                        type="primary"
                                        @click="handleEdit(scope.$index, scope.row)">选择</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
            </el-row>

        </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;
    }
</style>
<script>
    export default {
        data(){
            return{
                queryRoute:{
                    seqNo:undefined
                },
                rules:{},
                labelPosition:'left'
            }
        },
        methods(){
        }
    }
</script>