├── static
    ├── .gitkeep
    ├── trangle.png
    └── seigaiha.png
├── desktop.ini
├── src
    ├── assets
    │   ├── logo.jpg
    │   ├── logo.png
    │   └── narrowlogo.jpg
    ├── router
    │   └── index.js
    ├── components
    │   ├── ErrorHandler.vue
    │   ├── RoadPage
    │   │   ├── DetailCard
    │   │   │   ├── RideDetail.vue
    │   │   │   ├── WalkDetail.vue
    │   │   │   ├── DriveDetail.vue
    │   │   │   ├── BusDetail.vue
    │   │   │   ├── Collapse.vue
    │   │   │   └── CardCollapse.vue
    │   │   ├── DayTransmit.vue
    │   │   ├── Drawer.vue
    │   │   ├── SearchBar.vue
    │   │   ├── DetailPath.vue
    │   │   └── MapContainer.vue
    │   ├── User.vue
    │   ├── CheckList.vue
    │   ├── RoadPage.vue
    │   ├── NavBar.vue
    │   └── InitModel.vue
    ├── App.vue
    ├── plungins
    │   └── LeanCloud.js
    └── main.js
├── config
    ├── prod.env.js
    ├── dev.env.js
    └── index.js
├── dist
    ├── static
    │   ├── trangle.png
    │   ├── seigaiha.png
    │   ├── fonts
    │   │   └── element-icons.6f0a763.ttf
    │   └── js
    │   │   ├── manifest.012c6502c66441b451fc.js
    │   │   ├── manifest.012c6502c66441b451fc.js.map
    │   │   └── app.00ac63e55ffb13d062d8.js
    └── index.html
├── .editorconfig
├── .gitignore
├── .babelrc
├── .postcssrc.js
├── index.html
├── README.md
└── package.json


/static/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/desktop.ini:
--------------------------------------------------------------------------------
1 | [ViewState]
2 | Mode=
3 | Vid=
4 | FolderType=Generic
5 | 


--------------------------------------------------------------------------------
/static/trangle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dixeran/RoadMap/HEAD/static/trangle.png


--------------------------------------------------------------------------------
/src/assets/logo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dixeran/RoadMap/HEAD/src/assets/logo.jpg


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dixeran/RoadMap/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/static/seigaiha.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dixeran/RoadMap/HEAD/static/seigaiha.png


--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 |   NODE_ENV: '"production"'
4 | }
5 | 


--------------------------------------------------------------------------------
/dist/static/trangle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dixeran/RoadMap/HEAD/dist/static/trangle.png


--------------------------------------------------------------------------------
/dist/static/seigaiha.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dixeran/RoadMap/HEAD/dist/static/seigaiha.png


--------------------------------------------------------------------------------
/src/assets/narrowlogo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dixeran/RoadMap/HEAD/src/assets/narrowlogo.jpg


--------------------------------------------------------------------------------
/dist/static/fonts/element-icons.6f0a763.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dixeran/RoadMap/HEAD/dist/static/fonts/element-icons.6f0a763.ttf


--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 | 
5 | module.exports = merge(prodEnv, {
6 |   NODE_ENV: '"development"'
7 | })
8 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules/
 3 | npm-debug.log*
 4 | yarn-debug.log*
 5 | yarn-error.log*
 6 | 
 7 | # Editor directories and files
 8 | .idea
 9 | .vscode
10 | *.suo
11 | *.ntvs*
12 | *.njsproj
13 | *.sln
14 | 


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     ["env", {
 4 |       "modules": false,
 5 |       "targets": {
 6 |         "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
 7 |       }
 8 |     }],
 9 |     "stage-2"
10 |   ],
11 |   "plugins": ["transform-vue-jsx", "transform-runtime"]
12 | }
13 | 


--------------------------------------------------------------------------------
/.postcssrc.js:
--------------------------------------------------------------------------------
 1 | // https://github.com/michael-ciniawsky/postcss-load-config
 2 | 
 3 | module.exports = {
 4 |   "plugins": {
 5 |     "postcss-import": {},
 6 |     "postcss-url": {},
 7 |     // to edit target browsers: use "browserslist" field in package.json
 8 |     "autoprefixer": {}
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 6 |     <title>roadmap</title>
 7 |   </head>
 8 |   <body>
 9 |     <div id="app"></div>
10 |     <!-- built files will be auto injected -->
11 |     <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.4&key=b8b286b57b891b2e0b592575695c6b98&plugin=AMap.Driving,AMap.Transfer,AMap.Walking,AMap.Riding,AMap.PlaceSearch"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Router from 'vue-router'
 3 | import Checklist from '../components/CheckList'
 4 | import Roadpage from '../components/Roadpage'
 5 | 
 6 | Vue.use(Router)
 7 | 
 8 | export default new Router({
 9 |   routes: [
10 |     {
11 |       path: '/',
12 |       name: 'Roadpage',
13 |       component: Roadpage,
14 |       meta: {
15 |         keepAlive: true
16 |       }
17 |     },
18 |     {
19 |       path: '/abstract',
20 |       name: 'Abstract',
21 |       component: Checklist
22 |     }
23 |   ],
24 |   linkExactActiveClass:'active'
25 | })
26 | 


--------------------------------------------------------------------------------
/src/components/ErrorHandler.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="Errorhandler">
 3 |     {{errorData}}
 4 |   </div>
 5 | </template>
 6 | <script>
 7 | export default {
 8 |   name:'Errorhandler',
 9 |   props:['errorData']
10 | }
11 | </script>
12 | 
13 | <style scoped>
14 | #Errorhandler{
15 |   text-align: center;
16 |   font-size: 1.25rem;
17 |   padding: 0.2rem 0.5rem;
18 |   background-color: #f05038;
19 |   color: white;
20 |   box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
21 |   border-radius: 2px;
22 |   transition: all ease 0.2s;
23 | }
24 | #Errorhandler:hover{
25 |   box-shadow: 0 0 8px #b83e2c;
26 | }
27 | </style>
28 | 


--------------------------------------------------------------------------------
/src/components/RoadPage/DetailCard/RideDetail.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="Ridedetail">
 3 |     <p class="nums">骑行距离：<code>{{Rtem.distance}}</code> 米</p>
 4 |     <p class="nums">预计耗时：<code>{{Math.floor(Rtem.time / 60)}}</code> 分钟</p>
 5 |     <slot></slot>
 6 |   </div>
 7 | </template>
 8 | 
 9 | <script>
10 | export default {
11 |   name: "Ridedetail",
12 |   props: ["item"],
13 |   computed:{
14 |     Rtem:function(){
15 |       return this.item.plan.routes[0];
16 |     }
17 |   }
18 | };
19 | </script>
20 | 
21 | <style scoped>
22 | #Ridedetail{
23 |   color: #333;
24 |   padding: 10px;
25 | }
26 | 
27 | .nums {
28 |   color: #333;
29 |   margin: 2px 0;
30 |   font-size: 12px;
31 | }
32 | </style>
33 | 
34 | 


--------------------------------------------------------------------------------
/src/components/RoadPage/DetailCard/WalkDetail.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="Walkdetail">
 3 |     <p class="nums">步行距离：<code>{{Rtem.distance}}</code> 米</p>
 4 |     <p class="nums">预计耗时：<code>{{Math.floor(Rtem.time / 60)}}</code> 分钟</p>
 5 |     <slot></slot>
 6 |   </div>
 7 | </template>
 8 | 
 9 | <script>
10 | export default {
11 |   name:'Walkdetail',
12 |   props: ["item"],
13 |   computed:{
14 |     Rtem:function(){
15 |       return this.item.plan.routes[0];
16 |     }
17 |   }
18 | }
19 | </script>
20 | 
21 | <style scoped>
22 | #Walkdetail{
23 |   color: #333;
24 |   padding: 10px;
25 | }
26 | 
27 | .nums {
28 |   color: #333;
29 |   margin: 2px 0;
30 |   font-size: 12px;
31 | }
32 | </style>
33 | 
34 | 


--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>roadmap</title><link href=/RoadMap/static/css/app.ed1b27c49db84e5da72de5b2f16e745e.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src="https://webapi.amap.com/maps?v=1.4.4&key=b8b286b57b891b2e0b592575695c6b98&plugin=AMap.Driving,AMap.Transfer,AMap.Walking,AMap.Riding,AMap.PlaceSearch"></script><script type=text/javascript src=/RoadMap/static/js/manifest.012c6502c66441b451fc.js></script><script type=text/javascript src=/RoadMap/static/js/vendor.ee7f1d301e7d4d7ef60e.js></script><script type=text/javascript src=/RoadMap/static/js/app.00ac63e55ffb13d062d8.js></script></body></html>


--------------------------------------------------------------------------------
/src/components/RoadPage/DetailCard/DriveDetail.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="Drivedetail">
 3 |     <p class="nums">驾驶距离：<code>{{Rtem.distance}}</code> 米</p>
 4 |     <p class="nums">预计耗时：<code>{{Math.floor(Rtem.time / 60)}}</code> 分钟</p>
 5 |     <p class="nums" v-if="Rtem.tolls !== 0">路费：<code>{{Rtem.tolls}}</code> 元</p>
 6 |     <p class="nums" v-if="Rtem.restriction  == 1"><i></i><code>存在限行警告</code></p>
 7 |     <slot></slot>
 8 |   </div>
 9 | </template>
10 | 
11 | <script>
12 | export default {
13 |   name: "Drivedetail",
14 |   props: ["item"],
15 |   computed:{
16 |     Rtem:function(){
17 |       return this.item.plan.routes[0];
18 |     }
19 |   }
20 | };
21 | </script>
22 | 
23 | <style scoped>
24 | #Drivedetail {
25 |   color: #333;
26 |   padding: 10px;
27 | }
28 | 
29 | .nums {
30 |   color: #333;
31 |   margin: 2px 0;
32 |   font-size: 12px;
33 | }
34 | </style>
35 | 


--------------------------------------------------------------------------------
/src/components/RoadPage/DetailCard/BusDetail.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="Busdetail">
 3 |     <p class="nums">路程花费：<code>{{Rtem.cost}}</code> 元</p>
 4 |     <p class="nums">预期时间：<code>{{Math.floor(Rtem.time / 60)}}</code> 分钟</p>
 5 |     <p class="nums">全程距离：<code>{{Rtem.distance}}</code> 米</p>
 6 |     <p class="nums">步行距离：<code>{{Rtem.walking_distance}}</code> 米</p>
 7 |     <slot></slot>
 8 |   </div>
 9 | </template>
10 | 
11 | <script>
12 | export default {
13 |   name: "Busdetail",
14 |   props: ["item"],
15 |   computed: {
16 |     Rtem: function() {
17 |       return this.item.plan.plans ? this.item.plan.plans[0] : this.item.plan.routes[0];
18 |     }
19 |   }
20 | };
21 | </script>
22 | 
23 | <style scoped>
24 | #Busdetail {
25 |   color: #333;
26 |   padding: 10px;
27 | }
28 | 
29 | .nums {
30 |   color: #333;
31 |   margin: 2px 0;
32 |   font-size: 12px;
33 | }
34 | </style>
35 | 


--------------------------------------------------------------------------------
/dist/static/js/manifest.012c6502c66441b451fc.js:
--------------------------------------------------------------------------------
1 | !function(r){var n=window.webpackJsonp;window.webpackJsonp=function(o,u,c){for(var f,p,a,i=0,l=[];i<o.length;i++)p=o[i],e[p]&&l.push(e[p][0]),e[p]=0;for(f in u)Object.prototype.hasOwnProperty.call(u,f)&&(r[f]=u[f]);for(n&&n(o,u,c);l.length;)l.shift()();if(c)for(i=0;i<c.length;i++)a=t(t.s=c[i]);return a};var o={},e={2:0};function t(n){if(o[n])return o[n].exports;var e=o[n]={i:n,l:!1,exports:{}};return r[n].call(e.exports,e,e.exports,t),e.l=!0,e.exports}t.m=r,t.c=o,t.d=function(r,n,o){t.o(r,n)||Object.defineProperty(r,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(r){var n=r&&r.__esModule?function(){return r.default}:function(){return r};return t.d(n,"a",n),n},t.o=function(r,n){return Object.prototype.hasOwnProperty.call(r,n)},t.p="/RoadMap/",t.oe=function(r){throw console.error(r),r}}([]);
2 | //# sourceMappingURL=manifest.012c6502c66441b451fc.js.map


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # RoadMap
 2 | 
 3 | > Yet another travel tool
 4 | 
 5 | ## RoadMap 工作流
 6 | 1. 去无论什么网站，找出想去的地方
 7 | 2. 添加到 RoadMap 中
 8 | 3. 使用灰色的脑细胞，观察如何将这些景点安排在不同的日期、在一日内如何排定一个顺序
 9 | 4. 分享给你的同伴，或者分享到手机上存一个书签
10 | 5. 走！
11 | 
12 | ## RoadMap 的闪光点
13 | ### 在地图上，你甚至只能看到你想要的
14 | ![这是你想要的？](https://i.loli.net/2018/06/03/5b136c82a163d.png)
15 | 精心设计的配色，高亮**景点、商城、酒店、交通线路**
16 | ![这个才是吧！](https://i.loli.net/2018/06/03/5b136c7f39338.png)
17 | 
18 | ### 各种出行方式，以及附带的温馨提示
19 | ![动物园的关门时间..](https://i.loli.net/2018/06/03/5b136c7ceba8e.png)
20 | 8102年了，旅行计划也该有详细路线了
21 | 
22 | ### 最后，友好的告诉你，菜上齐了
23 | ![路线摘要](https://i.loli.net/2018/06/03/5b136c75c7bc5.png)
24 | 
25 | ## 关于云存储
26 | 使用 LeanCloud 储存云端同步信息
27 | 
28 | ## Build Setup
29 | 
30 | ``` bash
31 | # install dependencies
32 | npm install
33 | 
34 | # serve with hot reload at localhost:8080
35 | npm run dev
36 | 
37 | # build for production with minification
38 | npm run build
39 | 
40 | # build for production and view the bundle analyzer report
41 | npm run build --report
42 | ```
43 | 
44 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
45 | 


--------------------------------------------------------------------------------
/src/components/User.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="User">
 3 |     <el-alert
 4 |       v-show="error != ''"
 5 |       title="登录/注册错误"
 6 |       type="error"
 7 |       :description="error"
 8 |       show-icon>
 9 |     </el-alert>
10 |     <el-form ref="form" :model="form">
11 |       <el-form-item label="邮箱">
12 |         <el-input v-model="form.name"></el-input>
13 |       </el-form-item>
14 |       <el-form-item label="密码">
15 |         <el-input v-model="form.passwd" type="password"></el-input>
16 |       </el-form-item>
17 |       <el-form-item>
18 |         <el-button type="primary" @click="login">登录</el-button>
19 |         <el-button @click="signin">注册</el-button>
20 |       </el-form-item>
21 |     </el-form>
22 |   </div>
23 | </template>
24 | 
25 | <script>
26 | export default {
27 |   name: "User",
28 |   data() {
29 |     return {
30 |       form: {
31 |         name: "",
32 |         passwd: ""
33 |       },
34 |       error: ""
35 |     };
36 |   },
37 |   methods: {
38 |     login: function() {
39 |       this.lcs
40 |         .Login(this.form.name, this.form.passwd)
41 |         .then(() => {
42 |           this.$emit("login");
43 |         })
44 |         .catch(() => {
45 |           this.error = "登录出错！";
46 |         });
47 |     },
48 |     signin: function() {
49 |       this.lcs
50 |         .Signin(this.form.name, this.form.passwd)
51 |         .then(() => {
52 |           this.$emit("login");
53 |         })
54 |         .catch(() => {
55 |           this.error = "注册失败耶";
56 |         });
57 |     }
58 |   }
59 | };
60 | </script>
61 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <Initmodel @init="init = true" @error="HandleError"/>
 4 |     <Navbar/>
 5 |     <transition name="slide">
 6 |       <Errorhandler @click.native="errorConfirmed" v-if="error != ''" :errorData="error"/>
 7 |     </transition>
 8 |     <keep-alive include="Roadpage" @error="HandleError" v-if="init">
 9 |       <router-view></router-view>
10 |     </keep-alive>
11 |   </div>
12 | </template>
13 | 
14 | <script>
15 | import Navbar from "./components/NavBar";
16 | import Errorhandler from "./components/ErrorHandler";
17 | import Initmodel from "./components/InitModel";
18 | export default {
19 |   name: "App",
20 |   components: {
21 |     Navbar,
22 |     Errorhandler,
23 |     Initmodel
24 |   },
25 |   methods: {
26 |     errorConfirmed: function(e) {
27 |       this.error = "";
28 |     },
29 |     HandleError: function(error) {
30 |       this.$notify.error({
31 |           title: '错误',
32 |           message: error
33 |         });
34 |     }
35 |   },
36 |   data() {
37 |     return {
38 |       error: "",
39 |       init:false
40 |     };
41 |   }
42 | };
43 | </script>
44 | 
45 | <style>
46 | @import url("//at.alicdn.com/t/font_603677_y7a78e3f6iggb9.css");
47 | * {
48 |   box-sizing: border-box;
49 | }
50 | html,
51 | body,
52 | #app {
53 |   height: 100%;
54 | }
55 | body {
56 |   margin: 0;
57 | }
58 | #Errorhandler {
59 |   position: fixed;
60 |   right: 4rem;
61 |   top: 4rem;
62 | }
63 | 
64 | .slide-enter,
65 | .slide-leave-to {
66 |   opacity: 0;
67 |   transform: rotateX(90deg);
68 |   -webkit-transform: rotateX(90deg);
69 | }
70 | 
71 | .slide-enter-active,
72 | .slide-leave-active {
73 |   transition: all 0.2s ease;
74 | }
75 | </style>
76 | 


--------------------------------------------------------------------------------
/src/components/RoadPage/DayTransmit.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="Daytransmit">
 3 |     <div class="header">拖动至此处分发到其他日期</div>
 4 |     <ul>
 5 |       <div class="item" v-for="n in $store.state.totalDays"
 6 |             :key="n"
 7 |             v-if="(n-1) != $store.state.nowDay"
 8 |             @dragover.prevent
 9 |             @drop.prevent="moveTo($event)"
10 |             :dayIndex="n - 1">
11 |         <div class="item-line" v-if="n != 1 && !((n-2) == $store.state.nowDay && (n-1) == 1)"></div>
12 |         <i class="item-icon iconfont icon-right"></i>
13 |         第{{n}}天
14 |       </div>
15 |     </ul>
16 |   </div>
17 | </template>
18 | 
19 | <script>
20 | export default {
21 |   name: "Daytransmit",
22 |   data() {
23 |     return {};
24 |   },
25 |   methods: {
26 |     moveTo: function(e) {
27 |       let k = e.dataTransfer.getData("ItemIndex");
28 |       this.$emit("moveTo", k, e.target.getAttribute("dayIndex"));
29 |     }
30 |   }
31 | };
32 | </script>
33 | 
34 | <style scoped>
35 | #Daytransmit {
36 |   background-color: whitesmoke;
37 |   border: 1px dashed rgba(0, 0, 0, 0.25);
38 |   border-right: none;
39 |   border-radius: 0 5px;
40 | }
41 | #Daytransmit > ul {
42 |   display: flex;
43 |   flex-direction: column;
44 |   padding: 0 1rem;
45 |   margin: 0;
46 | }
47 | #Daytransmit > .header {
48 |   text-align: center;
49 |   font-size: 0.8rem;
50 |   background-color: white;
51 |   border-bottom: 1px dashed grey;
52 | }
53 | .item {
54 |   position: relative;
55 |   padding: 5px;
56 |   text-align: center;
57 |   margin: 1rem 0;
58 | }
59 | .item:hover {
60 |   color: red;
61 | }
62 | .item-line {
63 |   height: 1.5rem;
64 |   position: absolute;
65 |   top: -1.75rem;
66 |   left: 1rem;
67 |   border-left: #2384b8 3px solid;
68 |   border-radius: 2px;
69 | }
70 | .item-icon {
71 |   color: #2384b8;
72 | }
73 | </style>
74 | 


--------------------------------------------------------------------------------
/src/components/RoadPage/Drawer.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="Drawer" :style="{width: width + 'px', marginLeft: leftMargin + 'px'}">
 3 |     <div id="content">
 4 |       <slot></slot>
 5 |     </div>
 6 |     <transition name="fade">
 7 |       <div id="mask" v-if="enable" @click="$emit('close')"></div>
 8 |     </transition>
 9 |   </div>
10 | </template>
11 | 
12 | <script>
13 | import TWEEN from "@tweenjs/tween.js";
14 | export default {
15 |   name: "Drawer",
16 |   props: ["width", "enable"],
17 |   data() {
18 |     return {
19 |       leftMargin: 0
20 |     };
21 |   },
22 |   watch: {
23 |     enable: function(val) {
24 |       if (val) {
25 |         let tween = new TWEEN.Tween(this).to({ leftMargin: -this.width }, 150);
26 |         tween.start();
27 | 
28 |         animate();
29 |         function animate() {
30 |           requestAnimationFrame(animate);
31 |           TWEEN.update();
32 |         }
33 |       } else {
34 |         let tween = new TWEEN.Tween(this).to({ leftMargin: 0 }, 150);
35 |         tween.start();
36 | 
37 |         animate();
38 |         function animate() {
39 |           requestAnimationFrame(animate);
40 |           TWEEN.update();
41 |         }
42 |       }
43 |     }
44 |   }
45 | };
46 | </script>
47 | 
48 | <style scoped>
49 | #Drawer {
50 |   z-index: 2000;
51 |   position: fixed;
52 |   top: 0;
53 |   left: 100vw;
54 |   height: 100vh;
55 |   border-left: solid 1px rgba(0, 0, 0, 0.25);
56 |   box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
57 | }
58 | #content{
59 |   z-index: 2001;
60 |   height: 100%;
61 | }
62 | #mask {
63 |   z-index: -1;
64 |   position: fixed;
65 |   top: 0;
66 |   left: 0;
67 |   width: 100vw;
68 |   height: 100vh;
69 |   background-color: rgba(0, 0, 0, 0.35);
70 | }
71 | 
72 | .fade-enter-active, .fade-leave-active{
73 |   transition: all 0.1s ease;
74 | }
75 | .fade-enter, .fade-leave-to{
76 |   opacity: 0;
77 | }
78 | </style>
79 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "roadmap",
 3 |   "version": "1.0.0",
 4 |   "description": "travel tool",
 5 |   "author": "dixeran@outlook.com",
 6 |   "private": true,
 7 |   "scripts": {
 8 |     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
 9 |     "start": "npm run dev",
10 |     "build": "node build/build.js"
11 |   },
12 |   "dependencies": {
13 |     "@tweenjs/tween.js": "^17.2.0",
14 |     "blueimp-md5": "^2.10.0",
15 |     "element-ui": "^2.3.7",
16 |     "leancloud-storage": "^3.6.8",
17 |     "qrcode": "^1.2.0",
18 |     "sortablejs": "^1.7.0",
19 |     "vue": "^2.5.2",
20 |     "vue-router": "^3.0.1",
21 |     "vuex": "^3.0.1"
22 |   },
23 |   "devDependencies": {
24 |     "autoprefixer": "^7.1.2",
25 |     "babel-core": "^6.22.1",
26 |     "babel-helper-vue-jsx-merge-props": "^2.0.3",
27 |     "babel-loader": "^7.1.1",
28 |     "babel-plugin-syntax-jsx": "^6.18.0",
29 |     "babel-plugin-transform-runtime": "^6.22.0",
30 |     "babel-plugin-transform-vue-jsx": "^3.5.0",
31 |     "babel-preset-env": "^1.3.2",
32 |     "babel-preset-stage-2": "^6.22.0",
33 |     "chalk": "^2.0.1",
34 |     "copy-webpack-plugin": "^4.0.1",
35 |     "css-loader": "^0.28.0",
36 |     "extract-text-webpack-plugin": "^3.0.0",
37 |     "file-loader": "^1.1.4",
38 |     "friendly-errors-webpack-plugin": "^1.6.1",
39 |     "html-webpack-plugin": "^2.30.1",
40 |     "node-notifier": "^5.1.2",
41 |     "optimize-css-assets-webpack-plugin": "^3.2.0",
42 |     "ora": "^1.2.0",
43 |     "portfinder": "^1.0.13",
44 |     "postcss-import": "^11.0.0",
45 |     "postcss-loader": "^2.0.8",
46 |     "postcss-url": "^7.2.1",
47 |     "rimraf": "^2.6.0",
48 |     "semver": "^5.3.0",
49 |     "shelljs": "^0.7.6",
50 |     "uglifyjs-webpack-plugin": "^1.1.1",
51 |     "url-loader": "^0.5.8",
52 |     "vue-loader": "^13.3.0",
53 |     "vue-style-loader": "^3.0.1",
54 |     "vue-template-compiler": "^2.5.2",
55 |     "webpack": "^3.6.0",
56 |     "webpack-bundle-analyzer": "^2.9.0",
57 |     "webpack-dev-server": "^2.9.1",
58 |     "webpack-merge": "^4.1.0"
59 |   },
60 |   "engines": {
61 |     "node": ">= 6.0.0",
62 |     "npm": ">= 3.0.0"
63 |   },
64 |   "browserslist": [
65 |     "> 1%",
66 |     "last 2 versions",
67 |     "not ie <= 8"
68 |   ]
69 | }
70 | 


