From ee338b247d247a4260bbe17b5d3558d42a9c5324 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Fri, 14 Jul 2023 20:32:18 +0800
Subject: [PATCH] =?UTF-8?q?CN-1066=20feat:=20=E5=A2=9E=E5=8A=A0=E7=9F=A5?=
 =?UTF-8?q?=E8=AF=86=E5=BA=93=E6=A0=BC=E5=BC=8F=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/setting/knowledgeBase.scss          | 20 ++++++++++++++++++-
 src/views/setting/KnowledgeBaseForm.vue       | 16 +++++++++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/components/views/setting/knowledgeBase.scss b/src/assets/css/components/views/setting/knowledgeBase.scss
index ad0cb82c..4d15f604 100644
--- a/src/assets/css/components/views/setting/knowledgeBase.scss
+++ b/src/assets/css/components/views/setting/knowledgeBase.scss
@@ -682,8 +682,9 @@
     }
 
     .el-collapse {
-      width: 655px;
+      width: 855px;
       margin-left: 5px;
+      padding-right: 200px;
       border: none;
 
       .el-collapse-item.upload-collapse {
@@ -721,6 +722,7 @@
         .el-collapse-item__wrap {
           padding-left: 35px;
           border: none;
+          overflow: visible;
         }
         .el-collapse-item__content {
           position: relative;
@@ -873,6 +875,22 @@
       &.imported-table-box--error {
         border-color: $--color-danger;
       }
+      .entity-format-tip {
+        position: absolute;
+        left: 100%;
+        padding-left: 10px;
+        width: 200px;
+        color: #353636;
+
+        div {
+          display: flex;
+        }
+        span {
+          padding-right: 10px;
+
+          color: #909399;
+        }
+      }
       .imported-table {
         padding: 0 12px;
         width: 100%;
diff --git a/src/views/setting/KnowledgeBaseForm.vue b/src/views/setting/KnowledgeBaseForm.vue
index 9016907c..2f669f92 100644
--- a/src/views/setting/KnowledgeBaseForm.vue
+++ b/src/views/setting/KnowledgeBaseForm.vue
@@ -94,6 +94,22 @@
               }) }}
             </div>
             <div class="imported-table-box" :class="previewErrorTip ? 'imported-table-box--error' : ''">
+              <div class="entity-format-tip">
+                <template v-if="editObject.source === knowledgeBaseType.find(t => t.name === 'ip').value">
+                  <div><span>{{$t('overall.format')}}:</span></div>
+                  <div><span>IPv4</span>  x.x.x.x</div>
+                  <div><span>IPv4 CIDR</span>   x.x.x.x/n</div>
+                  <div><span>IPv4 Range</span>   x.x.x.x-y.y.y.y</div>
+                  <div><span>IPv6</span>   x:x:x::x</div>
+                  <div><span>IPv6 CIDR</span>   x:x:x::x/n</div>
+                  <div><span>IPv6 Range</span>   x:x:x::x-y:y:y::y</div>
+                </template>
+                <template v-else-if="editObject.source === knowledgeBaseType.find(t => t.name === 'domain').value">
+                  <div><span>{{$t('overall.format')}}:</span></div>
+                  <div><span>{{$t('entities.format.suffix')}}</span>  *example.com</div>
+                  <div><span>{{$t('entities.format.exactly')}}</span>   $www.example.com</div>
+                </template>
+              </div>
               <el-form ref="editForm" :model="editTagForm" :rules="editTagFormRules">
                 <table class="imported-table" v-if="!importedDataNoData">
                   <tr>