新增首页导入页面（开发中）

src/router/index.js

@@ -45,6 +45,7 @@ export const constantRoutes = [
     component: () => import('@/views/404'),
     hidden: true,
   },
+ 
   {
     path: '/',
     component: Layout,
@@ -463,6 +464,29 @@ export const constantRoutes = [
       },
     ],
   },
+  // 暂时添加的路由
+  {
+    path: '/recordsImport',
+    name: 'recordsImport',
+    component: Layout,
+    redirect: '/recordsImport',
+    hidden: true,
+    children: [
+      {
+        path: '/recordsImport',
+        name: 'recordsImport',
+        component: () => import('@/views/recordsImport/index'),
+        meta: { 
+          title: '首页导入',
+          icon: 'dashboard',
+          keepAlive: 1,
+          canMultipleOpen: true,
+          hidden: true
+        }
+      }
+    ]
+  },
+
   // 医院大数据自助查询系统
   
   {

src/views/recordsImport/index.vue

@@ -0,0 +1,127 @@
+<template>
+  <div class="pages">
+    <div class="upload-block">
+
+      <div class="titlebox">
+        <div class="titlebox-text">病案首页数据导入</div>
+        <div>1</div>
+      </div>
+      <!-- 上传拖拽区域模块 开始 -->
+      <div class="upload-blockCon-box">
+        
+      
+      </div>
+      <!-- 上传拖拽区域模块 结束 -->
+
+    </div>
+    <div class="tableBox">
+
+      <div class="titlebox">
+        <div class="titlebox-text">导入结果</div>
+        <div><el-button type="primary" size="small" class="export-btn">导出数据</el-button></div>
+      </div>
+      <p>共上传: 500份<span style="padding-left: 20px;">导入失败: 2份</span></p>
+      <div class="table-block">
+        <el-table :data="tableData" style="width: 100%">
+          <el-table-column prop="" align="center" label="医院名称"></el-table-column>
+          <el-table-column prop="" align="center" label="病案数"></el-table-column>
+          <el-table-column prop="" align="center" label="姓名"></el-table-column>
+          <el-table-column prop="" align="center" label="出院时间"></el-table-column>
+          <el-table-column prop="" align="center" label="导入失败原因"></el-table-column>
+        </el-table>
+      </div>
+      
+
+      <div class="footers">
+        <mPagination v-if="tableData && tableData.length !== 0" :data="paginationData" @pageChangeEvent="pageHasChanged"></mPagination>
+      </div>
+
+
+    </div>
+  </div>
+</template>
+<script>
+
+
+export default {
+  name:'recordsImport',
+  data() {
+    return {
+      tableData: [],
+      paginationData: {
+        total: 10,
+        currentPage: 1,
+        pageSize: 10,
+      },
+    };
+  },
+  mounted() {
+ 
+  },
+  activated() {
+
+  },
+  methods: {
+   
+    funQuery() {
+      this.getList(); //获取列表
+    },
+    getList(){
+      let pramse = {
+        page: this.paginationData.currentPage, //页码
+        limit: this.paginationData.pageSize, //条数
+      };
+      this.$axios.post('', pramse).then(res => {
+
+      });
+    },
+    
+   
+  },
+};
+</script>
+<style lang="scss" scoped>
+  .pages{
+    margin: 16px;
+  }
+  .upload-block {
+    background: #fff;
+    border-radius: 5px;
+    height: auto;
+    padding: 16px;
+    margin-bottom: 20px;
+  }
+  .titlebox{
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .titlebox-text{
+    font-size: 15px;
+    font-weight: bold;
+  }
+  .upload-blockCon-box{
+    width: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    justify-content: center;
+    margin-top: 10px;
+  }
+
+  .tableBox {
+    background: #fff;
+    padding: 16px;
+    border-radius: 5px;
+  }
+  .table-block{
+    margin-top: 10px;
+  }
+</style>