Parcourir la source

update service

luke il y a 6 ans
Parent
commit
240ae57b1d
1 fichiers modifiés avec 27 ajouts et 5 suppressions
  1. 27 5
      service/src/pages/TheCurrentSession.vue

+ 27 - 5
service/src/pages/TheCurrentSession.vue

@@ -256,9 +256,7 @@
 					<div style="color:#666;font-weight:bold;font-size:14px; margin-top:30px;">用户信息</div>
 					<div id="user_info_box" style="margin-top:10px;color:#999;font-size:14px;" class="userData wrap">
 						<div class="user_info_box">
-							<span>账号:</span>
-							<input class="user_text" style="background: #ECF4FF;"
-								   v-model="session_user_info.account_name" readonly type="text">
+							<p @dblclick="get_name"  class="user_text" :data-clipboard-text="session_user_info.account_name" style="background: #ECF4FF;"><span>账号:</span>{{session_user_info.account_name}}</p>
 						</div>
 						<div class="user_info_box">
 							<span>标签:</span>
@@ -1091,6 +1089,29 @@
 					clipboard.destroy()
 				})
 			},
+
+			get_name() {
+				var clipboard = new Clipboard(".user_text")
+				clipboard.on('success', e => {
+					// console.log('复制成功')
+					this.$message({
+						message: '复制成功',
+						type: 'success'
+					});
+					// 释放内存
+					clipboard.destroy()
+				})
+				clipboard.on('error', e => {
+					// 不支持复制
+					this.$message({
+						message: '该浏览器不支持自动复制',
+						type: 'warning'
+					});
+					// 释放内存
+					clipboard.destroy()
+				})
+			},
+
 			/****************访问信息和评价状态***************/
 			accessTerminal(data) {
 				if (this.sessionType == 1) {
@@ -1329,7 +1350,7 @@
 		border: 1px solid #ECF4FF;
 		color: #999;
 		line-height: 30px;
-		width: 70%;
+		width: 100%;
 	}
 
 	.user_text:focus {
@@ -1390,6 +1411,8 @@
 
 	.user_info_box {
 		margin: 10px 0;
+		display: flex;
+		justify-content: flex-start;
 	}
 
 	.title_span {
@@ -1561,7 +1584,6 @@
 	.userData p {
 		line-height: 30px;
 		display: block;
-		width: 100%;
 	}
 
 	.message_box {