运输工具通用查询

+<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>