1

src/components/page/per_history.vue

@@ -8,15 +8,12 @@
 			</el-breadcrumb>
 		</div>
 		<div class="container_l">
-			<el-tag :key="tag" type="success" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)"
-			 style="font-size: 14px;margin:0 0 15px 0;line-height: 30px;height: 30px;">
-				{{tag}}
-			</el-tag>
-			<!-- <p style="font-size: 14px;margin:0 0 15px 18px;line-height: 22px;">
-				Submission System Update Notifications 2.1
-				<br>
-				The reviewers can look through all reviewers' comments when the manuscripts get final decision.
-			</p> -->
+			<div v-for="item in dynamicTags" style="background-color: #f0f9eb;border-radius: 5px;border:1px solid #e1f3d8;color: #67c23a;font-size: 14px;padding: 8px 15px;margin: 0 0 20px 0;">
+				<el-button type="success" icon="el-icon-close" circle @click='handleClose' style="float: right;margin: 17px 5px 0 0;"></el-button>
+				<p><b>{{item.label}}</b></p>
+				<p style="margin: 5px 0;">{{item.title}}</p>
+				<p>{{item.content}}</p>
+			</div>
 			<el-row :gutter="20">
 				<el-col :span="24">
 					<el-card class="box-card" v-loading="loading" element-loading-text="Loading..." element-loading-spinner="el-icon-loading"
@@ -95,9 +92,11 @@
 				IMG_Url: '',
 				cerVisible: false,
 				feilVisible: false,
-				dynamicTags: [
-					'Submission System Update Notifications 2.1 The reviewers can look through all reviewers comments when the manuscripts get final decision.'
-				],
+				dynamicTags: [{
+					label: 'Submission System 2.0',
+					title: 'Update Notifications',
+					content: "The reviewers can check all reviewers ' comments when the manuscripts get final decision."
+				}],
 			};
 		},
 		mounted() {
@@ -180,7 +179,8 @@
 
 			// 关闭标签
 			handleClose(tag) {
-				this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+				// this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+				this.dynamicTags = []
 			},
 		},
 		filters: {