--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | // Template version: 1.3.1
 3 | // see http://vuejs-templates.github.io/webpack for documentation.
 4 | 
 5 | const path = require('path')
 6 | 
 7 | module.exports = {
 8 |   dev: {
 9 | 
10 |     // Paths
11 |     assetsSubDirectory: 'static',
12 |     assetsPublicPath: '/',
13 |     proxyTable: {},
14 | 
15 |     // Various Dev Server settings
16 |     host: 'localhost', // can be overwritten by process.env.HOST
17 |     port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
18 |     autoOpenBrowser: false,
19 |     errorOverlay: true,
20 |     notifyOnErrors: true,
21 |     poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
22 | 
23 | 
24 |     /**
25 |      * Source Maps
26 |      */
27 | 
28 |     // https://webpack.js.org/configuration/devtool/#development
29 |     devtool: 'cheap-module-eval-source-map',
30 | 
31 |     // If you have problems debugging vue-files in devtools,
32 |     // set this to false - it *may* help
33 |     // https://vue-loader.vuejs.org/en/options.html#cachebusting
34 |     cacheBusting: true,
35 | 
36 |     cssSourceMap: true
37 |   },
38 | 
39 |   build: {
40 |     // Template for index.html
41 |     index: path.resolve(__dirname, '../dist/index.html'),
42 | 
43 |     // Paths
44 |     assetsRoot: path.resolve(__dirname, '../dist'),
45 |     assetsSubDirectory: 'static',
46 |     assetsPublicPath: '/RoadMap/',
47 | 
48 |     /**
49 |      * Source Maps
50 |      */
51 | 
52 |     productionSourceMap: true,
53 |     // https://webpack.js.org/configuration/devtool/#production
54 |     devtool: '#source-map',
55 | 
56 |     // Gzip off by default as many popular static hosts such as
57 |     // Surge or Netlify already gzip all static assets for you.
58 |     // Before setting to `true`, make sure to:
59 |     // npm install --save-dev compression-webpack-plugin
60 |     productionGzip: false,
61 |     productionGzipExtensions: ['js', 'css'],
62 | 
63 |     // Run the build command with an extra argument to
64 |     // View the bundle analyzer report after build finishes:
65 |     // `npm run build --report`
66 |     // Set to `true` or `false` to always turn it on or off
67 |     bundleAnalyzerReport: process.env.npm_config_report
68 |   }
69 | }
70 | 


--------------------------------------------------------------------------------
/src/components/RoadPage/SearchBar.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="Searchbar">
  3 |     <input
  4 |       type="search"
  5 |       name="searchPOI"
  6 |       id="searchTile"
  7 |       placeholder="搜索景点.."
  8 |       v-model="keyWord">
  9 |     <transition name="list">
 10 |       <div id="searchResult" v-if="keyWord != ''">
 11 |         <ul>
 12 |           <template v-for="item in suggests">
 13 |             <div class="suggest" :key="item.id" @click="searchChecked(item)">
 14 |               <span type="name">{{item.name}}</span>
 15 |               <span type="location">{{item.address}}</span>
 16 |             </div>
 17 |           </template>
 18 |         </ul>
 19 |       </div>
 20 |     </transition>
 21 |   </div>
 22 | </template>
 23 | 
 24 | <script>
 25 | export default {
 26 |   name: "Searchbar",
 27 |   data() {
 28 |     return {
 29 |       keyWord: "",
 30 |       suggests: [],
 31 |       page: 1,
 32 |       lastSearch: null
 33 |     };
 34 |   },
 35 |   watch: {
 36 |     keyWord: function() {
 37 |       if (
 38 |         !this.lastSearch ||
 39 |         this.lastSearch.getTime() - new Date().getTime() <= -300
 40 |       ) {
 41 |         this.lastSearch = new Date();
 42 |         const pls = this.$store.state.AMap_PlaceSearch.search;
 43 | 
 44 |         let that = this;
 45 |         pls.search(this.keyWord, function(status, result) {
 46 |           if (status == "complete" && result.poiList.count > 0) {
 47 |             that.suggests = result.poiList.pois;
 48 |           } else {
 49 |             console.log(result);
 50 |           }
 51 |         });
 52 |       }
 53 |     }
 54 |   },
 55 |   methods: {
 56 |     searchChecked: function(poi) {
 57 |       let event = {
 58 |         id: poi.id,
 59 |         name: poi.name,
 60 |         lnglat: poi.location,
 61 |         type: poi.type
 62 |       };
 63 |       this.$emit("searchChecked", event);
 64 |       this.keyWord = "";
 65 |     }
 66 |   }
 67 | };
 68 | </script>
 69 | 
 70 | <style scoped>
 71 | #Searchbar {
 72 |   width: 25rem;
 73 |   text-align: center;
 74 | }
 75 | #searchTile {
 76 |   width: 90%;
 77 |   height: 35px;
 78 |   font-size: 1.25rem;
 79 |   color: grey;
 80 |   border: none;
 81 |   border-radius: 2px;
 82 |   padding-left: 1rem;
 83 |   box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
 84 |   transition: all 0.2s ease;
 85 | }
 86 | #searchTile:focus {
 87 |   width: 95%;
 88 |   border-top: 3px solid #4d8eb1;
 89 |   box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
 90 | }
 91 | #searchResult {
 92 |   width: 90%;
 93 |   margin: 0 auto;
 94 |   max-height: 400px;
 95 |   overflow-y: auto;
 96 |   background-color: white;
 97 |   box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
 98 |   border-radius: 3px;
 99 | }
100 | #searchResult > ul {
101 |   list-style: none;
102 |   text-align: left;
103 |   padding-left: 0;
104 |   margin: 0;
105 | }
106 | .suggest {
107 |   padding: 6px;
108 |   padding-left: 1rem;
109 |   transition: all 0.2s ease;
110 | }
111 | .suggest:hover {
112 |   background-color: whitesmoke;
113 | }
114 | .suggest > span[type="name"] {
115 |   color: #333;
116 | }
117 | .suggest > span[type="location"] {
118 |   color: rgb(202, 202, 202);
119 | }
120 | 
121 | .list-enter,
122 | .list-leave-to {
123 |   opacity: 0;
124 | }
125 | 
126 | .list-enter-active,
127 | .list-leave-active {
128 |   transition: all 0.2s ease;
129 | }
130 | </style>
131 | 


--------------------------------------------------------------------------------
/src/components/RoadPage/DetailCard/Collapse.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="Collapse">
  3 |     <span class="select">
  4 |       <slot name="selector"></slot>
  5 |     </span>
  6 |     <span class="trigger" @click="transActive"><i class="iconfont icon-more"></i></span>
  7 |     <div id="content">
  8 |       <component v-if="transferItem" :is="transferComp" :item="transferItem">
  9 |         <el-button type="text" size="mini" @click="enterApp">在高德地图打开</el-button>
 10 |       </component>
 11 |     </div>
 12 |   </div>
 13 | </template>
 14 | 
 15 | <script>
 16 | import Drivedetail from "./DriveDetail";
 17 | import Walkdetail from "./WalkDetail";
 18 | import Busdetail from "./BusDetail";
 19 | import Ridedetail from "./RideDetail";
 20 | import TWEEN from "@tweenjs/tween.js";
 21 | export default {
 22 |   name: "Collapse",
 23 |   components: {
 24 |     Drivedetail,
 25 |     Walkdetail,
 26 |     Busdetail,
 27 |     Ridedetail
 28 |   },
 29 |   props: ["transferItem"],
 30 |   data() {
 31 |     return {
 32 |       isActive: false,
 33 |       contentHeight: 0,
 34 |       _mounted:false
 35 |     };
 36 |   },
 37 |   mounted: function() {
 38 |     if (this.$children[0]) {
 39 |       this.contentHeight =
 40 |         this.$el.clientHeight - this.$children[0].$el.clientHeight;
 41 |       //console.log(this.$el.style.height);
 42 |     }
 43 |   },
 44 |   methods: {
 45 |     transActive: function() {
 46 |       let th = 0;
 47 |       if (this.isActive) {
 48 |         th = this.$el.clientHeight - this.$children[0].$el.clientHeight;
 49 |       } else {
 50 |         th = this.$el.clientHeight + this.$children[0].$el.clientHeight;
 51 |       }
 52 |       console.log(this.$el.clientHeight);
 53 |       console.log(th);
 54 |       let tween = new TWEEN.Tween(this).to({ contentHeight: th }, 200);
 55 |       tween.easing(TWEEN.Easing.Cubic.InOut);
 56 |       tween.start();
 57 | 
 58 |       animate();
 59 |       function animate() {
 60 |         requestAnimationFrame(animate);
 61 |         TWEEN.update();
 62 |       }
 63 |       this.isActive = !this.isActive;
 64 |     },
 65 |     enterApp(){
 66 |       this.transferItem.kit.searchOnAMAP(
 67 |         {
 68 |           origin:this.transferItem.plan.origin,
 69 |           destination: this.transferItem.plan.destination
 70 |         }
 71 |       );
 72 |     }
 73 |   },
 74 |   computed: {
 75 |     transferComp: function() {
 76 |       // if(this._mounted && this.isActive) this.transActive();//中途变更类型时，先收起
 77 |       // this._mounted = true;
 78 |       let type = this.transferItem.type;
 79 |       if (type === "driving") return Drivedetail;
 80 |       else if (type === "walk") return Walkdetail;
 81 |       else if (type === "bus") return Busdetail;
 82 |       else if (type === 'ride') return Ridedetail;
 83 |       else{
 84 |         console.log('errfuck');
 85 |       }
 86 |     }
 87 |   },
 88 |   watch: {
 89 |     contentHeight: function() {
 90 |       this.$el.style.height = this.contentHeight + "px";
 91 |     }
 92 |   }
 93 | };
 94 | </script>
 95 | 
 96 | <style scoped>
 97 | #Collapse {
 98 |   box-sizing: content-box !important;
 99 |   /*在使用clientHeight获取、设置高度的时候，务必注意盒模型*/
100 |   border-bottom: 2px dashed whitesmoke;
101 |   overflow: hidden;
102 | }
103 | 
104 | .select {
105 |   display: inline-block;
106 |   width: 90%;
107 | }
108 | 
109 | .trigger {
110 |   display: inline-block;
111 |   width: 5%;
112 | }
113 | </style>
114 | 


--------------------------------------------------------------------------------
/src/components/CheckList.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="Checklist">
  3 |     <el-row justify="end" type="flex">
  4 |       <el-col :span="20">
  5 |         <h1 class="text" id="hTitle">{{mapState.city}} {{mapState.POIs.length}} 日游</h1>
  6 |       </el-col>
  7 |     </el-row>
  8 |     <el-row justify="end" type="flex">
  9 |       <el-col :span="16">
 10 |         <h2 class="text" id="mTitle">{{hitokoto.hitokoto}}</h2>
 11 |         <h2 class="text" id="mTitle">—— 《{{hitokoto.from}}》</h2>
 12 |       </el-col>
 13 |     </el-row>
 14 |     <el-row v-for="(day, n) in $store.state.POIs" :key="n" type="flex" justify="center" class="block">
 15 |       <el-col :span="4">
 16 |         <el-card class="box-card">
 17 |           <h3 class="text dTitle">Day {{n + 1}}</h3>
 18 |           <p>门票花费：{{getDailyCost(n)}}</p>
 19 |         </el-card>
 20 |       </el-col>
 21 |       <el-col :span="20">
 22 |         <el-table :data="day">
 23 |           <el-table-column prop="detail.name" label="名称"></el-table-column>
 24 |           <el-table-column prop="detail.address" label="地址"></el-table-column>
 25 |           <el-table-column prop="detail.name" label="Tag">
 26 |             <template slot-scope="scope">
 27 |               <el-tag>{{scope.row.detail.type.split(';')[0]}}</el-tag>
 28 |               <el-tag v-if="scope.row.detail.groupby">团购</el-tag>
 29 |             </template>
 30 |           </el-table-column>
 31 |         </el-table>
 32 |       </el-col>
 33 |     </el-row>
 34 |   </div>
 35 | </template>
 36 | 
 37 | <script>
 38 | export default {
 39 |   name: "Checklist",
 40 |   mounted: function() {
 41 |     let that = this;
 42 |     var xhr = new XMLHttpRequest();
 43 |     xhr.open("get", "https://v1.hitokoto.cn/?c=d");
 44 |     xhr.onreadystatechange = function() {
 45 |       if (xhr.readyState === 4) {
 46 |         var data = JSON.parse(xhr.responseText);
 47 |         if (data.hitokoto[data.hitokoto.length - 1] == "。") {
 48 |           data.hitokoto = data.hitokoto.substring(0, data.hitokoto.length - 1); //delete coma
 49 |         }
 50 |         that.hitokoto = data;
 51 |       }
 52 |     };
 53 |     xhr.send();
 54 |   },
 55 |   data() {
 56 |     return {
 57 |       hitokoto: {}
 58 |     };
 59 |   },
 60 |   methods:{
 61 |     getDailyCost:function(day){
 62 |       day = this.$store.state.POIs[day];
 63 |       let cost = 0;
 64 |       for(let i = 0; i < day.length; i++){
 65 |         if(day[i].detail.deep_type == "SCENIC"){
 66 |           cost += parseFloat(day[i].detail.scenic.price);
 67 |         }
 68 |       }
 69 |       return cost;
 70 |     }
 71 |   },
 72 |   computed: {
 73 |     mapState: function() {
 74 |       return this.$store.state;
 75 |     }
 76 |   }
 77 | };
 78 | </script>
 79 | 
 80 | <!-- Add "scoped" attribute to limit CSS to this component only -->
 81 | <style scoped>
 82 | * {
 83 |   font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
 84 |     "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
 85 | }
 86 | h3 {
 87 |   font-weight: 500;
 88 | }
 89 | .text {
 90 |   color: #333;
 91 | }
 92 | .block {
 93 |   margin: 3rem 0;
 94 |   border-top: dashed 2px #2384b8;
 95 | }
 96 | 
 97 | #Checklist {
 98 |   margin: 0 50px;
 99 | }
100 | 
101 | #hTitle {
102 |   text-align: right;
103 |   font-size: 5rem;
104 |   font-weight: 500;
105 |   margin-bottom: 1rem;
106 | }
107 | #mTitle {
108 |   text-align: right;
109 |   font-size: 1rem;
110 |   font-weight: 300;
111 |   text-indent: 2rem;
112 | }
113 | .dTitle {
114 |   text-align: center;
115 |   font-size: 2rem;
116 |   margin: 1rem 0;
117 | }
118 | 
119 | .box-card{
120 |   text-align: center;
121 | }
122 | </style>
123 | 


