From a0ce657912768b913291bfc2b3773153a1460f13 Mon Sep 17 00:00:00 2001
From: zyy <1787816799@qq.com>
Date: Wed, 28 Oct 2020 16:54:57 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=88=97=E8=BD=A6?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/jmapNew/config/skinCode/race_01.js |  1 +
 src/jmapNew/shape/Train/TrainBody.js   | 16 +++++++++++++---
 src/utils/baseUrl.js                   |  4 ++--
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/jmapNew/config/skinCode/race_01.js b/src/jmapNew/config/skinCode/race_01.js
index fbeb8cce2..b03a1a6d8 100644
--- a/src/jmapNew/config/skinCode/race_01.js
+++ b/src/jmapNew/config/skinCode/race_01.js
@@ -688,6 +688,7 @@ class SkinCode extends defaultStyle {
             trainServer: {
                 serviceNumberPrefix: '00', // 服务号(表号)前缀
                 defaultServiceNumber: 'AA', // 默认服务号（表号）
+                defaultServiceHeadNum: 'MM', // 人工车号
                 trainServerOffset: { x: 4, y: 4 }// 列车服务号偏移
             },
             trainTarget: {
diff --git a/src/jmapNew/shape/Train/TrainBody.js b/src/jmapNew/shape/Train/TrainBody.js
index f69fda857..1b5a6e889 100644
--- a/src/jmapNew/shape/Train/TrainBody.js
+++ b/src/jmapNew/shape/Train/TrainBody.js
@@ -40,12 +40,22 @@ export default class TrainBody extends Group {
     create() {
         const model = this.model;
         const style = this.model.style;
-        const serviceNumber = style.Train.trainServer.serviceNumberPrefix + (model.serviceNumber || model.model.specialServiceNumber || style.Train.trainServer.defaultServiceNumber);//	服务号(表号)
+        this.nameFormat = model.nameFormat;
         const tripNumber = style.Train.trainTarget.tripNumberPrefix + (style.Train.trainTarget.defaultDirectionCode
             ? (model.directionCode || style.Train.trainTarget.defaultDirectionCode) + (model.tripNumber || style.Train.trainTarget.defaultTripNumber)
-            : model.tripNumber || style.Train.trainTarget.defaultTripNumber); //  车次号
-        let targetCode = style.Train.trainNumber.targetCodePrefix + (model.destinationCode || style.Train.trainNumber.defaultTargetCode); //  目的地码
+            : model.tripNumber || style.Train.trainTarget.defaultTripNumber); // 车次号
         const groupNumber = style.Train.trainTargetNumber.groupNumberPrefix + (style.Train.trainTargetNumber.lineNumber || '') + (model.groupNumber || style.Train.trainTargetNumber.defaultGroupNumber); //  车组号
+        let serviceNumber = ''; //	服务号(表号)
+        if (this.model.type == 'PLAN') { // 计划车
+            serviceNumber = style.Train.trainServer.serviceNumberPrefix + (model.serviceNumber || model.model.specialServiceNumber || style.Train.trainServer.defaultServiceNumber);
+        } else if (this.model.type == 'HEAD') { // 头码车
+            serviceNumber = style.Train.trainServer.serviceNumberPrefix + (model.destinationCode || style.Train.trainNumber.defaultTargetCode);
+            this.nameFormat = 'serviceNumber:groupNumber';
+        } else if (this.model.type == 'MANUAL') { // 人工车
+            serviceNumber = style.Train.trainServer.serviceNumberPrefix + (model.serviceNumber || model.model.specialServiceNumber || style.Train.trainServer.defaultServiceHeadNum);
+            this.nameFormat = 'serviceNumber:groupNumber';
+        }
+        let targetCode = style.Train.trainNumber.targetCodePrefix + (model.destinationCode || style.Train.trainNumber.defaultTargetCode); //  目的地码
         if (Vue.prototype.$jlmap.lineCode == '09') { // 暂时先写死 后面有了删掉就好
             targetCode = '01';
         }
diff --git a/src/utils/baseUrl.js b/src/utils/baseUrl.js
index e459aa552..1628a46bf 100644
--- a/src/utils/baseUrl.js
+++ b/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 = 'http://192.168.8.107:9000'; // 袁琪
+        BASE_API = 'https://test.joylink.club/jlcloud';
+        // BASE_API = 'http://192.168.8.107:9000'; // 袁琪
         // BASE_API = 'http://192.168.3.5:9000'; // 袁琪
         // BASE_API = 'http://192.168.8.144:9000'; // 旭强
         // BASE_API = 'http://192.168.3.175:9000'; // 张赛

From 57c5862ab0ac7e5f27d77bddbc30d983dd520092 Mon Sep 17 00:00:00 2001
From: lVAL <wx_5f6b45a71ecc4675bb5307decf1326c7@git.code.tencent.com>
Date: Wed, 28 Oct 2020 17:43:44 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E5=A2=9E=E5=8A=A0AUSTool=20=E5=8F=AA?=
 =?UTF-8?q?=E8=AF=BB=E5=92=8C=E7=BC=96=E8=BE=91=E5=8A=9F=E8=83=BD=EF=BC=8C?=
 =?UTF-8?q?=E4=BB=A5=E5=8F=8A=E4=BF=AE=E6=94=B9=E9=83=A8=E5=88=86=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9CBUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/rpTools.js                            | 16 ++++++
 .../planMonitor/editToolAUS/line/index.vue    |  2 +-
 .../planMonitor/editToolAUS/line/modify.vue   |  2 +-
 .../tool/dialog/planJustRunning.vue           |  2 +-
 .../editToolAUS/tool/dialog/planJustStop.vue  |  2 +-
 .../tool/dialog/planJustTurnback.vue          |  2 +-
 .../editToolAUS/tool/dialog/planSetParams.vue | 14 ++---
 .../planMonitor/editToolAUS/tool/index.vue    | 55 ++++++++++++++++++-
 .../planMonitor/editToolAUS/tool/list.vue     |  3 +
 .../planMonitor/editToolAUS/tool/monitor.js   |  3 +-
 .../planMonitor/editToolAUS/tool/schedule.vue |  7 ++-
 src/views/planMonitor/editToolAUS/utils.js    | 18 ++++++
 12 files changed, 108 insertions(+), 18 deletions(-)

diff --git a/src/api/rpTools.js b/src/api/rpTools.js
index 49e080d99..5b303aeb7 100644
--- a/src/api/rpTools.js
+++ b/src/api/rpTools.js
@@ -179,3 +179,19 @@ export function justTripTurnBack(planId, tripNo, data) {
         data
     });
 }
+
+/** 开始编辑*/
+export function startRpEdit(planId) {
+	return request({
+		url: `/api/rpTools/${planId}/edit`,
+		method: 'put'
+	})
+}
+
+/** 开始编辑*/
+export function endRpEdit(planId) {
+	return request({
+		url: `/api/rpTools/${planId}/endEdit`,
+		method: 'put'
+	})
+}
diff --git a/src/views/planMonitor/editToolAUS/line/index.vue b/src/views/planMonitor/editToolAUS/line/index.vue
index 58bc8b2bd..7b7b75d3c 100644
--- a/src/views/planMonitor/editToolAUS/line/index.vue
+++ b/src/views/planMonitor/editToolAUS/line/index.vue
@@ -129,7 +129,7 @@ export default {
 				height: calc(100% - 10px);
 				/deep/ {
 					.el-card__body {
-						height: 100%;
+						height: calc(100% - 50px);
 						overflow-y: auto;
 
 						&::-webkit-scrollbar {
diff --git a/src/views/planMonitor/editToolAUS/line/modify.vue b/src/views/planMonitor/editToolAUS/line/modify.vue
index ae3e4bd19..bf30f03b3 100644
--- a/src/views/planMonitor/editToolAUS/line/modify.vue
+++ b/src/views/planMonitor/editToolAUS/line/modify.vue
@@ -1,6 +1,6 @@
 <template>
 	<drawer :visible.sync="drawer" direction="rtl" :width="600" @before-close="e => drawer=false">
-		<template slot="title">修改表单</template>
+		<template slot="title">修改站信息</template>
 		<div class="container" v-if="model">
 			<el-form class="form" :model="model" :rules="rules" ref="form" label-width="100px" >
 				<el-form-item label="车站名称" prop="name">
diff --git a/src/views/planMonitor/editToolAUS/tool/dialog/planJustRunning.vue b/src/views/planMonitor/editToolAUS/tool/dialog/planJustRunning.vue
index c8a0180a3..0a18c2f20 100644
--- a/src/views/planMonitor/editToolAUS/tool/dialog/planJustRunning.vue
+++ b/src/views/planMonitor/editToolAUS/tool/dialog/planJustRunning.vue
@@ -63,7 +63,7 @@ export default {
 			rules: {
 				time: [
 					{
-						type: 'number', min: 0, message: 'Please select the arrival time.', trigger: 'blur'
+						required: true, type: 'number', min: 0, message: 'Please select the arrival time.', trigger: 'blur'
 					},
 					{
 						validator: validator, trigger: 'blur'
diff --git a/src/views/planMonitor/editToolAUS/tool/dialog/planJustStop.vue b/src/views/planMonitor/editToolAUS/tool/dialog/planJustStop.vue
index 5411fd8d9..e0bc09a51 100644
--- a/src/views/planMonitor/editToolAUS/tool/dialog/planJustStop.vue
+++ b/src/views/planMonitor/editToolAUS/tool/dialog/planJustStop.vue
@@ -46,7 +46,7 @@ export default {
 			rules: {
 				time: [
 					{
-						type: 'number',  min: 0, max: 12*3600, message: 'Please select the stop time.', trigger: 'blur'
+						required: true, type: 'number',  min: 0, max: 12*3600, message: 'Please select the stop time.', trigger: 'blur'
 					},
 					{
 						validator: validator, trigger: 'blur'
diff --git a/src/views/planMonitor/editToolAUS/tool/dialog/planJustTurnback.vue b/src/views/planMonitor/editToolAUS/tool/dialog/planJustTurnback.vue
index cd136203e..818709d1c 100644
--- a/src/views/planMonitor/editToolAUS/tool/dialog/planJustTurnback.vue
+++ b/src/views/planMonitor/editToolAUS/tool/dialog/planJustTurnback.vue
@@ -38,7 +38,7 @@ export default {
 			rules: {
 				time: [
 					{
-						type: 'number', min: 0, message: 'Please select turn back time.', trigger: 'blur'
+						required: true, type: 'number', min: 0, message: 'Please select turn back time.', trigger: 'blur'
 					}
 				],
 			}
diff --git a/src/views/planMonitor/editToolAUS/tool/dialog/planSetParams.vue b/src/views/planMonitor/editToolAUS/tool/dialog/planSetParams.vue
index 58f3a98bd..a0449c62e 100644
--- a/src/views/planMonitor/editToolAUS/tool/dialog/planSetParams.vue
+++ b/src/views/planMonitor/editToolAUS/tool/dialog/planSetParams.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog v-dialogDrag  append-to-body title="Modification of train diagram parameters" :visible.sync="dialogShow" width="30%" :close-on-click-modal="false" :before-close="doClose">
-    <el-form ref="form" label-width="160px" :model="formModel" :rules="rules">
+    <el-form ref="form" label-width="200px" :model="formModel" :rules="rules">
 		<el-form-item label="Average speed" prop="averageSpeed">
 			<el-input-number v-model="formModel.averageSpeed" controls-position="right" :min="20" :max="60" />
 			<span style="padding-left: 10px">km/h</span>
@@ -57,32 +57,32 @@ export default {
 			rules: {
 				averageSpeed: [
 					{
-						type: 'number',  min: 20, max: 60, message: 'Please select the stop time.', trigger: 'blur'
+						required: true,  type: 'number',  min: 20, max: 60, message: 'Please select the stop time.', trigger: 'blur'
 					}
 				],
 				maxSpeed: [
 					{
-						type: 'number',  min: 50, max: 80, message: 'Please select the stop time.', trigger: 'blur'
+						required: true, type: 'number',  min: 50, max: 80, message: 'Please select the stop time.', trigger: 'blur'
 					}
 				],
 				stopTime: [
 					{
-						type: 'number',  min: 10, max: 120, message: 'Please select the stop time.', trigger: 'blur'
+						required: true, type: 'number',  min: 10, max: 120, message: 'Please select the stop time.', trigger: 'blur'
 					}
 				],
 				minStopTime: [
 					{
-						type: 'number',  min: 10, max: 30, message: 'Please select the stop time.', trigger: 'blur'
+						required: true, type: 'number',  min: 10, max: 30, message: 'Please select the stop time.', trigger: 'blur'
 					}
 				],
 				minIntervalTime: [
 					{
-						type: 'number',  min: 30, max: 360, message: 'Please select the stop time.', trigger: 'blur'
+						required: true, type: 'number',  min: 30, max: 360, message: 'Please select the stop time.', trigger: 'blur'
 					}
 				],
 				turnBackTime: [
 					{
-						type: 'number',  min: 60, max: 180, message: 'Please select the stop time.', trigger: 'blur'
+						required: true, type: 'number',  min: 60, max: 180, message: 'Please select the stop time.', trigger: 'blur'
 					}
 				]
 			}
diff --git a/src/views/planMonitor/editToolAUS/tool/index.vue b/src/views/planMonitor/editToolAUS/tool/index.vue
index ab2527587..3d89d2039 100644
--- a/src/views/planMonitor/editToolAUS/tool/index.vue
+++ b/src/views/planMonitor/editToolAUS/tool/index.vue
@@ -73,6 +73,7 @@ import * as utils from '../utils.js';
 import { timeFormat } from '@/utils/date';
 import { mapGetters } from 'vuex';
 import {
+	startRpEdit, endRpEdit,
 	listLines, listStations,
 	listRps, createRp, deleteRp,
 	getRpTools, clearRpPlan, addRpTrip, delRpTrip,
@@ -102,6 +103,7 @@ export default {
 			planData: {},
 			selected: null,
 			target: null,
+			isModify: false,
 			textareaModel: {
 				id: 0,
 				show: false,
@@ -123,7 +125,7 @@ export default {
     },
     computed: {
         disabled() {
-            return !this.planId;
+            return !this.planId || !this.isModify;
         },
         show() {
             return this.textareaModel.show;
@@ -157,14 +159,35 @@ export default {
         height() {
             this.setPosition();
 		},
-		$route() {
-			this.loadPlanData();
+		$route: function (to, from) {
+			const fromPlanId = from.query.planId;
+			if (fromPlanId) {
+				if(utils.getModifyState(fromPlanId)) {
+					endRpEdit(fromPlanId).then(resp => {
+						utils.delModifyState(fromPlanId);
+						this.loadPlanData();
+					})
+				} else {
+					this.loadPlanData();
+				}
+			} else {
+				this.loadPlanData();
+			}
 		}
 	},
 	created() {
 		this.planUtil = this.$theme.loadPlanConvert(this.lineCode);
 	},
 	mounted() {
+		window.onbeforeunload = e => {
+			if(this.planId &&
+				utils.getModifyState(this.planId)) {
+				endRpEdit(this.planId).then(resp => {
+					utils.setModifyState(this.planId, resp.data);
+				})
+			}
+		};
+
 		this.setPosition();
 		this.loadPlanData();
 	},
@@ -177,6 +200,7 @@ export default {
 						return {
 							id: it.id,
 							isPlan: true,
+							isModify: it.editable,
 							name: it.mapName,
 							lineId: it.mapId,
 						}
@@ -200,6 +224,31 @@ export default {
 					this.$refs.schedule.loadChartPage(stations);
 
 					if (this.planId) {
+						if(utils.getModifyState(this.planId)) {
+							endRpEdit(this.planId).then(resp => {
+								utils.setModifyState(this.planId, resp.data);
+								startRpEdit(this.planId).then(resp => {
+									this.isModify = resp.data;
+									utils.setModifyState(this.planId, resp.data);
+									if (this.isModify) {
+										listRps().then(resp => {
+											this.planList = this.buildPlanList(resp.data);
+										});
+									}
+								});
+							})
+						} else {
+							startRpEdit(this.planId).then(resp => {
+								this.isModify = resp.data;
+								utils.setModifyState(this.planId, resp.data);
+								if (this.isModify) {
+									listRps().then(resp => {
+										this.planList = this.buildPlanList(resp.data);
+									});
+								}
+							});
+						}
+
 						getRpTools(this.planId).then(rest => {
 							const planData = this.planData = rest.data;
 							this.$store.commit('rpTools/setPlanData', planData);
diff --git a/src/views/planMonitor/editToolAUS/tool/list.vue b/src/views/planMonitor/editToolAUS/tool/list.vue
index 8ec47c7e8..50ed48aaf 100644
--- a/src/views/planMonitor/editToolAUS/tool/list.vue
+++ b/src/views/planMonitor/editToolAUS/tool/list.vue
@@ -13,6 +13,9 @@
 						@click.stop="onDelete(data)">
 						Delete
 					</el-button>
+					<span v-else>
+ 						<el-link :type="data.isModify?'danger':'info'" disabled>{{data.isModify? '编辑': '只读'}}</el-link>
+					</span>
 				</span>
 			</template>
 		</el-tree>
diff --git a/src/views/planMonitor/editToolAUS/tool/monitor.js b/src/views/planMonitor/editToolAUS/tool/monitor.js
index 940fcc2e1..d1406ffa3 100644
--- a/src/views/planMonitor/editToolAUS/tool/monitor.js
+++ b/src/views/planMonitor/editToolAUS/tool/monitor.js
@@ -42,9 +42,8 @@ export default {
 				const xIndex = pointInGrid[0];
 				const yIndex = pointInGrid[1];
 				const option = this.myChart.getOption();
-				const minY = option.yAxis[0].min;
 				const xVal = option.xAxis[0].data[xIndex];
-				const yObj = this.planUtil.getStationByCoordinateY(this.stations, yIndex-minY);
+				const yObj = this.planUtil.getStationByCoordinateY(this.stations, yIndex);
 				if (yObj) {
 					cb({yObj, xVal, pointInPixel, pointInGrid, e});
 				}
diff --git a/src/views/planMonitor/editToolAUS/tool/schedule.vue b/src/views/planMonitor/editToolAUS/tool/schedule.vue
index 4e8e3a6ef..84c40f04c 100644
--- a/src/views/planMonitor/editToolAUS/tool/schedule.vue
+++ b/src/views/planMonitor/editToolAUS/tool/schedule.vue
@@ -163,7 +163,9 @@ export default {
                             shadowColor: 'rgba(0, 0, 0, 0.6)',
                             shadowOffsetX: 2,
                             shadowOffsetY: 2
-                        },
+						},
+						rangeMode: 'percent',
+						labelFormatter: this.dataZoomFormat,
                         bottom: '20px'
                     }
                 ]
@@ -197,6 +199,9 @@ export default {
         yAxisLabelFormat(value, index) {
             return '';
 		},
+		dataZoomFormat(value) {
+			return timeFormat(value);
+		},
 		axisTooltip(param) {
 			let data = '';
 
diff --git a/src/views/planMonitor/editToolAUS/utils.js b/src/views/planMonitor/editToolAUS/utils.js
index 97426f1c0..e00416cbe 100644
--- a/src/views/planMonitor/editToolAUS/utils.js
+++ b/src/views/planMonitor/editToolAUS/utils.js
@@ -111,3 +111,21 @@ var binary = atob(dataURI.split(',')[1]), array = [];
 for(var i = 0; i < binary.length; i++) array.push(binary.charCodeAt(i));
 return new Blob([new Uint8Array(array)], {type: dataTYPE});
 }
+
+const ModifyFlag = 'AUS-modify-flag'
+export function getModifyState(planId) {
+	const state = JSON.parse(localStorage.getItem(ModifyFlag)||`{ }`);
+	return state[planId];
+}
+export function setModifyState(planId, bool) {
+	const state = JSON.parse(localStorage.getItem(ModifyFlag)||`{ }`);
+	bool
+		? state[planId] = bool
+		: delete state[planId]
+	localStorage.setItem(ModifyFlag, JSON.stringify(state));
+}
+export function delModifyState(planId) {
+	const state = JSON.parse(localStorage.getItem(ModifyFlag)||`{ }`);
+	delete state[planId];
+	localStorage.setItem(ModifyFlag, JSON.stringify(state));
+}

From 897e4342011d53270d2c1d1e447cff827c186ba3 Mon Sep 17 00:00:00 2001
From: joylink_cuiweidong <364937672@qq.com>
Date: Wed, 28 Oct 2020 17:54:06 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/newMap/chatView/chatContent.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/views/newMap/chatView/chatContent.vue b/src/views/newMap/chatView/chatContent.vue
index 94b343081..ceae84d44 100644
--- a/src/views/newMap/chatView/chatContent.vue
+++ b/src/views/newMap/chatView/chatContent.vue
@@ -5,7 +5,7 @@
         <div :class="chatContent.memberId == myMemberId?'rightUser':'leftUser'">
           <div class="userHeader">
             <div v-if="!chatContent.self" class="userName">{{ covertName(chatContent.memberId) }}</div>
-            <div :class="chatContent.memberId == myMemberId?'userChatTime textRight':'userChatTime'">{{ chatContent.time }}</div>
+            <div :class="chatContent.memberId == myMemberId?'userChatTime textRight':'userChatTime'">{{ covertTime(chatContent.time) }}</div>
           </div>
           <div class="userBubble" @click="playAudio(baseUrl+chatContent.src)">
             <div class="userMessage">
@@ -23,6 +23,7 @@
 <script>
 import yuyin from '@/assets/yuyin.png';
 import {overConversationMessage} from '@/api/chat';
+// this.time = `${prefixIntrger(date.getHours(), 2)}:${prefixIntrger(date.getMinutes(), 2)}${prefixIntrger(date.getSeconds(), 2)}`;
 export default {
     props:{
         messageList:{
@@ -153,6 +154,16 @@ export default {
             }
             return name;
         },
+        covertTime(time) {
+            const date = new Date(time);
+            let hour = date.getHours();
+            let minute = date.getMinutes();
+            let second = date.getSeconds();
+            hour = hour > 9 ? hour : '0' + hour;
+            minute = minute > 9 ? minute : '0' + minute;
+            second = second > 9 ? second : '0' + second;
+            return hour + ':' + minute + ':' + second;
+        },
         playAudio(audioUrl) {
             if (!this.isPlay) {
                 document.querySelector('#audioPlay').src = audioUrl;

From 11b23996eb7906e2bf181d9baa18be3a13826e1f Mon Sep 17 00:00:00 2001
From: lVAL <wx_5f6b45a71ecc4675bb5307decf1326c7@git.code.tencent.com>
Date: Wed, 28 Oct 2020 18:04:38 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/planMonitor/editToolAUS/tool/list.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/views/planMonitor/editToolAUS/tool/list.vue b/src/views/planMonitor/editToolAUS/tool/list.vue
index 50ed48aaf..6d64358c9 100644
--- a/src/views/planMonitor/editToolAUS/tool/list.vue
+++ b/src/views/planMonitor/editToolAUS/tool/list.vue
@@ -7,14 +7,14 @@
 					<span><i :class="data.isPlan? 'el-icon-document': 'el-icon-folder'"/>&ensp;{{data.name}}</span>
 					<el-button
 						v-if="!data.isPlan"
-						type="text"
-						style="color:red"
+						class="btn-text"
+						type="danger"
 						size="mini"
 						@click.stop="onDelete(data)">
-						Delete
+						<i class="el-icon-delete" />
 					</el-button>
 					<span v-else>
- 						<el-link :type="data.isModify?'danger':'info'" disabled>{{data.isModify? '编辑': '只读'}}</el-link>
+ 						<el-link :underline="false" :type="data.isModify?'warning':'info'"><code>{{data.isModify? 'edit': 'read'}}</code></el-link>
 					</span>
 				</span>
 			</template>
@@ -71,4 +71,9 @@ export default {
 		justify-content: space-between;
 		width: 100%;
 	}
+
+	.btn-text {
+		color: #fff;
+		padding: 5px 10px;
+	}
 </style>