From 8b559237da5006751a3f7dd69297c78df7737c6f Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 12 Mar 2024 18:29:44 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=E8=AE=BF=E9=97=AE=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/LimitDialog.vue                 | 91 +++++++++++++++++++
 ui/src/views/applicaiton-overview/index.vue   |  8 ++
 2 files changed, 99 insertions(+)
 create mode 100644 ui/src/views/applicaiton-overview/component/LimitDialog.vue

diff --git a/ui/src/views/applicaiton-overview/component/LimitDialog.vue b/ui/src/views/applicaiton-overview/component/LimitDialog.vue
new file mode 100644
index 000000000..5b2621a36
--- /dev/null
+++ b/ui/src/views/applicaiton-overview/component/LimitDialog.vue
@@ -0,0 +1,91 @@
+<template>
+  <el-dialog title="访问限制" v-model="dialogVisible">
+    <el-form label-position="top" ref="limitFormRef" :model="form">
+      <el-form-item label="文档地址" prop="source_url">
+        <el-input-number
+          v-model="form.min_star"
+          :min="0"
+          :step="1"
+          controls-position="right"
+          step-strictly
+        />
+        次 / 天
+      </el-form-item>
+      <el-form-item label="白名单" @click.prevent>
+        <el-switch size="small" v-model="form.multiple_rounds_dialogue"></el-switch>
+      </el-form-item>
+      <el-form-item>
+        <el-input
+          v-model="form.source_url"
+          placeholder="请输入域名或IP地址，一行一个。"
+          :rows="10"
+          type="textarea"
+        />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click.prevent="dialogVisible = false"> 取消 </el-button>
+        <el-button type="primary" @click="submit(limitFormRef)" :loading="loading">
+          保存
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
+import { copyClick } from '@/utils/clipboard'
+import overviewApi from '@/api/application-overview'
+import { datetimeFormat } from '@/utils/time'
+import { MsgSuccess, MsgConfirm } from '@/utils/message'
+import useStore from '@/stores'
+const route = useRoute()
+const {
+  params: { id }
+} = route
+const { application } = useStore()
+
+const emit = defineEmits(['addData'])
+
+const limitFormRef = ref()
+const form = ref<any>({
+  type: '0',
+  source_url: '',
+  selector: ''
+})
+
+const dialogVisible = ref<boolean>(false)
+const loading = ref(false)
+
+watch(dialogVisible, (bool) => {
+  if (!bool) {
+    form.value = {
+      type: '0',
+      source_url: '',
+      selector: ''
+    }
+  }
+})
+
+const open = () => {
+  dialogVisible.value = true
+}
+
+function submit() {}
+
+defineExpose({ open })
+</script>
+<style lang="scss" scope>
+.embed-dialog {
+  .code {
+    color: var(--app-text-color) !important;
+    background: var(--app-layout-bg-color);
+    font-weight: 400;
+    font-size: 13px;
+    white-space: pre;
+    height: 180px;
+  }
+}
+</style>
diff --git a/ui/src/views/applicaiton-overview/index.vue b/ui/src/views/applicaiton-overview/index.vue
index bb9ce4483..8e4c0af0e 100644
--- a/ui/src/views/applicaiton-overview/index.vue
+++ b/ui/src/views/applicaiton-overview/index.vue
@@ -50,6 +50,7 @@
               <el-button :disabled="!accessToken?.is_active" @click="openDialog">
                 嵌入第三方
               </el-button>
+              <el-button @click="openLimitDialog"> 访问限制 </el-button>
             </div>
           </el-col>
           <el-col :span="12" class="mt-16">
@@ -74,6 +75,7 @@
     </div>
     <EmbedDialog ref="EmbedDialogRef" />
     <APIKeyDialog ref="APIKeyDialogRef" />
+    <LimitDialog ref="LimitDialogRef" />
   </LayoutContainer>
 </template>
 <script setup lang="ts">
@@ -81,6 +83,7 @@ import { ref, computed, onMounted } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import EmbedDialog from './component/EmbedDialog.vue'
 import APIKeyDialog from './component/APIKeyDialog.vue'
+import LimitDialog from './component/LimitDialog.vue'
 import applicationApi from '@/api/application'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
 import { copyClick } from '@/utils/clipboard'
@@ -94,6 +97,7 @@ const {
 
 const apiUrl = window.location.origin + '/doc'
 
+const LimitDialogRef = ref()
 const APIKeyDialogRef = ref()
 const EmbedDialogRef = ref()
 
@@ -126,6 +130,10 @@ function updateAccessToken(obj: any, str: string) {
   })
 }
 
+function openLimitDialog() { 
+  LimitDialogRef.value.open()
+}
+
 function openAPIKeyDialog() {
   APIKeyDialogRef.value.open()
 }