--------------------------------------------------------------------------------
/src/components/RoadPage/DetailCard/CardCollapse.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="Cardcollapse">
  3 |     <div id="trigger" @click="transActive">
  4 |       <slot name="header"></slot>
  5 |     </div>
  6 |     <div id="content">
  7 |       <h1>{{detail.type}}</h1>
  8 |       <!-- 餐饮信息 -->
  9 |       <div class="dts" v-if="detail.deep_type == 'DINING'">
 10 |         <p>开业时间：<code>{{detail.dining.opentime}}</code></p>
 11 |         <p>打分：<code>{{detail.dining.cp_rating}}</code></p>
 12 |         <p>人均花费：<code>{{detail.dining.cost}}</code> 元</p>
 13 |       </div>
 14 |       <!-- 景点信息 -->
 15 |       <div class="dts" v-if="detail.deep_type == 'SCENIC'">
 16 |         <p>开放时间：<code>{{detail.scenic.opentime}}</code></p>
 17 |         <p v-if="detail.scenic.rating">评分：<code>{{detail.scenic.rating}}</code></p>
 18 |         <p v-if="detail.scenic.price != 0">门票价格：<code>{{detail.scenic.price}}</code> 元</p>
 19 |       </div>
 20 |       <!-- 酒店信息 -->
 21 |       <div class="dts" v-if="detail.deep_type == 'HOTEL'">
 22 |         <p>评分：<code>{{detail.hotel.rating}}</code></p>
 23 |         <p>星级：<code>{{detail.hotel.star}}</code></p>
 24 |         <p>最低价格：<code>{{detail.hotel.lowest_price}}</code> 元</p>
 25 |       </div>
 26 |     </div>
 27 |   </div>
 28 | </template>
 29 | 
 30 | <script>
 31 | import TWEEN from "@tweenjs/tween.js";
 32 | export default {
 33 |   name: "Cardcollapse",
 34 |   props: ["detail"],
 35 |   data(){
 36 |     return{
 37 |       isActive:false,
 38 |       contentHeight:0
 39 |     }
 40 |   },
 41 |   methods: {
 42 |     transActive: function() {
 43 |       let tc = this.$el.querySelector('#content');//content
 44 |       let th = 0;
 45 |       if (this.isActive) {
 46 |         th = this.$el.clientHeight - tc.clientHeight;
 47 |       } else {
 48 |         th = this.$el.clientHeight + tc.clientHeight;
 49 |       }
 50 |       let tween = new TWEEN.Tween(this).to({ contentHeight: th }, 200);
 51 |       tween.easing(TWEEN.Easing.Cubic.InOut);
 52 |       tween.start();
 53 | 
 54 |       animate();
 55 |       function animate() {
 56 |         requestAnimationFrame(animate);
 57 |         TWEEN.update();
 58 |       }
 59 |       this.isActive = !this.isActive;
 60 |     }
 61 |   },
 62 |   mounted:function(){
 63 |     this.contentHeight = this.$el.clientHeight - this.$el.querySelector('#content').clientHeight;
 64 |   },
 65 |   computed: {
 66 |     transferComp: function() {
 67 |       // if(this._mounted && this.isActive) this.transActive();//中途变更类型时，先收起
 68 |       // this._mounted = true;
 69 |       if (this.transferItem.type === "driving") return Drivedetail;
 70 |       else if (this.transferItem.type === "walk") return Walkdetail;
 71 |       else if (this.transferItem.type === "bus") return Busdetail;
 72 |       return Ridedetail;
 73 |     }
 74 |   },
 75 |   watch: {
 76 |     contentHeight: function() {
 77 |       this.$el.style.height = this.contentHeight + "px";
 78 |     }
 79 |   }
 80 | };
 81 | </script>
 82 | 
 83 | <style scoped>
 84 | #Cardcollapse {
 85 |   box-sizing: content-box !important;
 86 |   /*padding-bottom: 10px; /*for content margin botton*/
 87 |   overflow: hidden;
 88 | }
 89 | #content {
 90 |   box-sizing: border-box;
 91 |   margin: 0 10px;
 92 |   box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
 93 |   border-radius: 3px;
 94 |   background-color: /*#fffef9*/white;
 95 |   color: #333;
 96 |   overflow: hidden;
 97 | }
 98 | 
 99 | h1{
100 |   font-size: 1rem;
101 |   font-weight: 300;
102 |   text-align: center;
103 |   background-color: whitesmoke;
104 |   border-bottom: 1px solid rgba(0, 0, 0, 0.25);
105 |   margin: 0;
106 | }
107 | 
108 | .dts p{
109 |   margin: 0;
110 |   font-size: 0.85rem;
111 |   padding: 2px 10px;
112 | }
113 | </style>
114 | 


--------------------------------------------------------------------------------
/src/components/RoadPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="Roadpage">
  3 |     <Mapcontainer @setLoading="setLoading"
  4 |                   v-loading.fullscreen.lock="loading"/>
  5 |     <Daytransmit v-if="onDrag" @moveTo="moveTo"/>
  6 |     <Detailpath v-if="!isMobile"
  7 |                 @updateTransferPlan="updateTransferPlan"
  8 |                 @updateTransferIndex="updateTransferIndex"
  9 |                 @setCenter="setCenter"
 10 |                 @moveTo="moveTo"
 11 |                 @drag="onDrag = !onDrag"
 12 |                 @sort="sort"/>
 13 |     <Drawer :width="300" :enable="drawerOpen" v-if="isMobile" @close="drawerOpen = false">
 14 |       <Detailpath
 15 |         @updateTransferPlan="updateTransferPlan"
 16 |         @updateTransferIndex="updateTransferIndex"
 17 |         @setCenter="setCenter"
 18 |         @moveTo="moveTo"
 19 |         @drag="onDrag = !onDrag"
 20 |         @sort="sort"/>
 21 |     </Drawer>
 22 |     <div id="footer" v-if="isMobile" @click="drawerOpen = true">
 23 |       <i class="iconfont icon-menu"></i>
 24 |     </div>
 25 |   </div>
 26 | </template>
 27 | 
 28 | <script>
 29 | import Detailpath from "./RoadPage/DetailPath";
 30 | import Mapcontainer from "./RoadPage/MapContainer";
 31 | import Daytransmit from "./RoadPage/DayTransmit";
 32 | import Drawer from "./RoadPage/Drawer";
 33 | export default {
 34 |   name: "Roadpage",
 35 |   components: {
 36 |     Detailpath,
 37 |     Mapcontainer,
 38 |     Daytransmit,
 39 |     Drawer
 40 |   },
 41 |   data() {
 42 |     return {
 43 |       onDrag: false,
 44 |       loading: false,
 45 |       drawerOpen: false
 46 |     };
 47 |   },
 48 |   methods: {
 49 |     /**
 50 |      * @description 更新路段规划的类型
 51 |      * @param {item} itemIndex 节点索引
 52 |      * @param {string} type 出行方案类型
 53 |      */
 54 |     updateTransferPlan: function(itemIndex, type) {
 55 |       this.$emit("updateTransferPlan", itemIndex, type);
 56 |       //因为item在vuex里面，直接传item好像不太方便修改vuex对象？暂时先传index
 57 |       //要通过commit来修改的话，传一个vuex里面的对象的引用似乎没啥大用
 58 |     },
 59 |     /**
 60 |      * @description 更新路段规划的方案索引
 61 |      * @param {item} itemIndex 节点索引
 62 |      * @param {number} transferIndex 出行方案索引
 63 |      */
 64 |     updateTransferIndex: function(itemIndex, transferIndex) {
 65 |       this.$emit("updateTransferIndex", itemIndex, transferIndex);
 66 |     },
 67 |     /**
 68 |      * @description 设置地图中心
 69 |      * @param {number} index 设为中心的节点
 70 |      */
 71 |     setCenter: function(index) {
 72 |       this.$emit("setCenter", index);
 73 |     },
 74 |     /**
 75 |      * @description 移动节点到指定日期
 76 |      * @param {number} index 移动的节点
 77 |      * @param {number} day 移动到的日期
 78 |      */
 79 |     moveTo: function(index, day) {
 80 |       this.$emit("moveTo", index, day);
 81 |     },
 82 |     /**
 83 |      * @description 节点单日内排序
 84 |      * @param {number} itemOldIndex 节点旧索引
 85 |      * @param {number} itemNewIndex 节点新索引
 86 |      */
 87 |     sort: function(itemOldIndex, itemNewIndex) {
 88 |       this.$emit("sort", itemOldIndex, itemNewIndex);
 89 |     },
 90 |     /**
 91 |      * @description 设置读取状态
 92 |      * @param {bool} state loading状态
 93 |      */
 94 |     setLoading: function(state) {
 95 |       this.loading = state;
 96 |     }
 97 |   }
 98 | };
 99 | </script>
100 | 
101 | <style scoped>
102 | #Roadpage {
103 |   width: 100%;
104 |   height: calc(100% - 60px);
105 |   display: flex;
106 | }
107 | 
108 | #Mapcontainer {
109 |   width: calc(100% - 400px);
110 |   height: 100%;
111 |   display: inline-block;
112 | }
113 | 
114 | #Daytransmit {
115 |   width: 7rem;
116 |   position: fixed;
117 |   top: 60px;
118 |   right: 400px;
119 | }
120 | 
121 | #Detailpath {
122 |   width: 400px;
123 |   display: inline-block;
124 | }
125 | 
126 | @media screen and (max-width: 600px) {
127 |   #Roadpage {
128 |     width: 100%;
129 |     height: calc(100% - 40px);
130 |     display: flex;
131 |   }
132 |   #Mapcontainer {
133 |     width: 100vw;
134 |     height: 100%;
135 |   }
136 |   #Detailpath {
137 |     width: 100%;
138 |     height: 100%;
139 |   }
140 |   #footer{
141 |     position: fixed;
142 |     right: 10px;bottom: 10px;
143 |     height: 40px;
144 |     width: 40px;
145 |     border-radius: 100%;
146 |     background-color: white;
147 |     box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
148 |     display: flex;
149 |     align-items: center;
150 |     justify-content: center;
151 |   }
152 | }
153 | </style>
154 | 


--------------------------------------------------------------------------------
/dist/static/js/manifest.012c6502c66441b451fc.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack:///webpack/bootstrap d72b6fcfe54e40235f12"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,YAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.012c6502c66441b451fc.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/RoadMap/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap d72b6fcfe54e40235f12"],"sourceRoot":""}


--------------------------------------------------------------------------------
/src/components/NavBar.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="Navbar">
  3 |     <div id="logo">
  4 |       <span>RoadMap</span>
  5 |     </div>
  6 |     <ul id="navlist" v-if="!isMobile">
  7 |       <router-link to="/">路径规划</router-link>
  8 |       <router-link to="/abstract">行程概览</router-link>
  9 |     </ul>
 10 |     <input id="cityName" type="text"
 11 |       v-if="!isMobile"
 12 |       v-model="$store.state.city"
 13 |       v-bind:class="$store.state.city == '' ? 'unName' : ''"
 14 |       placeholder="输入城市名">
 15 |     <el-popover
 16 |       placement="top-start"
 17 |       trigger="hover"
 18 |       v-if="!isMobile">
 19 |       <el-switch
 20 |         active-text="保存至云端"
 21 |         :value="$store.state.storge.toCloud"
 22 |         @change="storgeStateChange">
 23 |       </el-switch>
 24 |       <el-button @click="mycode = true" v-if="$store.state.storge.toCloud">生成分享二维码</el-button>
 25 |       <el-button icon="el-icon-upload" circle slot="reference" @click="save" v-loading="loading"></el-button>
 26 |     </el-popover>
 27 | 
 28 |     <el-dialog
 29 |       title="登录/注册"
 30 |       :visible.sync="dialogVisible">
 31 |       <User @login="dialogVisible = false;login_success()"/>
 32 |     </el-dialog>
 33 | 
 34 |     <el-dialog
 35 |       title="分享二维码"
 36 |       :visible.sync="mycode"
 37 |       @open="showCode">
 38 |       <canvas id="qrcode"></canvas>
 39 |     </el-dialog>
 40 |   </div>
 41 | </template>
 42 | 
 43 | <script>
 44 | import Qrcode from "qrcode";
 45 | import User from "./User";
 46 | export default {
 47 |   name: "Navbar",
 48 |   components: {
 49 |     User
 50 |   },
 51 |   data() {
 52 |     return {
 53 |       dialogVisible: false,
 54 |       loading: false,
 55 |       mycode: false
 56 |     };
 57 |   },
 58 |   methods: {
 59 |     storgeStateChange(new_state) {
 60 |       if (new_state) {
 61 |         //设置上云
 62 |         if (!this.lcs.isLogin()) {
 63 |           this.dialogVisible = true; //未登录，弹窗
 64 |           this.$store.state.storge.toCloud = false;
 65 |         } else {
 66 |           this.login_success();
 67 |         }
 68 |       } else {
 69 |         //取消上云
 70 |         this.$store.state.storge.toCloud = false;
 71 |       }
 72 |     },
 73 |     login_success() {
 74 |       this.$store.state.storge.toCloud = true;
 75 |     },
 76 |     save() {
 77 |       this.loading = true;
 78 |       if (!window.localStorage) {
 79 |         this.$message({
 80 |           message: "保存需要使用localstorge",
 81 |           type: "error"
 82 |         });
 83 |         this.loading = false;
 84 |       } else {
 85 |         localStorage.setItem(
 86 |           "roadmap",
 87 |           JSON.stringify(this.$store.getters.exportData)
 88 |         );
 89 |         console.log(localStorage.getItem("roadmap"));
 90 |         if (this.$store.state.storge.toCloud) {
 91 |           this.lcs
 92 |             .saveToCloud(JSON.stringify(this.$store.getters.exportData))
 93 |             .then(result => {
 94 |               console.log(result);
 95 |               this.loading = false;
 96 |             })
 97 |             .catch(err => {
 98 |               console.log(err);
 99 |               this.loading = false;
100 |             });
101 |         } else {
102 |           this.loading = false;
103 |         }
104 |       }
105 |     },
106 |     showCode() {
107 |       let that = this;
108 |       setTimeout(function() {
109 |         let canvas = document.getElementById("qrcode");
110 |         Qrcode.toCanvas(canvas, "https://dixeran.github.io/RoadMap/?type=mobile&email=" + that.lcs.getEmail() + "/", function(error) {
111 |           if (error) console.error(error);
112 |           console.log("success!");
113 |         });
114 |       }, 100);
115 |     }
116 |   }
117 | };
118 | </script>
119 | 
120 | <style scoped>
121 | #Navbar {
122 |   width: 100%;
123 |   height: 60px;
124 |   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
125 |   box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
126 |   padding-right: 10px;
127 |   display: flex;
128 |   align-items: center;
129 |   z-index: 10000;
130 | }
131 | @media print {
132 |   #Navbar {
133 |     display: none;
134 |   }
135 | }
136 | 
137 | #logo {
138 |   display: inline-block;
139 |   margin: 0 1rem;
140 |   font-size: 1.5rem;
141 |   font-weight: bold;
142 |   color: #2384b8;
143 | }
144 | #logo > img {
145 |   height: 60px;
146 | }
147 | 
148 | #navlist {
149 |   padding: 0;
150 |   margin: 0 3rem;
151 |   display: inline-block;
152 |   margin-right: auto;
153 | }
154 | #navlist a {
155 |   list-style: none;
156 |   float: left;
157 |   text-align: center;
158 |   padding: 0.2rem 0.8rem;
159 |   color: #333;
160 |   border-radius: 5px;
161 |   text-decoration: none;
162 |   transition: all 0.2s ease;
163 | }
164 | #navlist a:hover {
165 |   padding: 0.2rem 1.5rem;
166 | }
167 | #navlist .active {
168 |   background-color: #2384b8;
169 |   color: white;
170 | }
171 | #cityName {
172 |   width: 6rem;
173 |   margin-right: 10px;
174 |   padding: 2px;
175 |   border: 1px solid #2384b8;
176 |   border-radius: 3px;
177 |   text-align: center;
178 |   transition: all 0.2s ease;
179 | }
180 | .unName {
181 |   border: 2px solid #f05038 !important;
182 | }
183 | 
184 | @media screen and (max-width: 600px) {
185 |   #Navbar {
186 |     height: 40px;
187 |   }
188 | }
189 | </style>
190 | 


--------------------------------------------------------------------------------
/src/plungins/LeanCloud.js:
--------------------------------------------------------------------------------
  1 | import AV from 'leancloud-storage';
  2 | import md5 from 'blueimp-md5';
  3 | const LCStorge = {
  4 |   install: function (Vue, options) {
  5 |     Vue.mixin({
  6 |       data: function () {
  7 |         return {
  8 |           lcs: {
  9 |             Init: function () {
 10 |               AV.init({
 11 |                 appId: 'Bc3luL7In6UFyXHh5Vybnavi-gzGzoHsz',
 12 |                 appKey: 'ff359xQsjpOvWjxit9PsffnR'
 13 |               });
 14 |             },
 15 |             Login: function (name, passwd) {
 16 |               return new Promise(function (resolve, reject) {
 17 |                 AV.User.logIn(name, passwd).then(function (loggedInUser) {
 18 |                   console.log('login success:' + loggedInUser);
 19 |                   resolve();
 20 |                 }, function (error) {
 21 |                   console.warn('login error:' + error);
 22 |                   reject();
 23 |                 });
 24 |               });
 25 |             },
 26 |             Logout: function () {
 27 |               AV.User.logOut();
 28 |             },
 29 |             Signin: function (name, passwd) {
 30 |               return new Promise(function (resolve, reject) {
 31 |                 // 新建 AVUser 对象实例
 32 |                 let user = new AV.User();
 33 |                 // 设置用户名
 34 |                 user.setUsername(name);
 35 |                 // 设置密码
 36 |                 user.setPassword(passwd);
 37 |                 // 设置邮箱
 38 |                 user.setEmail(name);//默认用户名为邮箱
 39 |                 user.signUp().then(function (loggedInUser) {
 40 |                   console.log('signin success:' + loggedInUser);
 41 |                   resolve();
 42 |                 }, function (error) {
 43 |                   console.warn('signin error:' + error);
 44 |                   reject();
 45 |                 });
 46 |               })
 47 |             },
 48 |             isLogin: function () {
 49 |               let currentUser = AV.User.current();
 50 |               if (currentUser) {
 51 |                 return true;
 52 |               }
 53 |               return false;
 54 |             },
 55 |             saveToCloud: function (data) {
 56 |               return new Promise(function (resolve, reject) {
 57 |                 if (AV.User.current()) {
 58 |                   let user = AV.User.current();
 59 |                   let query = new AV.Query('roadmap');
 60 |                   query.equalTo('belong', user);
 61 |                   query.first().then(function (result) {
 62 |                     if (result) {//原本存有数据，更新
 63 |                       console.log('has:' + result);
 64 |                       let myMap = AV.Object.createWithoutData('roadmap', result.id);
 65 |                       myMap.set('data', data);
 66 |                       myMap.save().then(function (obj) {
 67 |                         resolve(obj);
 68 |                       }, function (err) {
 69 |                         console.warn('save err:' + err);
 70 |                         reject(err);
 71 |                       });
 72 |                     } else {//原本无数据，插入
 73 |                       let RoadMap = AV.Object.extend('roadmap');
 74 |                       let myMap = new RoadMap();
 75 |                       let hash = md5(user.getEmail());
 76 |                       myMap.set('belong', user);
 77 |                       myMap.set('data', data);
 78 |                       myMap.set('hash', hash);
 79 |                       myMap.save().then(function (obj) {
 80 |                         resolve(obj);
 81 |                       }, function (err) {
 82 |                         console.warn('save err:' + err);
 83 |                         reject(err);
 84 |                       });
 85 |                     }
 86 |                   }, function (error) {
 87 |                     console.log(error);
 88 |                   });
 89 |                 }
 90 |                 else {
 91 |                   reject();
 92 |                 }
 93 |               });
 94 |             },
 95 |             getDataByEmail: function (email) {
 96 |               if (!email) {//未从url获取到邮箱
 97 |                 let user = AV.User.current();
 98 |                 email = md5(user.getEmail());
 99 |               }
100 |               console.log(email);
101 |               return new Promise((resolve, reject) => {
102 |                 let query = new AV.Query('roadmap');
103 |                 query.equalTo('hash', email);
104 |                 query.first().then(result => {
105 |                   if (result) {
106 |                     resolve(result.get('data'));
107 |                   }
108 |                   else {
109 |                     reject('云端不存在的Email');
110 |                   }
111 |                 }, err => {
112 |                   console.warn('getByEmail error' + err);
113 |                   reject(err);
114 |                 })
115 |               });
116 |             },
117 |             getEmail: function () {
118 |               let user = AV.User.current();
119 |               if (user) {
120 |                 return md5(user.getEmail());
121 |               }
122 |               return null;
123 |             }
124 |           }
125 |         }
126 |       },
127 |       methods: {
128 |         test: function () {
129 |           console.log('mixin');
130 |         }
131 |       }
132 |     });
133 |   }
134 | }
135 | 
136 | export default LCStorge;
137 | 


