增加AUSline页面

src/permission.js

@@ -14,7 +14,7 @@ import localStore from 'storejs';
 //     return roles.some(role => permissionRoles.indexOf(role) >= 0);
 // }
 
-const whiteList = ['/login', '/design/login', '/gzzbxy/relay', '/authorization', '/AUStool']; // 不重定向白名单
+const whiteList = ['/login', '/design/login', '/gzzbxy/relay', '/authorization', '/AUSline', '/AUStool']; // 不重定向白名单
 
 // const designPageRegex = [/^\/design/, /^\/scriptDisplay/, /^\/publish/, /^\/orderauthor/, /^\/system/, /^\/iscs/, /^\/display\/record/, /^\/display\/manage/, /^\/apply/, /^\/plan/, /^\/display\/plan/, /^\/displayNew\/record/, /^\/displayNew\/manage/, /^\/displayNew\/plan/, /^\/practiceDisplayNew/, /^\/bigSplitScreen/];
 

src/router/index_Common.js

@@ -80,7 +80,8 @@ const ExamCourseDetail = () => import('@/views/exam/detail/courseDetail');
 const DemonstrationDetail = () => import('@/views/demonstration/detail/index');
 
 const PlanMonitorEditTool = () => import('@/views/planMonitor/editTool/index');
-const PlanMonitorEditAUSTool = () => import('@/views/planMonitor/editToolAUS/index');
+const PlanMonitorEditAUSTool = () => import('@/views/planMonitor/editToolAUS/tool/index');
+const PlanMonitorEditAUSLine = () => import('@/views/planMonitor/editToolAUS/line/index');
 const PlanMonitorDetail = () => import('@/views/planMonitor/detail');
 
 const DesignPlatformHome = () => import('@/views/designPlatform/home');
@@ -211,6 +212,11 @@ export const constantRoutes = [
         component: Jlmap3dAssetManager,
         hidden: true
 	},