From 3dd3ead155a21dd00668c4b1f7852b087b00579e Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 12 Mar 2024 18:55:50 +0800
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=E8=AE=BF=E9=97=AE=E9=99=90?=
 =?UTF-8?q?=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/LimitDialog.vue                 | 57 ++++++++++++-------
 ui/src/views/applicaiton-overview/index.vue   | 10 +++-
 2 files changed, 45 insertions(+), 22 deletions(-)

diff --git a/ui/src/views/applicaiton-overview/component/LimitDialog.vue b/ui/src/views/applicaiton-overview/component/LimitDialog.vue
index 5b2621a36..5cf4f8137 100644
--- a/ui/src/views/applicaiton-overview/component/LimitDialog.vue
+++ b/ui/src/views/applicaiton-overview/component/LimitDialog.vue
@@ -1,22 +1,22 @@
 <template>
   <el-dialog title="访问限制" v-model="dialogVisible">
     <el-form label-position="top" ref="limitFormRef" :model="form">
-      <el-form-item label="文档地址" prop="source_url">
+      <el-form-item label="客户端提问限制">
         <el-input-number
-          v-model="form.min_star"
+          v-model="form.access_num"
           :min="0"
           :step="1"
           controls-position="right"
           step-strictly
         />
-        次 / 天
+        <span class="ml-4">次 / 天</span>
       </el-form-item>
       <el-form-item label="白名单" @click.prevent>
-        <el-switch size="small" v-model="form.multiple_rounds_dialogue"></el-switch>
+        <el-switch size="small" v-model="form.white_active"></el-switch>
       </el-form-item>
       <el-form-item>
         <el-input
-          v-model="form.source_url"
+          v-model="form.white_list"
           placeholder="请输入域名或IP地址，一行一个。"
           :rows="10"
           type="textarea"
@@ -36,24 +36,22 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
-import { copyClick } from '@/utils/clipboard'
-import overviewApi from '@/api/application-overview'
-import { datetimeFormat } from '@/utils/time'
+import type { FormInstance, FormRules } from 'element-plus'
+import applicationApi from '@/api/application'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
-import useStore from '@/stores'
+
 const route = useRoute()
 const {
   params: { id }
 } = route
-const { application } = useStore()
 
-const emit = defineEmits(['addData'])
+const emit = defineEmits(['refresh'])
 
 const limitFormRef = ref()
 const form = ref<any>({
-  type: '0',
-  source_url: '',
-  selector: ''
+  access_num: 0,
+  white_active: true,
+  white_list: ''
 })
 
 const dialogVisible = ref<boolean>(false)
@@ -62,18 +60,39 @@ const loading = ref(false)
 watch(dialogVisible, (bool) => {
   if (!bool) {
     form.value = {
-      type: '0',
-      source_url: '',
-      selector: ''
+      access_num: 0,
+      white_active: true,
+      white_list: ''
     }
   }
 })
 
-const open = () => {
+const open = (data: any) => {
+  form.value.access_num = data.access_num
+  form.value.white_active = data.white_active
+  form.value.white_list = data.white_list?.join('\n')
   dialogVisible.value = true
 }
 
-function submit() {}
+const submit = async (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      const obj = {
+        white_list: form.value.white_list.split('\n'),
+        white_active: form.value.white_active,
+        access_num: form.value.access_num
+      }
+      applicationApi.putAccessToken(id as string, obj, loading).then((res) => {
+        emit('refresh')
+        MsgSuccess('设置成功')
+        dialogVisible.value = false
+      })
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
 
 defineExpose({ open })
 </script>
diff --git a/ui/src/views/applicaiton-overview/index.vue b/ui/src/views/applicaiton-overview/index.vue
index 8e4c0af0e..dba1cce5e 100644
--- a/ui/src/views/applicaiton-overview/index.vue
+++ b/ui/src/views/applicaiton-overview/index.vue
@@ -75,7 +75,7 @@
     </div>
     <EmbedDialog ref="EmbedDialogRef" />
     <APIKeyDialog ref="APIKeyDialogRef" />
-    <LimitDialog ref="LimitDialogRef" />
+    <LimitDialog ref="LimitDialogRef" @refresh="refresh" />
   </LayoutContainer>
 </template>
 <script setup lang="ts">
@@ -130,8 +130,8 @@ function updateAccessToken(obj: any, str: string) {
   })
 }
 
-function openLimitDialog() { 
-  LimitDialogRef.value.open()
+function openLimitDialog() {
+  LimitDialogRef.value.open(accessToken.value)
 }
 
 function openAPIKeyDialog() {
@@ -151,6 +151,10 @@ function getDetail() {
     detail.value = res.data
   })
 }