--------------------------------------------------------------------------------
/src/components/InitModel.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="Initmodel" v-if="!init">
  3 |     <div id="container">
  4 |       <div id="select">
  5 |         <h1>去哪？(･ω´･ )</h1>
  6 |         <div id="select-or">
  7 |           <el-cascader
  8 |             :options="option"
  9 |             size="medium"
 10 |             v-model="val">
 11 |           </el-cascader>
 12 |         </div>
 13 |       </div>
 14 |       <div id="import">
 15 |         <h1>导入！</h1>
 16 |         <el-button type="primary" @click="importLocal">本地导入</el-button>
 17 |         <el-button plain @click="importUser">云端导入</el-button>
 18 |       </div>
 19 |     </div>
 20 | 
 21 |     <el-dialog
 22 |       title="登录/注册"
 23 |       :modal="false"
 24 |       :visible.sync="dialogVisible">
 25 |       <User @login="dialogVisible = false; importUser()"/>
 26 |     </el-dialog>
 27 |   </div>
 28 | </template>
 29 | 
 30 | <script>
 31 | import User from "./User";
 32 | export default {
 33 |   name: "Initmodel",
 34 |   components:{
 35 |     User
 36 |   },
 37 |   data() {
 38 |     return {
 39 |       init: false,
 40 |       val: [],
 41 |       option: [],
 42 |       props: {
 43 |         label: "name",
 44 |         value: "name",
 45 |         children: "districtList"
 46 |       },
 47 |       dialogVisible: false
 48 |     };
 49 |   },
 50 |   created: function() {
 51 |     this.lcs.Init();
 52 |   },
 53 |   mounted: function() {
 54 |     let that = this;
 55 |     AMap.service("AMap.DistrictSearch", function() {
 56 |       let districtSearch = new AMap.DistrictSearch({
 57 |         level: "country",
 58 |         subdistrict: 2
 59 |       });
 60 |       districtSearch.search("中国", function(status, result) {
 61 |         that.formatArray(result.districtList[0].districtList);
 62 |         that.option = result.districtList[0].districtList;
 63 |       });
 64 |     });
 65 |     if (this.isMobile) {
 66 |       //this.importLocal();
 67 |       this.importCloud(this.email);
 68 |     }
 69 |   },
 70 |   methods: {
 71 |     /**
 72 |      * @description 格式化高德行政区查询结果
 73 |      * @param {array} target 待格式化数组
 74 |      */
 75 |     formatArray: function(target) {
 76 |       let that = this;
 77 |       target.forEach(element => {
 78 |         if (
 79 |           element.districtList &&
 80 |           element.districtList.length != 0 &&
 81 |           element.districtList[0].level != "district"
 82 |         ) {
 83 |           that.formatArray(element.districtList);
 84 |         } else {
 85 |           element.districtList = null;
 86 |         }
 87 |         element.label = element.value = element.name;
 88 |         element.children = element.districtList;
 89 |       });
 90 |     },
 91 |     /**
 92 |      * @description 从本地导入数据
 93 |      */
 94 |     importLocal() {
 95 |       let data = JSON.parse(localStorage.getItem("roadmap"));
 96 |       if(!data){
 97 |         this.$emit('error', '数据不存在');
 98 |         return;
 99 |       }
100 |       this.$store.state.storge.localData = data;
101 |       this.$store.state.city = data.city;
102 |       this.$store.state.AMap_Bus.city = data.city;
103 |       let searchConfig = this.$store.state.AMap_PlaceSearch.config;
104 |       searchConfig.city = data.city;
105 |       this.init = true;
106 |       this.$emit("init");
107 |     },
108 |     /**
109 |      * @description 从云端导入数据
110 |      * @param {string} email 处理过的邮箱
111 |      */
112 |     importCloud(email) {
113 |       this.lcs.getDataByEmail(email).then(result => {
114 |         let data = JSON.parse(result);
115 |         this.$store.state.storge.localData = data;
116 |         this.$store.state.city = data.city;
117 |         this.$store.state.AMap_Bus.city = data.city;
118 |         this.$store.state.storge.toCloud = true;
119 |         let searchConfig = this.$store.state.AMap_PlaceSearch.config;
120 |         searchConfig.city = data.city;
121 |         this.init = true;
122 |         this.$emit("init");
123 |       }).catch(err=>{
124 |         this.$emit('error', err);
125 |       });
126 |     },
127 |     /**
128 |      * @description PC端导入用户
129 |      */
130 |     importUser(){
131 |       if(this.lcs.isLogin()){//已登录
132 |         this.importCloud();
133 |       } else{
134 |         this.dialogVisible = true;
135 |       }
136 |     }
137 |   },
138 |   watch: {
139 |     val: function() {
140 |       let city = this.val[this.val.length - 1];
141 |       this.$store.state.city = city;
142 |       this.$store.state.AMap_Bus.city = city;
143 |       let searchConfig = this.$store.state.AMap_PlaceSearch.config;
144 |       searchConfig.city = city;
145 |       let search = new AMap.PlaceSearch(searchConfig);
146 |       this.$store.commit("setPlaceSearch", {
147 |         config: searchConfig,
148 |         search: search
149 |       });
150 |       this.init = true;
151 |       this.$emit("init");
152 |     }
153 |   }
154 | };
155 | </script>
156 | 
157 | <style scoped>
158 | #Initmodel {
159 |   position: fixed;
160 |   width: 100vw;
161 |   height: 100vh;
162 |   background-color: rgba(255, 255, 255, 0.9);
163 | 
164 |   display: flex;
165 |   align-items: center;
166 |   justify-content: center;
167 | }
168 | #container {
169 |   display: flex;
170 |   justify-content: center;
171 |   flex-direction: column;
172 |   width: 60vw;
173 | }
174 | #container div {
175 |   width: 100%;
176 | }
177 | 
178 | #select {
179 |   border-bottom: 2px dashed whitesmoke;
180 |   padding-bottom: 10px;
181 | }
182 | #select > h1 {
183 |   font-size: 3rem;
184 |   color: steelblue;
185 | }
186 | 
187 | .el-cascader {
188 |   width: 100%;
189 | }
190 | 
191 | #import > h1 {
192 |   font-size: 3rem;
193 |   color: steelblue;
194 | }
195 | </style>
196 | 


--------------------------------------------------------------------------------
/src/components/RoadPage/DetailPath.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="Detailpath">
  3 |     <div id="daySelector">
  4 |       <div id="selector">
  5 |         <a href="#" @click="$store.commit('switchDay', $store.state.nowDay-1)">
  6 |           <i class="iconfont icon-left"></i>
  7 |         </a>
  8 |         <span>第<span>{{$store.state.nowDay + 1}}</span>天</span>
  9 |         <a href="#" @click="$store.commit('switchDay', $store.state.nowDay+1)">
 10 |           <i class="iconfont icon-right"></i>
 11 |         </a>
 12 |         <a href="#" @click="$store.commit('addNewDay')" v-if="!isMobile">
 13 |           <i class="iconfont icon-plus"></i>
 14 |         </a>
 15 |         <a href="#" class="alert" @click="$store.commit('deleteDay', $store.state.nowDay)" v-if="!isMobile">
 16 |           <i class="iconfont icon-minus"></i>
 17 |         </a>
 18 |       </div>
 19 |       <div id="total" @click="$emit('updateTransferPlan', 5, 5)">
 20 |         共{{$store.state.totalDays}}天
 21 |       </div>
 22 |     </div>
 23 |     <div id="paths">
 24 |       <ul id="nodex">
 25 |         <template v-for="(item, index) in $store.state.POIs[$store.state.nowDay]">
 26 |           <div class="nodeCard" :key="item.name" :index="index">
 27 |             <!--换乘选择-->
 28 |             <Collapse v-if="item.transfer" :transferItem="item.transfer">
 29 |               <!-- 选择器slot -->
 30 |               <div class="cd-select-group" slot="selector">
 31 |                 <select name="cd-method" class="cd-select"
 32 |                         :value="item.transfer.type"
 33 |                         @change="updateTransferPlan($event, index)">
 34 |                   <option v-for="option in transPlan" v-bind:value="option.data" :key="option.data">
 35 |                     {{option.name}}
 36 |                   </option>
 37 |                 </select>
 38 |                 <select name="cd-plan" class="cd-select"
 39 |                         v-model="item.transfer.index"
 40 |                         @change="$emit('updateTransferIndex', index, item.transfer.index)">
 41 |                   <option v-for="n in (item.transfer.plan.routes || item.transfer.plan.plans).length"
 42 |                           v-bind:value="n - 1"
 43 |                           :key="n">
 44 |                     方案{{n}}
 45 |                   </option>
 46 |                 </select>
 47 |               </div>
 48 |               <!-- content -->
 49 |             </Collapse>
 50 |             <!--目的地详情-->
 51 |             <div class="cd-main">
 52 |               <Cardcollapse :detail="item.detail">
 53 |                 <div type="simple" slot="header">
 54 |                   <p>{{item.detail.name}}</p>
 55 |                   <p class="sm">{{item.detail.address}}</p>
 56 |                 </div>
 57 |               </Cardcollapse>
 58 |             </div>
 59 |             <!--底部操作-->
 60 |             <div class="cd-footer">
 61 |               <button href="#" @click="$emit('setCenter', index)"><i class="iconfont icon-androidlocate"></i></button>
 62 |               <button href="#"><i class="iconfont icon-move"></i></button>
 63 |               <button href="#" @click="$emit('moveTo', index, null)"><i class="iconfont icon-delete color-alert"></i></button>
 64 |             </div>
 65 |           </div>
 66 |         </template>
 67 |       </ul>
 68 |     </div>
 69 |   </div>
 70 | </template>
 71 | 
 72 | <script>
 73 | import Sortable from "sortablejs";
 74 | import Collapse from "./DetailCard/Collapse";
 75 | import Cardcollapse from "./DetailCard/CardCollapse";
 76 | export default {
 77 |   name: "Detailpath",
 78 |   components: {
 79 |     Collapse,
 80 |     Cardcollapse
 81 |   },
 82 |   data() {
 83 |     return {
 84 |       transPlan: [
 85 |         {
 86 |           data: "driving",
 87 |           name: "驾车"
 88 |         },
 89 |         {
 90 |           data: "bus",
 91 |           name: "公交"
 92 |         },
 93 |         {
 94 |           data: "ride",
 95 |           name: "骑行"
 96 |         },
 97 |         {
 98 |           data: "walk",
 99 |           name: "步行"
100 |         }
101 |       ]
102 |     };
103 |   },
104 |   methods: {
105 |     updateTransferPlan:function(e, index){
106 |       let val = e.target.value;
107 |       this.$emit('updateTransferPlan', index, val);
108 |     }
109 |   },
110 |   updated: function() {
111 |     if(this.isMobile){
112 |       return;//移动端不允许拖拽排序
113 |     }
114 |     let that = this;
115 |     let container = document.getElementById("nodex");
116 |     let sort = Sortable.create(container, {
117 |       animation: 120,
118 |       handle: ".cd-main",
119 |       draggable: ".nodeCard",
120 |       supportPointer: false,
121 |       onStart: function(e) {
122 |         that.$emit("drag");
123 |       },
124 |       onEnd: function(e) {
125 |         that.$emit("drag");
126 |         if (e.oldIndex !== e.newIndex) {
127 |           //更改了poi顺序
128 |           // console.log(e.item);
129 |           // console.log(e.from);
130 |           // console.log(e.from.childNodes);
131 |           if (e.oldIndex < e.newIndex) {
132 |             //从前往后移动，恢复回去
133 |             let oldAfter = e.from.childNodes[e.oldIndex]; //当前数组下，原来在后面的元素
134 |             e.from.insertBefore(e.item, oldAfter);
135 |           } else {
136 |             let oldAfter = e.from.childNodes[e.oldIndex + 1] || null;
137 |             oldAfter
138 |               ? e.from.insertBefore(e.item, oldAfter)
139 |               : e.from.appendChild(e.item);
140 |           }
141 |           that.$emit("sort", e.oldIndex, e.newIndex);
142 |         }
143 |       },
144 |       setData: function(dataTransfer, element) {
145 |         dataTransfer.setData("ItemIndex", element.getAttribute("index"));
146 |       }
147 |     });
148 |   }
149 | };
150 | </script>
151 | 
152 | <style scoped>
153 | button:focus {
154 |   outline: none;
155 | }
156 | 
157 | #Detailpath {
158 |   border-left: 1px solid rgba(0, 0, 0, 0.2);
159 |   overflow-y: hidden;
160 | }
161 | 
162 | #daySelector {
163 |   width: 100%;
164 |   height: 3rem;
165 |   overflow: hidden;
166 |   transition: all 0.1s ease;
167 | }
168 | #daySelector:hover {
169 |   height: calc(3rem + 16px);
170 | }
171 | #selector {
172 |   width: 100%;
173 |   height: 3rem;
174 |   display: flex;
175 |   background-color: #2384b8;
176 | }
177 | #selector > a {
178 |   color: whitesmoke;
179 |   text-decoration: none;
180 |   flex: 1 1 auto;
181 |   text-align: center;
182 |   display: flex;
183 |   align-items: center;
184 |   justify-content: center;
185 |   transition: all 0.2s ease;
186 | }
187 | #selector > a:hover {
188 |   background-color: #4d8eb1;
189 | }
190 | .alert {
191 |   background-color: #f05b66 !important;
192 | }
193 | .alert:hover {
194 |   background-color: #e2414c !important;
195 | }
196 | #selector > span {
197 |   color: whitesmoke;
198 |   line-height: 3rem;
199 |   text-align: center;
200 |   flex: 5 5 auto;
201 | }
202 | #selector > span > span {
203 |   color: white;
204 |   font-size: 1.5rem;
205 |   margin: 0 1rem;
206 |   line-height: 3rem;
207 | }
208 | #total {
209 |   text-align: center;
210 |   font-size: 12px;
211 |   color: whitesmoke;
212 |   background-color: #2384b8;
213 | }
214 | 
215 | #paths {
216 |   width: 100%;
217 |   height: calc(100% - 3rem);
218 |   overflow-y: auto;
219 |   background-image: url("/RoadMap/static/trangle.png");/*TODO:chenge this when build*/
220 | }
221 | 
222 | #paths > ul {
223 |   width: 100%;
224 |   padding: 0;
225 |   margin: 0;
226 | }
227 | 
228 | .nodeCard {
229 |   width: 100%;
230 |   margin: 1rem 0;
231 |   background-color: white;
232 |   border-top: 1px solid rgba(0, 0, 0, 0.2);
233 |   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
234 |   box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
235 | }
236 | .cd-select-group {
237 |   display: flex;
238 |   padding: 5px;
239 | }
240 | .cd-select-group select {
241 |   flex: 1 1 auto;
242 |   margin: 0 16px;
243 |   border: none;
244 |   outline: none;
245 | }
246 | 
247 | .cd-main {
248 |   margin: 10px;
249 |   color: white;
250 |   background-color: #2384b8;
251 |   border-left: #4d8eb1 1rem solid;
252 |   border-radius: 2px;
253 |   box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
254 | }
255 | .cd-main div[type="simple"] {
256 |   padding: 5px;
257 | }
258 | .cd-main div[type="simple"] > p {
259 |   margin: 0;
260 | }
261 | .cd-main div[type="simple"] > .sm {
262 |   font-size: 12px;
263 |   color: rgb(202, 202, 202);
264 | }
265 | .cd-main div[type="simple"] > span {
266 |   float: right;
267 | }
268 | 
269 | .transfer {
270 |   border-bottom: 2px dashed whitesmoke;
271 | }
272 | 
273 | .cd-footer {
274 |   border-top: 2px dashed whitesmoke;
275 |   padding: 2px;
276 |   display: flex;
277 |   align-content: center;
278 |   justify-content: center;
279 | }
280 | .cd-footer > button {
281 |   text-decoration: none;
282 |   color: #333;
283 |   background-color: white;
284 |   border: none;
285 |   flex: 1 1 auto;
286 |   text-align: center;
287 |   transition: all 0.2s ease;
288 | }
289 | .cd-footer > button:hover {
290 |   background-color: whitesmoke;
291 | }
292 | .cd-footer > button:active {
293 |   background-color: #c3c3c3;
294 |   color: #333;
295 | }
296 | .color-alert {
297 |   color: #e2414c;
298 | }
299 | </style>
300 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
  1 | // The Vue build version to load with the `import` command
  2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
  3 | import Vue from "vue";
  4 | import Vuex from "vuex";
  5 | import App from "./App";
  6 | import router from "./router";
  7 | 
  8 | import ElementUI from 'element-ui';//use element-ui
  9 | import 'element-ui/lib/theme-chalk/index.css';
 10 | 
 11 | import LCStorge from './plungins/LeanCloud'//to use Leancloud
 12 | 
 13 | Vue.use(Vuex);
 14 | Vue.use(ElementUI);
 15 | if (location.search.indexOf('mobile') < 0) {
 16 |   Vue.mixin({
 17 |     data: function () {
 18 |       return {
 19 |         isMobile: false
 20 |       }
 21 |     }
 22 |   });
 23 | } else {
 24 |   let hash = location.search.match(/email=(\w+)/)[1];
 25 |   Vue.mixin({
 26 |     data: function () {
 27 |       return {
 28 |         isMobile: true,
 29 |         email: hash
 30 |       }
 31 |     }
 32 |   })
 33 | }
 34 | Vue.use(LCStorge);
 35 | Vue.config.productionTip = false;
 36 | /*{
 37 |   id: '',//唯一ID
 38 |   detail: {},//PlaceSearch对象
 39 |   marker: '',//点标记对象
 40 |   transfer: {
 41 |     type: '',//换乘类型
 42 |     index: number, //换乘方案索引
 43 |     plan: {},//换乘方案对象
 44 |     routes:[{}],//换乘绘制路线
 45 |     kit:{}//换乘搜索对象
 46 |   }
 47 | }*/
 48 | const store = new Vuex.Store({
 49 |   state: {
 50 |     city: "",
 51 |     totalDays: 1,
 52 |     nowDay: 0,
 53 |     POIs: [[]],
 54 |     /*地点搜索*/
 55 |     AMap_PlaceSearch: {
 56 |       config: {
 57 |         city: "全国",
 58 |         extensions: 'all'
 59 |       },
 60 |       search: {}
 61 |     },
 62 |     /*驾车规划*/
 63 |     AMap_Driving: {
 64 |       policy: AMap.DrivingPolicy.LEAST_TIME,
 65 |       hideMarkers: true,
 66 |       autoFitView: false,
 67 |       showTraffic: false
 68 |     },
 69 |     /*公交规划*/
 70 |     AMap_Bus: {
 71 |       city: '',
 72 |       hideMarkers: true,
 73 |       autoFitView: false
 74 |     },
 75 |     AMap_Ride: {
 76 |       hideMarkers: true,
 77 |       autoFitView: false
 78 |     },
 79 |     AMap_Walk: {
 80 |       hideMarkers: true,
 81 |       autoFitView: false
 82 |     },
 83 |     storge: {
 84 |       toCloud: false,
 85 |       localData: ''
 86 |     }
 87 |   },
 88 |   mutations: {
 89 |     /**@description 设置PlaceSearch插件
 90 |      * @param {AMap.PlaceSearch} target 插件对象
 91 |      */
 92 |     setPlaceSearch(state, target) {
 93 |       console.log(target);
 94 |       state.AMap_PlaceSearch.config = target.config;
 95 |       state.AMap_PlaceSearch.search = target.search;
 96 |     },
 97 |     /**
 98 |      * @description 使天数+1
 99 |      */
100 |     addNewDay(state) {
101 |       state.totalDays++;
102 |       state.POIs.push([]);
103 |     },
104 |     /**
105 |      * @description 切换当前天数
106 |      * @param {number} d 切换到d天（数组编号）
107 |      */
108 |     switchDay(state, d) {
109 |       if (d < state.totalDays && d >= 0) {
110 |         let nowP = state.POIs[state.nowDay];
111 |         for (var i = 0; i < nowP.length; i++) {
112 |           nowP[i].marker.hide(); //hide marker
113 |           if (nowP[i].transfer) {
114 |             for (let z = 0; z < nowP[i].transfer.routes.length; z++) {
115 |               nowP[i].transfer.routes[z].hide(); //hide path
116 |             }
117 |           }
118 |         }
119 |         let newP = state.POIs[d];
120 |         for (var j = 0; j < newP.length; j++) {
121 |           newP[j].marker.show(); //show marker
122 |           if (newP[j].transfer) {
123 |             for (let z = 0; z < newP[j].transfer.routes.length; z++) {
124 |               newP[j].transfer.routes[z].show(); //hide path
125 |             }
126 |           }
127 |         }
128 |         state.nowDay = d;
129 |       }
130 |     },
131 |     /**
132 |      * @description 删除特定的天数
133 |      * @param {number} d 删除第d天（数组编号）
134 |      */
135 |     deleteDay(state, d) {
136 |       if (d < state.totalDays && d >= 0) {
137 |         for (let t = 0; t < state.POIs[d].length; t++) {
138 |           state.POIs[d][t].marker.hide(); //hide markers
139 |           if (state.POIs[d][t].transfer)
140 |             state.POIs[d][t].transfer.routes.hide(); //hide path
141 |         }
142 |         state.POIs.splice(d, 1);
143 |         state.totalDays--;
144 |         if (state.nowDay == d) {
145 |           if (state.nowDay > 0) state.nowDay--;
146 |           for (let i = 0; i < state.POIs[state.nowDay].length; i++) {
147 |             state.POIs[state.nowDay][i].marker.show();
148 |             if (state.POIs[state.nowDay][i].transfer) {
149 |               state.POIs[state.nowDay][i].transfer.routes.show();
150 |             }
151 |           }
152 |         }
153 |       }
154 |     },
155 |     /**
156 |      * @description 添加POI到数据集
157 |      * @param {object} payload
158 |      * @param {object} payload.data 数据
159 |      * @param {number} payload.dayTo 可选，添加到的天
160 |      */
161 |     addPOIFromMap(state, payload) {
162 |       if (!payload.dayTo) {
163 |         state.POIs[state.nowDay].push(payload.data);
164 |       }
165 |       else state.POIs[payload.dayTo].push(payload.data);//move to
166 |     },
167 |     /**
168 |      * @description 更新POI出行方案，替换整个transfer对象
169 |      * @param {object} payload
170 |      * @param {number} payload.index POI当日索引
171 |      * @param {object} payload.newTransfer POI新transfer
172 |      */
173 |     updateTransferPlan: function (state, payload) {
174 |       if (state.POIs[state.nowDay][payload.index].transfer) {
175 |         let route = state.POIs[state.nowDay][payload.index].transfer.routes;
176 |         for (let i = 0; i < route.length; i++) {
177 |           route[i].hide();
178 |         }
179 |       }
180 |       state.POIs[state.nowDay][payload.index].transfer = payload.newTransfer;
181 |     },
182 |     /**
183 |      * @description 更新POI出行方案索引
184 |      * @param {object} payload
185 |      * @param {number} payload.index POI当日索引
186 |      * @param {object} payload.newRoutes POI新transfer.routes
187 |      * @param {number} payload.transferIndex POI出行方案索引
188 |      */
189 |     updateTransferIndex: function (state, payload) {
190 |       if (state.POIs[state.nowDay][payload.index].transfer) {
191 |         let route = state.POIs[state.nowDay][payload.index].transfer.routes;
192 |         for (let i = 0; i < route.length; i++) {
193 |           route[i].hide();
194 |         }
195 |       }
196 |       let item = state.POIs[state.nowDay][payload.index];
197 |       state.POIs[state.nowDay][payload.index].transfer.routes = payload.newRoutes;
198 |       state.POIs[state.nowDay][payload.index].transfer.index = payload.transferIndex;
199 |     },
200 |     /**
201 |      * @description 从nowday删除index
202 |      * @param {number} index 待删除POI索引
203 |      */
204 |     wipe: function (state, index) {
205 |       state.POIs[state.nowDay].splice(index, 1);
206 |     },
207 |     /**
208 |      * @description 当天内移动节点顺序
209 |      * @param {object} payload
210 |      * @param {number} payload.oldIndex 节点旧索引
211 |      * @param {number} payload.newIndex 节点新索引
212 |      */
213 |     sortItem: function (state, payload) {
214 |       let nowDay = state.POIs[state.nowDay];
215 |       nowDay.splice(payload.newIndex, 0, nowDay.splice(payload.oldIndex, 1)[0]);
216 |     },
217 |     /**
218 |      * @description 设置存储至本地或云
219 |      * @param {bool} isCloud 是否上云
220 |      */
221 |     setStorgeType: function (state, isCloud) {
222 |       state.storge.toCloud = isCloud;
223 |     }
224 |   },
225 |   actions: {
226 |     addPOIFromMap(context, payload) {
227 |       return new Promise(function (resolve, reject) {
228 |         if (!payload.data.detail) {//no detail
229 |           context.state.AMap_PlaceSearch.search.getDetails(payload.data.id, function (
230 |             status,
231 |             result
232 |           ) {
233 |             if (status == "complete") {
234 |               payload.data.detail = result.poiList.pois[0];
235 |               context.commit("addPOIFromMap", payload);
236 |             } else {
237 |               console.log(result);
238 |               context.commit("addPOIFromMap", payload);
239 |             }
240 |             resolve();
241 |           });
242 |         }
243 |         else {//already exist data
244 |           context.commit("addPOIFromMap", payload);
245 |           resolve();
246 |         }
247 |       });
248 |     }
249 |   },
250 |   getters: {
251 |     /**
252 |      * @description 生成导出到持久化的数据
253 |      */
254 |     exportData: state => {
255 |       let data = {};
256 |       data.city = state.city;
257 |       data.totalDays = state.totalDays;
258 |       let ar = [];
259 |       for (let i = 0; i < state.totalDays; i++) {
260 |         ar.push([]);
261 |         for (let j = 0; j < state.POIs[i].length; j++) {
262 |           let poi = state.POIs[i][j];
263 |           ar[i].push({
264 |             id: poi.detail.id,
265 |             transfer: poi.transfer ? {
266 |               type: poi.transfer.type,
267 |               index: poi.transfer.index
268 |             } : null
269 |           });
270 |         }
271 |       }
272 |       data.POIs = ar;
273 |       return data;
274 |     }
275 |   }
276 | });
277 | 
278 | /* eslint-disable no-new */
279 | new Vue({
280 |   el: "#app",
281 |   router,
282 |   store,
283 |   components: { App },
284 |   template: "<App/>"
285 | });
286 | 


