Merge branch 'eta1.8.8'

src/api/modules/semanticsApi.js

@@ -516,5 +516,214 @@ const asrInterface = {
 }
 
 
+/* ai纪要 */
+const aiSummeryInterface = {
+  /**
+   * 获取纪要分类
+   * @param {*} params IsShowMe
+   * @returns 
+   */
+  getClassify: params => {
+    return http.get('/ai/summary/classify/list',params)
+  },
+
+  /**
+   * 新增纪要分类
+   * @param {*} params 
+   * "ClassifyName": "测试分类2",
+    "ParentId": 0,
+    "Level": 0
+   * @returns 
+   */
+  classifyAdd: params => {
+    return http.post('/ai/summary/classify/add',params)
+  },
+
+  /**
+   * 编辑纪要分类
+   * @param {*} params 
+   * "ClassifyName": "测试分类2",
+    "AiSummaryClassifyId": 1011 
+   * @returns 
+   */
+  classifyEdit: params => {
+    return http.post('/ai/summary/classify/edit',params)
+  },
+
+  /**
+   * 删除分类监测
+   * @param {*AiSummaryClassifyId} params 
+   * @returns 
+   */
+  classifyDelCheck: params => {
+    return http.post('/ai/summary/classify/delete/check',params)
+  },
+
+  /**
+   * 删除分类
+   * @param {*AiSummaryClassifyId} params 
+   * @returns 
+   */
+  classifyDel: params => {
+    return http.post('/ai/summary/classify/delete',params)
+  },
+
+  /**
+   * 移动分类
+   * @param {*} params 
+   * {
+      "AiSummaryClassifyId": 1015,
+      "AiSummaryId": 0,
+      "ParentClassifyId": 0,
+      "PrevId": 0,
+      "NextId": 1013,
+      "PrevType": 1,
+      "NextType": 1
+    }
+   * @returns 
+   */
+  classifyMove: params => {
+    return http.post('/ai/summary/classify/move',params)
+  },
+
+  /**
+   * 纪要搜索
+   * @param {*} params IsShowMe PageSize CurrentIndex KeyWord
+   * @returns 
+   */
+  summerySearch: params => {
+    return http.get('/ai/summary/list',params)
+  },
+
+  /**
+   * 提示词新增
+   * @param {* PromptContent Title} params 
+   * @returns 
+   */
+  promptAdd: params => {
+    return http.post('/ai/prompt/add',params)
+  },
+
+  /**
+   * 提示词编辑
+   * @param {*} params 
+   * "PromptContent": "提示词内容2",
+    "Title": "标题",
+    "AiPromptId": 637,
+   * @returns 
+   */
+  promptEdit: params => {
+    return http.post('/ai/prompt/edit',params)
+  },
+
+  /**
+   * 提示词删除
+   * @param {*AiPromptId} params 
+   * @returns 
+   */
+  promptDel: params => {
+    return http.post('/ai/prompt/delete',params)
+  },
+
+  /**
+   * 移动提示词
+   * @param {*} params 
+   * "AiPromptId": 638,
+    "PrevAiPromptId": 640,
+    "NextAiPromptId": 641
+   * @returns 
+   */
+  promptMove: params => {
+    return http.post('/ai/prompt/move',params)
+  },
+
+  /**
+   * 提示词详情
+   * @param {*AiPromptId} params 
+   * @returns 
+   */
+  promptDetail: params => {
+    return http.get('/ai/prompt/detail',params)
+  },
+
+  /**
+   * 我的提示词库
+   * @param {*} params 
+   * @returns 
+   */
+  getMyPromptClassify: params => {
+    return http.get('/ai/prompt/list',params)
+  },
+
+  /**
+   * 公共提示词库
+   * @param {*} params 
+   * @returns 
+   */
+  getPublicPromptClassify: params => {
+    return http.get('/ai/prompt/groups',params)
+  },
+
+  /**
+   * 设置提示词共享状态
+   * @param {*AiPromptId} params 
+   * @returns 
+   */
+  setPromptPublic: params => {
+    return http.post('/ai/prompt/share',params)
+  },
+
+  /**
+   * 生成结果
+   * @param {*} params 
+   * "AiChatTopicId": 307, 
+    "OriginContent": "", 
+    "OpenaiFileId": [
+    "cq73762tnn0umrare230"
+    ], 
+    "Prompt": "你是一名产品经理，分析下这张图", 
+    "Model": "Kimi" 
+   * @returns 
+   */
+  createAiSummery: params => {
+    return http.post('/ai/summary/generate',params)
+  },
+
+  /**
+   * 保存纪要
+   * @param {*} params 
+   *  "SaDocId": 0,
+      "OriginContent": "你是谁",
+      "SummaryContent": "我是一个人工智能，被训练来回答问题和提供帮助。虽然我没有个人身份或情感，但我会尽我所能为您提供有用的信息和支持。如果您有任何问题，请随时向我咨询！",
+      "ClassifyId": 1012,
+      "Title": "测试",
+      "Prompt": "",
+      "OpenaiFileName": "",
+      "OpenaiFilePath": ""
+   */
+  summerySave: params => {
+    return http.post('/ai/summary/add',params)
+  },
+
+  /**
+   * 纪要详情
+   * @param {*} params AiSummaryId
+   * @returns 
+   */
+  summeryDetail: params => {
+    return http.get('/ai/summary/detail',params)
+  },
+
+  /**
+   * 获取所有层级分类不包含纪要
+   * @param {*} params 
+   * @returns 
+   */
+  getSummeryAllClassify: params => {
+    return http.get('/ai/summary/classifyList',params)
+  }
+} 
+
+
 
-export {tagInterface,documentInterface,semanticInterface,asrInterface}
+export {tagInterface,documentInterface,semanticInterface,asrInterface,aiSummeryInterface}

src/lang/modules/SemanticsManage/indexEn.js

@@ -11,5 +11,32 @@ export default {
     DocumentManagement: DocumentManagementEn,
     TagManagement: TagManagementEn,
     ASRpage:ASRPageEn,
+
+    /* ai纪要 */
+    AiSummeryPage: {
+      btn_add_summery: 'Add Summery',
+      btn_add_prompt: 'Add Prompt',
+      tab_summery: 'Summerys',
+      tab_prompt: 'Prompts',
+      
+      ph_search:'Please enter the name of the summery',
+      public_prompt:'Public Prompt',
+      my_prompt:'My Prompt',
+      add_first_classify:'Add Primary Directory',
+
+      source_tab1:'Original Text',
+      source_tab2:'Document Library',
+      source_tab3:'Upload File',
+      rechoose:'Re-select',
+      source_title:'Title',
+      
+      label_prompt:'Prompt',
+      label_model:'Large Model',
+      send_btn:'Send',
+      new_send_btn:'New Dialogue',
+      summery_name:'Summery Name',
+      summery_clasify:'Summery category',
+      ph_classify:"Please select a summary category"
+    }
   },
 };

src/lang/modules/SemanticsManage/indexZh.js

@@ -10,5 +10,33 @@ export default {
     DocumentManagement: DocumentManagementZh,
     TagManagement: TagManagementZh,
     ASRpage:ASRPageZh,
+
+    /* ai纪要 */
+    AiSummeryPage: {
+      btn_add_summery: '添加纪要',
+      btn_add_prompt: '添加提示词',
+      tab_summery: '纪要库',
+      tab_prompt: '提示词库',
+      
+      ph_search:'请输入纪要名称',
+      public_prompt:'公共提示词',
+      my_prompt:'我的提示词',
+      add_first_classify:'添加一级目录',
+
+      source_tab1:'原文',
+      source_tab2:'文档库',
+      source_tab3:'上传文件',
+      rechoose:'重新选择',
+      source_title:'标题',
+      
+      label_prompt:'提示词',
+      label_model:'大模型',
+      send_btn:'发送',
+      new_send_btn:'新对话中发送',
+
+      summery_name:'纪要名称',
+      summery_clasify:'纪要分类',
+      ph_classify:"请选择纪要分类"
+    }
   },
 };

src/routes/modules/semanticsRoutes.js

@@ -87,6 +87,22 @@ export default [{
       meta:{
         name_en:"ASR"
       },
-    }
+    },
+    {
+      path: "aISummeryPage",
+      name: "AI纪要",
+      component: () => import('@/views/semantics_manage/summery/index.vue'),
+      meta:{
+        name_en:"AI Summery"
+      },
+    },
+    {
+      path: "summeryEdit",
+      name: "添加纪要",
+      component: () => import('@/views/semantics_manage/summery/summeryEdit.vue'),
+      meta:{
+        name_en:"Add Summery"
+      },
+    },
   ]
 }]

src/utils/buttonConfig.js

