航班导入页面

+import request from '@/utils/request'
+
+// 查询航班种类
+export function filghtKindData() {
+    return request({
+      url: '/flightInfoImport/filghtKindData',
+      method: 'get'
+    })
+  }
\ No newline at end of file

@@ -56,10 +56,7 @@
       <el-table-column prop="createUserName" label="操作人" align="center">
       </el-table-column>
 
-      <el-table-column prop="createTime" label="更新时间" align="center">
-        <template slot-scope="scope">
-          {{ scope.row.createTime | formatTimer }}
-        </template>
+      <el-table-column prop="createTime" label="更新时间" align="center" :formatter="formatTimer">
       </el-table-column>
 
       <el-table-column label="操作" prop="id" align="center">
@@ -223,31 +220,14 @@ export default {
       // let str =  parseTime(date, 'yyyy-dd-mm');
       return str;
     },
-  },
-  created() {
-    this.getList();
-  },
-  filters: {
-    formatTimer: function (time) {
-
-      let time1 = new Date(time.replace(/-/g, '/').replace('T', ' ')).toISOString() // 转为国际标准化时间
- 
+    formatTimer(data) {
+      let time1 = new Date(data.createTime.replace(/-/g, '/').replace('T', ' ')).toISOString() // 转为国际标准化时间
       return time1.split('T')[0] + " " + time1.split('T')[1].substring(0,8);
-      // let date = new Date(value);
-      // let y = date.getFullYear();
-      // let MM = date.getMonth() + 1;
-      // MM = MM < 10 ? "0" + MM : MM;
-      // let d = date.getDate();
-      // d = d < 10 ? "0" + d : d;
-      // let h = date.getHours();
-      // h = h < 10 ? "0" + h : h;
-      // let m = date.getMinutes();
-      // m = m < 10 ? "0" + m : m;
-      // let s = date.getSeconds();
-      // s = s < 10 ? "0" + s : s;
-      // return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
     },
   },
+  created() {
+    this.getList();
+  }
 };
 </script>
 

+<template>
+  <div style="margin: 20px">
+    <el-form :inline="true" :model="form" class="demo-form-inline" size="small">
+      <el-form-item label="航班种类">
+        <el-select v-model="form.type" placeholder="航班种类">
+          <el-option v-for="item in flightType" :key="item.id" :label="item.englishName" :value="item.id" ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-upload
+          action="https://jsonplaceholder.typicode.com/posts/"
+          :on-remove="handleRemove"
+          :limit="1"
+          :on-exceed="handleExceed"
+          :file-list="fileList"
+          accept=".xlsx"
+          class="upload-demo"
+        >
+          <el-button type="primary">点击上传</el-button>
+        </el-upload>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">下载模板</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-button @click="clearFilter" size="small">清除所有过滤器</el-button>
+
+    <el-table
+      ref="filterTable"
+      :data="tableData"
+      style="width: 100%; margin-top: 20px"
+      size="small"
+      border
+    >
+      <el-table-column label="行号" prop="line" fixed> </el-table-column>
+
+      <el-table-column label="错误信息" prop="errorMessage" fixed> </el-table-column>
+
+      <el-table-column label="index"></el-table-column>
+    </el-table>
+  </div>
+</template>
+  </div>
+</template>
+
+<script>
+import {
+  filghtKindData
+} from "@/api/flightInfoImport";
+
+export default {
+  data() {
+    return {
+      flightType:[],
+      form: {
+        type: "",
+        region: "",
+      },
+      fileList: [],
+      tableData: [
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+        {"line":"1","errorMessage":"error"},
+      ],
+    };
+  },
+  methods: {
+    onSubmit() {
+      console.log("submit!");
+    },
+    handleRemove(file, fileList) {
+      this.tableData = [];
+    },
+    handleExceed(files) {
+      let file = {};
+      file.file = files[0];
+      file.name = files[0].name;
+      this.fileList = [];
+      this.fileList.push(file);
+    },
+    clearFilter() {
+      this.$refs.filterTable.clearFilter();
+    },
+    formatter(row, column) {
+      return row.address;
+    },
+    filterTag(value, row) {
+      return row.tag === value;
+    },
+    filterHandler(value, row, column) {
+      const property = column["property"];
+      return row[property] === value;
+    },
+  },
+  created() {
+    filghtKindData().then((response) => {
+        if (response.code != 200) {
+          this.$message({
+            showClose: true,
+            message: response.msg,
+            type: "error",
+          });
+        }
+        this.flightType = response.data;
+        this.form.type = response.data[0].id;
+      });
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.upload-demo {
+  float: right;
+}
+.el-upload-list {
+  display: inline-block;
+  margin-left: 10px;
+  vertical-align: top;
+}
+</style>
\ No newline at end of file