--------------------------------------------------------------------------------
/src/components/RoadPage/MapContainer.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="Mapcontainer">
  3 |     <div id="map"></div>
  4 |     <Searchbar @searchChecked="createInfoWindow" v-if="!isMobile"/>
  5 |   </div>
  6 | </template>
  7 | 
  8 | <script>
  9 | import Searchbar from "./SearchBar.vue";
 10 | import index from "../../../node_modules/_vue@2.5.16@vue";
 11 | export default {
 12 |   name: "Mapcontainer",
 13 |   components: {
 14 |     Searchbar
 15 |   },
 16 |   data() {
 17 |     return {
 18 |       count: 0,
 19 |       /*地图对象*/
 20 |       map: {}
 21 |     };
 22 |   },
 23 |   created: function() {
 24 |     let that = this;
 25 |     /**
 26 |      * @description 更新指定节点的出行方案类型
 27 |      * @param {number} itemIndex 指定节点的索引
 28 |      * @param {string} type 出行类型
 29 |      * */
 30 |     this.$parent.$on("updateTransferPlan", function(itemIndex, type) {
 31 |       let m_From =
 32 |         that.$store.state.POIs[that.$store.state.nowDay][itemIndex - 1].detail
 33 |           .location;
 34 |       let m_To =
 35 |         that.$store.state.POIs[that.$store.state.nowDay][itemIndex].detail
 36 |           .location;
 37 |       that.createTransferObj(m_From, m_To, type).then(newTransfer => {
 38 |         that.$store.commit({
 39 |           type: "updateTransferPlan",
 40 |           newTransfer: newTransfer,
 41 |           index: itemIndex
 42 |         });
 43 |       });
 44 |     });
 45 | 
 46 |     /*修改出行计划索引*/
 47 |     this.$parent.$on("updateTransferIndex", function(itemIndex, transferIndex) {
 48 |       that.updateTransferIndex(itemIndex, transferIndex);
 49 |     });
 50 | 
 51 |     /*移动地图到指定点*/
 52 |     this.$parent.$on("setCenter", function(index) {
 53 |       let position = that.$store.state.POIs[that.$store.state.nowDay][
 54 |         index
 55 |       ].marker.getPosition();
 56 |       that.map.panTo(position);
 57 |     });
 58 | 
 59 |     /*移动地图到指定天*/
 60 |     this.$parent.$on("moveTo", function(index, day) {
 61 |       let cache = that.$store.state.POIs[that.$store.state.nowDay][index];
 62 |       cache.marker.hide();
 63 |       for (let i = 0; cache.transfer && i < cache.transfer.routes.length; i++) {
 64 |         cache.transfer.routes[i].hide();
 65 |       }
 66 |       that.$store.commit("wipe", index); //wipe from nowDay
 67 |       if (day === null) {
 68 |         //delete
 69 |         cache = null;
 70 |         let locFrom =
 71 |           that.$store.state.POIs[that.$store.state.nowDay][index - 1] || null;
 72 |         let locTo =
 73 |           that.$store.state.POIs[that.$store.state.nowDay][index] || null;
 74 |         if (locFrom && locTo) {
 75 |           //有前驱和后继
 76 |           that
 77 |             .createTransferObj(
 78 |               locFrom.detail.location,
 79 |               locTo.detail.location,
 80 |               locTo.transfer.type
 81 |             )
 82 |             .then(result => {
 83 |               that.$store.commit({
 84 |                 type: "updateTransferPlan",
 85 |                 newTransfer: result,
 86 |                 index: index
 87 |               });
 88 |             });
 89 |         } else if (locTo) {
 90 |           //只有后继
 91 |           that.$store.commit({
 92 |             type: "updateTransferPlan",
 93 |             newTransfer: null,
 94 |             index: index
 95 |           });
 96 |         }
 97 |       } else {
 98 |         //move to
 99 |         let locFrom =
100 |           that.$store.state.POIs[that.$store.state.nowDay][index - 1] || null;
101 |         let locTo =
102 |           that.$store.state.POIs[that.$store.state.nowDay][index] || null;
103 |         if (locFrom && locTo) {
104 |           //有前驱和后继
105 |           that
106 |             .createTransferObj(
107 |               locFrom.detail.location,
108 |               locTo.detail.location,
109 |               locTo.transfer.type
110 |             )
111 |             .then(result => {
112 |               that.$store.commit({
113 |                 type: "updateTransferPlan",
114 |                 newTransfer: result,
115 |                 index: index
116 |               });
117 |             });
118 |         } else if (locTo) {
119 |           //只有后继
120 |           that.$store.commit({
121 |             type: "updateTransferPlan",
122 |             newTransfer: null,
123 |             index: index
124 |           });
125 |         }
126 |         let newDay = that.$store.state.POIs[day]; //切换到的那一天
127 |         if (newDay.length != 0) {
128 |           //有前驱
129 |           let locFrom = newDay[newDay.length - 1].detail.location; //last
130 |           let locTo = cache.detail.location;
131 |           that.createTransferObj(locFrom, locTo, "driving").then(result => {
132 |             cache.transfer = result;
133 |             for (let i = 0; i < result.routes.length; i++)
134 |               result.routes[i].hide(); //切换后消除路线
135 |             that.$store.dispatch({
136 |               type: "addPOIFromMap",
137 |               data: cache,
138 |               dayTo: day
139 |             });
140 |           });
141 |         } else {
142 |           //没前驱
143 |           cache.transfer = null;
144 |           that.$store.dispatch({
145 |             type: "addPOIFromMap",
146 |             data: cache,
147 |             dayTo: day
148 |           });
149 |         }
150 |       }
151 |     });
152 | 
153 |     /*POI当日更改顺序*/
154 |     this.$parent.$on("sort", function(itemOldIndex, itemNewIndex) {
155 |       //oldIndex是带移动节点当前的位置
156 |       let cache =
157 |         that.$store.state.POIs[that.$store.state.nowDay][itemOldIndex]; //待移动节点
158 |       /*该节点 移动前 后方节点更新 */
159 |       let oldBefore =
160 |         that.$store.state.POIs[that.$store.state.nowDay][itemOldIndex - 1] ||
161 |         null;
162 |       let oldAfter =
163 |         that.$store.state.POIs[that.$store.state.nowDay][itemOldIndex + 1] ||
164 |         null;
165 |       if (oldBefore && oldAfter) {
166 |         //后继节点有新前驱
167 |         let locFrom = oldBefore.detail.location;
168 |         let locTo = oldAfter.detail.location;
169 |         that.createTransferObj(locFrom, locTo, "driving").then(result => {
170 |           that.$store.commit("updateTransferPlan", {
171 |             newTransfer: result,
172 |             index: itemOldIndex + 1
173 |           });
174 |         });
175 |       } else if (oldAfter) {
176 |         that.$store.commit("updateTransferPlan", {
177 |           newTransfer: null,
178 |           index: itemOldIndex + 1
179 |         });
180 |       }
181 |       /*移动元素到newIndex */
182 |       that.$store.commit("sortItem", {
183 |         oldIndex: itemOldIndex,
184 |         newIndex: itemNewIndex
185 |       });
186 |       /*该节点本身更新 */
187 |       let newBefore =
188 |         that.$store.state.POIs[that.$store.state.nowDay][itemNewIndex - 1] ||
189 |         null; //待移动节点 移动后 新前驱
190 |       if (newBefore) {
191 |         let locFrom = newBefore.detail.location;
192 |         let locTo = cache.detail.location;
193 |         that.createTransferObj(locFrom, locTo, "driving").then(result => {
194 |           that.$store.commit("updateTransferPlan", {
195 |             newTransfer: result,
196 |             index: itemNewIndex
197 |           });
198 |         });
199 |       } else {
200 |         //移动后没有前驱
201 |         that.$store.commit("updateTransferPlan", {
202 |           newTransfer: null,
203 |           index: itemNewIndex
204 |         });
205 |       }
206 |       /*该节点 移动后 后方节点更新 */
207 |       let newAfter =
208 |         that.$store.state.POIs[that.$store.state.nowDay][itemNewIndex + 1] ||
209 |         null;
210 |       if (newAfter) {
211 |         let locFrom = cache.detail.location;
212 |         let locTo = newAfter.detail.location;
213 |         that.createTransferObj(locFrom, locTo, "driving").then(result => {
214 |           that.$store.commit("updateTransferPlan", {
215 |             newTransfer: result,
216 |             index: itemNewIndex + 1
217 |           });
218 |         });
219 |       }
220 |     });
221 |   },
222 |   mounted: function() {
223 |     /*Create Map*/
224 |     let map = new AMap.Map("map", {
225 |       resizeEnable: true,
226 |       zoom: 11,
227 |       center: [116.397428, 39.90923],
228 |       animateEnable: true,
229 |       mapStyle: "amap://styles/fe7d1f157e05c97d6930995928e4f39d"
230 |     });
231 |     map.setCity(this.$store.state.city);
232 |     this.map = map; //全局保存map
233 | 
234 |     /*初始化地点搜索插件*/
235 |     let searchConfig = this.$store.state.AMap_PlaceSearch.config;
236 |     let search = new AMap.PlaceSearch(searchConfig);
237 |     this.$store.commit("setPlaceSearch", {
238 |       config: searchConfig,
239 |       search: search
240 |     });
241 | 
242 |     /*绑定热点单击事件*/
243 |     let that = this;
244 |     let hpclick = map.on("hotspotclick", function(event) {
245 |       that.createInfoWindow(event);
246 |     });
247 | 
248 |     /* 从本地导入 */
249 |     if (this.$store.state.storge.localData) {
250 |       this.$emit("setLoading", true);
251 |       let src = this.$store.state.storge.localData;
252 |       let searchTool = new AMap.PlaceSearch({
253 |         city: src.city,
254 |         extensions: 'all'
255 |       });
256 |       function importNode(local_node, pre_node, search_tool) {
257 |         return new Promise((resolve, reject) => {
258 |           let node = {};
259 |           node.id = local_node.id;
260 |           search_tool.getDetails(local_node.id, function(status, result) {
261 |             node.detail = result.poiList.pois[0];
262 |             /*create Marker */
263 |             let marker = new AMap.Marker({
264 |               map: that.map,
265 |               position: node.detail.location,
266 |               animation: "AMAP_ANIMATION_DROP",
267 |               title: node.detail.name
268 |             });
269 |             marker.show();
270 |             node.marker = marker;
271 |             /*create transfer */
272 |             if (local_node.transfer && pre_node) {
273 |               let poiFrom = pre_node.detail.location;
274 |               that
275 |                 .createTransferObj(
276 |                   poiFrom,
277 |                   node.detail.location,
278 |                   local_node.transfer.type
279 |                 )
280 |                 .then(result => {
281 |                   node.transfer = result;
282 |                   resolve(node);
283 |                 });
284 |             } else {
285 |               node.transfer = null;
286 |               resolve(node);
287 |             }
288 |           });
289 |         });
290 |       }
291 | 
292 |       (async function() {
293 |         for (let i = 0; i < src.POIs.length; i++) {
294 |           if (i != src.POIs.length - 1) that.$store.commit("addNewDay");
295 |           for (let j = 0; j < src.POIs[i].length; j++) {
296 |             let poi_node = await importNode(
297 |               src.POIs[i][j],
298 |               j == 0 ? null : that.$store.state.POIs[i][j - 1],
299 |               searchTool
300 |             );
301 |             console.log(poi_node);
302 |             await that.$store.dispatch({
303 |               type: "addPOIFromMap",
304 |               data: poi_node,
305 |               dayTo: i
306 |             });
307 |             if (src.POIs[i][j].transfer && src.POIs[i][j].transfer.index != 0) {
308 |               let idx = src.POIs[i][j].transfer.index;
309 |               that.updateTransferIndex(j, idx);
310 |             }
311 |           }
312 |           if (i != src.POIs.length - 1) that.$store.commit("switchDay", i + 1);
313 |         }
314 |         that.$store.commit("switchDay", 0);
315 |         that.$emit("setLoading", false);
316 |       })();
317 |     }
318 |     /*end 导入 */
319 |   },
320 |   methods: {
321 |     /**
322 |      * @description 创建点击热点信息窗体
323 |      * @param {AMP click event} event 点击地图触发的事件对象
324 |      */
325 |     createInfoWindow: function(event) {
326 |       let infoDiv = document.createElement("div");
327 |       let InfoWindowDemo =
328 |         '<div id="infoWindow">\
329 |         <span class="infoName">' +
330 |         event.name +
331 |         '</span>\
332 |         <span id="infoAction">\
333 |           <i class="iconfont icon-plus"></i>\
334 |         </span>\
335 |       </div>\
336 |       <div id="infoWindowArrow">\
337 |         <div></div>\
338 |       </div>';
339 |       infoDiv.innerHTML += InfoWindowDemo;
340 |       //绑定点击加号的事件
341 |       let that = this;
342 |       infoDiv.querySelector("#infoAction").onclick = function(e) {
343 |         that.addPOIToData(event);
344 |       };
345 | 
346 |       let infoWindow = new AMap.InfoWindow({
347 |         isCustom: true, //使用自定义窗体
348 |         content: infoDiv,
349 |         offset: new AMap.Pixel(0, -10),
350 |         closeWhenClickMap: true,
351 |         autoMove: true
352 |       });
353 |       infoWindow.open(this.map, event.lnglat);
354 |     },
355 |     /**
356 |      * @description 根据type将result的路径画出
357 |      * @param {object} result 搜索结果
358 |      * @param {string} type 搜索类型
359 |      * @param {number} index 方案索引
360 |      * @return {array} routes 绘制了路线的数组
361 |      */
362 |     drawResultOnMap(result, index, type) {
363 |       let that = this;
364 |       let routes = [];
365 |       if (type === "driving") {
366 |         //driving plan
367 |         let routesPoints = [];
368 |         for (let t = 0; t < result.routes[index].steps.length; t++) {
369 |           //遍历子路段
370 |           for (let i = 0; i < result.routes[index].steps[t].path.length; i++) {
371 |             //遍历路段坐标
372 |             routesPoints.push(result.routes[index].steps[t].path[i]);
373 |           }
374 |         }
375 |         let _route = new AMap.Polyline({
376 |           map: that.map,
377 |           isOutline: true,
378 |           outlineColor: "#FFFFFF",
379 |           strokeWeight: 5,
380 |           strokeColor: "#13afc8",
381 |           showDir: true,
382 |           lineJoin: "round",
383 |           path: routesPoints
384 |         });
385 |         routes.push(_route);
386 |         return routes;
387 |       } else if (type === "bus") {
388 |         //bus plan
389 |         let plan = result.plans[index];
390 |         for (let i = 0; i < plan.segments.length; i++) {
391 |           let seg_type = plan.segments[i].transit_mode;
392 |           let _route = new AMap.Polyline({
393 |             map: that.map,
394 |             isOutline: true,
395 |             outlineColor: "#FFFFFF",
396 |             strokeWeight: 5,
397 |             strokeColor:
398 |               seg_type == "BUS"
399 |                 ? "#2775b6"
400 |                 : seg_type == "SUBWAY" ? "#51c4d3" : "#fed71a",
401 |             showDir: true,
402 |             lineJoin: "round",
403 |             path: plan.segments[i].transit.path
404 |           });
405 |           routes.push(_route);
406 |         }
407 |         return routes;
408 |       } else if (type === "ride") {
409 |         let plan = result.routes[index];
410 |         let routesPoints = [];
411 |         for (let i = 0; i < plan.rides.length; i++) {
412 |           for (let j = 0; j < plan.rides[i].path.length; j++) {
413 |             routesPoints.push(plan.rides[i].path[j]);
414 |           }
415 |         }
416 |         let _route = new AMap.Polyline({
417 |           map: that.map,
418 |           isOutline: true,
419 |           outlineColor: "#FFFFFF",
420 |           strokeWeight: 5,
421 |           strokeColor: "#21a265",
422 |           showDir: true,
423 |           lineJoin: "round",
424 |           path: routesPoints
425 |         });
426 |         routes.push(_route);
427 |         return routes;
428 |       } else if (type === "walk") {
429 |         let plan = result.routes[index];
430 |         let routesPoints = [];
431 |         for (let i = 0; i < plan.steps.length; i++) {
432 |           for (let j = 0; j < plan.steps[i].path.length; j++) {
433 |             routesPoints.push(plan.steps[i].path[j]);
434 |           }
435 |         }
436 |         let _route = new AMap.Polyline({
437 |           map: that.map,
438 |           isOutline: true,
439 |           outlineColor: "#FFFFFF",
440 |           strokeWeight: 5,
441 |           strokeColor: "#fed71a",
442 |           showDir: true,
443 |           lineJoin: "round",
444 |           path: routesPoints
445 |         });
446 |         routes.push(_route);
447 |         return routes;
448 |       }
449 |     },
450 |     /**
451 |      * @description 生成路径规划结果
452 |      * @param {object} poiFrom 高德lnglat对象
453 |      * @param {object} poiTo 高德lnglat对象
454 |      * @param {string} type 路径规划类别
455 |      * @return {object} transfer对象
456 |      */
457 |     createTransferObj: function(poiFrom, poiTo, type) {
458 |       let that = this;
459 |       return new Promise(function(resolve, reject) {
460 |         let transfer = {
461 |           type: "",
462 |           index: 0,
463 |           kit: {},
464 |           plan: {},
465 |           routes: {}
466 |         };
467 |         if (type === "driving") {
468 |           //Driving plan
469 |           transfer.type = "driving";
470 |           let kit = new AMap.Driving(that.$store.state.AMap_Driving);
471 |           transfer.kit = kit;
472 |           kit.search(poiFrom, poiTo, function(statue, result) {
473 |             if (statue == "complete") {
474 |               transfer.plan = result;
475 |               transfer.routes = that.drawResultOnMap(result, 0, "driving"); //draw result
476 |               resolve(transfer); //resolve result
477 |             } else {
478 |               console.log(result);
479 |               reject();
480 |             }
481 |           });
482 |         } else if (type === "bus") {
483 |           //bus plan
484 |           transfer.type = "bus";
485 |           let kit = new AMap.Transfer(that.$store.state.AMap_Bus);
486 |           transfer.kit = kit;
487 |           console.log('set');
488 |           kit.search(poiFrom, poiTo, function(statue, result) {
489 |             console.log('reso');
490 |             if (statue == "complete") {
491 |               transfer.plan = result;
492 |               transfer.routes = that.drawResultOnMap(result, 0, "bus");
493 |               resolve(transfer);
494 |             } else {
495 |               reject(result);
496 |             }
497 |           });
498 |         } else if (type === "ride") {
499 |           transfer.type = "ride";
500 |           let kit = new AMap.Riding(that.$store.state.AMap_Ride);
501 |           transfer.kit = kit;
502 |           kit.search(poiFrom, poiTo, function(statue, result) {
503 |             if (statue == "complete") {
504 |               transfer.plan = result;
505 |               transfer.routes = that.drawResultOnMap(result, 0, "ride");
506 |               resolve(transfer);
507 |             } else {
508 |               reject(result);
509 |             }
510 |           });
511 |         } else if (type === "walk") {
512 |           transfer.type = "walk";
513 |           let kit = new AMap.Walking(that.$store.state.AMap_Walk);
514 |           transfer.kit = kit;
515 |           kit.search(poiFrom, poiTo, function(statue, result) {
516 |             if (statue == "complete") {
517 |               transfer.plan = result;
518 |               transfer.routes = that.drawResultOnMap(result, 0, "walk");
519 |               resolve(transfer);
520 |             } else reject(result);
521 |           });
522 |         } else {
523 |         }
524 |       });
525 |     },
526 |     /**
527 |      * @description 增加POI到总列表
528 |      * @param {object} event 事件obj
529 |      */
530 |     addPOIToData: function(event) {
531 |       /*校验是否已存在id*/
532 |       let pois = this.$store.state.POIs;
533 |       for (let i = 0; i < pois.length; i++) {
534 |         for (let j = 0; j < pois[i].length; j++) {
535 |           if (pois[i][j].id == event.id) return; //existed
536 |         }
537 |       }
538 | 
539 |       let that = this;
540 |       /*生成marker*/
541 |       let marker = new AMap.Marker({
542 |         map: that.map,
543 |         position: event.lnglat,
544 |         animation: "AMAP_ANIMATION_DROP",
545 |         title: event.name
546 |       });
547 |       marker.show();
548 | 
549 |       /*生成换乘*/
550 |       //_pois:当前日子的poi列表
551 |       let _pois = this.$store.state.POIs[this.$store.state.nowDay];
552 |       let payload = {
553 |         id: event.id,
554 |         marker: marker,
555 |         transfer: null
556 |       };
557 |       if (_pois.length > 0) {
558 |         //若存在之前节点，计算路径
559 |         //trsts:前一节点到当前节点的规划对象
560 |         this.createTransferObj(
561 |           _pois[_pois.length - 1].detail.location,
562 |           event.lnglat,
563 |           "driving"
564 |         )
565 |           .then(result => {
566 |             console.log(result);
567 |             payload.transfer = result;
568 |             that.$store.dispatch({
569 |               type: "addPOIFromMap",
570 |               data: payload
571 |             });
572 |             that.$emit("setLoading", false); //set loading
573 |           })
574 |           .catch(error => {
575 |             console.log(error);
576 |           });
577 |       } else {
578 |         //提交至vuex
579 |         that.$store.dispatch({
580 |           type: "addPOIFromMap",
581 |           data: payload
582 |         });
583 |       }
584 |     },
585 |     updateTransferIndex:function(itemIndex, transferIndex){
586 |       let that = this;
587 |       let result =
588 |         that.$store.state.POIs[that.$store.state.nowDay][itemIndex].transfer;
589 |       let newRoutes = that.drawResultOnMap(
590 |         result.plan,
591 |         transferIndex,
592 |         result.type
593 |       );
594 |       that.$store.commit({
595 |         type: "updateTransferIndex",
596 |         newRoutes: newRoutes,
597 |         index: itemIndex,
598 |         transferIndex: transferIndex
599 |       });
600 |     }
601 |   }
602 | };
603 | </script>
604 | 
605 | <style>
606 | #Mapcontainer {
607 |   position: relative;
608 | }
609 | #map {
610 |   height: 100%;
611 |   width: 100%;
612 | }
613 | 
614 | #infoWindow {
615 |   height: 2rem;
616 |   padding: 0.5rem;
617 |   padding-right: 0;
618 |   border-radius: 5px;
619 |   border: #2384b8 1px solid;
620 |   box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
621 |   background-color: white;
622 |   display: flex;
623 |   align-items: center;
624 | }
625 | .infoName {
626 |   padding: 0 1rem;
627 |   text-align: center;
628 | }
629 | #infoAction {
630 |   height: 2rem;
631 |   width: 2rem;
632 |   display: flex;
633 |   align-items: center;
634 |   justify-content: center;
635 |   background-color: #2384b8;
636 |   transition: all 0.2s ease;
637 | }
638 | #infoAction:hover {
639 |   background-color: #4d8eb1;
640 | }
641 | #infoAction > i {
642 |   color: white;
643 | }
644 | #infoWindowArrow > div {
645 |   width: 0;
646 |   height: 0;
647 |   margin: 0 auto;
648 |   border-top: 10px solid #4d8eb1;
649 |   border-right: 40px solid transparent;
650 |   border-left: 40px solid transparent;
651 | }
652 | 
653 | #Searchbar {
654 |   position: absolute;
655 |   left: 20px;
656 |   top: 20px;
657 |   z-index: 1000;
658 | }
659 | </style>
660 | 


