8877

src/components/knowledgeExtra/AddTermSet.vue

@@ -63,7 +63,7 @@
       .tabs {
         max-width: 100%;
         min-width: 100%;
-        border-color: #DCDFE6;
+        border-color: #dcdfe6;
       }
       .form_btn {
         display: flex;
@@ -84,7 +84,7 @@
       .tabs {
         max-width: 100%;
         min-width: 100%;
-        border-color: #DCDFE6;
+        border-color: #dcdfe6;
       }
       .inp {
         width: 100px;
@@ -138,44 +138,31 @@
   /deep/ .el-table--border:after,
   .el-table--group:after,
   .el-table:before {
-    background-color: #DCDFE6;
+    background-color: #dcdfe6;
   }
   /deep/ .el-table--border,
   .el-table--group {
-    border-color: #DCDFE6;
+    border-color: #dcdfe6;
   }
   /deep/ .el-table td,
   .el-table th.is-leaf {
-    border-bottom: 1px solid #DCDFE6;
+    border-bottom: 1px solid #dcdfe6;
   }
 
   /deep/ .el-table--border th,
   .el-table--border th.gutter:last-of-type {
-    border-bottom: 1px solid #DCDFE6;
+    border-bottom: 1px solid #dcdfe6;
   }
 
   /deep/ .el-table--border td,
   .el-table--border th {
-    border-right: 1px solid #DCDFE6;
+    border-right: 1px solid #dcdfe6;
   }
-}
-.test_box {
-  min-height: 300px;
-  max-height: 300px;
-  outline: 0;
-  border: 1px solid #dcdfe6;
-  font-size: 14px;
-  line-height: 1.5;
-  word-wrap: break-word;
-  overflow-x: hidden;
-  overflow-y: auto;
-  border-radius: 4px;
-  margin-top: 6px;
-  padding: 10px 15px;
+  /deep/ .el-textarea__inner {
+      resize: none;
+    }
 }
 </style>
-<style scoped>
-</style>
 <template>
   <div>
     <crumbs :title="title" :param="$route.params" linkTo="TermSet"></crumbs>
@@ -337,13 +324,12 @@
       :close-on-click-modal="false"
       :showClose="false"
     >
-      <div
-        class="test_box"
-        contenteditable="true"
-        ref="msg"
-        style="white-space: pre-wrap"
-        @input="handleInput"
-      ></div>
+      <el-input
+        type="textarea"
+        :rows="15"
+        placeholder="请输入内容"
+        v-model.trim="innerText"
+      ></el-input>
       <span slot="footer" class="dialog-footer">
         <el-button @click="collectcancel">保存并关闭</el-button>
         <el-button type="primary" @click="collectionMatch">确 定</el-button>
@@ -416,10 +402,6 @@ export default {
     }, 500);
   },
   methods: {
-    handleInput(event) {
-      let text = event.target.innerText;
-      this.innerText = text.replace(/(^\s*)|(\s*$)/g, '');
-    },
     getInfo(id) {
       const loading = this.$loading({
         lock: true,