+
+function refresh() {
+  getAccessToken()
+}
 onMounted(() => {
   getDetail()
   getAccessToken()

From ba9305c405a0e4d16c6dee1e983789c8a3f35679 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 13 Mar 2024 16:03:43 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20markdown=E7=BC=96=E8=BE=91=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/styles/app.scss                        |  8 +++++++
 .../dataset/component/EditParagraphDialog.vue |  2 +-
 .../paragraph/component/ParagraphDialog.vue   |  8 +++----
 .../paragraph/component/ParagraphForm.vue     | 24 ++++++++++++++-----
 4 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index b47dd0ff8..7690099a6 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -518,3 +518,11 @@ h4 {
     }
   }
 }
+
+// markdown
+
+.ͼ1 .cm-placeholder {
+  color: var(--app-input-color-placeholder);
+  font-size: 14px;
+  font-weight: 400;
+}
diff --git a/ui/src/views/dataset/component/EditParagraphDialog.vue b/ui/src/views/dataset/component/EditParagraphDialog.vue
index f5808378d..d82ef305e 100644
--- a/ui/src/views/dataset/component/EditParagraphDialog.vue
+++ b/ui/src/views/dataset/component/EditParagraphDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog title="编辑分段" v-model="dialogVisible" width="600" destroy-on-close>
+  <el-dialog title="编辑分段" v-model="dialogVisible" width="80%" destroy-on-close>
     <ParagraphForm ref="paragraphFormRef" :data="detail" :isEdit="true" />
     <template #footer>
       <span class="dialog-footer">
diff --git a/ui/src/views/paragraph/component/ParagraphDialog.vue b/ui/src/views/paragraph/component/ParagraphDialog.vue
index 89de8e7f3..a429c9fc5 100644
--- a/ui/src/views/paragraph/component/ParagraphDialog.vue
+++ b/ui/src/views/paragraph/component/ParagraphDialog.vue
@@ -2,13 +2,13 @@
   <el-dialog
     :title="title"
     v-model="dialogVisible"
-    width="800"
+    width="80%"
     class="paragraph-dialog"
     destroy-on-close
   >
     <el-row v-loading="loading">
-      <el-col :span="16">
-        <el-scrollbar height="370" wrap-class="paragraph-scrollbar">
+      <el-col :span="18">
+        <el-scrollbar height="500" wrap-class="paragraph-scrollbar">
           <div class="p-24" style="padding-bottom: 8px">
             <div class="flex-between mb-16">
               <div class="bold title align-center">分段内容</div>
@@ -27,7 +27,7 @@
           </el-button>
         </div>
       </el-col>
-      <el-col :span="8" class="border-l">
+      <el-col :span="6" class="border-l">
         <!-- 关联问题 -->
         <ProblemComponent
           :problemId="problemId"
diff --git a/ui/src/views/paragraph/component/ParagraphForm.vue b/ui/src/views/paragraph/component/ParagraphForm.vue
index ab565366a..3876fb365 100644
--- a/ui/src/views/paragraph/component/ParagraphForm.vue
+++ b/ui/src/views/paragraph/component/ParagraphForm.vue
@@ -12,7 +12,7 @@
       <span class="lighter" v-else>{{ form.title || '-' }}</span>
     </el-form-item>
     <el-form-item label="分段内容" prop="content">
-      <el-input
+      <!-- <el-input
         v-if="isEdit"
         v-model="form.content"
         placeholder="请输入分段内容"
@@ -20,16 +20,25 @@
         show-word-limit
         :rows="8"
         type="textarea"
-      >
-      </el-input>
-      <span v-else class="break-all lighter">{{ form.content }}</span>
+      > 
+     </el-input>-->
+      <MdEditor
+        v-if="isEdit"
+        v-model="form.content"
+        placeholder="请输入分段内容"
+        :maxLength="4096"
+        :preview="false"
+        style="height: 300px;"
+      />
+      <MdPreview v-else ref="editorRef" editorId="preview-only" :modelValue="form.content" />
+      <!-- <span v-else class="break-all lighter">{{ form.content }}</span> -->
     </el-form-item>
   </el-form>
 </template>
 <script setup lang="ts">
 import { ref, reactive, onUnmounted, watch } from 'vue'
 import type { FormInstance, FormRules } from 'element-plus'
-
+import { MdEditor, MdPreview } from 'md-editor-v3'
 const props = defineProps({
   data: {
     type: Object,
@@ -44,7 +53,10 @@ const form = ref<any>({
 })
 
 const rules = reactive<FormRules>({
-  content: [{ required: true, message: '请输入分段内容', trigger: 'blur' }]
+  content: [
+    { required: true, message: '请输入分段内容', trigger: 'blur' },
+    { max: 4096, message: '内容最多不超过 4096 个字', trigger: 'blur' }
+  ]
 })
 
 const paragraphFormRef = ref<FormInstance>()