知识库文件的下载

liudong

2024-08-01 5ff5e947cbd5cc0d0819be8da5bbc18df8965a06

 src/views/dmx/knowledgeLib/index.vue

@@ -36,7 +36,7 @@
        <a-tabs default-active-key="1">
          <a-tab-pane key="1" :title= "t('dmx.list.DataSet')">
            <div class="rt-container-main">
              <a-card  ref="account" class="general-card" :title="$t('')" style="padding-top: 20px">
              <a-card  ref="account" class="general-card" title="" style="padding-top: 20px">
                <a-row>
                  <a-col :flex="1" :span="12">
                    <a-form
@@ -50,8 +50,10 @@
                          <a-input-search
                            :placeholder="$t('cardList.searchInput.placeholder')"
                            style="width: 200px;margin-right: 10px"
                            v-model="keywords"
                            @change="search"
                          />
                          <!--            新建-->
                          <!--新建-->
                          <add :kbobj="kbobj" @changeFetchData="changeFetchData"/>
                        </a-col>
                      </a-row>
@@ -88,7 +90,7 @@
                    <!--            {{ $t('searchTable.operation.download') }}-->
                    <!--          </a-button>-->
                    <a-tooltip :content="$t('searchTable.actions.refresh')">
                      <div class="action-icon" @click="search"
                      <div class="action-icon"
                      ><icon-refresh size="18"
                      /></div>
                    </a-tooltip>
@@ -169,7 +171,7 @@
<!--                    <span>{{ parser_ids[record.parser_id]}}</span>-->
<!--                  </template>-->
                  <template #status="{ record }">
                    <a-switch v-model="record.status"  checked-value="1" unchecked-value="0" @change="handleChangeStatus(record)"/>
                    <a-switch v-model="record.status" size="small" checked-value="1" unchecked-value="0" @change="handleChangeStatus(record)"/>
                  </template>
                  <template #run="{ record }">
                    <div style="display: flex;align-items: center;">
@@ -221,9 +223,14 @@
                        </template>
                      </a-button>
                    </a-popconfirm>
                    <a-button type="text" size="small">
                    <a-button type="text" size="small" @click="onDownloadDocument(record)">
                      <template #icon>
                        <icon-download />
                      </template>
                    </a-button>
                    <a-button type="text" size="small"  @click="seeload(record)">
                      <template #icon>
                        <icon-eye />
                      </template>
                    </a-button>
                  </template>
@@ -233,12 +240,12 @@
          </a-tab-pane>
          <a-tab-pane key="2" :title="t('dmx.list.test')">
            <div class="rt-container-main">
              <test :kbobj="kbobj"></test>
              <test ref="testForm"></test>
            </div>
          </a-tab-pane>
          <a-tab-pane key="3" :title="t('dmx.list.disposition')">
            <div class="rt-container-main">
              <config :kbtenantInfo="kbtenantInfo" :kbdetail="kbdetail" :kbobj="kbobj"></config>
              <config ref="configForm" :kbtenantInfo="kbtenantInfo"  :kbobj="kbobj"></config>
            </div>
          </a-tab-pane>
        </a-tabs>
@@ -284,7 +291,7 @@
</template>

<script lang="ts" setup>
import { computed, ref, reactive, watch, nextTick, onBeforeMount } from "vue";
import { computed, ref, reactive, watch, nextTick, onBeforeMount, onMounted } from "vue";
  import { useI18n } from 'vue-i18n';
  import useLoading from '@/hooks/loading';
import {
@@ -294,7 +301,7 @@
  queryKbDocumentList,
  deleteKnow,
  queryKbdetail,
  queryKbtenantInfo, kbdocumentrm, kbdocumentchangeparser, kbdocumentrun, kbdocumentchangeStatus
  queryKbtenantInfo, kbdocumentrm, kbdocumentchangeparser, kbdocumentrun, kbdocumentchangeStatus,downloadFile
} from "@/api/kbList";
  import { Pagination } from '@/types/global';
  import type { SelectOptionData } from '@arco-design/web-vue/es/select/interface';