@@ -556,6 +556,17 @@ export const semanticPermission = {
     ASR_deleteVoice:'ASR:deleteVoice',//删除音频
     ASR_copyText:'ASR:copyText',//复制
     ASR_toggleTimestampShow:'ASR:toggleTimestampShow',//隐藏/显示时间戳
+
+    /* ai纪要 */
+    AiSummery_add: 'AiSummery:add',//添加纪要
+    AiSummery_view: 'AiSummery:view',//查看
+    AiSummery_prompt_add: 'AiSummery:prompt:add',//添加提示词
+    AiSummery_classify_edit: 'AiSummery:classify:edit',//添加编辑纪要分类
+    AiSummery_classify_move: 'AiSummery:classify:move',//移动分类
+    AiSummery_classify_del: 'AiSummery:classify:del',//删除分类
+    AiSummery_prompt_classify_move: 'AiSummery:prompt:classify:move',//提示词分类移动
+    AiSummery_prompt_classify_del: 'AiSummery:prompt:classify:del',//提示词分类删除
+    AiSummery_prompt_classify_edit: 'AiSummery:prompt:classify:edit',//提示词分类修改
 }
 /*
  * --------------------------------------------------------------------------统计分析------------------------------------------------

src/views/semantics_manage/summery/components/classifyDia.vue

@@ -0,0 +1,115 @@
+<template>
+		<el-dialog
+      :visible.sync="isShow"
+      :close-on-click-modal="false"
+      :modal-append-to-body='false'
+      :title="form.classifyId?$t('SemanticsManage.DocumentManagement.edit_category'):$t('SemanticsManage.DocumentManagement.add_category')"
+      @close="cancelHandle"
+      custom-class="dialog"
+      center
+      width="560px"
+      v-dialogDrag
+    >
+			<div class="dialog-main">
+				<el-form
+          ref="diaForm"
+          label-position="left"
+          hide-required-asterisk
+          label-width="150px"
+          :model="formData"
+          :rules="formRules"
+        >
+				
+          <el-form-item :label="$t('OnlineExcelPage.parent_directory_lable')" v-if="formData.parentClassifyId">
+            <span>{{formData.parentName}}</span>
+          </el-form-item>
+          <el-form-item :label="$t('Chart.classify_name_label')" prop="classifyName">
+            <el-input
+            v-model="formData.classifyName"
+            style="width: 80%"
+            :placeholder="$t('Dialog.require_vaild')"></el-input>
+          </el-form-item>
+				</el-form>
+			</div>
+			<div class="dia-bot">
+				<el-button type="primary" style="margin-right:20px" @click="saveHandle">{{$t('Dialog.confirm_save_btn')}}</el-button>
+				<el-button type="primary" plain @click="cancelHandle">{{$t('Dialog.cancel_btn')}}</el-button>
+			</div>
+		</el-dialog>
+</template>
+
+<script>
+import { aiSummeryInterface } from '@/api/modules/semanticsApi';
+export default {
+	props: {
+		isShow: {
+			type: Boolean,
+		},
+		form: {
+			type: Object,
+		}
+	},
+	watch: {
+		'isShow': {
+			handler(newval) {
+        if(newval) {
+          console.log(this.form)
+          this.formData = {...this.form};
+        }
+			}
+		}
+	},
+	computed:{
+		formRules(){
+			return {
+				classifyName:[
+					{ required: true, message: this.$t('StatisticAnalysis.ChartRelevance.classify_name_tips'), trigger: 'blur' },
+				]
+			}
+		}
+	},
+	data () {
+		return {			
+			formData: {},
+		};
+	},
+	methods: {
+
+		async saveHandle() {
+			await this.$refs.diaForm.validate()
+      const { classifyName,classifyId,parentClassifyId,parentLevel }  = this.formData;
+
+      const { Ret,Msg } = !classifyId
+        ? await aiSummeryInterface.classifyAdd({ ClassifyName:classifyName,ParentId:parentClassifyId,Level: parentLevel })
+        : await aiSummeryInterface.classifyEdit({ ClassifyName:classifyName, AiSummaryClassifyId:classifyId  })
+        
+      if( Ret !== 200) return
+      this.$message.success(Msg);
+      this.cancelHandle();
+      this.$emit('successCallback')
+		},
+
+		/* 取消 */
+		cancelHandle() {
+      this.formData = {}
+			this.$refs.diaForm.resetFields();
+			this.$emit('update:isShow',false)
+		},
+
+	},
+}
+</script>
+<style lang='scss' scoped>
+	.dialog-main {
+		padding-left: 50px;
+	}
+	.el-cascader .el-input {
+		width: 100%;
+	}
+	.dia-bot {
+		margin: 52px 0 30px;
+		display: flex;
+		justify-content: center;
+
+	}
+</style>

src/views/semantics_manage/summery/components/editor.vue

@@ -0,0 +1,36 @@
+<template>
+  <froala 
+    :id="`froala-editor-documentContent`" 
+    :tag="'textarea'" 
+    :config="froalaConfig" 
+    v-model="content"
+  >
+  </froala>
+</template>
+<script>
+import {froalaConfig} from '../../utils/config';
+export default {
+  props: {
+    disabled: {
+      type: Boolean
+    }
+  },
+  data() {
+    return {
+      froalaConfig:{
+        ...froalaConfig,
+        placeholderText:this.$t('SemanticsManage.DocumentComparison.article_content_enter')
+      },
+      content: ''
+    }
+  },
+  methods:{
+    initData(content) {
+      this.content = content;
+    }
+  },
+}
+</script>
+<style scoped lang='scss'>
+
+</style>

src/views/semantics_manage/summery/components/promptClassifySection.vue

@@ -0,0 +1,272 @@
+<template>
+  <div class="prompt-classify-wrapper">
+    <!-- 公共提示词 -->
+    <div class="public-classify" v-if="publicPromptList.length">
+      <h3 
+        @click="isExpandPublic = !isExpandPublic" 
+        class="classify-type"
+      > 
+        <!-- 公共提示词 -->{{$t('SemanticsManage.AiSummeryPage.public_prompt')}}
+        <span><i :class="{'el-icon-arrow-down':!isExpandPublic,'el-icon-arrow-up':isExpandPublic}"></i></span>
+      </h3>
+    
+      <div class="tree-wrap" v-show="isExpandPublic">
+            <el-tree
+                ref="catalogTree"
+                class="target_tree"
+                empty-text="暂无提示词"
+                :props="defaultProp"
+                :data="publicPromptList"
+                node-key="nodeKeyId"
+                :expand-on-click-node="false"
+                @current-change="(data,node)=>{nodeChange(data,node)}"
+                >
+                <div class="custom-tree-node" slot-scope="{ data }">
+                    <span class="tree-label">{{ data.label }}</span>
+                </div>
+            </el-tree>
+        </div>
+    </div>
+
+    <!-- 我的提示词 -->
+    <div class="classify">
+          <h3 class="classify-type"><!-- 我的提示词 -->{{$t('SemanticsManage.AiSummeryPage.my_prompt')}}</h3>
+          <template v-if="myPromptList.length">
+            <draggable
+              v-model="myPromptList"
+              class="classify-ul"
+              animation="300"
+              tag="ul"
+              @start="dragStart"
+              @update="dragenter"
+              @end="dragOver"
+            >
+              <li
+                :class="[
+                  'classify-item',
+                  { 'act': item.AiPromptId=== selectId },
+                ]"
+                v-for="item in myPromptList"
+                :key="item.AiPromptId"
+                @click="chooseClassify(item)"
+              >
+                <div>
+                  <img
+                    src="~@/assets/img/data_m/move_ico.png"
+                    alt=""
+                    class="move"
+                    style="width: 14px; height: 14px;margin-right: 5px;"
+                  />
+                  {{ item.Title }}
+                </div>
+                <div class="right-item-box">
+                  <el-dropdown
+                    style="margin-right: 10px" 
+                    @command="handleCommand" 
+                    trigger="click"
+                  >
+                    <span class="el-dropdown-link  el-dropdown-link-img">
+
+                      <img src="~@/assets/img/chart_m/Group.png" v-if="item.IsShare === 0">
+                      <img src="~@/assets/img/chart_m/User.png" v-else>
+                    </span>
+                    <el-dropdown-menu slot="dropdown">
+                      <el-dropdown-item 
+                      :command="{key:'own',IsPublic:undefined,item}" 
+                      :class="item.IsShare === 0 ? 'el-dropdown-menu-item-chat-act' : ''"
+                      class="el-dropdown-menu-item-chat"
+                      >
+                      <img v-if="item.IsShare === 0" src="~@/assets/img/chart_m/Group_act.png">
+                      <img v-else src="~@/assets/img/chart_m/Group.png">
+                      <!-- 仅自己可见 -->{{$t('MyEtaPage.option_view_person')}}</el-dropdown-item>
+                      <el-dropdown-item 
+                      :command="{key:'public',IsPublic:undefined,item}" 
+                      :class="item.IsShare === 1 ? 'el-dropdown-menu-item-chat-act' : ''"
+                      class="el-dropdown-menu-item-chat"
+                      >
+                      <img v-if="item.IsShare === 1" src="~@/assets/img/chart_m/User_act.png">
+                      <img v-else src="~@/assets/img/chart_m/User.png">
+                      <!-- 所有人可见 -->{{$t('MyEtaPage.option_view_all')}}</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </el-dropdown>
+
+                  <el-dropdown @command="handleCommand" trigger="click">
+                    <span class="el-dropdown-link"> 
+                      <i class="el-icon-more" style="font-size: 16px;transform: rotate(90deg);cursor: pointer"/>
+                    </span>
+                    <el-dropdown-menu slot="dropdown">
+                      <el-dropdown-item v-if="permissionBtn.isShowBtn('myETAPermission','myChart_classifyOpt_delete')"
+                          :command="{key:'del',IsPublic:undefined,item}"><!-- 删除 -->{{$t('Table.delete_btn')}}</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </el-dropdown>
+                </div>
+              </li>
+            </draggable>
+          </template>
+
+          <tableNoData text="暂无提示词" v-else size="mini"/>
+        </div>
+  </div>
+</template>
+<script>
+import draggable from 'vuedraggable';
+import { aiSummeryInterface } from '@/api/modules/semanticsApi';
+export default {
+  components: {  draggable },
+  props: {
+    publicList: {
+      type: Array
+    },
+    myList: {
+      type: Array
+    }
+  },
+  data() {
+    return {
+      selectId: 0,
+      defaultProp: {
+        label: 'label',
+        value: 'value',
+        children: 'children'
+      },
+      publicPromptList: [],
+      isExpandPublic: false,
+
+      myPromptList: [],
+      startIndex: 0,
+      nextIndex: 0,
+      preIndex: 0
+    }
+  },
+  watch: {
+    myList(nval) {
+      this.myPromptList = nval
+    },
+    publicList(nval) {
+      this.publicPromptList = nval
+    }
+  },
+  methods:{
+    handleCommand({key,IsPublic,item}) {
+
+      key==='del' && this.delPrompt(item);
+
+      ['own', 'public'].includes(key) && aiSummeryInterface.setPromptPublic({
+        AiPromptId: this.selectId
+      }).then(res => {
+        if(res.Ret !== 200) return;
+        this.$message.success(/* '设置成功' */this.$t('MsgPrompt.set_success_msg'));
+        if(key === 'own'){
+          item.IsShare=0
+        }else{
+          item.IsShare=1
+        }
+        this.$emit('getData')
+      })
+      
+    },
+
+    delPrompt(item) {
+      this.$confirm('确认删除该提示词吗？', this.$t('Confirm.prompt'), {
+				type: 'warning',
+			}).then(async() => {
+				
+        const res = await aiSummeryInterface.promptDel({
+          AiPromptId: item.AiPromptId
+        })
+        
+        if(res.Ret !== 200) return 
+        this.$message.success(res.Msg)
+        this.myPromptList.splice(this.myPromptList.findIndex(_ =>_.AiPromptId===item.AiPromptId),1)
+
+        this.selectId = 0;
+        this.$emit('close')
+			});
+    },
+
+    nodeChange(data,node) {
+      if(data.AiPromptId) { //提示词
+        this.selectId = 0;
+
+        this.$emit('change',data)
+      }
+    },
+
+
+    /* 切换分类 */
+    chooseClassify(item) {
+      const {AiPromptId } = item
+
+      this.$refs.catalogTree&&this.$refs.catalogTree.setCurrentKey(null)
+      this.selectId = AiPromptId;
+
+      this.$emit('change',item)
+    },
+
+    /* 拖动开始 记录位置 */
+    dragStart({ oldIndex }) {
+      this.startIndex = this.myPromptList[oldIndex].AiPromptId;
+    },
+
+    /* 拖动结束 替换  */
+    dragOver() {
+      aiSummeryInterface.promptMove({
+          AiPromptId:  this.startIndex,
+          NextAiPromptId: this.nextIndex || 0,
+          PrevAiPromptId:  this.preIndex || 0,
+      }).then(res => {
+        if(res.Ret !== 200) return;
+        this.$message.success(res.Msg)
+      })
+
+    },
+
+    /* 拖动时 获取移动后的上一个位置id 若移到第一位则取0 获取后一个id 若是最后一个取0*/
+    dragenter({ newIndex }) {
+      this.preIndex = newIndex > 0 ? this.myPromptList[newIndex - 1].AiPromptId: 0;
+      this.nextIndex = newIndex ===  this.myPromptList.length - 1 ? 0 : this.myPromptList[newIndex + 1].AiPromptId
+
+    },
+  },
+}
+</script>
+<style scoped lang='scss'>
+.prompt-classify-wrapper {
+  padding: 15px 0 30px;
+  overflow: auto;
+  position: relative;
+  height: calc(100vh - 300px);
+
+  .classify-item {
+    padding: 10px 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    &.act {
+      background: #e0eefd;
+      color: #409eff;
+    }
+  }
+  .classify-type {
+    margin-bottom: 8px;
+    padding-left: 15px;
+  }
+  .public-classify {
+    margin-bottom: 20px;
+    .tree-wrap{
+        padding:15px;
+    }
+    .custom-tree-node {
+      display: flex !important;
+      justify-content: space-between;
+      align-items: center;
+      display: block;
+      flex: 1;
+    }
+  }
+  .right-item-box {
+    display: flex;
+    align-items: center;
+  }
+}
+</style>

