列表调整

src/assets/css/base.css

@@ -58,10 +58,15 @@ input::-webkit-input-placeholder { color: #BDCADA; }
 ::-webkit-scrollbar-thumb{border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);}
 
 /*基本布局*/
-.container {
-  background: -webkit-linear-gradient(top,#272e52,#171c30);
-  height: 100%;
+.container{
+  width:100%;
+  max-width:1280px;
+  height: 600px;
+  margin: 0 auto;
+  background:-webkit-linear-gradient(top,#272E52,#171C30);
+  position: relative;
 }
+
 .header {
   height: 56px;
   background: #2e375c;

src/assets/css/contract.css

@@ -164,7 +164,6 @@
 
 /*居民就诊分析*/
 .outer{display: flex; width:100%; height:100%;background: #272E52; align-items: center; /* 垂直居中 */justify-content: center; /* 水平居中 */}
-.container{width:100%; max-width:1280px; height: 600px; margin: 0 auto; background:-webkit-linear-gradient(top,#272E52,#171C30);position: relative;}
 .header{ height: 56px; background: #2e375c; margin-bottom: 20px;}
 .con-main{ height: 500px;}
 .naver{ width: 70px; float: left; height: 56px; background: #35406b; text-align: center; padding-top: 20px;}

src/components/common/Search.vue

 <template>
   <div id="search">
-    <el-autocomplete class="inline-input" v-model="state" :fetch-suggestions="querySearch" placeholder="请输入内容"
+    <el-autocomplete class="inline-input" v-model="state" :fetch-suggestions="querySearch" placeholder="请输入患者姓名"
                      :trigger-on-focus="true" @select="handleSelect">
       <i slot="prefix" class="el-input__icon el-icon-search"></i>
     </el-autocomplete>

src/components/common/header/ListHeader.vue

@@ -19,10 +19,10 @@
                 <button class="head_but" style="background: #44517d" @click="goBack">
                   <img src="~assets/img/header/icon-white-back.png"> 返回
                 </button>
-                <button class="head_but">
+                <button class="head_but" @click="goDownloadList">
                   <img src="~assets/img/header/export.png"> 导出
                 </button>
-                <button class="head_but">
+                <button class="head_but" @click="goFilter">
                   <img src="~assets/img/header/icon-filter.png"> 筛选
                 </button>
               </div>
@@ -58,16 +58,15 @@
       goBack(){
         window.history.go(-1)
       },
-      cxsjChange() {
-
+      goDownloadList() {
+        this.$parent.downloadList();
+        // this.$emit('downloadList');
       },
-      openCame() {
-        if (false) {
-
-        } else {
-          this.$message.error('移动APP打开扫一扫');
-        }
+      goFilter() {
+        this.$parent.showFilter();
+        // this.$emit('showFilter');
       },
+
       getHeadRightInfo() {
         this.userName = JSON.parse(sessionStorage.getItem('userinfo')).userName;
         this.cxsj = this.$store.getters.getCxsj;

src/router/index.js

@@ -32,6 +32,7 @@ export default new Router({
       path: '/gpHome',
       name: 'gpHome',
       component: () => import('views/gp/GpHome.vue'),
+      // component: resolve => require(['@/views/gp/GpHome.vue'], resolve),
       children: [
         { // 家医签约管理
           path: 'gpContract',

vue.config.js

@@ -3,7 +3,7 @@ module.exports = {
   outputDir: "./dist",
   lintOnSave: false,
   assetsDir:'',
-  publicPath:'./',
+  publicPath:'/',
   configureWebpack:{
     resolve: {
       alias: {
@@ -14,13 +14,13 @@ module.exports = {
       }
     },
     output:{
-      filename:'./js/[name].js',
-      chunkFilename:'./js/[name].js'
+      filename:'js/[name].js',
+      chunkFilename:'js/[name].js'
     },
     plugins:[
       new MiniCssExtractPlugin({
-        filename:'./css/[name].css',
-        chunkFilename:'./css/[name].css'
+        filename:'css/[name].css',
+        chunkFilename:'css/[name].css'
       })
     ]
   },