model-config.vue 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736
  1. <template>
  2. <template v-if="state.indexMethod.show">
  3. <div class="__czr-title_1 mb-[0.5rem]">索引方式</div>
  4. <div class="flex w-full gap-[1rem]">
  5. <div
  6. class="__hover h-[8.38rem] flex-1 rounded-[var(--czr-gap)] bg-[#ffffff] px-[1.5rem] py-[1rem]"
  7. style="border: var(--czr-border); border-width: 0.13rem"
  8. :class="{ 'index-method-active': state.indexMethod.value === '高质量' }"
  9. @click="() => (state.indexMethod.value = '高质量')"
  10. >
  11. <div class="flex items-center">
  12. <img
  13. src="@/assets/images/model-icon-1.png"
  14. class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
  15. />
  16. <div class="text-[1.25rem] font-bold text-[#2E3238]">高质量</div>
  17. <img
  18. src="@/assets/images/model-icon-3.png"
  19. class="h-[1.27rem] w-[2.88rem]"
  20. />
  21. </div>
  22. <div
  23. class="mt-[0.5rem] text-[0.88rem] text-[#606266]"
  24. style="line-height: 1.3rem"
  25. >
  26. 调用嵌入模型来处理文档以实现更精确的检索,可以帮助大语言模型生成高质量的回答。
  27. </div>
  28. </div>
  29. <!-- <div-->
  30. <!-- class="__hover h-[8.38rem] flex-1 rounded-[var(&#45;&#45;czr-gap)] bg-[#ffffff] px-[1.5rem] py-[1rem]"-->
  31. <!-- style="border: var(&#45;&#45;czr-border); border-width: 0.13rem"-->
  32. <!-- :class="{ 'index-method-active': state.indexMethod.value === 2 }"-->
  33. <!-- @click="() => state.indexMethod.value = 2"-->
  34. <!-- >-->
  35. <!-- <div class="flex items-center">-->
  36. <!-- <img-->
  37. <!-- src="@/assets/images/model-icon-2.png"-->
  38. <!-- class="mr-[var(&#45;&#45;czr-gap)] h-[3.25rem] w-[3.25rem]"-->
  39. <!-- />-->
  40. <!-- <div class="text-[1.25rem] font-bold text-[#2E3238]">经济</div>-->
  41. <!-- </div>-->
  42. <!-- <div-->
  43. <!-- class="mt-[0.5rem] text-[0.88rem] text-[#606266]"-->
  44. <!-- style="line-height: 1.3rem"-->
  45. <!-- >-->
  46. <!-- 每个块使用 10 个关键词进行检索,不消耗 tokens,但会降低检索准确性。-->
  47. <!-- </div>-->
  48. <!-- </div>-->
  49. </div>
  50. <div
  51. v-if="state.indexMethod.value === '高质量'"
  52. class="mt-[var(--czr-gap)] flex h-[2.5rem] w-full items-center gap-[0.5rem] rounded-[0.25rem] px-[0.75rem] text-[0.8rem] text-[#666666]"
  53. style="
  54. border: var(--czr-border);
  55. border-color: var(--czr-warning-color);
  56. background-color: rgba(var(--czr-warning-color-rgb), 0.1);
  57. "
  58. >
  59. <SvgIcon
  60. name="czr_tip"
  61. color="var(--czr-warning-color)"
  62. />使用高质量模式进行嵌入后,无法切换回经济模式。
  63. </div>
  64. </template>
  65. <template v-if="state.embedding.show">
  66. <div class="__czr-title_1 mb-[0.5rem]">Embedding 模型</div>
  67. <CzrFormColumn
  68. class="__czr-table-form-column"
  69. :span="24"
  70. label="模型类型"
  71. v-model:param="state.embedding.value"
  72. link="select"
  73. :options="[]"
  74. :clearable="false"
  75. />
  76. </template>
  77. <template v-if="state.searchMethod.show">
  78. <div class="__czr-title_1">检索方式</div>
  79. <div
  80. class="mt-[1rem] w-full cursor-pointer rounded-[var(--czr-gap)] bg-[#ffffff]"
  81. style="border: var(--czr-border); border-width: 0.13rem"
  82. :class="{
  83. 'search-method-active':
  84. state.searchMethod.value === SearchMethodType.Vector,
  85. }"
  86. @click="() => (state.searchMethod.value = SearchMethodType.Vector)"
  87. >
  88. <div class="h-full w-full px-[1.5rem] py-[1rem]">
  89. <div class="flex items-center">
  90. <img
  91. src="@/assets/images/model-icon-4.png"
  92. class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
  93. />
  94. <div class="text-[1.25rem] font-bold text-[#2E3238]">向量检索</div>
  95. </div>
  96. <div
  97. class="mt-[0.5rem] text-[0.88rem] text-[#606266]"
  98. style="line-height: 1.3rem"
  99. >
  100. 通过生成查询嵌入并查询与其向量表示最相似的文本分段
  101. </div>
  102. <template v-if="state.searchMethod.value === SearchMethodType.Vector">
  103. <div
  104. class="mt-[1rem] flex flex-col gap-[0.5rem] rounded-[0.25rem] bg-[#ffffff] p-[var(--czr-gap)] text-[1rem] font-bold text-[#2E3238]"
  105. >
  106. <div class="flex items-center gap-[0.5rem]">
  107. <el-switch
  108. size="small"
  109. v-model="state.searchMethod[SearchMethodType.Vector].isRerank"
  110. />
  111. Rerank 模型
  112. <el-tooltip
  113. content="重排序模型将根据候选文档列表与用户问题语义匹配度进行重新排序,从而改进语义排序的结果。"
  114. placement="top"
  115. >
  116. <SvgIcon name="czr_tip" size="14" />
  117. </el-tooltip>
  118. </div>
  119. <template
  120. v-if="state.searchMethod[SearchMethodType.Vector].isRerank"
  121. >
  122. <CzrFormColumn
  123. class="__czr-table-form-column"
  124. :span="24"
  125. label-width="0px"
  126. v-model:param="
  127. state.searchMethod[SearchMethodType.Vector].rerank
  128. "
  129. link="select"
  130. :options="[{ label: 'bga-reanskada-v2-sad-m3', value: 1 }]"
  131. :clearable="false"
  132. />
  133. </template>
  134. <div class="flex gap-[1rem]">
  135. <div class="flex-1">
  136. <div class="flex h-[1rem] items-center gap-[0.5rem]">
  137. TOP K
  138. <el-tooltip
  139. content="用于筛选与用户问题相似度最高的文本片段。系统同时会根据选用模型上下文窗口大小动态调整分段数量。"
  140. placement="top"
  141. >
  142. <SvgIcon name="czr_tip" size="14" />
  143. </el-tooltip>
  144. </div>
  145. <div class="mt-[1rem]">
  146. <el-slider
  147. v-model="state.searchMethod[SearchMethodType.Vector].topK"
  148. show-input
  149. class="re-slider"
  150. :min="1"
  151. :max="10"
  152. />
  153. </div>
  154. </div>
  155. <div class="flex-1">
  156. <div class="flex h-[1rem] items-center gap-[0.5rem]">
  157. <el-switch
  158. size="small"
  159. v-model="
  160. state.searchMethod[SearchMethodType.Vector].isScore
  161. "
  162. />
  163. Score 阈值
  164. <el-tooltip
  165. content="重排序模型将根据候选文档列表与用户问题语义匹配度进行重新排序,从而改进语义排序的结果。"
  166. placement="top"
  167. >
  168. <SvgIcon name="czr_tip" size="14" />
  169. </el-tooltip>
  170. </div>
  171. <div class="mt-[1rem]">
  172. <el-slider
  173. v-model="state.searchMethod[SearchMethodType.Vector].score"
  174. show-input
  175. class="re-slider"
  176. :max="1"
  177. :min="0"
  178. :step="0.1"
  179. :disabled="
  180. !state.searchMethod[SearchMethodType.Vector].isScore
  181. "
  182. />
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </template>
  188. </div>
  189. </div>
  190. <div
  191. class="mt-[1rem] w-full cursor-pointer rounded-[var(--czr-gap)] bg-[#ffffff]"
  192. style="border: var(--czr-border); border-width: 0.13rem"
  193. :class="{
  194. 'search-method-active':
  195. state.searchMethod.value === SearchMethodType.Global,
  196. }"
  197. @click="() => (state.searchMethod.value = SearchMethodType.Global)"
  198. >
  199. <div class="h-full w-full px-[1.5rem] py-[1rem]">
  200. <div class="flex items-center">
  201. <img
  202. src="@/assets/images/model-icon-5.png"
  203. class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
  204. />
  205. <div class="text-[1.25rem] font-bold text-[#2E3238]">全文检索</div>
  206. </div>
  207. <div
  208. class="mt-[0.5rem] text-[0.88rem] text-[#606266]"
  209. style="line-height: 1.3rem"
  210. >
  211. 索引文档中的所有词汇,从而允许用户查询任意词汇,并返回包含这些词汇的文本片段
  212. </div>
  213. <template v-if="state.searchMethod.value === SearchMethodType.Global">
  214. <div
  215. class="mt-[1rem] flex flex-col gap-[0.5rem] rounded-[0.25rem] bg-[#ffffff] p-[var(--czr-gap)] text-[1rem] font-bold text-[#2E3238]"
  216. >
  217. <div class="flex items-center gap-[0.5rem]">
  218. <el-switch
  219. size="small"
  220. v-model="state.searchMethod[SearchMethodType.Global].isRerank"
  221. />
  222. Rerank 模型
  223. <el-tooltip
  224. content="用于筛选与用户问题相似度最高的文本片段。系统同时会根据选用模型上下文窗口大小动态调整分段数量。"
  225. placement="top"
  226. >
  227. <SvgIcon name="czr_tip" size="14" />
  228. </el-tooltip>
  229. </div>
  230. <template
  231. v-if="state.searchMethod[SearchMethodType.Global].isRerank"
  232. >
  233. <CzrFormColumn
  234. class="__czr-table-form-column"
  235. :span="24"
  236. label-width="0px"
  237. v-model:param="
  238. state.searchMethod[SearchMethodType.Global].rerank
  239. "
  240. link="select"
  241. :options="[{ label: 'bga-reanskada-v2-sad-m3', value: 1 }]"
  242. :clearable="false"
  243. />
  244. </template>
  245. <div class="flex gap-[1rem]">
  246. <div class="flex-1">
  247. <div class="flex h-[1rem] items-center gap-[0.5rem]">
  248. TOP K
  249. <el-tooltip
  250. content="用于筛选与用户问题相似度最高的文本片段。系统同时会根据选用模型上下文窗口大小动态调整分段数量。"
  251. placement="top"
  252. >
  253. <SvgIcon name="czr_tip" size="14" />
  254. </el-tooltip>
  255. </div>
  256. <div class="mt-[1rem]">
  257. <el-slider
  258. v-model="state.searchMethod[SearchMethodType.Global].topK"
  259. show-input
  260. class="re-slider"
  261. :min="1"
  262. :max="10"
  263. />
  264. </div>
  265. </div>
  266. <div
  267. class="flex-1"
  268. v-if="state.searchMethod[SearchMethodType.Global].isRerank"
  269. >
  270. <div class="flex h-[1rem] items-center gap-[0.5rem]">
  271. <el-switch
  272. size="small"
  273. v-model="
  274. state.searchMethod[SearchMethodType.Global].isScore
  275. "
  276. />
  277. Score 阈值
  278. <el-tooltip
  279. content="用于设置文本片段筛选的相似度阈值。"
  280. placement="top"
  281. >
  282. <SvgIcon name="czr_tip" size="14" />
  283. </el-tooltip>
  284. </div>
  285. <div class="mt-[1rem]">
  286. <el-slider
  287. v-model="state.searchMethod[SearchMethodType.Global].score"
  288. show-input
  289. class="re-slider"
  290. :max="1"
  291. :min="0"
  292. :step="0.1"
  293. :disabled="
  294. !state.searchMethod[SearchMethodType.Global].isScore
  295. "
  296. />
  297. </div>
  298. </div>
  299. </div>
  300. </div>
  301. </template>
  302. </div>
  303. </div>
  304. <div
  305. class="mt-[1rem] w-full cursor-pointer rounded-[var(--czr-gap)] bg-[#ffffff]"
  306. style="border: var(--czr-border); border-width: 0.13rem"
  307. :class="{
  308. 'search-method-active':
  309. state.searchMethod.value === SearchMethodType.Mix,
  310. }"
  311. @click="() => (state.searchMethod.value = SearchMethodType.Mix)"
  312. >
  313. <div class="h-full w-full px-[1.5rem] py-[1rem]">
  314. <div class="flex items-center">
  315. <img
  316. src="@/assets/images/model-icon-6.png"
  317. class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
  318. />
  319. <div class="text-[1.25rem] font-bold text-[#2E3238]">混合检索</div>
  320. <img
  321. src="@/assets/images/model-icon-3.png"
  322. class="h-[1.27rem] w-[2.88rem]"
  323. />
  324. </div>
  325. <div
  326. class="mt-[0.5rem] text-[0.88rem] text-[#606266]"
  327. style="line-height: 1.3rem"
  328. >
  329. 同时执行全文检索和向量检索,并应用重排序步骤,从两类查询结果中选择匹配用户问题的最佳结果,用户可以选择设置权重或配置重新排序模型。
  330. </div>
  331. <template v-if="state.searchMethod.value === SearchMethodType.Mix">
  332. <div class="mt-[1rem] flex w-full gap-[1rem]">
  333. <div
  334. class="__hover h-[8.38rem] flex-1 rounded-[var(--czr-gap)] bg-[#ffffff] px-[1.5rem] py-[1rem]"
  335. style="border: var(--czr-border); border-width: 0.13rem"
  336. :class="{
  337. 'index-method-active':
  338. state.searchMethod[SearchMethodType.Mix].indexMethod ===
  339. 'weightSetting',
  340. }"
  341. @click="
  342. () =>
  343. (state.searchMethod[SearchMethodType.Mix].indexMethod =
  344. 'weightSetting')
  345. "
  346. >
  347. <div class="flex items-center">
  348. <img
  349. src="@/assets/images/model-icon-8.png"
  350. class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
  351. />
  352. <div class="text-[1.25rem] font-bold text-[#2E3238]">
  353. 权重设置
  354. </div>
  355. <img
  356. src="@/assets/images/model-icon-3.png"
  357. class="h-[1.27rem] w-[2.88rem]"
  358. />
  359. </div>
  360. <div
  361. class="mt-[0.5rem] text-[0.88rem] text-[#606266]"
  362. style="line-height: 1.3rem"
  363. >
  364. 通过调整分配的权重,重新排序策略确定是优先进行语义匹配还是关键字匹配。
  365. </div>
  366. </div>
  367. <div
  368. class="__hover h-[8.38rem] flex-1 rounded-[var(--czr-gap)] bg-[#ffffff] px-[1.5rem] py-[1rem]"
  369. style="border: var(--czr-border); border-width: 0.13rem"
  370. :class="{
  371. 'index-method-active':
  372. state.searchMethod[SearchMethodType.Mix].indexMethod ===
  373. 'rerank',
  374. }"
  375. @click="
  376. () =>
  377. (state.searchMethod[SearchMethodType.Mix].indexMethod =
  378. 'rerank')
  379. "
  380. >
  381. <div class="flex items-center">
  382. <img
  383. src="@/assets/images/model-icon-9.png"
  384. class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
  385. />
  386. <div class="text-[1.25rem] font-bold text-[#2E3238]">
  387. Rerank 模型
  388. </div>
  389. </div>
  390. <div
  391. class="mt-[0.5rem] text-[0.88rem] text-[#606266]"
  392. style="line-height: 1.3rem"
  393. >
  394. 重排序模型将根据候选文档列表与用户问题语义匹配度进行重新排序,从而改进语义排序的结果。
  395. </div>
  396. </div>
  397. </div>
  398. <div
  399. class="mt-[1rem] flex flex-col gap-[0.5rem] rounded-[0.25rem] bg-[#ffffff] p-[var(--czr-gap)] text-[1rem] font-bold text-[#2E3238]"
  400. >
  401. <template
  402. v-if="
  403. state.searchMethod[SearchMethodType.Mix].indexMethod ===
  404. 'weightSetting'
  405. "
  406. >
  407. <div>
  408. <el-slider
  409. v-model="state.searchMethod[SearchMethodType.Mix].weight"
  410. :min="0"
  411. :max="1"
  412. :step="0.1"
  413. class="weight-slider"
  414. />
  415. <div class="flex justify-between">
  416. <div class="text-[var(--czr-main-color)]">
  417. 语义 {{ state.searchMethod[SearchMethodType.Mix].weight }}
  418. </div>
  419. <div class="text-[var(--czr-success-color)]">
  420. {{
  421. (
  422. 1 - state.searchMethod[SearchMethodType.Mix].weight
  423. ).toFixed(1)
  424. }}
  425. 关键词
  426. </div>
  427. </div>
  428. </div>
  429. </template>
  430. <template
  431. v-else-if="
  432. state.searchMethod[SearchMethodType.Mix].indexMethod ===
  433. 'rerank'
  434. "
  435. >
  436. <CzrFormColumn
  437. class="__czr-table-form-column"
  438. :span="24"
  439. label-width="0px"
  440. v-model:param="state.searchMethod[SearchMethodType.Mix].rerank"
  441. link="select"
  442. :options="[{ label: 'bga-reanskada-v2-sad-m3', value: 1 }]"
  443. :clearable="false"
  444. />
  445. </template>
  446. </div>
  447. <div
  448. class="mt-[1rem] flex flex-col gap-[0.5rem] rounded-[0.25rem] bg-[#ffffff] p-[var(--czr-gap)] text-[1rem] font-bold text-[#2E3238]"
  449. >
  450. <div class="flex gap-[1rem]">
  451. <div class="flex-1">
  452. <div class="flex h-[1rem] items-center gap-[0.5rem]">
  453. TOP K
  454. <el-tooltip
  455. content="用于筛选与用户问题相似度最高的文本片段。系统同时会根据选用模型上下文窗口大小动态调整分段数量。"
  456. placement="top"
  457. >
  458. <SvgIcon name="czr_tip" size="14" />
  459. </el-tooltip>
  460. </div>
  461. <div class="mt-[1rem]">
  462. <el-slider
  463. v-model="state.searchMethod[SearchMethodType.Mix].topK"
  464. show-input
  465. class="re-slider"
  466. :min="1"
  467. :max="10"
  468. />
  469. </div>
  470. </div>
  471. <div class="flex-1">
  472. <div class="flex h-[1rem] items-center gap-[0.5rem]">
  473. <el-switch
  474. size="small"
  475. v-model="state.searchMethod[SearchMethodType.Mix].isScore"
  476. />
  477. Score 阈值
  478. <el-tooltip
  479. content="用于设置文本片段筛选的相似度阈值。"
  480. placement="top"
  481. >
  482. <SvgIcon name="czr_tip" size="14" />
  483. </el-tooltip>
  484. </div>
  485. <div class="mt-[1rem]">
  486. <el-slider
  487. v-model="state.searchMethod[SearchMethodType.Mix].score"
  488. show-input
  489. class="re-slider"
  490. :max="1"
  491. :min="0"
  492. :step="0.1"
  493. :disabled="
  494. !state.searchMethod[SearchMethodType.Mix].isScore
  495. "
  496. />
  497. </div>
  498. </div>
  499. </div>
  500. </div>
  501. </template>
  502. </div>
  503. </div>
  504. </template>
  505. </template>
  506. <script setup lang="ts">
  507. import { getCurrentInstance, reactive, ref, watch } from 'vue'
  508. const emit = defineEmits([])
  509. const props = defineProps({})
  510. const { proxy }: any = getCurrentInstance()
  511. enum SearchMethodType {
  512. Vector = 'VECTOR',
  513. Global = 'FULL_TEXT',
  514. Mix = 'HYBRID',
  515. }
  516. const state: any = reactive({
  517. indexMethod: {
  518. show: true,
  519. value: 1,
  520. },
  521. embedding: {
  522. show: true,
  523. value: 1,
  524. },
  525. searchMethod: {
  526. show: true,
  527. value: SearchMethodType.Vector,
  528. vector: {
  529. isRerank: true,
  530. rerank: '',
  531. topK: 5,
  532. isScore: true,
  533. score: 0.5,
  534. },
  535. global: {
  536. isRerank: true,
  537. rerank: '',
  538. topK: 5,
  539. isScore: true,
  540. score: 0.5,
  541. },
  542. mix: {
  543. indexMethod: 1,
  544. weight: 0.7,
  545. rerank: '',
  546. topK: 5,
  547. isScore: true,
  548. score: 0.5,
  549. },
  550. },
  551. })
  552. const reset = () => {
  553. state.indexMethod = {
  554. show: true,
  555. value: 1,
  556. }
  557. state.embedding = {
  558. show: true,
  559. value: '',
  560. }
  561. state.searchMethod = {
  562. show: true,
  563. value: SearchMethodType.Vector,
  564. [SearchMethodType.Vector]: {
  565. isRerank: true,
  566. rerank: '',
  567. topK: 5,
  568. isScore: true,
  569. score: 0.5,
  570. },
  571. [SearchMethodType.Global]: {
  572. isRerank: true,
  573. rerank: '',
  574. topK: 5,
  575. isScore: true,
  576. score: 0.5,
  577. },
  578. [SearchMethodType.Mix]: {
  579. indexMethod: 1,
  580. weight: 0.7,
  581. rerank: '',
  582. topK: 5,
  583. isScore: true,
  584. score: 0.5,
  585. },
  586. }
  587. }
  588. const getData = () => {
  589. const result = {
  590. indexingTechnique: state.indexMethod.value,
  591. embeddingModelId: state.embedding.value,
  592. indexConfig: {},
  593. }
  594. switch (state.searchMethod.value) {
  595. case SearchMethodType.Vector:
  596. {
  597. result.indexConfig.isRerank = state.searchMethod[
  598. SearchMethodType.Vector
  599. ].isRerank
  600. ? 1
  601. : 0
  602. result.indexConfig.rerankType =
  603. state.searchMethod[SearchMethodType.Vector].rerank
  604. result.indexConfig.topK =
  605. state.searchMethod[SearchMethodType.Vector].topK
  606. result.indexConfig.isScore = state.searchMethod[SearchMethodType.Vector]
  607. .isScore
  608. ? 1
  609. : 0
  610. result.indexConfig.score =
  611. state.searchMethod[SearchMethodType.Vector].score
  612. }
  613. break
  614. case SearchMethodType.Global:
  615. {
  616. result.indexConfig.isRerank = state.searchMethod[
  617. SearchMethodType.Global
  618. ].isRerank
  619. ? 1
  620. : 0
  621. result.indexConfig.rerankType =
  622. state.searchMethod[SearchMethodType.Global].rerank
  623. result.indexConfig.topK =
  624. state.searchMethod[SearchMethodType.Global].topK
  625. result.indexConfig.isScore = state.searchMethod[SearchMethodType.Global]
  626. .isScore
  627. ? 1
  628. : 0
  629. result.indexConfig.score =
  630. state.searchMethod[SearchMethodType.Global].score
  631. }
  632. break
  633. case SearchMethodType.Mix:
  634. {
  635. result.indexConfig.weightRerank =
  636. state.searchMethod[SearchMethodType.Mix].indexMethod
  637. result.indexConfig.semantics =
  638. state.searchMethod[SearchMethodType.Mix].weight
  639. result.indexConfig.keyword =
  640. 1 - state.searchMethod[SearchMethodType.Mix].weight
  641. result.indexConfig.rerankType =
  642. state.searchMethod[SearchMethodType.Mix].rerank
  643. result.indexConfig.topK = state.searchMethod[SearchMethodType.Mix].topK
  644. result.indexConfig.isScore = state.searchMethod[SearchMethodType.Mix]
  645. .isScore
  646. ? 1
  647. : 0
  648. result.indexConfig.score =
  649. state.searchMethod[SearchMethodType.Mix].score
  650. }
  651. break
  652. }
  653. return result
  654. }
  655. const init = ({ indexMethod, embedding, searchMethod }) => {
  656. state.indexMethod.value = indexMethod
  657. state.embedding.value = embedding
  658. switch (searchMethod.type) {
  659. case SearchMethodType.Vector:
  660. {
  661. state.searchMethod[SearchMethodType.Vector].isRerank =
  662. searchMethod.isRerank == 1
  663. state.searchMethod[SearchMethodType.Vector].rerank =
  664. searchMethod.rerankType
  665. state.searchMethod[SearchMethodType.Vector].topK = searchMethod.topK
  666. state.searchMethod[SearchMethodType.Vector].isScore =
  667. searchMethod.isScore == 1
  668. state.searchMethod[SearchMethodType.Vector].score = searchMethod.score
  669. }
  670. break
  671. case SearchMethodType.Global:
  672. {
  673. state.searchMethod[SearchMethodType.Global].isRerank =
  674. searchMethod.isRerank == 1
  675. state.searchMethod[SearchMethodType.Global].rerank =
  676. searchMethod.rerankType
  677. state.searchMethod[SearchMethodType.Global].topK = searchMethod.topK
  678. state.searchMethod[SearchMethodType.Global].isScore =
  679. searchMethod.isScore == 1
  680. state.searchMethod[SearchMethodType.Global].score = searchMethod.score
  681. }
  682. break
  683. case SearchMethodType.Mix:
  684. {
  685. state.searchMethod[SearchMethodType.Mix].indexMethod =
  686. searchMethod.weightRerank
  687. state.searchMethod[SearchMethodType.Mix].weight = Number(
  688. searchMethod.semantics,
  689. )
  690. state.searchMethod[SearchMethodType.Mix].rerank =
  691. searchMethod.rerankType
  692. state.searchMethod[SearchMethodType.Mix].topK = searchMethod.topK
  693. state.searchMethod[SearchMethodType.Mix].isScore =
  694. searchMethod.isScore == 1
  695. state.searchMethod[SearchMethodType.Mix].score = searchMethod.score
  696. }
  697. break
  698. }
  699. }
  700. defineExpose({
  701. reset,
  702. getData,
  703. init,
  704. })
  705. </script>
  706. <style lang="scss" scoped>
  707. .index-method-active {
  708. box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(40, 83, 247, 0.05);
  709. border-color: var(--czr-main-color) !important;
  710. background-color: rgba(var(--czr-main-color-rgb), 0.1);
  711. }
  712. .search-method-active {
  713. box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(40, 83, 247, 0.05);
  714. border-color: var(--czr-main-color) !important;
  715. background-color: rgba(var(--czr-main-color-rgb), 0.1);
  716. background-image: url('@/assets/images/model-icon-7.png');
  717. background-size: 100% 100%;
  718. background-repeat: no-repeat;
  719. }
  720. :deep(.re-slider) {
  721. flex-direction: row-reverse;
  722. .el-slider__runway {
  723. margin-left: 10px;
  724. margin-right: 0;
  725. }
  726. }
  727. :deep(.weight-slider) {
  728. .el-slider__runway {
  729. background-color: var(--czr-success-color);
  730. }
  731. }
  732. </style>