弹框实体属性

DAPlatform-front/src/components/textAnnotation/SelectText.vue

@@ -13,8 +13,8 @@
             </ul>
           </div>
           <div>
-            <el-button type="primary">保存</el-button>
-            <el-button type="primary" @click="save()">提交</el-button>
+            <el-button type="primary" @click="save()">保存</el-button>
+            <el-button type="primary" @click="submit()">提交</el-button>
           </div>
           <!--            弹窗-->
           <el-dialog title="请标注" :visible.sync="ifAlert">
@@ -186,19 +186,36 @@ export default {
     },
     highlight() {
       this.ifAlert = true;
-      const search = window.getSelection().toString();
+      var search;
+      if (window.getSelection) {
+        search = window.getSelection().toString();
+      }else {
+        search = document.selection.createRange().search;
+      }
       this.msg = this.msg.map(item => {
         let replaceReg = new RegExp(search, "g"); // 匹配关键字正则
         let replaceString =
           '<span class="highlights-text">' + search + '</span>'; // 高亮替换v-html值
         return item.replace(replaceReg, replaceString);
       });
+      if(search){
+        this.$message({
+          message: '保存成功！',
+          type: 'success'
+        });
+      }
     },
     save() {
       this.$message({
           message: '保存成功！',
           type: 'success'
         });
+    },
+    submit() {
+      this.$message({
+          message: '保存成功！',
+          type: 'success'
+        });
       this.$router.replace("/completed");
     }
   }

DAPlatform-front/src/components/textAnnotation/SelectedText.vue

@@ -3,6 +3,8 @@
     <el-container class="filter-container">
       <el-main style="background-color: #FFFFFF">
         <div style="overflow-y:auto;height:100%;">
+          <span id="demo1">实体： 属性：</span>
+          <span id="demo2">实体：属性：</span>
           <div @mouseup="highlight()">
             <!--            <div @mouseup="highlight()">-->
             <ul class="list">
@@ -13,8 +15,8 @@
             </ul>
           </div>
           <div>
-            <el-button type="primary">保存</el-button>
-            <el-button type="primary" @click="save()">提交</el-button>
+            <el-button type="primary" @click="save()">保存</el-button>
+            <el-button type="primary" @click="submit()">提交</el-button>
           </div>
           <!--            弹窗-->
           <el-dialog title="请标注" :visible.sync="ifAlert">
@@ -198,6 +200,12 @@ export default {
           message: '保存成功！',
           type: 'success'
         });
+    },
+    submit() {
+      this.$message({
+          message: '保存成功！',
+          type: 'success'
+        });
       this.$router.replace("/completed");
     }
   }
@@ -250,4 +258,20 @@ export default {
   margin-top: 15px;
   margin-bottom: 10px;
 }
+#demo1 {
+            width: 140px;
+            height: 20px;
+            background-color: rgba(255,255,0,0.47);
+            position: absolute;
+            left: 320px;
+            top: 150px;
+        }
+        #demo2 {
+            width: 140px;
+            height: 20px;
+            background-color: rgb(50,205,50);
+            position: absolute;
+            left: 175px;
+            top: 180px;
+        }
 </style>
\ No newline at end of file