src/views/semantics_manage/summery/components/promptDetail.vue

@@ -0,0 +1,115 @@
+<template>
+  <div class="edit-prompt">
+    <header>
+      <div>
+        <span>提示词名称</span>
+        <el-input 
+          v-model="promptData.title" 
+          style="width:220px" 
+          placeholder="请输入提示词名称"
+          :disabled="item.type==='public'"
+        ></el-input>
+      </div>
+      <div class="btn-handle" v-if="item.type!=='public'">
+        <el-button type="primary" @click="handleSavePrompt"><!-- 确定 -->{{$t('Dialog.confirm_btn')}}</el-button>
+          <el-button type="primary" plain ><!-- 取消 -->{{$t('Dialog.cancel_btn')}}</el-button>
+      </div>
+    </header>
+
+    <div class="main">
+      <Editor ref="editorRef" :disabled="item.type==='public'"/>
+    </div>
+  </div>
+</template>
+<script>
+import { aiSummeryInterface } from '../../../../api/modules/semanticsApi'
+import Editor from './editor.vue'
+export default {
+  components: { Editor },
+  props: {
+    item: {
+      type: Object
+    }
+  },
+  watch: {
+    item(nval) {
+      console.log(nval)
+      if(nval.AiPromptId) {
+        this.promptData.title = nval.Title;
+        this.$refs.editorRef&&this.$refs.editorRef.initData(nval.PromptContent)
+      }else {
+        this.promptData.title=''
+        this.$refs.editorRef&&this.$refs.editorRef.initData('')
+      }
+    }
+  },
+  data() {
+    return {
+      promptData: {
+        title: ''
+      }
+    }
+  },
+  mounted() {
+    if(this.item.AiPromptId) {
+      this.promptData.title = this.item.Title;
+      this.$nextTick(() => {
+        this.$refs.editorRef&&this.$refs.editorRef.initData(this.item.PromptContent)
+      })
+    }else {
+      this.promptData.title=''
+      this.$nextTick(() => {
+        this.$refs.editorRef&&this.$refs.editorRef.initData('')
+      })
+    }
+  },
+  methods:{
+    async handleSavePrompt() {
+      if(!this.promptData.title) return this.$message.warning('请输入提示词名称')
+
+      let params = {
+        Title: this.promptData.title,
+        PromptContent: this.$refs.editorRef.content
+      }
+      
+      const res = this.item.AiPromptId
+        ? await aiSummeryInterface.promptEdit({AiPromptId: this.item.AiPromptId,...params})
+        : await aiSummeryInterface.promptAdd(params)
+        
+      if(res.Ret !== 200) return
+      this.$message.success(res.Msg)
+
+      this.$emit('success')
+    }
+  },
+}
+</script>
+<style scoped lang='scss'>
+.edit-prompt {
+  background: #fff;
+  padding: 20px;
+  height: 100%;
+  border: 1px solid #C8CDD9;
+  border-radius: 4px;
+  header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .main {
+    margin-top: 30px;
+  }
+  .bot {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 30px;
+  }
+}
+</style>
+<style lang="scss">
+.edit-prompt {
+  .fr-element {
+    height: calc(100vh - 400px);
+  }
+} 
+</style>

src/views/semantics_manage/summery/components/summeryDetail.vue

@@ -0,0 +1,101 @@
+<template>
+  <div class="detail-wrapper">
+    <header>
+        原文:
+        <span v-if="summeryInfo.OriginTitle">{{summeryInfo.OriginTitle}}</span>
+
+        <!-- 文档库 -->
+        <span v-else-if="summeryInfo.SaDocId" class="editsty" @click="handleLinkToArticle">{{summeryInfo.SaDocTitle}}</span>
+
+        <!-- 上传文件 -->
+        <span v-else-if="summeryInfo.OpenaiFilePath" class="editsty" @click="previewFileHandle(summeryInfo.OpenaiFilePath)">{{summeryInfo.OpenaiFileName}}</span>
+    </header>
+    
+    <div class="article-item" v-html="summeryInfo.OriginContent" v-if="summeryInfo.OriginContent"></div>
+    
+    <div>纪要:{{summeryInfo.Title}}</div>
+    <div class="article-item" v-html="summeryInfo.SummaryContent"></div>
+
+  </div>
+</template>
+<script>
+import { aiSummeryInterface } from '@/api/modules/semanticsApi'
+export default {
+  props: {
+    id: {
+      type: Object
+    }
+  },
+  watch: {
+    id(nval) {
+      this.getDetail()
+    }
+  },
+  data() {
+    return {
+      summeryInfo: {}
+    }
+  },
+  mounted(){
+    this.getDetail();
+  },
+  methods:{
+    async getDetail() {
+      let res = await aiSummeryInterface.summeryDetail({
+        AiSummaryId: this.id
+      })
+      if(res.Ret !== 200) return
+
+      this.summeryInfo = res.Data
+    },
+
+    handleLinkToArticle() {
+      sessionStorage.setItem('fileClassify',this.summeryInfo.SaDocClassifyId+'')
+      sessionStorage.setItem('fileId',this.summeryInfo.SaDocId+'')
+
+      let {href} = this.$router.resolve({path:'/documentPage'});
+      window.open(href, "_blank")
+    },
+
+    previewFileHandle(url) {
+       // 预览文件
+      let href;
+      if(url.endsWith('.doc') || url.endsWith('.docx')||url.endsWith('.ppt')||
+      url.endsWith('.pptx') || url.endsWith('.xls')||url.endsWith('.xlsx')){
+        //是否是 ppt、doc、xls
+        href = 'https://view.officeapps.live.com/op/view.aspx?src='+url
+      }else{
+        href=url
+      }
+      window.open(href, "_blank")
+    },
+  },
+}
+</script>
+<style scoped lang='scss'>
+.detail-wrapper {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  header {
+    padding: 10px 20px;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+    border: 1px solid #C8CDD9;
+    border-radius: 4px;
+  }
+
+  .article-item {
+    padding: 20px;
+    background: #fff;
+    overflow-y: auto;
+    flex: 1;
+    margin-bottom: 20px;
+    border: 1px solid #C8CDD9;
+    border-radius: 4px;
+    white-space: pre-wrap;
+  }
+}
+</style>

src/views/semantics_manage/summery/index.vue