+	{ // 线信息
+		path: '/AUSline',
+		component: PlanMonitorEditAUSLine,
+		hidden: true
+	},
     { // 运行图编辑
         path: '/AUStool',
         component: PlanMonitorEditAUSTool,

src/utils/baseUrl.js

@@ -2,8 +2,8 @@ export function getBaseUrl() {
     let BASE_API;
     if (process.env.NODE_ENV === 'development') {
         // BASE_API = 'https://joylink.club/jlcloud';
-        BASE_API = 'https://test.joylink.club/jlcloud';
+        // BASE_API = 'https://test.joylink.club/jlcloud';
-        // BASE_API = 'http://192.168.8.107:9000'; // 袁琪
+        BASE_API = 'http://192.168.8.107:9000'; // 袁琪
         // BASE_API = 'http://192.168.3.5:9000'; // 袁琪
         // BASE_API = 'http://192.168.3.169:9000'; // 旭强
         // BASE_API = 'http://192.168.3.175:9000'; // 张赛

src/views/planMonitor/editToolAUS/components/drawer.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="drawer" :class="{visible}" tabindex="-1">
-		<div class="drawer__wrapper"  tabindex="-1">
+		<div class="drawer__wrapper"  tabindex="-1" @click="doClose">
 			<div class="layer" :class="[direction]" :style="{width: width+'px'}" tabindex="-1">
 				<div class="title">
 					<span>
@@ -28,7 +28,7 @@ export default {
 		},
 		width: {
 			type: Number,
-			default: 600
+			default: 360
 		},
 		visible: {
 			type: Boolean,

src/views/planMonitor/editToolAUS/dialog/planExport.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import * as utils from './utils'
+import * as utils from '../utils'
 import echarts from 'echarts';
 import { timeFormat } from '@/utils/date';
 
@@ -247,7 +247,7 @@ export default {
 		doExport() {
 			const urlObject = window.URL || window.webkitURL || window;
 			const export_blob = utils.dataURItoBlob(this.myChart.getDataURL({
-				pixelRatio: 1,
+				pixelRatio: 2,
 				backgroundColor: '#fff'
 			}), 'png');
 			const save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a");

src/views/planMonitor/editToolAUS/line/index.vue

@@ -0,0 +1,135 @@
+<template>
+	<div class="line">
+		<el-menu class="menus" default-active="2-1" :collapse="true">
+			<el-submenu index="2">
+				<template slot="title">
+					<i class="el-icon-document" />
+				</template>
+				<el-menu-item-group>
+					<span slot="title">Line List</span>
+					<el-tree :data="lineList" :props="defaultProps" @node-click="onSelectLine">
+						<template slot-scope="{data}">
+							<span class="flex" >
+								<span><i class="el-icon-document"/>&ensp;{{data.name}}</span>
+								<el-button
+									type="text"
+									style="color:red"
+									size="mini"
+									@click="doDeletePlan(data)">
+									Delete
+								</el-button>
+							</span>
+						</template>
+					</el-tree>
+				</el-menu-item-group>
+			</el-submenu>
+		</el-menu>
+		<div class="container">
+			<div class="title">
+				<span>title</span>
+			</div>
+			<div class="form">
+				11111111111
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import Drawer from '../components/drawer.vue';
+
+export default {
+	components: {
+		Drawer
+	},
+	data() {
+		return {
+			defaultProps: {
+				children: 'children',
+				label: 'name'
+			},
+			lineList: [
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+				{name: '1', id: 1},
+				{name: '2', id: 2},
+			]
+		}
+	},
+	methods: {
+		onSelectLine(el) {
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+	.line {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		justify-content: space-between;
+
+		.menus {
+			height: 100%;
+		}
+
+		.container {
+			flex: 1;
+			.title {
+				width: 100%;
+				height: 32px;
+				font-size: 26px;
+				padding: 7px;
+				background: rgba(240,240,240,0.3);
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+
+			.form {
+				padding: 30px;
+				width: 50%;
+				margin: auto;
+			}
+		}
+	}
+</style>

src/views/planMonitor/editToolAUS/tool/index.vue

@@ -62,26 +62,27 @@
 		<plan-just-turnback :config="config" :selected="selected"  @justTurnBack="doJustTurnback"/>
 		<plan-set-params :config="config" @setParams="doSetPlanParams" />
 		<plan-create ref="create" @createPlan="doCreatePlan" />
+		<plan-export ref="export" :planUtil="planUtil" :title="title" :width="3600*2+2050" :height="height-160" />
+
 		<div class="fixed" v-show="show">
 			<textarea :auto-focus="true" v-if="textareaModel.show" v-focus v-model="textareaModel.text" class="fixed-textarea"
 				:style="{ left: rect.x+'px', top: rect.y+'px',  width: rect.width+'px', height: rect.height+'px', }"/>
 		</div>
 
-		<export ref="export" :planUtil="planUtil" :title="title" :width="3600*2+2050" :height="height-160" />
   </div>
 </template>
 
 <script>
+import PlanJustRunning from '../dialog/planJustRunning.vue';
+import PlanJustStop from '../dialog/planJustStop.vue';
+import PlanJustTurnback from '../dialog/planJustTurnback.vue';
+import PlanSetParams from '../dialog/planSetParams.vue';
+import PlanCreate from '../dialog/planCreate.vue';
+import PlanExport from '../dialog/planExport.vue';
 import Schedule from './schedule.vue';
-import PlanJustRunning from './dialog/planJustRunning.vue';
-import PlanJustStop from './dialog/planJustStop.vue';
-import PlanJustTurnback from './dialog/planJustTurnback.vue';
-import PlanSetParams from './dialog/planSetParams.vue';
-import PlanCreate from './dialog/planCreate.vue';
-import Drawer from './drawer.vue';
 import Menus from './menus.vue';
-import Export from './export.vue';
+import Drawer from '../components/drawer.vue';
-import { MenuEnum } from './utils.js';
+import * as utils from '../utils.js';
 import { timeFormat } from '@/utils/date';
 import { mapGetters } from 'vuex';
 import { getStationList } from '@/api/runplan';
@@ -102,9 +103,9 @@ export default {
 		PlanJustTurnback,
 		PlanSetParams,
 		PlanCreate,
+		PlanExport,
         Menus,
 		Drawer,
-		Export
     },
     data() {
         return {
@@ -170,7 +171,7 @@ export default {
 			return '00';
 		},
 		MenuEnum() {
-			return MenuEnum;
+			return utils.MenuEnum;
 		}
     },
 	watch: {
@@ -332,6 +333,7 @@ export default {
 		},
 		onSelectPlan(el) {
 			this.$router.replace({ path: 'AUStool', query: { planId: el.id, title: el.name }});
+			this.drawer = false;
 		},
 		doExport() {
 			this.$refs.export.doShow(this.stations, this.planData);

src/views/planMonitor/editToolAUS/tool/monitor.js

@@ -1,6 +1,5 @@
 import echarts from 'echarts';
-import * as utils from './utils'
+import * as utils from '../utils'
-import { MenuEnum } from './utils';
 
 export default {
 	data() {
@@ -435,15 +434,15 @@ export default {
 				this.doSetSelected({e, pointInGrid});
 
 				if (e.dataIndex < length - 1 && e.value[1] == near[1]) {
-					this.$store.dispatch('menuOperation/setPopMenu', { position: point, menu: MenuEnum.planJustStop });
+					this.$store.dispatch('menuOperation/setPopMenu', { position: point, menu: utils.MenuEnum.planJustStop });
 				} else if (e.dataIndex < length - 1 && e.value[1] != near[1] && e.value[1] == next[1]) {
-					this.$store.dispatch('menuOperation/setPopMenu', { position: point, menu: MenuEnum.planJustTurnBack });
+					this.$store.dispatch('menuOperation/setPopMenu', { position: point, menu: utils.MenuEnum.planJustTurnBack });
 				} else if (e.dataIndex == 0 ||  e.dataIndex > 0 && e.value[1] == prev[1]) {
-					this.$store.dispatch('menuOperation/setPopMenu', { position: point, menu: MenuEnum.planJustRunning });
+					this.$store.dispatch('menuOperation/setPopMenu', { position: point, menu: utils.MenuEnum.planJustRunning });
 				}
 			} else if (e.target && e.target.subType == 'area') {
 				if (this.model.action == 'Note') {
-					this.$store.dispatch('menuOperation/setPopMenu', { position: point, menu: MenuEnum.planSetAreaNote });
+					this.$store.dispatch('menuOperation/setPopMenu', { position: point, menu: utils.MenuEnum.planSetAreaNote });
 				}
 			}
 		},

src/views/planMonitor/editToolAUS/tool/schedule.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import * as utils from './utils'
+import * as utils from '../utils'
 import echarts from 'echarts';
 import Monitor from './monitor.js';
 import { timeFormat } from '@/utils/date';

src/views/planMonitor/editToolAUS/utils.js

@@ -106,7 +106,6 @@ export function findPrev(list, idx, cb) {
 	return null;
 }
 
-
 export function dataURItoBlob(dataURI, dataTYPE) {
 var binary = atob(dataURI.split(',')[1]), array = [];
 for(var i = 0; i < binary.length; i++) array.push(binary.charCodeAt(i));