@@ -308,8 +315,10 @@
  import test from '@/views/dmx/knowledgeLib/test.vue'
  import tool from '@/views/dmx/knowledgeLib/tool.vue'
  import addDetails from '@/views/dmx/knowledgeLib/addDetails.vue'
import { Message } from "@arco-design/web-vue";
import { parseTime } from "@/utils";
  import { Message } from "@arco-design/web-vue";
  import { parseTime } from "@/utils";
  import { usePinia } from "@/store";
  const store = usePinia();
  type SizeProps = 'mini' | 'small' | 'medium' | 'large';
  type Column = TableColumnData & { checked?: true };
  const account = ref(null)
@@ -332,8 +341,12 @@

  const size = ref<SizeProps>('medium');
  let visible = ref(false)
  let keywords = ref('')
  let detailsShow = ref(false)
  let selectedTab = ref(0)
  let testForm = ref(null)
  let configForm = ref(null)
  let kbId = ref('')
  let kbobj = reactive({})
  let kbdetail = reactive({})
  let parser_ids = reactive({})
@@ -353,8 +366,11 @@

  const  selectTab = (index,item) => {
    selectedTab.value= index;
    console.log(item.id);
    kbobj= item
    // console.log(item.id);
    kbobj= item;
    kbId = kbobj.id;
    testForm.value.changekbid(kbId);
    configForm.value.changekbObj(kbobj);
    fetchData({
      kb_id: kbobj.id,
      page: 1,
@@ -422,8 +438,8 @@
      title: t('dmx.column.Operate'),
      dataIndex: 'action',
      slotName: 'action',
      width: 150,
      minWidth: 150,
      width: 200,
      minWidth: 200,
    },
  ]);
  const contentTypeOptions = computed<SelectOptionData[]>(() => [
@@ -473,7 +489,7 @@
          acc[key] = value;
          return acc;
        }, {});
        console.log(parser_ids, 'parser_ids');
        // console.log(parser_ids, 'parser_ids');
        kbtenantInfo.parser_idObj = parser_ids;
        renderData.value = data.data.docs||[];
        renderData.value = renderData.value.map((item) => {
@@ -483,7 +499,7 @@
            parser_id: parser_ids[item.parser_id],
          };
        });
        console.log(renderData.value, 'renderData.value');
        console.log(renderData.value, 'renderData');

        pagination.current = params.page;
        pagination.total = data.data.total;
@@ -504,11 +520,12 @@
  };

  const search = () => {
    alert(1)
    // fetchData({
    //   ...basePagination,
    //   ...formModel.value,
    // });
    fetchData({
      kb_id: kbobj.id,
      page: 1,
      page_size: 20,
      keywords:keywords.value
    })
  };

  const handleClick = ()=>{
@@ -530,6 +547,9 @@
      console.log(tabs.value, 'tabs');
      if(tabs.value.length>0 && tabs.value[0]){
        kbobj = tabs.value[0]
        kbId = kbobj.id;
        testForm.value.changekbid(kbId);
        configForm.value.changekbObj(kbobj);
        fetchData({
          kb_id: kbobj.id,
          page: 1,
@@ -644,6 +664,16 @@
      })
    }
  }
  const   onDownloadDocument =  async (record)=>{
    console.log(record);
    downloadFile({
      url: `/api/v1/document/get/${record.id}`,
      filename: record.name,
    });
  }
const   seeload =  async (row)=>{
  console.log(row);
}

const   handleChangeStatus =  async (row)=>{
  console.log(row);
@@ -670,11 +700,6 @@
    doc_ids: [row.id],
    run: run
  })
  // let data = await kbdocumentchangeparser({
  //   parser_id: row.parser_id,
  //   doc_id: row.id,
  //   parser_config: row.parser_config,
  // })
  if(data.code == 0){
    Message.success('解析成功');
    row.run = '3';
@@ -706,6 +731,9 @@
  );

  onBeforeMount(()=>{

  })
  onMounted(()=>{
    knowledgeData()
  })