初始化项目

babel.config.js

+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}

package.json

+{
+  "name": "athena",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "echarts": "^4.2.0-rc.1",
+    "element-ui": "^2.4.5",
+    "html2canvas": "^1.0.0-alpha.12",
+    "js-md5": "^0.7.3",
+    "jspdf": "^1.4.1",
+    "moment": "^2.22.2",
+    "register-service-worker": "^1.0.0",
+    "vue": "^2.5.17",
+    "vue-echarts-v3": "^1.0.19",
+    "vue-lazyload": "^1.2.6",
+    "vue-router": "^3.0.1",
+    "vue2.0-zoom": "^2.1.1",
+    "vuex": "^3.0.1",
+    "webpack-require-http": "^0.4.3"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^3.4.1",
+    "@vue/cli-plugin-pwa": "^3.0.4",
+    "@vue/cli-service": "^3.0.4",
+    "stylus": "^0.54.5",
+    "stylus-loader": "^3.0.2",
+    "vue-cli-plugin-element": "^1.0.0",
+    "vue-template-compiler": "^2.5.17"
+  },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {}
+    }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}

public/manifest.json

+{
+  "name": "athena",
+  "short_name": "athena",
+  "icons": [
+    {
+      "src": "/img/icons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/img/icons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "/index.html",
+  "display": "standalone",
+  "background_color": "#000000",
+  "theme_color": "#4DBA87"
+}

public/robots.txt

+User-agent: *
+Disallow:

src/App.vue

+<template>
+  <div id="app">
+    <router-view/>
+  </div>
+</template>
+<script>
+export default {
+  data () {
+    return {
+    }
+  },
+  mounted() {
+    
+  },
+  methods: {
+    
+  }
+}
+</script>
+
+<style>
+@import './assets/global/font.css';
+@import '//at.alicdn.com/t/font_863923_vbuuda0uxl8.css';
+@import './assets/global/global.css';
+@import './assets/css/common.css';
+body,html{
+  padding: 0px;
+  margin: 0px;
+  font-family:'微软雅黑',' Microsoft YaHei','PingFang','PingFangR';
+  -webkit-font-smoothing: antialiased;
+  height: 100%;
+}
+#app{
+  height: 100%;
+}
+.el-scrollbar{
+  height: 100%;
+}
+.el-scrollbar__wrap{
+  overflow: auto !important;
+  width: 100%;
+  height: 100%
+}
+.el-scrollbar__view{
+  width: 100%;
+  height: 100%;
+}
+.page-component-up{
+  position: fixed;
+  right: calc(8.3% - 60px);
+  bottom: 150px;
+  width: 40px;
+  height: 90px;
+  z-index: 2000;
+}
+.page-component-up img{
+  width: 38px;
+  height: 38px;
+}
+.page-component-up i{
+    background-color: #fff;
+    
+    cursor: pointer;
+    transition: .3s;
+    /* box-shadow: 0 0 6px rgba(0,0,0,.12); */
+    z-index: 5;
+    border:1px solid #ddd;
+    box-sizing: border-box;
+    line-height: 40px;
+    text-align: center;
+    display: inline-block;
+}
+.page-component-up i{font-size: 36px;color: #bbb;}
+.page-component-up i:hover{
+  background-color: #EF4455;
+  border:1px solid #ec3346;
+}
+.page-component-up:hover i{
+  color: #F1f1f1;
+}
+</style>

src/assets/css/LocalCuisine.css

+.LocalCuisine{
+    font-family: "PingFang";
+    color: #333333;
+    background: #f5f5f5;
+}
+.LocalCuisine .w1200{
+    margin:0 auto;
+}
+
+.LocalCuisine .chooseDiv{
+    padding:0 20px;
+    box-sizing: border-box;
+    width: 100%;
+    background: #ffffff;
+    margin-top:25px;
+}
+.LocalCuisine .chooseDiv li{
+    border-bottom:1px dashed rgba(233,233,233,1);
+    padding: 15px 0;
+    box-sizing: border-box;
+    position: relative;
+    
+}
+.LocalCuisine .chooseDiv li div{
+    display: inline-block;
+    position: relative;    
+}
+.LocalCuisine .chooseDiv li .title{
+    width: 80px;
+}
+.LocalCuisine .chooseDiv li .change{
+    width: 1080px;
+    color:#999999;
+}
+.LocalCuisine .chooseDiv li .el-icon-date{
+    color:#4CB960;
+    font-weight: 700;
+}
+.LocalCuisine .el-input__inner{
+    border-radius: 0;
+}
+.LocalCuisine .spanMargin{
+    word-break: break-all; 
+}
+.LocalCuisine .spanMargin span{
+    display: inline-block;
+    font-size: 12px;
+    margin-right:18px;
+    padding-bottom:10px;
+    cursor: pointer;
+}
+.LocalCuisine .spanPrice>span{
+    display: inline-block;
+    font-size: 12px;
+    margin-right:18px;
+    cursor: pointer;
+    
+}
+.LocalCuisine .icon-qian{
+    color: #333333;
+    font-size: 12px;
+}
+.LocalCuisine .pxDiv .px img{
+    width: 8px;
+    height: 12px;
+    position: relative;
+    top: 2px;
+    cursor: pointer;
+}
+.LocalCuisine .pxDiv{
+    padding: 15px 0;
+    text-align: center;
+    font-size: 12px;
+}
+.LocalCuisine .pxDiv span{
+    margin:0 10px;
+}
+.LocalCuisine .dataList{
+    margin-top:40px;
+}
+.LocalCuisine .dataList .dataLeft{
+    float: left;
+    width: 224px;
+    background:rgba(255,255,255,1);
+    border:1px solid rgba(236, 236, 236, 1);
+    box-sizing: border-box;
+}
+.LocalCuisine .dataList .dataRight{
+    float: right;
+    width: 954px;
+    background:rgba(255,255,255,1);
+    border:1px solid rgba(236, 236, 236, 1);
+    box-sizing: border-box;
+    /* margin-left: 20px; */
+}
+.LocalCuisine .dataList .leftList{
+    width: 188px;
+    margin: 0 auto;
+    margin-bottom:30px;
+}
+.LocalCuisine .dataList .dataRight .rightlist{
+    padding:0 20px;
+    box-sizing: border-box;
+    transition: all .5s ease;
+    cursor: pointer;
+}
+.LocalCuisine .dataList .dataRight .el-row{
+    padding:20px 0;    
+    border-bottom: 1px solid #E9E9E9;
+}
+.LocalCuisine .dataList .dataRight .rightlist:hover{
+    box-shadow: 0px 1px 13px 0px rgb(189, 189, 189);
+}
+.LocalCuisine .dataList .dataRight .el-row .el-col{
+    box-sizing: border-box;
+}
+.LocalCuisine .dataList .dataRight .zhuti{
+    margin-bottom: 15px;
+}
+.LocalCuisine .dataList .dataRight .zhuti span{
+    display: inline-block;
+    color:#4E9F5D;
+    background:rgba(76,185,96,0.2);
+    padding:4px 10px;
+    margin-right: 10px;
+    /* opacity:0.2; */
+    
+}
+.LocalCuisine .page{
+    background: #EBEBEB;
+    margin: 30px 0;
+    float: right;
+    width: 954px;
+}
+.LocalCuisine .page ._pagination{
+    height: 45px;
+    background-color: #EBEBEB;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+.LocalCuisine .page .el-pagination .btn-next,.LocalCuisine .page .el-pagination .btn-prev{
+    width:40px !important;
+    height:20px !important;
+    border:1px solid rgba(238,68,84,1);
+    border-radius:10px;
+    color: #f56c6c;
+  }
+  .LocalCuisine .page .el-pagination{
+    display: flex;
+    align-items: center;
+  }
+  .LocalCuisine .page .el-pager li{
+    background: transparent; 
+    font-weight: initial;
+  }
+  .LocalCuisine .page .el-pager li:hover{
+    color: #f56c6c;
+  }
+  .LocalCuisine .page .el-pager li.active{
+    color: #f56c6c;
+  }
+  .LocalCuisine .ChActive{
+      color: #EE4454;
+      font-family: "PingFangR";
+  }
+
+
+  /* 当地美食详情页 */
+  
+  .LocalCuisineDetails .Head{
+      margin-top: 15px;
+  }
+  .LocalCuisineDetails .Head .HeadLeft{
+    width: 460px;
+    float: left;
+  }
+  .LocalCuisineDetails .Head .HeadLeft .Imglist{
+    margin-left: -12px;
+    margin-top: 5px;  
+  }
+  .LocalCuisineDetails .Head .HeadLeft .Imglist li{
+    display: inline-block;  
+    margin-left: 12px;        
+  }
+  .LocalCuisineDetails .Head .HeadLeft .Imglist li a{
+      display: inline-block;
+      width:82px;
+      height:47px;
+      box-sizing:border-box; 
+      position: relative;
+      
+  }
+  .LocalCuisineDetails .Head .HeadLeft .Imglist .activeLi{
+      /* border: 2px solid #EE4454; */
+  }
+  .LocalCuisineDetails .Head .HeadLeft .Imglist .activeLi a:before{
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border:2px solid #fff;
+}
+.LocalCuisineDetails .Head .HeadLeft .Imglist .activeLi a:after, .LocalCuisineDetails .Head .HeadLeft .Imglist .activeLi a:after{
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    padding: 1px;
+    border: 2px solid #EE4454;
+}
+  .LocalCuisineDetails .Head .HeadLeft .Imglist li img{
+      width: 100%;
+      height: 100%;
+  }
+  .LocalCuisineDetails .Head .HeadRight{
+    width: 720px;
+    float: right;
+    background: #fff;
+    padding: 30px 25px;
+    box-sizing: border-box;
+  }
+  .LocalCuisineDetails .Head .HeadRight .zhuti span{
+    display: inline-block;
+    color:#4E9F5D;
+    background:rgba(76,185,96,0.2);
+    padding:4px 10px;
+    margin-right: 10px;
+    /* opacity:0.2; */
+    
+}
+.LocalCuisineDetails .Head .HeadRight .hr{
+    border-bottom: 1px dashed #E9E9E9;
+    margin:30px 0;
+}
+.LocalCuisineDetails .Head .HeadRight .tcDiv{
+    position: relative;
+}
+.LocalCuisineDetails .Head .HeadRight .tcDiv .tcSpan{
+    position: absolute;
+    color:#666666;
+    font-size: 12px;
+}
+.LocalCuisineDetails .Head .HeadRight .tcDiv .tc{
+    padding-left: 78px;
+    box-sizing: border-box;    
+}
+.LocalCuisineDetails .Head .HeadRight .tcDiv .tc span{
+    display: inline-block;
+    border:1px solid rgba(204, 204, 204, 1);
+    border-radius:2px;
+    font-size:12px;
+    padding:4px 6px;
+    margin-right: 10px;
+    margin-bottom:10px;
+    cursor: pointer;
+}
+.LocalCuisineDetails .Head .HeadRight .tcDiv .tc .Active{
+    border: 2px solid #EE4454;
+    color:#EE4454;
+}
+
+.LocalCuisineDetails .ydDiv{
+    margin-top:15px;
+    background:rgba(255,248,249,1);
+    border:1px solid rgba(249, 229, 232, 1);
+    /* height:80px; */
+    padding:15px 15px;
+    box-sizing: border-box;
+}
+.LocalCuisineDetails .ydDiv .el-form-item{
+    display: inline-block;
+    margin-bottom: 0;
+    
+}
+.LocalCuisineDetails .el-input-number__decrease,.LocalCuisineDetails .el-input-number__increase{
+    background: #fff;
+    outline: none;
+}
+.LocalCuisineDetails .ydDiv .el-icon-date{
+    color: #4CB960;
+    font-family: "PingFangR";
+    font-size: 16px;
+}
+/* .LocalCuisineDetails .ydDiv .el-input__prefix{
+    right:2px;
+} */
+.LocalCuisineDetails .ydDiv .el-form-item__label{
+    color:#666666;
+    font-size: 12px;
+}
+.LocalCuisineDetails .dataRight .el-tabs__nav{
+    float: none;
+    text-align: center;
+}
+.LocalCuisineDetails .dataRight .el-tabs__item{
+    height: 60px;
+    line-height: 60px;
+}
+.LocalCuisineDetails .dataRight .el-tabs__item.is-active{
+    color: #EE4454;
+    font-family: "PingFangR"
+}
+.LocalCuisineDetails .dataRight .el-tabs__active-bar{
+    left: 400px;
+    background-color: #EE4454;
+}
+.LocalCuisineDetails .dataRight .el-tabs__item:hover{
+    color: #EE4454;
+}
+.LocalCuisineDetails .dataRight .el-tabs__nav-wrap::after{
+    height: 1px;
+}
\ No newline at end of file

src/assets/css/common.css

+.commonF{
+    font-family: "PingFang";    
+}
+.commonF .f12{
+    font-size: 12px;
+}
+.commonF .f14{
+    font-size: 14px;
+}
+.commonF .f16{
+    font-size: 16px;
+}
+.commonF .f18{
+    font-size: 18px;
+}
+.commonF .f20{
+    font-size: 20px;
+}
+.commonF .f24{
+    font-size: 24px;
+}
+.commonF .f26{
+    font-size: 26px;
+}
+.commonF .f30{
+    font-size:30px;
+}
+.commonF .f32{
+    font-size:32px;
+}
+.commonF .f40{
+    font-size:40px;
+}
+.commonF .pfR{
+    font-family: "PingFangR";
+}
+.commonF .w1200{
+    width: 1200px;
+}
+.commonF .w1000{
+    width: 1000px;
+    margin: 0 auto;
+
+}
+.commonF .basefix:after {
+    clear: both;
+    content: '.';
+    display: block;
+    height: 0;
+    overflow: hidden;
+}
+.commonF .text1{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+}
+.commonF .text2{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+.commonF .text3{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+}
+.commonF .text4{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+}
+.commonF .cee{
+    color: #EE4454
+}
+.commonF .c11{
+    color: #111111
+}
+.commonF .c22{
+    color: #222222
+}
+.commonF .c33{
+    color: #333333
+}
+.commonF .c44{
+    color: #444444
+}
+.commonF .c55{
+    color: #555555
+}
+.commonF .c66{
+    color: #666666
+}
+.commonF .c77{
+    color: #777777
+}
+.commonF .c88{
+    color: #888888
+}
+.commonF .c99{
+    color: #999999
+}
+.commonF .cff{
+    color: #ffffff
+}
+.commonF .SearchSpan{
+    display: inline-block;
+    width: 70px;
+    height: 32px;
+    line-height: 32px;
+    text-align: center;
+    color:#fff;
+    background: #EE4454;
+    position: relative;
+    cursor: pointer;
+    margin:0!important;
+    padding:0!important;
+}
+.commonF .SearchKey .el-input__inner{
+    border-radius: 0;
+}
+.del-text{
+    text-decoration: line-through
+}
+.bold{
+    font-weight: bold;
+}
+.PingFangR{
+    font-family: 'PingFangR'
+}
+.mg-r-10{
+    margin-right: 10px;
+}
+.flex{
+    display: flex;
+}
+.inputActive .el-row .el-col.el-col-6::-webkit-scrollbar,.inputActive2 .el-row .el-col.el-col-6::-webkit-scrollbar{
+			/*滚动条整体样式*/
+			width: 4px;
+			/*高宽分别对应横竖滚动条的尺寸*/
+			height: 8px;
+}
+.inputActive .el-row .el-col.el-col-6::-webkit-scrollbar-thumb ,.inputActive2 .el-row .el-col.el-col-6::-webkit-scrollbar-thumb{
+			/*滚动条里面小方块*/
+			border-radius: 4px;
+			-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
+			background: #c9c9c9;
+}
+.inputActive .el-row .el-col.el-col-6::-webkit-scrollbar-track ,.inputActive2 .el-row .el-col.el-col-6::-webkit-scrollbar-track{
+			/*滚动条里面轨道*/
+            -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
+            border-radius: 4px;
+            background: #EDEDED;
+}
+.content-item-box .content-item-box-hover::-webkit-scrollbar{
+/*滚动条整体样式*/
+    width: 0px;
+    /*高宽分别对应横竖滚动条的尺寸*/
+    height: 0px;
+}
+.content-item-box .content-item-box-hover::-webkit-scrollbar-thumb{
+			/*滚动条里面小方块*/
+			border-radius: 0px;
+			-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
+			background: #c9c9c9;
+}
+.content-item-box .content-item-box-hover::-webkit-scrollbar-track{
+			/*滚动条里面轨道*/
+            -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
+            border-radius: 0px;
+            background: #EDEDED;
+}
+.w200{
+    width: 200px !important;
+}
+.brd0{
+    border-radius: 0;
+}
+
+.pfR{
+    font-family: "PingFangR"
+}
+.commonF ._choice_box{
+      height: 19px;
+      position: absolute;
+      right: 10px;
+      bottom: 8px;
+      display: flex;
+      align-items: center;
+    }
+  .commonF  ._choice_box span{
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+      line-height: 16px;
+      text-align: center;
+      background-color: white;
+      display: inline-block;
+      font-size: 12px !important;
+    }
+.commonF .sawtooth .input{
+    position: relative;
+    top: 2px;
+}
+.commonF .sawtooth {
+    /* 相对定位，方便让before和after伪元素绝对定位偏移 */
+    position: relative;
+    /* 把超出p的部分隐藏起来 */
+    overflow: hidden;
+    width:234px;
+    height:84px;
+    background: #6776D2;
+    display: inline-block;
+    margin-right:26px;
+    padding-left:20px;
+    color:#fff;
+
+}
+.commonF .sawtooth .kdj{
+    position: absolute;
+    display: inline-block;
+    width:51px;
+    height:22px;
+    background:rgba(255,231,27,1);
+    right:20px;
+    top:12px;
+    color:#7C6F01; 
+    font-size: 12px;
+    text-align: center;
+    line-height: 22px;
+ }
+.commonF .sawtooth:before, .sawtooth:after {
+    content: ' ';
+    width: 0;
+    height: 100%;
+    /* 绝对定位进行偏移 */
+    position: absolute;
+    top: 10px;
+}
+ 
+.commonF .sawtooth:before {
+    /* 圆点型的border */
+    border-right: 10px dotted white;
+    /* 偏移一个半径，让圆点的一半覆盖p */
+    left: -5px;
+}
+.commonF .Yhq{
+    background: #fff;
+    padding:20px 0;
+}
+.commonF .yhqUl{
+    padding:0 20px;
+    margin:20px 0;
+}
+.commonF .icon-xuanzhong2{
+    color: #31AA21;
+}
+.commonF .sawtooth:hover {
+    cursor: pointer;
+    /* box-shadow: 0px 1px 13px 0px rgb(189, 189, 189);
+    transition: all linear .5s; */
+}
+.commonF .yhqUl .blue{
+    background-color: #8794E2;
+  }
+  .commonF .yhqUl .blue:hover{
+    background-color: #6776D2;
+  }
+  .commonF .yhqUl .blue ._time{
+    color: #4C58A4 !important;
+  }
+  .commonF .yhqUl ._active{
+    background-color: #D9A24D;
+  }
+  .commonF .yhqUl .blue._active{
+    background-color: #6776D2;
+  }
+
+  .commonF ._trip_xiangqing_tips{
+    color: red !important;
+    font-size: 14px !important;
+  }
+  .commonF ._trip_xiangqing_tips span{
+    color: #3965B0;
+    cursor: pointer;
+  }
+  .commonF .yhqImg{
+      position: absolute;
+      right: 80px;
+      top: 10px;
+      width: 50px;
+      height: 50px;
+  }
+  .commonF .yhqImg img{
+      width: 100%;
+      height: 100%;
+      display: block;
+  }
+  .commonF .yhqUl .disab{
+    background-color: #7d7d7d !important;
+}
\ No newline at end of file

src/assets/css/reset.css

+.el-radio__input.is-checked .el-radio__inner{
+    border-color: #EE4454;
+    background: #EE4454;
+}
+.el-radio__input.is-checked+.el-radio__label {
+    color: #EE4454;
+}
+.orange{
+    color:#FF6633;
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
+    color: #EE4454;
+}
\ No newline at end of file

src/assets/global/PersonalInfo.css

+.PersonalInfo{
+    height: 100px;
+    padding: 18px 0;
+    background-color: #000;
+    background: #f9f9f9 url(../img/Ps_top_bg.png) no-repeat bottom left/100% auto;
+}
+._head_left{
+    display: flex;
+}
+.PersonalInfo ._head ._head_left>img{
+    height: 64px;
+    width: 64px;
+    border-radius: 50%;
+    display: inline-block;
+}
+._head_left_info{
+    padding-left: 20px;
+    line-height: 30px;
+}
+._head_left_info>P{
+    margin: 0;
+    color: #FFFFFF;
+    font-size: 16px;
+}
+._head_left_info>div{
+    display: flex;
+    align-items: center;
+}
+._head_left_info>div>span{
+    font-size: 14px;
+    color: rgba(255,255,255,0.5);
+}
+._head_left_info>div>img{
+    height: 14px;
+    width: 14px;
+    margin-right: 7px;
+}
+._head_left_line{
+    padding: 0 10px;
+}
+._head_right{
+    display: flex;
+    justify-content: flex-end;
+}
+._head_right>div{
+    text-align: center;  
+    margin-right: 20px;  
+}
+._head_right>div:nth-child(1){
+    margin-right: 80px;
+}
+._head_right>div ._head_right_tit{
+    color: #FFFFFF;
+    font-size: 14px;   
+    margin-top: 10px; 
+}
+._head_right>div ._head_right_num{
+    margin: 0;
+    color: #FFAE00;
+    font-size: 18px;
+    font-weight:bold;
+}
\ No newline at end of file

src/assets/global/font.css

+@font-face{
+    font-family: 'pingfang';
+    src:url('../fonts/pingfang.woff2')  format('woff');
+}
+@font-face {
+    font-family: "PingFangR";
+    src: url("../fonts/Semibold.eot"); /* IE9 */
+    src: url("../fonts/Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("../fonts/Semibold.woff") format("woff"), /* chrome, firefox */
+    url("../fonts/Semibold.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+    font-style: normal;
+    font-weight: normal;
+}
+@font-face {
+    font-family: "FZDBSJW";
+    src: url("../fonts/FZDBSJW.woff") format("woff"),
+    url("../fonts/FZDBSJW.TTF") format("truetype"),
+    url("../fonts/FZDBSJW.svg") format('svg'); 
+    font-style: normal;
+    font-weight: normal;
+}
+@font-face{
+    font-family:'方正大标宋简体';
+    src:url('../fonts/FZDBSJW.woff') format('woff')
+}
+@font-face{
+    font-family:'方正宋三简体';
+    src:url('../fonts/FZSSJ.ttf') format('truetype')
+}
\ No newline at end of file

src/assets/global/foot.css

+.foot-box{
+    background: #333;
+    padding: 15px 0;
+    color: #D0D0D0;
+    font-size: 12px;
+    padding-top:25px;
+}
+.foot-box p{
+    margin: 0;
+    text-align: center;
+    /* line-height: 30px; */
+}
\ No newline at end of file

src/assets/global/global.css

+.hgh_table th{
+    background-color: #333333;
+    color: #f5f5f5;
+    font-size: 12px;
+    padding: 15px 0;
+    font-family: 'PingFangR';
+    font-weight: inherit !important;
+}
+.hgh_font_color_org{
+    color: #FF5F08 !important;
+}
+.hgh_font_color_gre{
+    color:#1BB974 !important;
+}
+.hgh_pay_money_bth{
+    display: inline-block;
+    height: 25px;
+    line-height: 25px;
+    padding: 0 9px;
+    border: 1px solid #E73E6D;
+    color: #E73E6D;
+    cursor: pointer;
+}
+.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
+.item-pager{
+    text-align: right;
+    margin-bottom: 25px;
+}
+.item-pager .el-pagination__editor, .item-pager .el-pager li,  .el-pagination .btn-next,  .el-pagination .btn-prev{
+    border-radius: 0px;
+    width: 38px;
+    height: 38px;
+    line-height:38px;
+    box-sizing: border-box;
+    border:1px solid #ddd;
+    font-weight: 400;
+    font-family: 'pingfangR'
+}
+.item-pager .el-pager li.active+li{
+    border-left: 1px solid #ddd;
+}
+.item-pager .el-pager li.active{
+    border:1px solid #EF4455;
+    background: #EF4455;
+}
+.el-pagination.is-background .el-pager li:not(.disabled).active{
+    border:1px solid #EF4455 !important;
+    background: #EF4455 !important;
+}
+.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
+    border-radius: 0px !important;
+}
+.item-pager .el-pagination__editor{
+    margin: 0 5px;
+}
+.item-pager .el-pagination__editor input{
+    border: none;
+    outline: none;
+}
+.empty-data{
+    width: 100%;
+    padding: 50px;
+    box-sizing: border-box;
+    text-align: center;
+    color: #bbb;
+    font-size: 12px;
+}
+.empty-data .icon-kong{
+    font-size: 120px;
+    display: block;
+}
+._bgc_f5{background-color: #F5F5F5;}

src/assets/global/header.css

+.header{
+
+}
+.header .header-box{
+    width: 100%;
+    background: #333;
+}
+.header .header-box .small .el-menu-item{
+    height: 30px;
+    line-height: 30px;
+    float: right;
+    font-size: 12px;
+}
+.header .header-box .small.el-menu--horizontal{
+    border-bottom: none;
+}
+.header  a{
+    text-decoration: none !important;
+}
+.header .header-box .small .el-menu-item .iconfont{
+    font-size: 21px;
+    color:#fff;
+}
+.header .second-nav{
+    width: 100%;
+    border-bottom: solid 1px #e6e6e6;
+}
+.header .second-nav .el-menu.el-menu--horizontal{
+    border-bottom: none !important;
+}
+.header .second-nav .el-menu-item,.header .second-nav .el-submenu__title{
+    /* height: 80px;
+    line-height: 80px; */
+    font-family: 'pingfang';
+    font-size: 18px;
+}
+.header .second-nav .logo{
+    max-height: 40px;
+    margin-top: 10px;
+    max-width: 100%;
+}
+.header .second-nav .position{
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+}
+.header .second-nav .position::after{
+    display: block;
+    clear: both;
+    content: '';
+}
+.header .second-nav .position .iconfont{
+    font-size: 22px;
+    color:#EF4455;
+    float: right;
+}
+.header .second-nav .el-select{
+    float: right;
+}
+.header .second-nav .el-input--mini{
+    width: 77px;
+
+}
+.header .second-nav .el-input__inner{
+    border: none;
+    font-size: 14px;
+    padding: 0 5px;
+}
+.header .second-nav {
+
+}
+.el-menu--popup{
+    background-color: #333 !important;
+}
+.el-select-dropdown__item.selected{
+    font-weight: 400;
+}
+/* 登陆后顶部导航 */
+.login_nav .el-menu--horizontal>.el-submenu .el-submenu__title{
+    height: 30px;
+    line-height: 35px;
+    font-size: 12px;
+}
+.login_nav .el-menu--horizontal>.el-submenu{float: right;}
+.user_nav{
+    display: flex;
+    justify-content: flex-end;
+}
+.user_nav a{
+    color: #333333 !important;
+    font-size: 14px;
+    font-weight:400;
+}
+.login_nav .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.login_nav .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,.login_nav .el-menu--horizontal>.el-menu-item.is-active{
+    border-bottom: none;
+    color: #909399;
+}
\ No newline at end of file

src/assets/utils/MarkerWithLabel.js

+
+export function MarkerWithLabel(){  
+    
+}
\ No newline at end of file

src/assets/utils/commonUtils.js

+var commonUtils = {
+  //json数组求和
+  CaluJsonArraySum: function (arr, filed, num) {
+    var sum = 0;
+    arr.forEach(item => {
+      if (item.hasOwnProperty(filed)) {
+        sum += Number(item[filed]);
+      }
+    });
+    return sum.toFixed(num);
+  },
+  //截取阿里返回文件路径
+  GetALiFileUrl: function (str) {
+    var newStr = str;
+    if (newStr.indexOf("?") != -1) {
+      newStr = newStr.split("?")[0];
+    }
+    return newStr;
+  },
+  /*正则表达式*/
+  Regex: {
+    isInteger: /[^\d]/g, //输入验证只能为整
+    el_isInteger: /^[\d]+$/, //element自带验证为整
+    el_Isdecimal: /^\d+(\.\d{0,2})?$/, //验证只能输入2位小数
+    el_IsdecimalTrr: /^\d+(\.\d{0,8})?$/, //验证只能输入8位小数
+    el_IsdecimalAll: /^[0-9]+([.]{1}[0-9]+){0,1}$/, //验证不限小数的
+    el_ISphone: /^((0\d{2,3}-\d{7,8})|(1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}))$/, //最新验证输入手机号 包括电话号码
+    el_IsFax: /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/, //验证传真号
+    el_IsInventer: /^(\-|\+?)\d+(\.\d+)?$/, //可以输入带正负号整数
+    el_IsIDnumber: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, //验证身份证号
+    el_IsEnglish: /^[a-zA-Z]/, //只能输入英文
+    el_IsChinese: /^[\u4E00-\u9FA5]{1,5}$/, //只能输入中文
+    el_IsNumEn: /^[a-zA-Z0-9]+$/ //输入数字或者字母
+  },
+  //文件上传对象
+  FileObject: function () {
+    return {
+      Url: "",
+      Name: "",
+    }
+  },
+  //实现每三位一个逗号分隔并且保留两位小数
+  addCommas: function (nStr) {
+    nStr += '';
+    let x = nStr.split('.');
+    let x1 = x[0];
+    let x2 = x.length > 1 ? '.' + x[1] : '';
+    var rgx = /(\d+)(\d{3})/;
+    while (rgx.test(x1)) {
+      x1 = x1.replace(rgx, '$1' + ',' + '$2');
+    }
+    return x1 + x2;
+  },
+  formatMsgTime: function (qdateTime) {
+    var dateTimeStamp = Date.parse(qdateTime.replace(/-/gi, "/"));
+    var minute = 1000 * 60;
+    var hour = minute * 60;
+    var day = hour * 24;
+    var month = day * 30;
+    var now = new Date().getTime();
+    var diffValue = now - dateTimeStamp;
+    if (diffValue < 0) {
+      return;
+    }
+    var monthC = diffValue / month;
+    var weekC = diffValue / (7 * day);
+    var dayC = diffValue / day;
+    var hourC = diffValue / hour;
+    var minC = diffValue / minute;
+    var result = "";
+    if (monthC >= 1) {
+      result = "" + parseInt(monthC) + "月前";
+    } else if (weekC >= 1) {
+      result = "" + parseInt(weekC) + "周前";
+    } else if (dayC >= 1) {
+      result = "" + parseInt(dayC) + "天前";
+    } else if (hourC >= 1) {
+      result = "" + parseInt(hourC) + "小时前";
+    } else if (minC >= 1) {
+      result = "" + parseInt(minC) + "分钟前";
+    } else
+      result = "刚刚";
+    return result;
+  },
+  formatMsgTime2: function (qdateTime, qdateTime2) {
+    var dateTimeStamp = Date.parse(qdateTime.replace(/-/gi, "/"));
+    var minute = 1000 * 60;
+    var hour = minute * 60;
+    var day = hour * 24;
+    var month = day * 30;
+    var now = new Date(qdateTime2.replace(/-/gi, "/")).getTime();
+    var diffValue = now - dateTimeStamp;
+    if (diffValue < 0) {
+      return;
+    }
+    var monthC = diffValue / month;
+    var weekC = diffValue / (7 * day);
+    var dayC = diffValue / day;
+    var hourC = diffValue / hour;
+    var minC = diffValue / minute;
+    var result = "";
+    if (monthC >= 1) {
+      result = "" + parseInt(monthC) + "月前";
+    } else if (weekC >= 1) {
+      result = "" + parseInt(weekC) + "周前";
+    } else if (dayC >= 1) {
+      result = "" + parseInt(dayC) + "天前";
+    } else if (hourC >= 1) {
+      result = "" + parseInt(hourC) + "小时前";
+    } else if (minC >= 1) {
+      result = "" + parseInt(minC) + "分钟前";
+    } else
+      result = "刚刚";
+    return result;
+  },
+  changeMoneyToChinese(n) { // 数字转中文大写
+    var fraction = ['角', '分'];
+    var digit = [
+      '零', '壹', '贰', '叁', '肆',
+      '伍', '陆', '柒', '捌', '玖'
+    ];
+    var unit = [
+      ['元', '万', '亿'],
+      ['', '拾', '佰', '仟']
+    ];
+    var head = n < 0 ? '负' : '';
+    n = Math.abs(n);
+    var s = '';
+    for (var i = 0; i < fraction.length; i++) {
+      s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
+    }
+    s = s || '整';
+    n = Math.floor(n);
+    for (var i = 0; i < unit[0].length && n > 0; i++) {
+      var p = '';
+      for (var j = 0; j < unit[1].length && n > 0; j++) {
+        p = digit[n % 10] + unit[1][j] + p;
+        n = Math.floor(n / 10);
+      }
+      s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
+    }
+    return head + s.replace(/(零.)*零元/, '元')
+      .replace(/(零.)+/g, '零')
+      .replace(/^整$/, '零元整');
+  },
+  createComprisonFunction(propertyName) {
+    return function (object1, object2) {
+      var value1 = object1[propertyName];
+      var value2 = object2[propertyName];
+      if (value1 < value2) {
+        return -1;
+      } else if (value1 > value2) {
+        return 1;
+      } else {
+        return 0;
+      }
+    };
+  },
+  //价格转换器
+  getConvertMoney(value) {
+    if (value === "" || value === undefined || value === null) {
+      value = 0.0
+    }
+    return parseFloat(value)
+  },
+  //两个日期比较大小 返回值大于0：date1>date2,返回值等于0：date1=date2,返回值小于0：date1<date2
+  CompareDate(date1, date2) {
+    var oDate1 = new Date(date1);
+    var oDate2 = new Date(date2);
+    if (oDate1.getTime() > oDate2.getTime()) {
+      return 1
+    } else if (oDate1.getTime() == oDate2.getTime()) {
+      return 0;
+    } else {
+      return -1;
+    }
+  },
+  //判断值是否为空
+  isNullOrEmpty: function (value) {
+    if (value === null || value === "" || value === undefined) {
+      return true;
+    } else {
+      return false;
+    }
+  },
+  //NULL转字符串
+  getStrValue: function (value) {
+    if (value == null) {
+      value = "";
+    }
+    return value;
+  },
+  //获取后面的字符串
+  getCaption: function (obj, splitStr) {
+    var index = obj.lastIndexOf(splitStr);
+    obj = obj.substring(index + 1, obj.length);
+    return obj;
+  },
+  //公用去掉域名
+  removeDomain: function (val) {
+    var reg = /^http(s)?:\/\/(.*?)\//;
+    return val.replace(reg, '');
+  },
+  //获取当前日期
+  getCurrentDate() {
+    var myDate = new Date();
+    //返回年月日
+    return myDate.getFullYear() + '-' + parseInt(myDate.getMonth() + 1) + "-" + myDate.getDate()
+  },
+  //判断字符串是否为数字
+  isNumber: function (val) {
+    var regPos = /^\d+(\.\d+)?$/; //非负浮点数
+    var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数
+    if (regPos.test(val) || regNeg.test(val)) {
+      return true;
+    } else {
+      return false;
+    }
+  },
+  //去掉图片的https
+  replaceHttps: function (val) {
+    return val.replace("https", "http");
+  },
+  //计算两日期时间间隔
+  getDateTimeInterval: function (startDate, endDate) {
+    var diff = endDate.getTime() - startDate.getTime();//时间差的毫秒数
+    //计算出相差天数
+    var days = Math.floor(diff / (24 * 3600 * 1000));
+
+    //计算出小时数
+    var leave1 = diff % (24 * 3600 * 1000);    //计算天数后剩余的毫秒数
+    var hours = Math.floor(leave1 / (3600 * 1000));
+    //计算相差分钟数
+    var leave2 = leave1 % (3600 * 1000);        //计算小时数后剩余的毫秒数
+    var minutes = Math.floor(leave2 / (60 * 1000));
+
+    //计算相差秒数
+    var leave3 = leave2 % (60 * 1000);      //计算分钟数后剩余的毫秒数
+    var seconds = Math.round(leave3 / 1000);
+    var returnStr = seconds + "秒";
+    if (minutes > 0) {
+      returnStr = minutes + "分" + returnStr;
+    }
+    if (hours > 0) {
+      returnStr = hours + "小时" + returnStr;
+    }
+    if (days > 0) {
+      returnStr = days + "天" + returnStr;
+    }
+    return returnStr;
+  },
+  //将yyyy年mm月dd日 hh:mm:ss 转换为 yyyy-mm-dd hh:mm:ss
+  getDateStr(date) {
+    let dateStr = "";
+    if (date != "") {
+      let dateArr = date.split(' ');
+      let str = dateArr[0].replace(/[^\d]/g, '-');
+      dateStr = str.substr(0, str.length - 1) + ' ' + dateArr[1];
+    }
+    return dateStr;
+  },
+
+
+}
+export default commonUtils

src/assets/utils/getLocation.js

+
+export const location = {
+  initMap(id) {
+    let mapObj = new AMap.Map(id, {})
+    let geolocation;
+    mapObj.plugin(['AMap.Geolocation'], function () {
+      geolocation = new AMap.Geolocation({
+        enableHighAccuracy: true, //  是否使用高精度定位，默认:true
+        timeout: 10000, //  超过10秒后停止定位，默认：无穷大
+        maximumAge: 0, // 定位结果缓存0毫秒，默认：0
+        convert: true, // 自动偏移坐标，偏移后的坐标为高德坐标，默认：true
+        showButton: true, //  显示定位按钮，默认：true
+        buttonPosition: 'LB',  // 定位按钮停靠位置，默认：'LB'，左下角
+        buttonOffset: new AMap.Pixel(10, 20), //  定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
+        showMarker: true, //  定位成功后在定位到的位置显示点标记，默认：true
+        showCircle: true, //  定位成功后用圆圈表示定位精度范围，默认：true
+        panToLocation: true,  //  定位成功后将定位到的位置作为地图中心点，默认：true
+        zoomToAccuracy: true  //  定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
+      })
+      mapObj.addControl(geolocation)
+      geolocation.getCurrentPosition()
+    })
+    return geolocation;
+  }
+}
\ No newline at end of file

src/plugins/element.js

+import Vue from 'vue'
+import Element from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+
+Vue.use(Element)

src/plugins/event-bus.js

+import Vue from 'vue'
+var eventHub = new Vue()
+export default eventHub
\ No newline at end of file