--------------------------------------------------------------------------------
/dist/static/js/app.00ac63e55ffb13d062d8.js:
--------------------------------------------------------------------------------
1 | webpackJsonp([1],{"1Ivt":function(t,e){},"2wgI":function(t,e){},Bd54:function(t,e){},Gre8:function(t,e){},JMyr:function(t,e){},K11V:function(t,e){},NHnr:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=n("rVsN"),i=n.n(a),s=n("MVMM"),r=n("9rMa"),o=n("3cXf"),l=n.n(o),c=n("CkgV"),d=n.n(c),u={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"User"}},[n("el-alert",{directives:[{name:"show",rawName:"v-show",value:""!=t.error,expression:"error != ''"}],attrs:{title:"登录/注册错误",type:"error",description:t.error,"show-icon":""}}),t._v(" "),n("el-form",{ref:"form",attrs:{model:t.form}},[n("el-form-item",{attrs:{label:"邮箱"}},[n("el-input",{model:{value:t.form.name,callback:function(e){t.$set(t.form,"name",e)},expression:"form.name"}})],1),t._v(" "),n("el-form-item",{attrs:{label:"密码"}},[n("el-input",{attrs:{type:"password"},model:{value:t.form.passwd,callback:function(e){t.$set(t.form,"passwd",e)},expression:"form.passwd"}})],1),t._v(" "),n("el-form-item",[n("el-button",{attrs:{type:"primary"},on:{click:t.login}},[t._v("登录")]),t._v(" "),n("el-button",{on:{click:t.signin}},[t._v("注册")])],1)],1)],1)},staticRenderFns:[]},f=n("Z0/y")({name:"User",data:function(){return{form:{name:"",passwd:""},error:""}},methods:{login:function(){var t=this;this.lcs.Login(this.form.name,this.form.passwd).then(function(){t.$emit("login")}).catch(function(){t.error="登录出错！"})},signin:function(){var t=this;this.lcs.Signin(this.form.name,this.form.passwd).then(function(){t.$emit("login")}).catch(function(){t.error="注册失败耶"})}}},u,!1,null,null,null).exports,p={name:"Navbar",components:{User:f},data:function(){return{dialogVisible:!1,loading:!1,mycode:!1}},methods:{storgeStateChange:function(t){t?this.lcs.isLogin()?this.login_success():(this.dialogVisible=!0,this.$store.state.storge.toCloud=!1):this.$store.state.storge.toCloud=!1},login_success:function(){this.$store.state.storge.toCloud=!0},save:function(){var t=this;this.loading=!0,window.localStorage?(localStorage.setItem("roadmap",l()(this.$store.getters.exportData)),console.log(localStorage.getItem("roadmap")),this.$store.state.storge.toCloud?this.lcs.saveToCloud(l()(this.$store.getters.exportData)).then(function(e){console.log(e),t.loading=!1}).catch(function(e){console.log(e),t.loading=!1}):this.loading=!1):(this.$message({message:"保存需要使用localstorge",type:"error"}),this.loading=!1)},showCode:function(){var t=this;setTimeout(function(){var e=document.getElementById("qrcode");d.a.toCanvas(e,"https://dixeran.github.io/RoadMap/?type=mobile&email="+t.lcs.getEmail()+"/",function(t){t&&console.error(t),console.log("success!")})},100)}}},v={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Navbar"}},[t._m(0),t._v(" "),t.isMobile?t._e():n("ul",{attrs:{id:"navlist"}},[n("router-link",{attrs:{to:"/"}},[t._v("路径规划")]),t._v(" "),n("router-link",{attrs:{to:"/abstract"}},[t._v("行程概览")])],1),t._v(" "),t.isMobile?t._e():n("input",{directives:[{name:"model",rawName:"v-model",value:t.$store.state.city,expression:"$store.state.city"}],class:""==t.$store.state.city?"unName":"",attrs:{id:"cityName",type:"text",placeholder:"输入城市名"},domProps:{value:t.$store.state.city},on:{input:function(e){e.target.composing||t.$set(t.$store.state,"city",e.target.value)}}}),t._v(" "),t.isMobile?t._e():n("el-popover",{attrs:{placement:"top-start",trigger:"hover"}},[n("el-switch",{attrs:{"active-text":"保存至云端",value:t.$store.state.storge.toCloud},on:{change:t.storgeStateChange}}),t._v(" "),t.$store.state.storge.toCloud?n("el-button",{on:{click:function(e){t.mycode=!0}}},[t._v("生成分享二维码")]):t._e(),t._v(" "),n("el-button",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],attrs:{slot:"reference",icon:"el-icon-upload",circle:""},on:{click:t.save},slot:"reference"})],1),t._v(" "),n("el-dialog",{attrs:{title:"登录/注册",visible:t.dialogVisible},on:{"update:visible":function(e){t.dialogVisible=e}}},[n("User",{on:{login:function(e){t.dialogVisible=!1,t.login_success()}}})],1),t._v(" "),n("el-dialog",{attrs:{title:"分享二维码",visible:t.mycode},on:{"update:visible":function(e){t.mycode=e},open:t.showCode}},[n("canvas",{attrs:{id:"qrcode"}})])],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{attrs:{id:"logo"}},[e("span",[this._v("RoadMap")])])}]};var m={render:function(){var t=this.$createElement;return(this._self._c||t)("div",{attrs:{id:"Errorhandler"}},[this._v("\n  "+this._s(this.errorData)+"\n")])},staticRenderFns:[]};var h={name:"Initmodel",components:{User:f},data:function(){return{init:!1,val:[],option:[],props:{label:"name",value:"name",children:"districtList"},dialogVisible:!1}},created:function(){this.lcs.Init()},mounted:function(){var t=this;AMap.service("AMap.DistrictSearch",function(){new AMap.DistrictSearch({level:"country",subdistrict:2}).search("中国",function(e,n){t.formatArray(n.districtList[0].districtList),t.option=n.districtList[0].districtList})}),this.isMobile&&this.importCloud(this.email)},methods:{formatArray:function(t){var e=this;t.forEach(function(t){t.districtList&&0!=t.districtList.length&&"district"!=t.districtList[0].level?e.formatArray(t.districtList):t.districtList=null,t.label=t.value=t.name,t.children=t.districtList})},importLocal:function(){var t=JSON.parse(localStorage.getItem("roadmap"));t?(this.$store.state.storge.localData=t,this.$store.state.city=t.city,this.$store.state.AMap_Bus.city=t.city,this.$store.state.AMap_PlaceSearch.config.city=t.city,this.init=!0,this.$emit("init")):this.$emit("error","数据不存在")},importCloud:function(t){var e=this;this.lcs.getDataByEmail(t).then(function(t){var n=JSON.parse(t);e.$store.state.storge.localData=n,e.$store.state.city=n.city,e.$store.state.AMap_Bus.city=n.city,e.$store.state.storge.toCloud=!0,e.$store.state.AMap_PlaceSearch.config.city=n.city,e.init=!0,e.$emit("init")}).catch(function(t){e.$emit("error",t)})},importUser:function(){this.lcs.isLogin()?this.importCloud():this.dialogVisible=!0}},watch:{val:function(){var t=this.val[this.val.length-1];this.$store.state.city=t,this.$store.state.AMap_Bus.city=t;var e=this.$store.state.AMap_PlaceSearch.config;e.city=t;var n=new AMap.PlaceSearch(e);this.$store.commit("setPlaceSearch",{config:e,search:n}),this.init=!0,this.$emit("init")}}},_={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.init?t._e():n("div",{attrs:{id:"Initmodel"}},[n("div",{attrs:{id:"container"}},[n("div",{attrs:{id:"select"}},[n("h1",[t._v("去哪？(･ω´･ )")]),t._v(" "),n("div",{attrs:{id:"select-or"}},[n("el-cascader",{attrs:{options:t.option,size:"medium"},model:{value:t.val,callback:function(e){t.val=e},expression:"val"}})],1)]),t._v(" "),n("div",{attrs:{id:"import"}},[n("h1",[t._v("导入！")]),t._v(" "),n("el-button",{attrs:{type:"primary"},on:{click:t.importLocal}},[t._v("本地导入")]),t._v(" "),n("el-button",{attrs:{plain:""},on:{click:t.importUser}},[t._v("云端导入")])],1)]),t._v(" "),n("el-dialog",{attrs:{title:"登录/注册",modal:!1,visible:t.dialogVisible},on:{"update:visible":function(e){t.dialogVisible=e}}},[n("User",{on:{login:function(e){t.dialogVisible=!1,t.importUser()}}})],1)],1)},staticRenderFns:[]};var g={name:"App",components:{Navbar:n("Z0/y")(p,v,!1,function(t){n("K11V")},"data-v-06ae0bf8",null).exports,Errorhandler:n("Z0/y")({name:"Errorhandler",props:["errorData"]},m,!1,function(t){n("zpZT")},"data-v-0ea0fdf0",null).exports,Initmodel:n("Z0/y")(h,_,!1,function(t){n("VMY/")},"data-v-7d9285fd",null).exports},methods:{errorConfirmed:function(t){this.error=""},HandleError:function(t){this.$notify.error({title:"错误",message:t})}},data:function(){return{error:"",init:!1}}},y={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("Initmodel",{on:{init:function(e){t.init=!0},error:t.HandleError}}),t._v(" "),n("Navbar"),t._v(" "),n("transition",{attrs:{name:"slide"}},[""!=t.error?n("Errorhandler",{attrs:{errorData:t.error},nativeOn:{click:function(e){return t.errorConfirmed(e)}}}):t._e()],1),t._v(" "),t.init?n("keep-alive",{attrs:{include:"Roadpage"},on:{error:t.HandleError}},[n("router-view")],1):t._e()],1)},staticRenderFns:[]};var w=n("Z0/y")(g,y,!1,function(t){n("m95v")},null,null).exports,$=n("zO6J"),I={name:"Checklist",mounted:function(){var t=this,e=new XMLHttpRequest;e.open("get","https://v1.hitokoto.cn/?c=d"),e.onreadystatechange=function(){if(4===e.readyState){var n=JSON.parse(e.responseText);"。"==n.hitokoto[n.hitokoto.length-1]&&(n.hitokoto=n.hitokoto.substring(0,n.hitokoto.length-1)),t.hitokoto=n}},e.send()},data:function(){return{hitokoto:{}}},methods:{getDailyCost:function(t){t=this.$store.state.POIs[t];for(var e=0,n=0;n<t.length;n++)"SCENIC"==t[n].detail.deep_type&&(e+=parseFloat(t[n].detail.scenic.price));return e}},computed:{mapState:function(){return this.$store.state}}},x={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Checklist"}},[n("el-row",{attrs:{justify:"end",type:"flex"}},[n("el-col",{attrs:{span:20}},[n("h1",{staticClass:"text",attrs:{id:"hTitle"}},[t._v(t._s(t.mapState.city)+" "+t._s(t.mapState.POIs.length)+" 日游")])])],1),t._v(" "),n("el-row",{attrs:{justify:"end",type:"flex"}},[n("el-col",{attrs:{span:16}},[n("h2",{staticClass:"text",attrs:{id:"mTitle"}},[t._v(t._s(t.hitokoto.hitokoto))]),t._v(" "),n("h2",{staticClass:"text",attrs:{id:"mTitle"}},[t._v("—— 《"+t._s(t.hitokoto.from)+"》")])])],1),t._v(" "),t._l(t.$store.state.POIs,function(e,a){return n("el-row",{key:a,staticClass:"block",attrs:{type:"flex",justify:"center"}},[n("el-col",{attrs:{span:4}},[n("el-card",{staticClass:"box-card"},[n("h3",{staticClass:"text dTitle"},[t._v("Day "+t._s(a+1))]),t._v(" "),n("p",[t._v("门票花费："+t._s(t.getDailyCost(a)))])])],1),t._v(" "),n("el-col",{attrs:{span:20}},[n("el-table",{attrs:{data:e}},[n("el-table-column",{attrs:{prop:"detail.name",label:"名称"}}),t._v(" "),n("el-table-column",{attrs:{prop:"detail.address",label:"地址"}}),t._v(" "),n("el-table-column",{attrs:{prop:"detail.name",label:"Tag"},scopedSlots:t._u([{key:"default",fn:function(e){return[n("el-tag",[t._v(t._s(e.row.detail.type.split(";")[0]))]),t._v(" "),e.row.detail.groupby?n("el-tag",[t._v("团购")]):t._e()]}}])})],1)],1)],1)})],2)},staticRenderFns:[]};var P=n("Z0/y")(I,x,!1,function(t){n("2wgI")},"data-v-4a6ee969",null).exports,D=n("HOBB"),b=n.n(D),k={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Drivedetail"}},[n("p",{staticClass:"nums"},[t._v("驾驶距离："),n("code",[t._v(t._s(t.Rtem.distance))]),t._v(" 米")]),t._v(" "),n("p",{staticClass:"nums"},[t._v("预计耗时："),n("code",[t._v(t._s(Math.floor(t.Rtem.time/60)))]),t._v(" 分钟")]),t._v(" "),0!==t.Rtem.tolls?n("p",{staticClass:"nums"},[t._v("路费："),n("code",[t._v(t._s(t.Rtem.tolls))]),t._v(" 元")]):t._e(),t._v(" "),1==t.Rtem.restriction?n("p",{staticClass:"nums"},[n("i"),n("code",[t._v("存在限行警告")])]):t._e(),t._v(" "),t._t("default")],2)},staticRenderFns:[]};var C=n("Z0/y")({name:"Drivedetail",props:["item"],computed:{Rtem:function(){return this.item.plan.routes[0]}}},k,!1,function(t){n("Bd54")},"data-v-33178b4d",null).exports,M={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Walkdetail"}},[n("p",{staticClass:"nums"},[t._v("步行距离："),n("code",[t._v(t._s(t.Rtem.distance))]),t._v(" 米")]),t._v(" "),n("p",{staticClass:"nums"},[t._v("预计耗时："),n("code",[t._v(t._s(Math.floor(t.Rtem.time/60)))]),t._v(" 分钟")]),t._v(" "),t._t("default")],2)},staticRenderFns:[]};var O=n("Z0/y")({name:"Walkdetail",props:["item"],computed:{Rtem:function(){return this.item.plan.routes[0]}}},M,!1,function(t){n("Gre8")},"data-v-47e28da0",null).exports,T={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Busdetail"}},[n("p",{staticClass:"nums"},[t._v("路程花费："),n("code",[t._v(t._s(t.Rtem.cost))]),t._v(" 元")]),t._v(" "),n("p",{staticClass:"nums"},[t._v("预期时间："),n("code",[t._v(t._s(Math.floor(t.Rtem.time/60)))]),t._v(" 分钟")]),t._v(" "),n("p",{staticClass:"nums"},[t._v("全程距离："),n("code",[t._v(t._s(t.Rtem.distance))]),t._v(" 米")]),t._v(" "),n("p",{staticClass:"nums"},[t._v("步行距离："),n("code",[t._v(t._s(t.Rtem.walking_distance))]),t._v(" 米")]),t._v(" "),t._t("default")],2)},staticRenderFns:[]};var A=n("Z0/y")({name:"Busdetail",props:["item"],computed:{Rtem:function(){return this.item.plan.plans?this.item.plan.plans[0]:this.item.plan.routes[0]}}},T,!1,function(t){n("eM5G")},"data-v-9d49f81e",null).exports,F={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Ridedetail"}},[n("p",{staticClass:"nums"},[t._v("骑行距离："),n("code",[t._v(t._s(t.Rtem.distance))]),t._v(" 米")]),t._v(" "),n("p",{staticClass:"nums"},[t._v("预计耗时："),n("code",[t._v(t._s(Math.floor(t.Rtem.time/60)))]),t._v(" 分钟")]),t._v(" "),t._t("default")],2)},staticRenderFns:[]};var R=n("Z0/y")({name:"Ridedetail",props:["item"],computed:{Rtem:function(){return this.item.plan.routes[0]}}},F,!1,function(t){n("x8bm")},"data-v-6483d86a",null).exports,S=n("V2Z7"),E=n.n(S),H={name:"Collapse",components:{Drivedetail:C,Walkdetail:O,Busdetail:A,Ridedetail:R},props:["transferItem"],data:function(){return{isActive:!1,contentHeight:0,_mounted:!1}},mounted:function(){this.$children[0]&&(this.contentHeight=this.$el.clientHeight-this.$children[0].$el.clientHeight)},methods:{transActive:function(){var t=0;t=this.isActive?this.$el.clientHeight-this.$children[0].$el.clientHeight:this.$el.clientHeight+this.$children[0].$el.clientHeight,console.log(this.$el.clientHeight),console.log(t);var e=new E.a.Tween(this).to({contentHeight:t},200);e.easing(E.a.Easing.Cubic.InOut),e.start(),function t(){requestAnimationFrame(t);E.a.update()}(),this.isActive=!this.isActive},enterApp:function(){this.transferItem.kit.searchOnAMAP({origin:this.transferItem.plan.origin,destination:this.transferItem.plan.destination})}},computed:{transferComp:function(){var t=this.transferItem.type;return"driving"===t?C:"walk"===t?O:"bus"===t?A:"ride"===t?R:void console.log("errfuck")}},watch:{contentHeight:function(){this.$el.style.height=this.contentHeight+"px"}}},L={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Collapse"}},[n("span",{staticClass:"select"},[t._t("selector")],2),t._v(" "),n("span",{staticClass:"trigger",on:{click:t.transActive}},[n("i",{staticClass:"iconfont icon-more"})]),t._v(" "),n("div",{attrs:{id:"content"}},[t.transferItem?n(t.transferComp,{tag:"component",attrs:{item:t.transferItem}},[n("el-button",{attrs:{type:"text",size:"mini"},on:{click:t.enterApp}},[t._v("在高德地图打开")])],1):t._e()],1)])},staticRenderFns:[]};var N={name:"Cardcollapse",props:["detail"],data:function(){return{isActive:!1,contentHeight:0}},methods:{transActive:function(){var t=this.$el.querySelector("#content"),e=0;e=this.isActive?this.$el.clientHeight-t.clientHeight:this.$el.clientHeight+t.clientHeight;var n=new E.a.Tween(this).to({contentHeight:e},200);n.easing(E.a.Easing.Cubic.InOut),n.start(),function t(){requestAnimationFrame(t);E.a.update()}(),this.isActive=!this.isActive}},mounted:function(){this.contentHeight=this.$el.clientHeight-this.$el.querySelector("#content").clientHeight},computed:{transferComp:function(){return"driving"===this.transferItem.type?Drivedetail:"walk"===this.transferItem.type?Walkdetail:"bus"===this.transferItem.type?Busdetail:Ridedetail}},watch:{contentHeight:function(){this.$el.style.height=this.contentHeight+"px"}}},W={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Cardcollapse"}},[n("div",{attrs:{id:"trigger"},on:{click:t.transActive}},[t._t("header")],2),t._v(" "),n("div",{attrs:{id:"content"}},[n("h1",[t._v(t._s(t.detail.type))]),t._v(" "),"DINING"==t.detail.deep_type?n("div",{staticClass:"dts"},[n("p",[t._v("开业时间："),n("code",[t._v(t._s(t.detail.dining.opentime))])]),t._v(" "),n("p",[t._v("打分："),n("code",[t._v(t._s(t.detail.dining.cp_rating))])]),t._v(" "),n("p",[t._v("人均花费："),n("code",[t._v(t._s(t.detail.dining.cost))]),t._v(" 元")])]):t._e(),t._v(" "),"SCENIC"==t.detail.deep_type?n("div",{staticClass:"dts"},[n("p",[t._v("开放时间："),n("code",[t._v(t._s(t.detail.scenic.opentime))])]),t._v(" "),t.detail.scenic.rating?n("p",[t._v("评分："),n("code",[t._v(t._s(t.detail.scenic.rating))])]):t._e(),t._v(" "),0!=t.detail.scenic.price?n("p",[t._v("门票价格："),n("code",[t._v(t._s(t.detail.scenic.price))]),t._v(" 元")]):t._e()]):t._e(),t._v(" "),"HOTEL"==t.detail.deep_type?n("div",{staticClass:"dts"},[n("p",[t._v("评分："),n("code",[t._v(t._s(t.detail.hotel.rating))])]),t._v(" "),n("p",[t._v("星级："),n("code",[t._v(t._s(t.detail.hotel.star))])]),t._v(" "),n("p",[t._v("最低价格："),n("code",[t._v(t._s(t.detail.hotel.lowest_price))]),t._v(" 元")])]):t._e()])])},staticRenderFns:[]};var U={name:"Detailpath",components:{Collapse:n("Z0/y")(H,L,!1,function(t){n("gmXR")},"data-v-dcf4bdd4",null).exports,Cardcollapse:n("Z0/y")(N,W,!1,function(t){n("1Ivt")},"data-v-78f5b1a7",null).exports},data:function(){return{transPlan:[{data:"driving",name:"驾车"},{data:"bus",name:"公交"},{data:"ride",name:"骑行"},{data:"walk",name:"步行"}]}},methods:{updateTransferPlan:function(t,e){var n=t.target.value;this.$emit("updateTransferPlan",e,n)}},updated:function(){if(!this.isMobile){var t=this,e=document.getElementById("nodex");b.a.create(e,{animation:120,handle:".cd-main",draggable:".nodeCard",supportPointer:!1,onStart:function(e){t.$emit("drag")},onEnd:function(e){if(t.$emit("drag"),e.oldIndex!==e.newIndex){if(e.oldIndex<e.newIndex){var n=e.from.childNodes[e.oldIndex];e.from.insertBefore(e.item,n)}else{var a=e.from.childNodes[e.oldIndex+1]||null;a?e.from.insertBefore(e.item,a):e.from.appendChild(e.item)}t.$emit("sort",e.oldIndex,e.newIndex)}},setData:function(t,e){t.setData("ItemIndex",e.getAttribute("index"))}})}}},B={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Detailpath"}},[n("div",{attrs:{id:"daySelector"}},[n("div",{attrs:{id:"selector"}},[n("a",{attrs:{href:"#"},on:{click:function(e){t.$store.commit("switchDay",t.$store.state.nowDay-1)}}},[n("i",{staticClass:"iconfont icon-left"})]),t._v(" "),n("span",[t._v("第"),n("span",[t._v(t._s(t.$store.state.nowDay+1))]),t._v("天")]),t._v(" "),n("a",{attrs:{href:"#"},on:{click:function(e){t.$store.commit("switchDay",t.$store.state.nowDay+1)}}},[n("i",{staticClass:"iconfont icon-right"})]),t._v(" "),t.isMobile?t._e():n("a",{attrs:{href:"#"},on:{click:function(e){t.$store.commit("addNewDay")}}},[n("i",{staticClass:"iconfont icon-plus"})]),t._v(" "),t.isMobile?t._e():n("a",{staticClass:"alert",attrs:{href:"#"},on:{click:function(e){t.$store.commit("deleteDay",t.$store.state.nowDay)}}},[n("i",{staticClass:"iconfont icon-minus"})])]),t._v(" "),n("div",{attrs:{id:"total"},on:{click:function(e){t.$emit("updateTransferPlan",5,5)}}},[t._v("\n      共"+t._s(t.$store.state.totalDays)+"天\n    ")])]),t._v(" "),n("div",{attrs:{id:"paths"}},[n("ul",{attrs:{id:"nodex"}},[t._l(t.$store.state.POIs[t.$store.state.nowDay],function(e,a){return[n("div",{key:e.name,staticClass:"nodeCard",attrs:{index:a}},[e.transfer?n("Collapse",{attrs:{transferItem:e.transfer}},[n("div",{staticClass:"cd-select-group",attrs:{slot:"selector"},slot:"selector"},[n("select",{staticClass:"cd-select",attrs:{name:"cd-method"},domProps:{value:e.transfer.type},on:{change:function(e){t.updateTransferPlan(e,a)}}},t._l(t.transPlan,function(e){return n("option",{key:e.data,domProps:{value:e.data}},[t._v("\n                  "+t._s(e.name)+"\n                ")])})),t._v(" "),n("select",{directives:[{name:"model",rawName:"v-model",value:e.transfer.index,expression:"item.transfer.index"}],staticClass:"cd-select",attrs:{name:"cd-plan"},on:{change:[function(n){var a=Array.prototype.filter.call(n.target.options,function(t){return t.selected}).map(function(t){return"_value"in t?t._value:t.value});t.$set(e.transfer,"index",n.target.multiple?a:a[0])},function(n){t.$emit("updateTransferIndex",a,e.transfer.index)}]}},t._l((e.transfer.plan.routes||e.transfer.plan.plans).length,function(e){return n("option",{key:e,domProps:{value:e-1}},[t._v("\n                  方案"+t._s(e)+"\n                ")])}))])]):t._e(),t._v(" "),n("div",{staticClass:"cd-main"},[n("Cardcollapse",{attrs:{detail:e.detail}},[n("div",{attrs:{slot:"header",type:"simple"},slot:"header"},[n("p",[t._v(t._s(e.detail.name))]),t._v(" "),n("p",{staticClass:"sm"},[t._v(t._s(e.detail.address))])])])],1),t._v(" "),n("div",{staticClass:"cd-footer"},[n("button",{attrs:{href:"#"},on:{click:function(e){t.$emit("setCenter",a)}}},[n("i",{staticClass:"iconfont icon-androidlocate"})]),t._v(" "),t._m(0,!0),t._v(" "),n("button",{attrs:{href:"#"},on:{click:function(e){t.$emit("moveTo",a,null)}}},[n("i",{staticClass:"iconfont icon-delete color-alert"})])])],1)]})],2)])])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("button",{attrs:{href:"#"}},[e("i",{staticClass:"iconfont icon-move"})])}]};var V=n("Z0/y")(U,B,!1,function(t){n("XYzH")},"data-v-042b95a0",null).exports,Z=n("lC5x"),j=n.n(Z),J=n("J0Oq"),q=n.n(J),z={name:"Searchbar",data:function(){return{keyWord:"",suggests:[],page:1,lastSearch:null}},watch:{keyWord:function(){if(!this.lastSearch||this.lastSearch.getTime()-(new Date).getTime()<=-300){this.lastSearch=new Date;var t=this;this.$store.state.AMap_PlaceSearch.search.search(this.keyWord,function(e,n){"complete"==e&&n.poiList.count>0?t.suggests=n.poiList.pois:console.log(n)})}}},methods:{searchChecked:function(t){var e={id:t.id,name:t.name,lnglat:t.location,type:t.type};this.$emit("searchChecked",e),this.keyWord=""}}},X={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Searchbar"}},[n("input",{directives:[{name:"model",rawName:"v-model",value:t.keyWord,expression:"keyWord"}],attrs:{type:"search",name:"searchPOI",id:"searchTile",placeholder:"搜索景点.."},domProps:{value:t.keyWord},on:{input:function(e){e.target.composing||(t.keyWord=e.target.value)}}}),t._v(" "),n("transition",{attrs:{name:"list"}},[""!=t.keyWord?n("div",{attrs:{id:"searchResult"}},[n("ul",[t._l(t.suggests,function(e){return[n("div",{key:e.id,staticClass:"suggest",on:{click:function(n){t.searchChecked(e)}}},[n("span",{attrs:{type:"name"}},[t._v(t._s(e.name))]),t._v(" "),n("span",{attrs:{type:"location"}},[t._v(t._s(e.address))])])]})],2)]):t._e()])],1)},staticRenderFns:[]};var G=n("Z0/y")(z,X,!1,function(t){n("kK4M")},"data-v-5c597b58",null).exports,K=(n("i8gr"),{name:"Mapcontainer",components:{Searchbar:G},data:function(){return{count:0,map:{}}},created:function(){var t=this;this.$parent.$on("updateTransferPlan",function(e,n){var a=t.$store.state.POIs[t.$store.state.nowDay][e-1].detail.location,i=t.$store.state.POIs[t.$store.state.nowDay][e].detail.location;t.createTransferObj(a,i,n).then(function(n){t.$store.commit({type:"updateTransferPlan",newTransfer:n,index:e})})}),this.$parent.$on("updateTransferIndex",function(e,n){t.updateTransferIndex(e,n)}),this.$parent.$on("setCenter",function(e){var n=t.$store.state.POIs[t.$store.state.nowDay][e].marker.getPosition();t.map.panTo(n)}),this.$parent.$on("moveTo",function(e,n){var a=t.$store.state.POIs[t.$store.state.nowDay][e];a.marker.hide();for(var i=0;a.transfer&&i<a.transfer.routes.length;i++)a.transfer.routes[i].hide();if(t.$store.commit("wipe",e),null===n){a=null;var s=t.$store.state.POIs[t.$store.state.nowDay][e-1]||null,r=t.$store.state.POIs[t.$store.state.nowDay][e]||null;s&&r?t.createTransferObj(s.detail.location,r.detail.location,r.transfer.type).then(function(n){t.$store.commit({type:"updateTransferPlan",newTransfer:n,index:e})}):r&&t.$store.commit({type:"updateTransferPlan",newTransfer:null,index:e})}else{var o=t.$store.state.POIs[t.$store.state.nowDay][e-1]||null,l=t.$store.state.POIs[t.$store.state.nowDay][e]||null;o&&l?t.createTransferObj(o.detail.location,l.detail.location,l.transfer.type).then(function(n){t.$store.commit({type:"updateTransferPlan",newTransfer:n,index:e})}):l&&t.$store.commit({type:"updateTransferPlan",newTransfer:null,index:e});var c=t.$store.state.POIs[n];if(0!=c.length){var d=c[c.length-1].detail.location,u=a.detail.location;t.createTransferObj(d,u,"driving").then(function(e){a.transfer=e;for(var i=0;i<e.routes.length;i++)e.routes[i].hide();t.$store.dispatch({type:"addPOIFromMap",data:a,dayTo:n})})}else a.transfer=null,t.$store.dispatch({type:"addPOIFromMap",data:a,dayTo:n})}}),this.$parent.$on("sort",function(e,n){var a=t.$store.state.POIs[t.$store.state.nowDay][e],i=t.$store.state.POIs[t.$store.state.nowDay][e-1]||null,s=t.$store.state.POIs[t.$store.state.nowDay][e+1]||null;if(i&&s){var r=i.detail.location,o=s.detail.location;t.createTransferObj(r,o,"driving").then(function(n){t.$store.commit("updateTransferPlan",{newTransfer:n,index:e+1})})}else s&&t.$store.commit("updateTransferPlan",{newTransfer:null,index:e+1});t.$store.commit("sortItem",{oldIndex:e,newIndex:n});var l=t.$store.state.POIs[t.$store.state.nowDay][n-1]||null;if(l){var c=l.detail.location,d=a.detail.location;t.createTransferObj(c,d,"driving").then(function(e){t.$store.commit("updateTransferPlan",{newTransfer:e,index:n})})}else t.$store.commit("updateTransferPlan",{newTransfer:null,index:n});var u=t.$store.state.POIs[t.$store.state.nowDay][n+1]||null;if(u){var f=a.detail.location,p=u.detail.location;t.createTransferObj(f,p,"driving").then(function(e){t.$store.commit("updateTransferPlan",{newTransfer:e,index:n+1})})}})},mounted:function(){var t=new AMap.Map("map",{resizeEnable:!0,zoom:11,center:[116.397428,39.90923],animateEnable:!0,mapStyle:"amap://styles/fe7d1f157e05c97d6930995928e4f39d"});t.setCity(this.$store.state.city),this.map=t;var e=this.$store.state.AMap_PlaceSearch.config,n=new AMap.PlaceSearch(e);this.$store.commit("setPlaceSearch",{config:e,search:n});var a=this;t.on("hotspotclick",function(t){a.createInfoWindow(t)});if(this.$store.state.storge.localData){var s=function(t,e,n){return new i.a(function(i,s){var r={};r.id=t.id,n.getDetails(t.id,function(n,s){r.detail=s.poiList.pois[0];var o=new AMap.Marker({map:a.map,position:r.detail.location,animation:"AMAP_ANIMATION_DROP",title:r.detail.name});if(o.show(),r.marker=o,t.transfer&&e){var l=e.detail.location;a.createTransferObj(l,r.detail.location,t.transfer.type).then(function(t){r.transfer=t,i(r)})}else r.transfer=null,i(r)})})};this.$emit("setLoading",!0);var r=this.$store.state.storge.localData,o=new AMap.PlaceSearch({city:r.city,extensions:"all"});q()(j.a.mark(function t(){var e,n,i,l;return j.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:e=0;case 1:if(!(e<r.POIs.length)){t.next=19;break}e!=r.POIs.length-1&&a.$store.commit("addNewDay"),n=0;case 4:if(!(n<r.POIs[e].length)){t.next=15;break}return t.next=7,s(r.POIs[e][n],0==n?null:a.$store.state.POIs[e][n-1],o);case 7:return i=t.sent,console.log(i),t.next=11,a.$store.dispatch({type:"addPOIFromMap",data:i,dayTo:e});case 11:r.POIs[e][n].transfer&&0!=r.POIs[e][n].transfer.index&&(l=r.POIs[e][n].transfer.index,a.updateTransferIndex(n,l));case 12:n++,t.next=4;break;case 15:e!=r.POIs.length-1&&a.$store.commit("switchDay",e+1);case 16:e++,t.next=1;break;case 19:a.$store.commit("switchDay",0),a.$emit("setLoading",!1);case 21:case"end":return t.stop()}},t,this)}))()}},methods:{createInfoWindow:function(t){var e=document.createElement("div"),n='<div id="infoWindow">        <span class="infoName">'+t.name+'</span>        <span id="infoAction">          <i class="iconfont icon-plus"></i>        </span>      </div>      <div id="infoWindowArrow">        <div></div>      </div>';e.innerHTML+=n;var a=this;e.querySelector("#infoAction").onclick=function(e){a.addPOIToData(t)},new AMap.InfoWindow({isCustom:!0,content:e,offset:new AMap.Pixel(0,-10),closeWhenClickMap:!0,autoMove:!0}).open(this.map,t.lnglat)},drawResultOnMap:function(t,e,n){var a=[];if("driving"===n){for(var i=[],s=0;s<t.routes[e].steps.length;s++)for(var r=0;r<t.routes[e].steps[s].path.length;r++)i.push(t.routes[e].steps[s].path[r]);var o=new AMap.Polyline({map:this.map,isOutline:!0,outlineColor:"#FFFFFF",strokeWeight:5,strokeColor:"#13afc8",showDir:!0,lineJoin:"round",path:i});return a.push(o),a}if("bus"===n){for(var l=t.plans[e],c=0;c<l.segments.length;c++){var d=l.segments[c].transit_mode,u=new AMap.Polyline({map:this.map,isOutline:!0,outlineColor:"#FFFFFF",strokeWeight:5,strokeColor:"BUS"==d?"#2775b6":"SUBWAY"==d?"#51c4d3":"#fed71a",showDir:!0,lineJoin:"round",path:l.segments[c].transit.path});a.push(u)}return a}if("ride"===n){for(var f=t.routes[e],p=[],v=0;v<f.rides.length;v++)for(var m=0;m<f.rides[v].path.length;m++)p.push(f.rides[v].path[m]);var h=new AMap.Polyline({map:this.map,isOutline:!0,outlineColor:"#FFFFFF",strokeWeight:5,strokeColor:"#21a265",showDir:!0,lineJoin:"round",path:p});return a.push(h),a}if("walk"===n){for(var _=t.routes[e],g=[],y=0;y<_.steps.length;y++)for(var w=0;w<_.steps[y].path.length;w++)g.push(_.steps[y].path[w]);var $=new AMap.Polyline({map:this.map,isOutline:!0,outlineColor:"#FFFFFF",strokeWeight:5,strokeColor:"#fed71a",showDir:!0,lineJoin:"round",path:g});return a.push($),a}},createTransferObj:function(t,e,n){var a=this;return new i.a(function(i,s){var r={type:"",index:0,kit:{},plan:{},routes:{}};if("driving"===n){r.type="driving";var o=new AMap.Driving(a.$store.state.AMap_Driving);r.kit=o,o.search(t,e,function(t,e){"complete"==t?(r.plan=e,r.routes=a.drawResultOnMap(e,0,"driving"),i(r)):(console.log(e),s())})}else if("bus"===n){r.type="bus";var l=new AMap.Transfer(a.$store.state.AMap_Bus);r.kit=l,console.log("set"),l.search(t,e,function(t,e){console.log("reso"),"complete"==t?(r.plan=e,r.routes=a.drawResultOnMap(e,0,"bus"),i(r)):s(e)})}else if("ride"===n){r.type="ride";var c=new AMap.Riding(a.$store.state.AMap_Ride);r.kit=c,c.search(t,e,function(t,e){"complete"==t?(r.plan=e,r.routes=a.drawResultOnMap(e,0,"ride"),i(r)):s(e)})}else if("walk"===n){r.type="walk";var d=new AMap.Walking(a.$store.state.AMap_Walk);r.kit=d,d.search(t,e,function(t,e){"complete"==t?(r.plan=e,r.routes=a.drawResultOnMap(e,0,"walk"),i(r)):s(e)})}})},addPOIToData:function(t){for(var e=this.$store.state.POIs,n=0;n<e.length;n++)for(var a=0;a<e[n].length;a++)if(e[n][a].id==t.id)return;var i=this,s=new AMap.Marker({map:i.map,position:t.lnglat,animation:"AMAP_ANIMATION_DROP",title:t.name});s.show();var r=this.$store.state.POIs[this.$store.state.nowDay],o={id:t.id,marker:s,transfer:null};r.length>0?this.createTransferObj(r[r.length-1].detail.location,t.lnglat,"driving").then(function(t){console.log(t),o.transfer=t,i.$store.dispatch({type:"addPOIFromMap",data:o}),i.$emit("setLoading",!1)}).catch(function(t){console.log(t)}):i.$store.dispatch({type:"addPOIFromMap",data:o})},updateTransferIndex:function(t,e){var n=this.$store.state.POIs[this.$store.state.nowDay][t].transfer,a=this.drawResultOnMap(n.plan,e,n.type);this.$store.commit({type:"updateTransferIndex",newRoutes:a,index:t,transferIndex:e})}}}),Y={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{attrs:{id:"Mapcontainer"}},[e("div",{attrs:{id:"map"}}),this._v(" "),this.isMobile?this._e():e("Searchbar",{on:{searchChecked:this.createInfoWindow}})],1)},staticRenderFns:[]};var Q={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Daytransmit"}},[n("div",{staticClass:"header"},[t._v("拖动至此处分发到其他日期")]),t._v(" "),n("ul",t._l(t.$store.state.totalDays,function(e){return e-1!=t.$store.state.nowDay?n("div",{key:e,staticClass:"item",attrs:{dayIndex:e-1},on:{dragover:function(t){t.preventDefault()},drop:function(e){e.preventDefault(),t.moveTo(e)}}},[1==e||e-2==t.$store.state.nowDay&&e-1==1?t._e():n("div",{staticClass:"item-line"}),t._v(" "),n("i",{staticClass:"item-icon iconfont icon-right"}),t._v("\n      第"+t._s(e)+"天\n    ")]):t._e()}))])},staticRenderFns:[]};var tt={name:"Drawer",props:["width","enable"],data:function(){return{leftMargin:0}},watch:{enable:function(t){if(t){new E.a.Tween(this).to({leftMargin:-this.width},150).start(),function t(){requestAnimationFrame(t),E.a.update()}()}else{new E.a.Tween(this).to({leftMargin:0},150).start(),function t(){requestAnimationFrame(t),E.a.update()}()}}}},et={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{style:{width:t.width+"px",marginLeft:t.leftMargin+"px"},attrs:{id:"Drawer"}},[n("div",{attrs:{id:"content"}},[t._t("default")],2),t._v(" "),n("transition",{attrs:{name:"fade"}},[t.enable?n("div",{attrs:{id:"mask"},on:{click:function(e){t.$emit("close")}}}):t._e()])],1)},staticRenderFns:[]};var nt={name:"Roadpage",components:{Detailpath:V,Mapcontainer:n("Z0/y")(K,Y,!1,function(t){n("nIIM")},null,null).exports,Daytransmit:n("Z0/y")({name:"Daytransmit",data:function(){return{}},methods:{moveTo:function(t){var e=t.dataTransfer.getData("ItemIndex");this.$emit("moveTo",e,t.target.getAttribute("dayIndex"))}}},Q,!1,function(t){n("UFyb")},"data-v-002b6210",null).exports,Drawer:n("Z0/y")(tt,et,!1,function(t){n("rt9+")},"data-v-36649872",null).exports},data:function(){return{onDrag:!1,loading:!1,drawerOpen:!1}},methods:{updateTransferPlan:function(t,e){this.$emit("updateTransferPlan",t,e)},updateTransferIndex:function(t,e){this.$emit("updateTransferIndex",t,e)},setCenter:function(t){this.$emit("setCenter",t)},moveTo:function(t,e){this.$emit("moveTo",t,e)},sort:function(t,e){this.$emit("sort",t,e)},setLoading:function(t){this.loading=t}}},at={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"Roadpage"}},[n("Mapcontainer",{directives:[{name:"loading",rawName:"v-loading.fullscreen.lock",value:t.loading,expression:"loading",modifiers:{fullscreen:!0,lock:!0}}],on:{setLoading:t.setLoading}}),t._v(" "),t.onDrag?n("Daytransmit",{on:{moveTo:t.moveTo}}):t._e(),t._v(" "),t.isMobile?t._e():n("Detailpath",{on:{updateTransferPlan:t.updateTransferPlan,updateTransferIndex:t.updateTransferIndex,setCenter:t.setCenter,moveTo:t.moveTo,drag:function(e){t.onDrag=!t.onDrag},sort:t.sort}}),t._v(" "),t.isMobile?n("Drawer",{attrs:{width:300,enable:t.drawerOpen},on:{close:function(e){t.drawerOpen=!1}}},[n("Detailpath",{on:{updateTransferPlan:t.updateTransferPlan,updateTransferIndex:t.updateTransferIndex,setCenter:t.setCenter,moveTo:t.moveTo,drag:function(e){t.onDrag=!t.onDrag},sort:t.sort}})],1):t._e(),t._v(" "),t.isMobile?n("div",{attrs:{id:"footer"},on:{click:function(e){t.drawerOpen=!0}}},[n("i",{staticClass:"iconfont icon-menu"})]):t._e()],1)},staticRenderFns:[]};var it=n("Z0/y")(nt,at,!1,function(t){n("JMyr")},"data-v-440e50be",null).exports;s.default.use($.a);var st=new $.a({routes:[{path:"/",name:"Roadpage",component:it,meta:{keepAlive:!0}},{path:"/abstract",name:"Abstract",component:P}],linkExactActiveClass:"active"}),rt=n("UM93"),ot=n.n(rt),lt=(n("bTWF"),n("JnRc")),ct=n.n(lt),dt=n("AJcs"),ut=n.n(dt),ft={install:function(t,e){t.mixin({data:function(){return{lcs:{Init:function(){ct.a.init({appId:"Bc3luL7In6UFyXHh5Vybnavi-gzGzoHsz",appKey:"ff359xQsjpOvWjxit9PsffnR"})},Login:function(t,e){return new i.a(function(n,a){ct.a.User.logIn(t,e).then(function(t){console.log("login success:"+t),n()},function(t){console.warn("login error:"+t),a()})})},Logout:function(){ct.a.User.logOut()},Signin:function(t,e){return new i.a(function(n,a){var i=new ct.a.User;i.setUsername(t),i.setPassword(e),i.setEmail(t),i.signUp().then(function(t){console.log("signin success:"+t),n()},function(t){console.warn("signin error:"+t),a()})})},isLogin:function(){return!!ct.a.User.current()},saveToCloud:function(t){return new i.a(function(e,n){if(ct.a.User.current()){var a=ct.a.User.current(),i=new ct.a.Query("roadmap");i.equalTo("belong",a),i.first().then(function(i){if(i){console.log("has:"+i);var s=ct.a.Object.createWithoutData("roadmap",i.id);s.set("data",t),s.save().then(function(t){e(t)},function(t){console.warn("save err:"+t),n(t)})}else{var r=new(ct.a.Object.extend("roadmap")),o=ut()(a.getEmail());r.set("belong",a),r.set("data",t),r.set("hash",o),r.save().then(function(t){e(t)},function(t){console.warn("save err:"+t),n(t)})}},function(t){console.log(t)})}else n()})},getDataByEmail:function(t){if(!t){var e=ct.a.User.current();t=ut()(e.getEmail())}return console.log(t),new i.a(function(e,n){var a=new ct.a.Query("roadmap");a.equalTo("hash",t),a.first().then(function(t){t?e(t.get("data")):n("云端不存在的Email")},function(t){console.warn("getByEmail error"+t),n(t)})})},getEmail:function(){var t=ct.a.User.current();return t?ut()(t.getEmail()):null}}}},methods:{test:function(){console.log("mixin")}}})}};if(s.default.use(r.a),s.default.use(ot.a),location.search.indexOf("mobile")<0)s.default.mixin({data:function(){return{isMobile:!1}}});else{var pt=location.search.match(/email=(\w+)/)[1];s.default.mixin({data:function(){return{isMobile:!0,email:pt}}})}s.default.use(ft),s.default.config.productionTip=!1;var vt=new r.a.Store({state:{city:"",totalDays:1,nowDay:0,POIs:[[]],AMap_PlaceSearch:{config:{city:"全国",extensions:"all"},search:{}},AMap_Driving:{policy:AMap.DrivingPolicy.LEAST_TIME,hideMarkers:!0,autoFitView:!1,showTraffic:!1},AMap_Bus:{city:"",hideMarkers:!0,autoFitView:!1},AMap_Ride:{hideMarkers:!0,autoFitView:!1},AMap_Walk:{hideMarkers:!0,autoFitView:!1},storge:{toCloud:!1,localData:""}},mutations:{setPlaceSearch:function(t,e){console.log(e),t.AMap_PlaceSearch.config=e.config,t.AMap_PlaceSearch.search=e.search},addNewDay:function(t){t.totalDays++,t.POIs.push([])},switchDay:function(t,e){if(e<t.totalDays&&e>=0){for(var n=t.POIs[t.nowDay],a=0;a<n.length;a++)if(n[a].marker.hide(),n[a].transfer)for(var i=0;i<n[a].transfer.routes.length;i++)n[a].transfer.routes[i].hide();for(var s=t.POIs[e],r=0;r<s.length;r++)if(s[r].marker.show(),s[r].transfer)for(var o=0;o<s[r].transfer.routes.length;o++)s[r].transfer.routes[o].show();t.nowDay=e}},deleteDay:function(t,e){if(e<t.totalDays&&e>=0){for(var n=0;n<t.POIs[e].length;n++)t.POIs[e][n].marker.hide(),t.POIs[e][n].transfer&&t.POIs[e][n].transfer.routes.hide();if(t.POIs.splice(e,1),t.totalDays--,t.nowDay==e){t.nowDay>0&&t.nowDay--;for(var a=0;a<t.POIs[t.nowDay].length;a++)t.POIs[t.nowDay][a].marker.show(),t.POIs[t.nowDay][a].transfer&&t.POIs[t.nowDay][a].transfer.routes.show()}}},addPOIFromMap:function(t,e){e.dayTo?t.POIs[e.dayTo].push(e.data):t.POIs[t.nowDay].push(e.data)},updateTransferPlan:function(t,e){if(t.POIs[t.nowDay][e.index].transfer)for(var n=t.POIs[t.nowDay][e.index].transfer.routes,a=0;a<n.length;a++)n[a].hide();t.POIs[t.nowDay][e.index].transfer=e.newTransfer},updateTransferIndex:function(t,e){if(t.POIs[t.nowDay][e.index].transfer)for(var n=t.POIs[t.nowDay][e.index].transfer.routes,a=0;a<n.length;a++)n[a].hide();t.POIs[t.nowDay][e.index];t.POIs[t.nowDay][e.index].transfer.routes=e.newRoutes,t.POIs[t.nowDay][e.index].transfer.index=e.transferIndex},wipe:function(t,e){t.POIs[t.nowDay].splice(e,1)},sortItem:function(t,e){var n=t.POIs[t.nowDay];n.splice(e.newIndex,0,n.splice(e.oldIndex,1)[0])},setStorgeType:function(t,e){t.storge.toCloud=e}},actions:{addPOIFromMap:function(t,e){return new i.a(function(n,a){e.data.detail?(t.commit("addPOIFromMap",e),n()):t.state.AMap_PlaceSearch.search.getDetails(e.data.id,function(a,i){"complete"==a?(e.data.detail=i.poiList.pois[0],t.commit("addPOIFromMap",e)):(console.log(i),t.commit("addPOIFromMap",e)),n()})})}},getters:{exportData:function(t){var e={};e.city=t.city,e.totalDays=t.totalDays;for(var n=[],a=0;a<t.totalDays;a++){n.push([]);for(var i=0;i<t.POIs[a].length;i++){var s=t.POIs[a][i];n[a].push({id:s.detail.id,transfer:s.transfer?{type:s.transfer.type,index:s.transfer.index}:null})}}return e.POIs=n,e}}});new s.default({el:"#app",router:st,store:vt,components:{App:w},template:"<App/>"})},UFyb:function(t,e){},"VMY/":function(t,e){},XYzH:function(t,e){},bTWF:function(t,e){},eM5G:function(t,e){},gmXR:function(t,e){},kK4M:function(t,e){},m95v:function(t,e){},nIIM:function(t,e){},"rt9+":function(t,e){},x8bm:function(t,e){},zpZT:function(t,e){}},["NHnr"]);
2 | //# sourceMappingURL=app.00ac63e55ffb13d062d8.js.map


--------------------------------------------------------------------------------