@@ -0,0 +1,649 @@
+<template>
+  <div class="aiSummery-index-page">
+    <div class="main-left left" id="left">
+				
+				<div class="left-main">
+					<el-tabs v-model="activeTab" @tab-click="changeTab">
+						<el-tab-pane :label="$t('SemanticsManage.AiSummeryPage.tab_summery')" name="summery"/>
+						<el-tab-pane :label="$t('SemanticsManage.AiSummeryPage.tab_prompt')" name="prompt"/>
+					</el-tabs>
+				
+					<!-- 纪要库 -->
+					<template v-if="activeTab==='summery'">
+						<div class="search-cont">
+							<el-checkbox v-model="isShowMe"
+								@change="() => { getTreeData();}">{{$t('StatisticAnalysis.ChartRelevance.only_see_mine')}}</el-checkbox>
+							<el-select
+								v-model="search_txt"
+								v-loadMore="searchLoad"
+								:filterable="!search_txt"
+								remote
+								clearable
+								:placeholder="$t('SemanticsManage.AiSummeryPage.ph_search')"
+								style="width: 100%; margin-top:10px;"
+								:remote-method="searchHandle"
+								@click.native="inputFocusHandle"
+							>
+								<i slot="prefix" class="el-input__icon el-icon-search"></i>
+								<el-option
+									v-for="item in searchOptions"
+									:key="item.AiSummaryId"
+									:label="item.Title"
+									:value="item.AiSummaryId"
+								>
+								</el-option>
+							</el-select>
+						</div>
+
+						<div class="tree-cont">
+							<el-tree
+								ref="treeRef"
+								class="target_tree"
+								:data="classifyData"
+								node-key="UniqueCode"
+								:props="defaultProp"
+								:allow-drag="canDragHandle"
+								:allow-drop="canDropHandle"
+								:current-node-key="select_node"
+								:default-expanded-keys="defaultShowNodes"
+								:draggable="permissionBtn.checkPermissionBtn(permissionBtn.semanticPermission.AiSummery_classify_move)"
+								:expand-on-click-node="false"
+								check-strictly
+								empty-text="暂无分类"
+								lazy
+								:load="getLazyTreeData"
+								@node-expand="handleNodeExpand"
+								@node-collapse="handleNodeCollapse"
+								@current-change="nodeChange"
+								@node-drop="dropOverHandle"
+								@node-drag-end="dropMouseLeave"
+								@node-drag-leave="dropMouseLeave"
+								@node-drag-enter="dropMouseOver"
+							>
+								<span class="custom-tree-node" slot-scope="{ node, data }">
+									<span
+										class="text_oneLine node_label"
+										:style="`width:${
+											(select_node === data.UniqueCode && node.Nodewidth) || ''
+										}`"
+									>
+										<span>{{ data.ClassifyName  }}</span>
+									</span>
+									<span
+										style="display: flex; align-items: center"
+										v-if="select_node === data.UniqueCode"
+									>
+										<img
+											src="~@/assets/img/data_m/move_ico.png"
+											alt=""
+											style="width: 14px; height: 14px; margin-right: 8px"
+											v-if="permissionBtn.checkPermissionBtn(permissionBtn.semanticPermission.AiSummery_classify_move)"
+										/>
+										<img
+											src="~@/assets/img/set_m/add.png"
+											alt=""
+											style="width: 14px; height: 14px; margin-right: 8px"
+											@click.stop="addNode(node,data)"
+											v-if="node.level<6&&!data.AiSummaryId&&permissionBtn.checkPermissionBtn(permissionBtn.semanticPermission.AiSummery_classify_edit)"
+										/>
+										<img
+											src="~@/assets/img/set_m/edit.png"
+											alt=""
+											style="width: 15px; height: 14px; margin-right: 8px"
+											@click.stop="editNode(node, data)"
+											v-if="!data.AiSummaryId&&permissionBtn.checkPermissionBtn(permissionBtn.semanticPermission.AiSummery_classify_edit)&&RoleId===data.SysUserId"
+										/>
+										<img
+											src="~@/assets/img/set_m/del.png"
+											alt=""
+											style="width: 14px; height: 14px;"
+											@click.stop="handleDelSummery(data)"
+											v-if="permissionBtn.checkPermissionBtn(permissionBtn.semanticPermission.AiSummery_classify_del)&&RoleId===data.SysUserId"
+										/>
+									</span>
+								</span>
+							</el-tree>
+
+						</div>
+
+						<div
+							class="noDepart"
+							@click="handleAddClassify"
+							v-if="permissionBtn.checkPermissionBtn(permissionBtn.semanticPermission.AiSummery_classify_edit)"
+						>
+							<img
+								src="~@/assets/img/set_m/add_ico.png"
+								alt=""
+								style="width: 16px; height: 16px; margin-right: 10px"
+							/>
+							<span><!-- 添加一级目录 -->{{$t('SemanticsManage.AiSummeryPage.add_first_classify')}}</span>
+						</div>
+					</template>
+
+					<!-- 提示词库 -->
+					<promptClassifySection 
+						v-else-if="activeTab==='prompt'" 
+						ref="promptClassifyRef"
+						:publicList="publicPromptList"
+						:myList="myPromptList"
+						@change="(selectItem) => {selectPromptInfo=selectItem;showPromptDetail=true}"
+						@close="() => { selectPromptInfo={};showPromptDetail=false }"
+						@getData="getPromptClassify('public')"
+					/>
+				</div>
+
+
+				<div class="left-bottom">
+						<el-button type="primary" @click="goSummeryEdit" v-if="activeTab==='summery'&&permissionBtn.checkPermissionBtn(permissionBtn.semanticPermission.AiSummery_add)"><!-- 添加纪要 -->{{$t('SemanticsManage.AiSummeryPage.btn_add_summery')}}</el-button>
+						<el-button type="primary" @click="handleAddPrompt" v-else-if="activeTab==='prompt'&&permissionBtn.checkPermissionBtn(permissionBtn.semanticPermission.AiSummery_prompt_add)"><!-- 添加提示词 -->{{$t('SemanticsManage.AiSummeryPage.btn_add_prompt')}}</el-button>
+				</div>
+
+      </div>
+
+			<div class="main-right" id="right">
+
+					<promptDetail 
+						v-if="activeTab==='prompt'&&showPromptDetail" 
+						:item="selectPromptInfo"
+						@success="getPromptClassify('mine')"
+					/>
+
+					<summeryDetail 
+						v-else-if="activeTab==='summery'&&showSummertDetail&&select_id"
+						:id="select_id"
+					/>
+
+					<tableNoData text="暂无数据" v-else/>
+			</div>
+
+		<classifyDia
+			:isShow.sync="isOpenClassifyDia"
+			:form="classifyForm"
+			@successCallback="getTreeData"
+		/>
+  </div>
+</template>
+<script>
+import { aiSummeryInterface } from '@/api/modules/semanticsApi';
+import classifyMixin from './mixins/classifyTree';
+import promptClassifySection from './components/promptClassifySection.vue'
+import promptDetail from './components/promptDetail.vue';
+import summeryDetail from './components/summeryDetail.vue';
+import classifyDia from  './components/classifyDia.vue';
+export default {
+  mixins: [ classifyMixin ],
+	components: { 
+		promptDetail,
+		summeryDetail,
+		promptClassifySection,
+		classifyDia 
+	},
+	computed: {
+		RoleId() {
+			return Number(localStorage.getItem('AdminId'))
+		}
+	},
+  data() {
+    return {
+			activeTab: 'summery',
+      classifyData: [],
+			showData: false,
+			isShowMe: false,
+			search_txt: '',
+			searchOptions:[],
+
+			select_node: '',//节点唯一标识code
+			select_classify: '',
+			select_id: 0,
+      defaultShowNodes: [], //展开节点
+      defaultProp: {
+        label: 'ClassifyName',
+        children: 'Children',
+				isLeaf: 'isLeaf'
+      }, //树结构配置项
+			summeryInfo: {},
+			showSummertDetail: false,
+
+			showPromptDetail: false,//显示promat详情
+			publicPromptList: [],
+			myPromptList: [],
+			selectPromptInfo: {},
+
+			/* 分类弹窗 */
+			isOpenClassifyDia: false, //
+			classifyForm: {
+				parentClassifyId: 0,
+				parentName: '',
+				classifyId: 0,
+				classifyName: '',
+			},
+
+			search_page: 1,
+			search_have_more: false,
+			current_search:'',
+    }
+  },
+  mounted() {
+
+		if(this.$route.query.code) {
+      this.getTreeData({code: this.$route.query.code,id: Number(this.$route.query.id)})
+    } else {
+      this.getTreeData();
+    }
+
+	},
+  methods:{
+		goSummeryEdit() {
+			this.$router.push({
+				path: '/summeryEdit'
+			})
+		},
+
+		/* 添加提示词 */
+		handleAddPrompt() {
+			this.selectPromptInfo = {};
+			this.showPromptDetail = true;
+			this.$refs.promptClassifyRef.selectId = 0;
+		},
+
+		/* 改变tab */
+		changeTab({name}) {
+			this.search_txt = '';
+			this.select_node = [];
+			this.defaultShowNodes = [];
+			this.select_id = 0;
+			this.showPromptDetail = false;
+			this.showSummertDetail = false;
+			name === 'summery' ? this.getTreeData() : this.getPromptClassify();
+		},
+		
+		/* 获取分类 */
+		getTreeData(params=null) {
+			aiSummeryInterface.getClassify({IsShowMe:this.isShowMe}).then(res => {
+				const { Ret,Data } = res;
+				if(Ret !== 200) return
+
+				this.showData = true;
+				this.classifyData = Data.AllNodes || [];
+				this.$nextTick(() => {
+					/* 新增完成后 处理树展开和选中 */
+					params && this.selectCurrentNode(params);
+				});
+
+			})
+		},
+
+		//加载子分类
+		async getLazyTreeData (node,resolve){
+			if(node.level===0){
+				resolve(this.classifyData)
+			}else{
+				let arr=[]
+				const res=await aiSummeryInterface.getClassify({AiSummaryClassifyId:node.data.AiSummaryClassifyId,IsShowMe:this.isShowMe})
+				if (res.Ret === 200) {
+					const temarr = res.Data.AllNodes || [];
+					arr=temarr.map(item=>{
+						return {
+							...item,
+							isLeaf:item.AiSummaryId?true:false
+						}
+					})
+				}
+				resolve(arr)
+			}
+		},
+
+		/* 获取提示词分类 */
+		async getPromptClassify(type="all") {
+			if(type!=='mine') {
+				const publicRes = await aiSummeryInterface.getPublicPromptClassify()
+				if(publicRes.Ret !== 200) return
+				const publicData = publicRes.Data || []
+				this.publicPromptList = publicData.map(_ => {
+					return {
+						..._,
+						label: _.GroupName,
+						value: _.GroupId,
+						children: _.PromptList.map(childitem =>({
+							...childitem,
+							label: childitem.Title,
+							value: childitem.AiPromptId,
+							type:'public',
+						})),
+					}
+				})
+			}
+
+			if(type!=='public') {
+				const res = await aiSummeryInterface.getMyPromptClassify()
+				if(res.Ret !==200) return 
+				this.myPromptList = res.Data
+					? res.Data.map(_ =>({
+						..._,
+						type: 'mine'
+					})) 
+					: []
+			}
+		},
+
+		/* 搜索 */
+		searchHandle(query) {
+			this.search_page = 1;
+			this.current_search = query;
+			this.searchApi(this.current_search)
+		},
+
+		searchApi(query,page=1) {
+      /* 查找列表 */
+      aiSummeryInterface
+        .summerySearch({
+          KeyWord: query,
+          IsShowMe:this.isShowMe,
+          CurrentIndex: page
+        })
+        .then((res) => {
+          if (res.Ret !== 200) return
+					
+					if(res.Data) {
+						const { List,Paging } = res.Data;
+						this.search_have_more = page < Paging.Pages;
+						this.searchOptions = page === 1 ? List : [...this.searchOptions,...List];
+					}else {
+						this.searchOptions = []
+					}
+        });
+		},
+
+		/* 聚焦获取当前检索 */
+		inputFocusHandle(e) {
+			this.search_page = 1;
+			this.current_search = e.target.value;
+      if(this.current_search) {
+        this.searchApi(this.current_search)
+      }else {
+        this.searchOptions = [];
+      }
+		},
+
+		searchLoad() {
+			if(!this.search_have_more) return;
+			this.searchApi(this.current_search,++this.search_page);
+		},
+
+		/* 选中分类变化时 */
+		nodeChange({ UniqueCode,AiSummaryId,AiSummaryClassifyId },node) {
+			this.search_txt = '';
+			this.select_node = UniqueCode;
+			this.select_classify = !AiSummaryId ? AiSummaryClassifyId : 0;
+			this.select_id = AiSummaryId || 0;
+		},
+
+		/* 添加一级分类 */
+		handleAddClassify() {
+			this.classifyForm = {
+				parentClassifyId: 0,
+				parentName: '',
+				parentLevel: 0,
+				classifyId: 0,
+				classifyName: '',
+			}
+			this.isOpenClassifyDia = true;
+		},
+
+		/* 添加节点 */
+		addNode(node, data) {
+			console.log(node)
+			let arr = []
+      arr = this.getNodeParentData(node,arr).reverse();
+
+      this.classifyForm = {
+				classifyId: 0,
+        classifyName: "",
+        parentClassifyId: data.AiSummaryClassifyId,
+        parentName: arr.map(_=>_.ClassifyName).join('/'),
+				parentLevel: node.level
+      };
+      this.isOpenClassifyDia = true;
+		},
+
+    /* 编辑节点 */
+    editNode(node, data) {
+			const { ClassifyName,AiSummaryClassifyId,ParentId } = data;
+			let arr = []
+			arr = ParentId ? this.getNodeParentData(node.parent,arr).reverse() : [];
+      /* 编辑目录 */
+			this.classifyForm = {
+				parentClassifyId: ParentId,
+				parentName: arr.map(_=>_.ClassifyName).join('/'),
+				classifyId: AiSummaryClassifyId,
+				classifyName: ClassifyName,
+				parentLevel: node.parent.level
+			}
+      this.isOpenClassifyDia = true;
+    },
+
+		 // 递归节点
+		getNodeParentData(data,arr){
+			if(data.level===0) return
+			arr.push({ClassifyName:data.data.ClassifyName,AiSummaryClassifyId:data.data.AiSummaryClassifyId})
+			this.getNodeParentData(data.parent,arr)
+			return arr
+		},
+
+		 /* 删除节点校验 */
+    async removeNode(node, { AiSummaryClassifyId,AiSummaryId }) {
+
+			const { Data } = await aiSummeryInterface.classifyDelCheck({ AiSummaryClassifyId,AiSummaryId })
+
+			const { DeleteStatus } = Data;
+
+			DeleteStatus === 1 
+			? this.$confirm(this.$t('Chart.OptMsg.classify_del_fail'), this.$t('Chart.OptMsg.del_fail_tag'), {
+				confirmButtonText: this.$t('MsgPrompt.known'),
+				showCancelButton: false,
+				type: 'error',
+			}) : DeleteStatus === 0
+			?  this.$confirm(this.$t('Chart.OptMsg.classify_del_confirm'), this.$t('Confirm.prompt'), {
+				type: 'warning',
+			}).then(() => {
+				this.delApi(AiSummaryClassifyId,AiSummaryId)
+			}): null;
+
+    },
+
+		/* 删除纪要 */
+		handleDelSummery({AiSummaryClassifyId,AiSummaryId}) {
+			this.$confirm('确认删除该纪要吗', this.$t('Confirm.prompt'), {
+				type: 'warning',
+			}).then(() => {
+				this.delApi(AiSummaryClassifyId,AiSummaryId)
+			});
+		},
+
+		 /* 删除方法 */
+    delApi(AiSummaryClassifyId,AiSummaryId,) {
+      aiSummeryInterface
+        .classifyDel({
+          AiSummaryClassifyId,
+					AiSummaryId
+        })
+        .then((res) => {
+          if (res.Ret !== 200) return
+					this.$message.success(res.Msg);
+
+					if (this.select_id){
+						this.select_id = '';
+						this.showSummertDetail = false
+					}
+
+					this.getTreeData();
+        });
+    },
+
+		/* 分类成功回调 */
+		classifyCallback(type) {
+			this.getTreeData();
+
+			if (type === 'add') {
+        //新增分类完成之后，展开父节点显示刚新增的分类，若已展开节点则不做处理
+        let code = this.add_parent_id;
+        let flag = this.defaultShowNodes.some(item => item === code);
+        // console.log(flag)
+        !flag && this.defaultShowNodes.push(code);
+        this.add_parent_id = '';
+
+      }
+		},
+  }
+}
+</script>
+<style scoped lang='scss'>
+.aiSummery-index-page{
+	display: flex;
+
+	.main-left {
+		width: 300px;
+		min-width: 300px;
+		background: #fff;
+		margin-right: 20px;
+		border-radius: 4px;
+		/* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05); */
+		height: calc(100vh - 120px);
+		overflow: hidden;
+		position: relative;
+		box-sizing: border-box;
+		border: 1px solid #C8CDD9;
+
+		.left-bottom{
+			padding: 20px;
+			background: #fff;
+			position: absolute;
+			bottom: 0;
+			left: 0;
+			right: 0;
+			border-top: 1px solid #C8CDD9;
+			.el-button {
+				width: 100%;
+			}
+		}
+		.left-main {
+			padding: 20px;
+		}
+		.search-cont {
+			margin: 10px 0 20px;
+		}
+
+		.tree-cont {
+			max-height: calc(100vh - 480px);
+			overflow: auto;
+		}
+		.target_tree {
+			color: #333;
+			overflow: hidden;
+			.custom-tree-node {
+				display: flex !important;
+				justify-content: space-between;
+				align-items: center;
+				display: block;
+				flex: 1;
+				.node_label {
+					margin-right: 2px;
+				}
+				.el-icon-view {
+					color: #409eff;
+					font-size: 18px;
+					margin-left: 5px;
+				}
+			}
+		}
+		.noDepart {
+			margin-bottom: 30px;
+			margin-top: 20px;
+			display: flex;
+			align-items: center;
+			color: #409eff;
+			font-size: 16px;
+			cursor: pointer;
+		}
+		.move-btn {
+			height: 100%;
+			width: 4px;
+			/* opacity: 0; */
+			position: absolute;
+			right: 0px;
+			top: 0;
+			&:hover {
+				cursor: col-resize;
+				/* background-color: orange */
+			}
+		}
+	}
+
+	.main-right {
+		flex: 1;
+		height: calc(100vh - 120px);
+		#froala-editor-documentContent {
+			display: none;
+		}
+	}
+}
+</style>
+<style lang="scss">
+.aiSummery-index-page{
+	*{ box-sizing: border-box; }
+	.target_tree {
+		.el-tree__drop-indicator {
+			height: 3px;
+			background-color: #409eff;
+		}
+
+		.el-tree-node__content {
+			margin-bottom: 14px !important;
+		}
+
+		.el-tree-node__children {
+			.el-tree-node {
+				margin-bottom: 0px !important;
+				padding-left: 18px;
+			}
+
+			.el-tree-node__content {
+				margin-bottom: 5px !important;
+				padding-left: 0 !important;
+			}
+		}
+
+		.expanded.el-icon-caret-right:before {
+			content: url('~@/assets/img/set_m/down.png') !important;
+		}
+
+		.el-icon-caret-right:before {
+			content: url('~@/assets/img/set_m/slide.png') !important;
+		}
+		.el-tree-node__expand-icon{
+			padding-top: 10px;
+		}
+
+		.el-tree-node__expand-icon.is-leaf.el-icon-caret-right:before {
+			content: '' !important;
+		}
+
+		.el-tree-node__expand-icon.expanded {
+			-webkit-transform: rotate(0deg);
+			transform: rotate(0deg);
+		}
+
+		.el-tree-node.is-current>.el-tree-node__content {
+			background-color: #f0f4ff !important;
+		}
+
+		.el-tree-node__content {
+			padding-right: 10px !important;
+		}
+	}
+
+	.el-tabs .el-tabs__nav-wrap::after {
+		background: transparent;
+	}
+}
+</style>

src/views/semantics_manage/summery/mixins/classifyTree.js

@@ -0,0 +1,248 @@
+import { dataBaseInterface } from '@/api/api.js';
+import { aiSummeryInterface } from '@/api/modules/semanticsApi';
+
+export default {
+  data() {
+    return {};
+  },
+  watch: {
+    /* 选中id */
+    select_id(newval) {
+      if (newval) {
+        this.showSummertDetail = true;
+      } else {
+        this.summeryInfo = {};
+      }
+    },
+
+    /* 搜索关键词 */
+    search_txt(newval) {
+      if (newval) {
+        let search_obj = this.searchOptions.find(
+          (_) => _.AiSummaryId === newval
+        );
+        this.select_node = search_obj.UniqueCode;
+        // // 查找分类父级code
+        // let arr = this.findParentNodeHandle(this.select_node).slice(1).reverse(); // 父的父的父-父的父-父
+        // this.defaultShowNodes = arr;
+        // 重置筛选状态
+        this.select_id = newval;
+        this.changeTreeNode()
+      }
+    },
+  },
+  directives: {
+    drag(el, bindings) {
+      el.onmousedown = function(e) {
+				var init = e.clientX;
+				var box = $("#box")[0]
+				let total_wid = box.offsetWidth
+        var left = $("#left")[0];
+        var right = $("#right")[0];
+        var initWidth = left.offsetWidth;
+        document.onmousemove = function(e) {
+          var end = e.clientX;
+					if(end > 310){
+            var newWidth = end - init + initWidth;
+						// right.style.width = total_wid-end+80 +'px'
+						right.style.width = total_wid - newWidth + 'px'
+            left.style.width = newWidth + "px";
+          }else{
+            end = 350;
+            // 最小宽度300
+            left.style.width = 300 + "px";
+						// right.style.width = total_wid-300-20 +'px'
+          }
+        };
+        document.onmouseup = function() {
+          document.onmousemove = document.onmouseup = null;
+					e.releaseCapture && e.releaseCapture();
+        };
+				e.setCapture && e.setCapture();
+				return false;
+      };
+    }
+  },
+
+  methods: {
+    /* 根据unicode展开树结构并选中 */
+    selectCurrentNode({ code, id, classifyId }) {
+      // let deep_arr = _.cloneDeep(this.classifyData);
+      // 查找分类父级id
+      // let arr = this.findParentNodeHandle(deep_arr, code).slice(1).reverse(); // 父的父的父-父的父-父
+      // this.defaultShowNodes = arr;
+      this.select_node = code;
+      // // 重置筛选状态
+      this.select_id = id;
+      this.changeTreeNode()
+    },
+
+    changeTreeNode(){
+      this.$refs.treeRef.setCurrentKey(this.select_node);
+      this.$nextTick(()=>{
+          this.$refs.treeRef.getNode(this.select_node)
+      })
+  },
+
+    // 查找树节点所有父节点
+    async findParentNodeHandle(arr, code) {
+      // 遍历取父级code push数组
+      for (let i of arr) {
+        if (i.UniqueCode === code) {
+          return [i.UniqueCode];
+        }
+        if (i.Children) {
+          let node = this.findParentNodeHandle(i.Children, code);
+          if (node) {
+            return node.concat(i.UniqueCode);
+          }
+        }
+      }
+    },
+
+    /* 拖拽完成 */
+    dropOverHandle(b, a, i, e) {
+      
+      const isLastLevel=b.data.AiSummaryId?true:false
+
+			let list=a.parent.childNodes;
+			let targetIndex=0,PrevClassifyId=0,NextClassifyId=0,ParentClassifyId=0;
+			let ClassifyId=0,AiSummaryId=0,PrevAiSummaryId=0,NextAiSummaryId=0;
+
+			ClassifyId=isLastLevel?0:b.data.AiSummaryClassifyId
+			AiSummaryId=isLastLevel?b.data.AiSummaryId:0
+			
+
+			if(i!=='inner'){
+				ParentClassifyId=a.parent.data.AiSummaryClassifyId||0
+				list.forEach((item,index)=>{
+					if(isLastLevel){
+						if(item.data.AiSummaryId===b.data.AiSummaryId){
+							targetIndex=index
+						}
+					}else{
+						if(item.data.AiSummaryClassifyId===b.data.AiSummaryClassifyId){
+							targetIndex=index
+						}
+					}
+					
+				})
+
+				
+				if(targetIndex===0){
+					const data=list[targetIndex+1].data
+					NextClassifyId=data.AiSummaryId?0:data.AiSummaryClassifyId
+					NextAiSummaryId=data.AiSummaryId?data.AiSummaryId:0
+				}else if(targetIndex===list.length-1){
+					const data=list[targetIndex-1].data
+					PrevClassifyId=data.AiSummaryId?0:data.AiSummaryClassifyId
+					PrevAiSummaryId=data.AiSummaryId?data.AiSummaryId:0
+				}else{
+					const pData=list[targetIndex-1].data
+					PrevClassifyId=pData.AiSummaryId?0:pData.AiSummaryClassifyId
+
+					PrevAiSummaryId=pData.AiSummaryId?pData.AiSummaryId:0
+
+					const nData=list[targetIndex+1].data
+					NextClassifyId=nData.AiSummaryId?0:nData.AiSummaryClassifyId
+					NextAiSummaryId=nData.AiSummaryId?nData.AiSummaryId:0
+				}
+			}else{
+				ParentClassifyId=a.data.AiSummaryClassifyId||0
+			}
+
+			// const params={
+			// 	ClassifyId,
+			// 	ParentClassifyId,
+			// 	AiSummaryId,
+			// 	PrevClassifyId,
+			// 	NextClassifyId,
+			// 	PrevAiSummaryId,
+			// 	NextAiSummaryId
+			// }
+			const params={
+        AiSummaryClassifyId: ClassifyId,
+				AiSummaryId,
+				ParentClassifyId,
+        PrevId: AiSummaryId?PrevAiSummaryId:PrevClassifyId,
+        NextId: AiSummaryId?NextAiSummaryId:NextClassifyId,
+        PrevType: AiSummaryId?2:1,
+        NextType: AiSummaryId?2:1
+			}
+			aiSummeryInterface.classifyMove(params).then(res=>{
+				if(res.Ret===200){
+					// this.$message.success('移动成功!')
+					this.$message.success(this.$t('MsgPrompt.move_sort_success'))
+				}
+				this.getTreeData()
+				
+			})
+    },
+
+    /* 拖拽覆盖添加背景色 */
+    dropMouseOver(node1, node2, e) {
+
+      if(!node2.data.AiSummaryId&&(node1.level>node2.level||(node1.data.AiSummaryId>0&&!node2.data.AiSummaryId)) && (e.target.childNodes[0].className.includes('el-tree-node__content') 
+        || e.target.className.includes('el-tree-node__content'))) {
+
+          e.target.childNodes[0].className.includes('el-tree-node__content') 
+          ? e.target.childNodes[0].style.backgroundColor = '#409eff' 
+          : e.target.style.backgroundColor = '#409eff';
+        }
+    },
+
+    /* 拖拽离开/拖拽完成重置背景色 */
+    dropMouseLeave(node1, node2, e) {
+      let arrs = $(".el-tree-node__content");
+      for (let a of arrs) {
+        a.style.backgroundColor = "transparent";
+      }
+    },
+
+    // 树节点展开
+    handleNodeExpand(data) {
+      // 保存当前展开的节点
+      let flag = this.defaultShowNodes.some((item) => item === data.UniqueCode);
+
+      if (!flag) {
+        // 不存在则存到数组里
+        this.defaultShowNodes.push(data.UniqueCode);
+      }
+    },
+
+    // 树节点关闭
+    handleNodeCollapse(data) {
+      this.defaultShowNodes.some((item, index) => {
+        if (item === data.UniqueCode) {
+          // 删除关闭节点
+          this.defaultShowNodes.length = index;
+        }
+      });
+    },
+
+    /* 判断节点是否能被拖拽 */
+    canDragHandle(node) {
+      let canMove = true;
+      return canMove;
+    },
+
+    /* 判断节点是否能被拖入 */
+    canDropHandle(draggingNode, dropNode, type) {
+      let canDrop = false;
+
+     // 拖动的是最小级
+			if(draggingNode.data.AiSummaryId){
+				if(!(dropNode.level===1&&type!=='inner')){
+					canDrop=true
+				}
+			}else{//拖动的是目录
+
+				//目录层级不能改变
+				if((dropNode.level+1==draggingNode.level&&type==='inner'&&!dropNode.data.AiSummaryId)||(dropNode.level===draggingNode.level&&type!=='inner')){
+					canDrop=true
+				}
+			}
+			return canDrop
+    },
+  },
+};

src/views/semantics_manage/summery/summeryEdit.vue

@@ -0,0 +1,608 @@
+<template>
+  <div class="edit-summery-page">
+    <div class="top-wrap">
+      <div class="wrap-item">
+        <div class="header flex">
+          <ul class="tab flex">
+            <li :class="['tab-item',{'act':sourceForm.type===1}]" @click="tabClick(1)"><!-- 原文 -->{{$t('SemanticsManage.AiSummeryPage.source_tab1')}}</li>
+            <li :class="['tab-item',{'act':sourceForm.type===2}]" @click="tabClick(2)">
+              
+              <el-popover
+                placement="bottom"
+                trigger="click"
+                :disabled="sourceForm.type!==2"
+              >
+                <el-cascader-panel
+                  v-model="sourceForm.docId"
+                  :options="docOptions" 
+                  :props="{
+                    emitPath: false
+                  }"
+                  @change="selectDocument"
+                />
+                <span slot="reference" :class="{'editsty':sourceForm.type===2}"><!-- 文档库 -->{{$t('SemanticsManage.AiSummeryPage.source_tab2')}}</span>
+              </el-popover>
+            </li>
+            <li :class="['tab-item',{'act':sourceForm.type===3}]" @click="tabClick(3)">
+              <div class="upload-row">
+                  <el-upload
+                  style="display: inline-block; margin-right: 8px"
+                  accept=".pptx,.pdf,.docx"
+                  action=""
+                  :http-request="handleUpload"
+                  :before-upload="handleBeforeUpload"
+                  :show-file-list="false"
+                  :disabled="isUploading||sourceForm.type!==3">
+                      <!-- 上传文件 -->{{$t('SemanticsManage.AiSummeryPage.source_tab3')}}
+                  </el-upload>
+              </div>
+            </li>
+          </ul>
+          <span class="editsty" @click="clearSelection"><!-- 重新选择 -->{{$t('SemanticsManage.AiSummeryPage.rechoose')}}</span>
+        </div>
+
+        <div class="input-main">
+          <template v-if="sourceForm.type===1">
+            <div class="title">
+              <label><!-- 标题 -->{{$t('SemanticsManage.AiSummeryPage.source_title')}}</label>
+              <el-input 
+                type="text" 
+                v-model="sourceForm.title" 
+                style="width:200px;"
+                placeholder="请输入标题"
+              />
+            </div>
+            <!-- 原文 -->
+            <Editor ref="sourceContRef"/>
+          </template>
+
+          <!-- 文档库 -->
+          <template v-else-if="sourceForm.type===2">
+            <div class="title">
+              <label><!-- 标题 -->{{$t('SemanticsManage.AiSummeryPage.source_title')}}</label>
+              <p>{{docInfo.Title}}</p>
+            </div>
+            <div class="document-html" v-if="docInfo.SectionList">
+              <p v-for="doc in docInfo.SectionList" :key="doc.SaDocSectionId">{{doc.innerText}}</p>
+            </div>
+          </template>
+
+          <!-- 上传文件 -->
+          <template v-else-if="sourceForm.type===3">
+            <div class="title">
+              <label><!-- 标题 -->{{$t('SemanticsManage.AiSummeryPage.source_title')}}</label>
+              <p v-if="fileInfo.Id" @click="previewFileHandle(fileInfo.ResourceUrl)">
+                 <img :src="iconGetMap(fileInfo.ResourceUrl)" width="16" height="16"/>
+                {{fileInfo.ResourceName}}
+              </p>
+            </div>
+          </template>
+        </div>
+      </div>
+
+      <div class="wrap-item">
+        <div class="header flex">
+          <div class="flex" style="gap:0 50px;">
+            <label><!-- 提示词 -->{{$t('SemanticsManage.AiSummeryPage.label_prompt')}}</label>
+            <div>
+              <el-popover
+                placement="bottom"
+                trigger="click"
+              >
+                <el-cascader-panel
+                  ref="myPromptRef" 
+                  v-model="promptForm.myPrompt"
+                  :options="myPromptOptions" 
+                  :props="{
+                    label: 'Title',
+                    value: 'AiPromptId',
+                    emitPath: false
+                  }"
+                  @change="selectPrompt($event,'mine')"
+                />
+                <span slot="reference" class="editsty"><!-- 我的提示词 -->{{$t('SemanticsManage.AiSummeryPage.my_prompt')}}</span>
+              </el-popover>
+              
+              <el-popover
+                placement="bottom"
+                trigger="click"
+              >
+                <el-cascader-panel
+                  ref="publicPromptRef"
+                  v-model="promptForm.publicPrompt"
+                  :options="publicPromptOptions" 
+                  :props="{
+                    emitPath: false
+                  }"
+                  @change="selectPrompt($event,'public')"
+                />
+                <span slot="reference" class="editsty"><!-- 公共提示词 -->{{$t('SemanticsManage.AiSummeryPage.public_prompt')}}</span>
+              </el-popover>
+            </div>
+          </div>
+          <div class="select-box">
+              <span><!-- 大模型 -->{{$t('SemanticsManage.AiSummeryPage.label_model')}}</span>
+              <el-select 
+                v-model="promptForm.model" 
+                :class="{'hint':showHint}" 
+                ref="modelSelect"
+                @change="changeModel"
+              >
+                  <el-option v-for="item in modelList" :key="item.label"
+                      :label="item.label"
+                      :value="item.key">
+                      <span style="float:left">{{item.label}}</span>
+                  </el-option>
+              </el-select>
+          </div>
+        </div>
+
+        <Editor ref="promptContRef"/>
+
+        <div class="bottom flex">
+          <el-button type="primary" @click="handleSendMessage" :disabled="isSending">
+            <i class="el-icon-s-promotion" style="margin-right:5px;"/><!-- 发送 -->{{$t('SemanticsManage.AiSummeryPage.send_btn')}}
+          </el-button>
+          <el-button type="primary" @click="handleSendMessage(true)" :disabled="isSending"><!-- 新对话框中发送 -->{{$t('SemanticsManage.AiSummeryPage.new_send_btn')}}</el-button>
+        </div>
+      </div>
+    </div>
+
+    <div class="result-wrap">
+      <div class="create-header flex">
+        <div>
+          <span><!-- 纪要名称 -->{{$t('SemanticsManage.AiSummeryPage.summery_name')}}</span>
+          <el-input v-model="resultForm.title" :placeholder="$t('SemanticsManage.AiSummeryPage.ph_search')" style="width:200px"/>
+        </div>
+        <div>
+          <span><!-- 纪要分类 -->{{$t('SemanticsManage.AiSummeryPage.summery_clasify')}}</span>
+          <el-cascader
+            v-model="resultForm.classifyId"
+            :options="classifyOptions"
+            :props="{
+              label: 'ClassifyName',
+              value: 'AiSummaryClassifyId',
+              children: 'Children',
+              checkStrictly: true,
+              emitPath: false,
+            }"
+            clearable
+            style="width:200px"
+            :placeholder="$t('SemanticsManage.AiSummeryPage.ph_classify')"
+          />
+        </div>
+      </div>
+      <div class="create-cont">
+        <div v-html="resultForm.content" class="result-text"></div>
+        <div class="bottom">
+          <el-button type="primary" @click="saveSummeryHandle"><!-- 保存 -->{{$t('Dialog.confirm_save_btn')}}</el-button>
+          <el-button type="primary" plain @click="$router.go(-1)"><!-- 取消 -->{{$t('Dialog.cancel_btn')}}</el-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { aiSummeryInterface } from '@/api/modules/semanticsApi';
+import {documentInterface} from '@/api/modules/semanticsApi.js';
+import {aiQAInterence} from '@/api/modules/aiApi.js'; 
+import { formatFile } from '../utils/index';
+import Editor from './components/editor.vue'
+export default {
+  components: { Editor },
+  computed: {
+    tabSources() {
+      return [
+        { label: /* '原文' */this.$t('SemanticsManage.AiSummeryPage.source_tab1'),key: 1 },
+        { label: /* '文档库' */this.$t('SemanticsManage.AiSummeryPage.source_tab2'),key: 2 },
+        { label: /* '上传文件' */this.$t('SemanticsManage.AiSummeryPage.source_tab3'),key: 3 },
+      ]
+    } 
+  },
+  data() {
+    return {
+      modelList:[
+        {
+            label:'GPT',
+            key:'GPT-4 Turbo',
+        },
+        {
+            label:'Kimi',
+            key:'Kimi',
+        },
+      ],
+
+      sourceForm: {
+        docId: 0,
+        title: '',
+        type: 1,
+        fileId: '',
+      },
+      docOptions:[],
+      docInfo: {},
+      fileInfo: {},//上传文件信息
+      fileTypeRule:new RegExp(/\.pdf|\.pptx|\.docx$/,'i'),
+      isUploading: false,
+
+      myPromptOptions: [],//我的提示词库
+      publicPromptOptions: [],//公共提示词库
+      promptForm: {
+        myPrompt: 0,
+        publicPrompt: 0,
+        content: '',
+        model:'Kimi'
+      },
+
+      isSending: false,//发送中
+
+      chatTopicId: 0,
+
+      classifyOptions: [],
+      resultForm: {
+        content: '',
+        title: '',
+        classifyId: 0
+      }
+    }
+  },
+  mounted(){
+    this.getDocumentOptions();
+    this.getPublicPrompt();
+    this.getMyPrompt();
+    this.getClassify()
+  },
+  methods:{
+
+    /* 获取文档库 */
+    async getDocumentOptions() {
+      const res = await documentInterface.getClassifyList()
+
+      if(res.Ret!==200) return 
+      this.docOptions = res.Data&&res.Data.map(_ =>{
+        return {
+          ..._,
+          label: _.ClassifyName,
+          value: _.SaDocClassifyId,
+          children: _.Children&&_.Children.map(sub_item =>({
+            ...sub_item,
+            label: sub_item.Title,
+            value: sub_item.SaDocId,
+          }))
+        }
+      })
+    },
+    
+    // 获取提示词
+    async getPublicPrompt() {
+      const publicRes = await aiSummeryInterface.getPublicPromptClassify()
+				if(publicRes.Ret !== 200) return
+				const publicData = publicRes.Data || []
+				this.publicPromptOptions = publicData.map(_ => {
+					return {
+						..._,
+						label: _.GroupName,
+						value: _.GroupId,
+						children: _.PromptList.map(childitem =>({
+							...childitem,
+							label: childitem.Title,
+							value: childitem.AiPromptId
+						})),
+					}
+				})
+    },
+
+    async getMyPrompt() {
+      const res = await aiSummeryInterface.getMyPromptClassify()
+				if(res.Ret !==200) return 
+				this.myPromptOptions = res.Data||[]
+    },
+
+    async getClassify() {
+      const res = await aiSummeryInterface.getSummeryAllClassify();
+      if(res.Ret !== 200) return
+
+      this.classifyOptions = res.Data.AllNodes;
+      this.filterNodes(this.classifyOptions)
+    },
+    
+    filterNodes(arr) {
+      arr.forEach(item => {
+        if(item.Children.length) {
+          this.filterNodes(item.Children)
+        }else {
+          item.Children = null
+        }
+      })
+    },
+
+    selectPrompt(val,type='mine') {
+      let publicPromptArr = this.publicPromptOptions.map(_ => _.PromptList).flat(1)
+      
+      let promptItem = type==='public'
+        ? publicPromptArr.find(_ => _.AiPromptId===val)
+        : this.myPromptOptions.find(_ => _.AiPromptId===val)
+
+      if(promptItem) {
+        this.$refs.promptContRef.initData(promptItem.PromptContent)
+        this.promptForm.myPrompt = 0;
+        this.promptForm.publicPrompt = 0;
+      }
+    },
+
+    tabClick(type) {
+      if((this.$refs.sourceContRef&&this.$refs.sourceContRef.content) 
+        || this.fileInfo.Id 
+        || this.docInfo.SaDocId) return this.$message.warning('请先清除内容重新选择')
+      this.sourceForm.type = type;
+    },
+
+    clearSelection() {
+      this.sourceForm.docId = 0;
+      this.sourceForm.title = '';
+      this.sourceForm.fileId = '';
+      this.docInfo = {}
+      this.fileInfo = {}
+      this.chatTopicId = 0;
+      this.$refs.sourceContRef&&this.$refs.sourceContRef.initData('')
+    },
+
+    selectDocument(val) {
+      // console.log(val)
+      this.getDocDetail(val)
+    },
+
+    //获取文档详情
+    getDocDetail(SaDocId){
+
+      documentInterface.getDocumentDetail({
+        DocId:Number(SaDocId)
+      }).then(res=>{
+        if(res.Ret!==200) return 
+        this.docInfo = formatFile(res.Data)
+      })
+    },
+
+    handleBeforeUpload(e) {
+      if(!this.fileTypeRule.test(e.name)){
+          this.$message.error("上传文件格式只支持PDF、PPTX、DOCX");
+          return false;
+      }
+      else if(!(e.size/1024/1024 < 50.1)){
+          this.$message.error("上传文件大小不超过50MB");
+          return false;
+      }
+    },
+    handleUpload(e){
+        let {file} = e;
+        this.isUploading = true;
+        let downloadHint = this.$message({
+            type:"info",
+            message:/* '上传中，请稍后······' */this.$t('ReportManage.CloudPage.upload_msg'),
+            duration:0,
+            iconClass:'el-icon-loading'
+        })
+        let formData = new FormData()
+        formData.append('File',file)
+        formData.append('AiChatTopicId',0)
+        formData.append('Model',this.promptForm.model)
+        aiQAInterence.fileUpload(formData).then(res=>{
+            downloadHint.close()
+            this.isUploading = false;
+
+            if(res.Ret !== 200) return
+              let Data = res.Data || {}
+              this.$message.success(`${Data.ResourceName}上传成功`)
+              this.chatTopicId = Data.AiChatTopicId;
+              this.sourceForm.fileId = Data.OpenaiFileId
+              this.fileInfo = Data;
+        }).catch(()=>{
+            downloadHint.close()
+            this.isUploading = false;
+        })
+    },
+
+    previewFileHandle(url) {
+       // 预览文件
+      let href;
+      if(url.endsWith('.doc') || url.endsWith('.docx')||url.endsWith('.ppt')||
+      url.endsWith('.pptx') || url.endsWith('.xls')||url.endsWith('.xlsx')){
+        //是否是 ppt、doc、xls
+        href = 'https://view.officeapps.live.com/op/view.aspx?src='+url
+      }else{
+        href=url
+      }
+      window.open(href, "_blank")
+    },
+
+    // 文件icon
+    iconGetMap(url) {
+      let fileUrl=url.toLocaleLowerCase()
+
+      if(fileUrl.endsWith('.pdf')){
+          return require('@/assets/img/cloudDisk/pdf_icon.png')
+      }else if(fileUrl.endsWith('.pptx')){
+          return require('@/assets/img/cloudDisk/ppt_icon.png')
+      }else if(fileUrl.endsWith('.doc') || fileUrl.endsWith('.docx')){
+          return require('@/assets/img/cloudDisk/word_icon.png')
+      }else{
+          return require('@/assets/img/cloudDisk/config_icon.png')
+      }
+    },
+
+    /* 发送对话 */
+    async handleSendMessage(openNew=false) {
+      this.isSending = true;
+
+      let loading = this.$message({
+          type:"info",
+          message:'生成纪要中...',
+          duration:0,
+          iconClass:'el-icon-loading'
+      })
+
+      let OriginContent = this.sourceForm.type===1 
+        ? this.$refs.sourceContRef.content
+        : ''
+
+      let params = {
+        AiChatTopicId: openNew ? 0 : this.chatTopicId||0,
+        SaDocId: this.sourceForm.type===2?this.docInfo.SaDocId: 0,
+        OriginContent,
+        OpenaiFileId: this.sourceForm.type===3 ? [this.sourceForm.fileId] : [],
+        Prompt: this.$refs.promptContRef.content,
+        Model: this.promptForm.model
+      }
+
+      const res = await aiSummeryInterface.createAiSummery(params)
+      
+      loading.close();
+      this.isSending = false;
+      this.$message.success(res.Msg)
+      if(res.Ret !== 200) return
+
+      this.resultForm.content = res.Data.Answer;
+      this.chatTopicId = res.Data.AiChatTopicId;
+    },
+    
+
+    /* 保存纪要 */
+   async saveSummeryHandle() {
+      if(!this.resultForm.content) return this.$message.warning('请先生成纪要')
+
+      if(this.sourceForm.type===1 && !this.sourceForm.title) return this.$message.warning('请输入原文标题')
+
+      if(!this.resultForm.title) return this.$message.warning(this.$t('SemanticsManage.AiSummeryPage.ph_search'))
+
+      if(!this.resultForm.classifyId) return this.$message.warning(/* '请选择纪要分类' */this.$t('SemanticsManage.AiSummeryPage.ph_classify'))
+
+      let OriginContent = this.sourceForm.type===1 
+        ? this.$refs.sourceContRef.content
+        : ''
+
+      let params = {
+        SaDocId: this.sourceForm.type===2 ? this.sourceForm.docId : 0,
+        OriginTitle: this.sourceForm.title,
+        OriginContent,
+        SummaryContent: this.resultForm.content,
+        ClassifyId: this.resultForm.classifyId,
+        Title: this.resultForm.title,
+        Prompt: this.$refs.promptContRef.content,
+        OpenaiFileName:this.sourceForm.type===3 ? this.fileInfo.ResourceName:'',
+        OpenaiFilePath:this.sourceForm.type===3 ? this.fileInfo.ResourceUrl:''
+      }
+      const res = await aiSummeryInterface.summerySave(params)
+
+      if(res.Ret !== 200) return
+      this.$message.success(res.Msg)
+
+      this.$router.replace({
+        path: '/aISummeryPage',
+        query: {
+          classifyId: res.Data.ParentId,
+          code: res.Data.UniqueCode,
+          id: res.Data.AiSummaryId
+        }
+      })
+
+
+    },
+  },
+}
+</script>
+<style lang="scss">
+.edit-summery-page {
+  .fr-element {
+    height: 200px;
+  }
+} 
+</style>
+<style scoped lang='scss'>
+.edit-summery-page {
+  .top-wrap {
+    display: flex;
+    gap:0 30px;
+    .wrap-item {
+      width: 50%;
+      background: #fff;
+      padding: 20px;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      overflow-y: auto;
+      border: 1px solid #C8CDD9;
+      border-radius: 4px;
+      
+      .header {
+        justify-content: space-between;
+        margin-bottom: 20px;
+      }
+
+      .bottom {
+        margin-top: 20px;
+        justify-content: flex-end;
+      }
+      
+      .title {
+        margin-bottom: 10px;
+        display: flex;
+        font-size: 16px;
+        align-items: center;
+        label { margin-right: 20px; }
+      }
+
+      .document-html {
+        padding: 20px 0;
+        height: 400px;
+        overflow-y: auto;
+      }
+    }
+  }
+
+  .tab {
+    gap: 0 30px;
+    .tab-item {
+      padding-bottom: 10px;
+      border-bottom: 2px solid transparent;
+      &.act {
+        color: #0052D9;
+        border-color: #0052D9;
+      }
+    }
+  }
+
+  .flex {
+    display: flex;
+    align-items: center;
+  }
+
+  .result-wrap {
+    margin-top: 20px;
+    .create-header {
+      gap: 10px 30px;
+    }
+    .create-cont {
+      background: #fff;
+      padding: 20px;
+      border: 1px solid #C8CDD9;
+      border-radius: 4px;
+    }
+    .result-text {
+      height: 250px;
+      overflow-y: auto;
+      margin-bottom: 10px;
+      white-space: pre-wrap;
+    }
+    .bottom {
+      display: flex;
+      justify-content: flex-end;
+      .el-button {
+        width: 120px;
+      }
+    }
+  }
+
+  #froala-editor-documentContent {
+    display: none !important;
+  }
+}
+</style>