big-model-web/src/views/manage/knowledge/model-config.vue

<template>
  <template v-if="indexMethod">
    <div class="__czr-title_1 mb-2">索引方式</div>
    <div class="flex w-full gap-4">
      <div
        class="__hover rounded-2.5 h-[8.38rem] flex-1 bg-[#ffffff] px-[1.5rem] py-4"
        style="border: var(--czr-border); border-width: 0.13rem"
        :class="{ 'index-method-active': state.indexMethod.value === '高质量' }"
        @click="() => (state.indexMethod.value = '高质量')"
      >
        <div class="flex items-center">
          <img
            src="@/assets/images/model/model-icon-1.png"
            class="mr-2.5 h-[3.25rem] w-[3.25rem]"
          />
          <div class="text-[1.25rem] font-bold text-[#2E3238]">高质量</div>
          <img
            src="@/assets/images/model/model-icon-3.png"
            class="h-[1.27rem] w-[2.88rem]"
          />
        </div>
        <div class="mt-2 text-sm text-[#606266]" style="line-height: 1.3rem">
          调用嵌入模型来处理文档以实现更精确的检索，可以帮助大语言模型生成高质量的回答。
        </div>
      </div>
      <!--      <div-->
      <!--        class="__hover h-[8.38rem] flex-1 rounded-[var(&#45;&#45;czr-gap)] bg-[#ffffff] px-[1.5rem] py-4"-->
      <!--        style="border: var(&#45;&#45;czr-border); border-width: 0.13rem"-->
      <!--        :class="{ 'index-method-active': state.indexMethod.value === 2 }"-->
      <!--        @click="() => state.indexMethod.value = 2"-->
      <!--      >-->
      <!--        <div class="flex items-center">-->
      <!--          <img-->
      <!--            src="@/assets/images/model/model-icon-2.png"-->
      <!--            class="mr-[var(&#45;&#45;czr-gap)] h-[3.25rem] w-[3.25rem]"-->
      <!--          />-->
      <!--          <div class="text-[1.25rem] font-bold text-[#2E3238]">经济</div>-->
      <!--        </div>-->
      <!--        <div-->
      <!--          class="mt-2 text-sm text-[#606266]"-->
      <!--          style="line-height: 1.3rem"-->
      <!--        >-->
      <!--          每个块使用 10 个关键词进行检索，不消耗 tokens，但会降低检索准确性。-->
      <!--        </div>-->
      <!--      </div>-->
    </div>
    <div
      v-if="state.indexMethod.value === '高质量'"
      class="mt-2.5 flex h-[2.5rem] w-full items-center gap-2 rounded-[0.25rem] px-[0.75rem] text-[0.8rem] text-[#666666]"
      style="
        border: var(--czr-border);
        border-color: var(--czr-warning-color);
        background-color: rgba(var(--czr-warning-color-rgb), 0.1);
      "
    >
      <SvgIcon
        name="czr_tip"
        color="var(--czr-warning-color)"
      />使用高质量模式进行嵌入后，无法切换回经济模式。
    </div>
  </template>
  <template v-if="embedding">
    <div class="__czr-title_1 mb-2">Embedding 模型</div>
    <CzrFormColumn
      required
      class="__czr-table-form-column"
      :span="24"
      label="模型类型"
      v-model:param="state.embedding.value"
      link="select"
      :options="state.optionsEmbedding"
      :clearable="false"
    />
  </template>
  <template v-if="searchMethod">
    <div class="__czr-title_1">检索方式</div>
    <div
      class="rounded-2.5 mt-4 w-full cursor-pointer bg-[#ffffff]"
      style="border: var(--czr-border); border-width: 0.13rem"
      :class="{
        'search-method-active':
          state.searchMethod.value === SearchMethodType.Vector,
      }"
      @click="() => (state.searchMethod.value = SearchMethodType.Vector)"
    >
      <div class="h-full w-full px-[1.5rem] py-4">
        <div class="flex items-center">
          <img
            src="@/assets/images/model/model-icon-4.png"
            class="mr-2.5 h-[3.25rem] w-[3.25rem]"
          />
          <div class="text-[1.25rem] font-bold text-[#2E3238]">
            {{ SearchMethodTypeMap.get(SearchMethodType.Vector) }}
          </div>
        </div>
        <div class="mt-2 text-sm text-[#606266]" style="line-height: 1.3rem">
          通过生成查询嵌入并查询与其向量表示最相似的文本分段
        </div>
        <template v-if="state.searchMethod.value === SearchMethodType.Vector">
          <div
            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-2.5 font-bold text-[#2E3238]"
          >
            <div class="flex items-center gap-2">
              <el-switch
                size="small"
                v-model="state.searchMethod[SearchMethodType.Vector].isRerank"
                :active-value="1"
                :inactive-value="0"
              />
              Rerank 模型
              <el-tooltip
                content="重排序模型将根据候选文档列表与用户问题语义匹配度进行重新排序，从而改进语义排序的结果。"
                placement="top"
              >
                <SvgIcon name="czr_tip" size="14" />
              </el-tooltip>
            </div>
            <template
              v-if="state.searchMethod[SearchMethodType.Vector].isRerank"
            >
              <CzrFormColumn
                required
                class="__czr-table-form-column"
                :span="24"
                label-width="0px"
                v-model:param="
                  state.searchMethod[SearchMethodType.Vector].rerank
                "
                link="select"
                :options="state.optionsRerank"
                :clearable="false"
                default-error-msg="请选择Rerank模型"
              />
            </template>
            <div class="flex gap-4">
              <div class="flex-1">
                <div class="flex h-4 items-center gap-2">
                  TOP K
                  <el-tooltip
                    content="用于筛选与用户问题相似度最高的文本片段。系统同时会根据选用模型上下文窗口大小动态调整分段数量。"
                    placement="top"
                  >
                    <SvgIcon name="czr_tip" size="14" />
                  </el-tooltip>
                </div>
                <div class="mt-4">
                  <el-slider
                    v-model="state.searchMethod[SearchMethodType.Vector].topK"
                    show-input
                    class="re-slider"
                    :min="1"
                    :max="10"
                  />
                </div>
              </div>
              <div class="flex-1">
                <div class="flex h-4 items-center gap-2">
                  <el-switch
                    size="small"
                    v-model="
                      state.searchMethod[SearchMethodType.Vector].isScore
                    "
                    :active-value="1"
                    :inactive-value="0"
                  />
                  Score 阈值
                  <el-tooltip
                    content="重排序模型将根据候选文档列表与用户问题语义匹配度进行重新排序，从而改进语义排序的结果。"
                    placement="top"
                  >
                    <SvgIcon name="czr_tip" size="14" />
                  </el-tooltip>
                </div>
                <div class="mt-4">
                  <el-slider
                    v-model="state.searchMethod[SearchMethodType.Vector].score"
                    show-input
                    class="re-slider"
                    :max="1"
                    :min="0"
                    :step="0.01"
                    :disabled="
                      !state.searchMethod[SearchMethodType.Vector].isScore
                    "
                  />
                </div>
              </div>
            </div>
          </div>
        </template>
      </div>
    </div>
    <div
      class="rounded-2.5 mt-4 w-full cursor-pointer bg-[#ffffff]"
      style="border: var(--czr-border); border-width: 0.13rem"
      :class="{
        'search-method-active':
          state.searchMethod.value === SearchMethodType.Global,
      }"
      @click="() => (state.searchMethod.value = SearchMethodType.Global)"
    >
      <div class="h-full w-full px-[1.5rem] py-4">
        <div class="flex items-center">
          <img
            src="@/assets/images/model/model-icon-5.png"
            class="mr-2.5 h-[3.25rem] w-[3.25rem]"
          />
          <div class="text-[1.25rem] font-bold text-[#2E3238]">
            {{ SearchMethodTypeMap.get(SearchMethodType.Global) }}
          </div>
        </div>
        <div class="mt-2 text-sm text-[#606266]" style="line-height: 1.3rem">
          索引文档中的所有词汇，从而允许用户查询任意词汇，并返回包含这些词汇的文本片段
        </div>
        <template v-if="state.searchMethod.value === SearchMethodType.Global">
          <div
            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-2.5 font-bold text-[#2E3238]"
          >
            <div class="flex items-center gap-2">
              <el-switch
                size="small"
                v-model="state.searchMethod[SearchMethodType.Global].isRerank"
                :active-value="1"
                :inactive-value="0"
              />
              Rerank 模型
              <el-tooltip
                content="用于筛选与用户问题相似度最高的文本片段。系统同时会根据选用模型上下文窗口大小动态调整分段数量。"
                placement="top"
              >
                <SvgIcon name="czr_tip" size="14" />
              </el-tooltip>
            </div>
            <template
              v-if="state.searchMethod[SearchMethodType.Global].isRerank"
            >
              <CzrFormColumn
                required
                class="__czr-table-form-column"
                :span="24"
                label-width="0px"
                v-model:param="
                  state.searchMethod[SearchMethodType.Global].rerank
                "
                link="select"
                :options="state.optionsRerank"
                :clearable="false"
                default-error-msg="请选择Rerank模型"
              />
            </template>
            <div class="flex gap-4">
              <div class="flex-1">
                <div class="flex h-4 items-center gap-2">
                  TOP K
                  <el-tooltip
                    content="用于筛选与用户问题相似度最高的文本片段。系统同时会根据选用模型上下文窗口大小动态调整分段数量。"
                    placement="top"
                  >
                    <SvgIcon name="czr_tip" size="14" />
                  </el-tooltip>
                </div>
                <div class="mt-4">
                  <el-slider
                    v-model="state.searchMethod[SearchMethodType.Global].topK"
                    show-input
                    class="re-slider"
                    :min="1"
                    :max="10"
                  />
                </div>
              </div>
              <div
                class="flex-1"
                v-if="state.searchMethod[SearchMethodType.Global].isRerank"
              >
                <div class="flex h-4 items-center gap-2">
                  <el-switch
                    size="small"
                    v-model="
                      state.searchMethod[SearchMethodType.Global].isScore
                    "
                    :active-value="1"
                    :inactive-value="0"
                  />
                  Score 阈值
                  <el-tooltip
                    content="用于设置文本片段筛选的相似度阈值。"
                    placement="top"
                  >
                    <SvgIcon name="czr_tip" size="14" />
                  </el-tooltip>
                </div>
                <div class="mt-4">
                  <el-slider
                    v-model="state.searchMethod[SearchMethodType.Global].score"
                    show-input
                    class="re-slider"
                    :max="1"
                    :min="0"
                    :step="0.01"
                    :disabled="
                      !state.searchMethod[SearchMethodType.Global].isScore
                    "
                  />
                </div>
              </div>
            </div>
          </div>
        </template>
      </div>
    </div>
    <div
      class="rounded-2.5 mt-4 w-full cursor-pointer bg-[#ffffff]"
      style="border: var(--czr-border); border-width: 0.13rem"
      :class="{
        'search-method-active':
          state.searchMethod.value === SearchMethodType.Mix,
      }"
      @click="() => (state.searchMethod.value = SearchMethodType.Mix)"
    >
      <div class="h-full w-full px-[1.5rem] py-4">
        <div class="flex items-center">
          <img
            src="@/assets/images/model/model-icon-6.png"
            class="mr-2.5 h-[3.25rem] w-[3.25rem]"
          />
          <div class="text-[1.25rem] font-bold text-[#2E3238]">
            {{ SearchMethodTypeMap.get(SearchMethodType.Mix) }}
          </div>
          <img
            src="@/assets/images/model/model-icon-3.png"
            class="h-[1.27rem] w-[2.88rem]"
          />
        </div>
        <div class="mt-2 text-sm text-[#606266]" style="line-height: 1.3rem">
          同时执行全文检索和向量检索，并应用重排序步骤，从两类查询结果中选择匹配用户问题的最佳结果，用户可以选择设置权重或配置重新排序模型。
        </div>
        <template v-if="state.searchMethod.value === SearchMethodType.Mix">
          <div class="mt-4 flex w-full gap-4">
            <div
              class="__hover rounded-2.5 h-[8.38rem] flex-1 bg-[#ffffff] px-[1.5rem] py-4"
              style="border: var(--czr-border); border-width: 0.13rem"
              :class="{
                'index-method-active':
                  state.searchMethod[SearchMethodType.Mix].indexMethod ===
                  'weightSetting',
              }"
              @click="
                () =>
                  (state.searchMethod[SearchMethodType.Mix].indexMethod =
                    'weightSetting')
              "
            >
              <div class="flex items-center">
                <img
                  src="@/assets/images/model/model-icon-8.png"
                  class="mr-2.5 h-[3.25rem] w-[3.25rem]"
                />
                <div class="text-[1.25rem] font-bold text-[#2E3238]">
                  权重设置
                </div>
                <img
                  src="@/assets/images/model/model-icon-3.png"
                  class="h-[1.27rem] w-[2.88rem]"
                />
              </div>
              <div
                class="mt-2 text-sm text-[#606266]"
                style="line-height: 1.3rem"
              >
                通过调整分配的权重，重新排序策略确定是优先进行语义匹配还是关键字匹配。
              </div>
            </div>
            <div
              class="__hover rounded-2.5 h-[8.38rem] flex-1 bg-[#ffffff] px-[1.5rem] py-4"
              style="border: var(--czr-border); border-width: 0.13rem"
              :class="{
                'index-method-active':
                  state.searchMethod[SearchMethodType.Mix].indexMethod ===
                  'rerank',
              }"
              @click="
                () =>
                  (state.searchMethod[SearchMethodType.Mix].indexMethod =
                    'rerank')
              "
            >
              <div class="flex items-center">
                <img
                  src="@/assets/images/model/model-icon-9.png"
                  class="mr-2.5 h-[3.25rem] w-[3.25rem]"
                />
                <div class="text-[1.25rem] font-bold text-[#2E3238]">
                  Rerank 模型
                </div>
              </div>
              <div
                class="mt-2 text-sm text-[#606266]"
                style="line-height: 1.3rem"
              >
                重排序模型将根据候选文档列表与用户问题语义匹配度进行重新排序，从而改进语义排序的结果。
              </div>
            </div>
          </div>
          <div
            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-2.5 font-bold text-[#2E3238]"
          >
            <template
              v-if="
                state.searchMethod[SearchMethodType.Mix].indexMethod ===
                'weightSetting'
              "
            >
              <div>
                <el-slider
                  v-model="state.searchMethod[SearchMethodType.Mix].weight"
                  :min="0"
                  :max="1"
                  :step="0.1"
                  class="weight-slider"
                />
                <div class="flex justify-between">
                  <div class="text-[var(--czr-main-color)]">
                    语义 {{ state.searchMethod[SearchMethodType.Mix].weight }}
                  </div>
                  <div class="text-[var(--czr-success-color)]">
                    {{
                      (
                        1 - state.searchMethod[SearchMethodType.Mix].weight
                      ).toFixed(1)
                    }}
                    关键词
                  </div>
                </div>
              </div>
            </template>
            <template
              v-else-if="
                state.searchMethod[SearchMethodType.Mix].indexMethod ===
                'rerank'
              "
            >
              <CzrFormColumn
                required
                class="__czr-table-form-column"
                :span="24"
                label-width="0px"
                v-model:param="state.searchMethod[SearchMethodType.Mix].rerank"
                link="select"
                :options="state.optionsRerank"
                :clearable="false"
                default-error-msg="请选择Rerank模型"
              />
            </template>
          </div>
          <div
            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-2.5 font-bold text-[#2E3238]"
          >
            <div class="flex gap-4">
              <div class="flex-1">
                <div class="flex h-4 items-center gap-2">
                  TOP K
                  <el-tooltip
                    content="用于筛选与用户问题相似度最高的文本片段。系统同时会根据选用模型上下文窗口大小动态调整分段数量。"
                    placement="top"
                  >
                    <SvgIcon name="czr_tip" size="14" />
                  </el-tooltip>
                </div>
                <div class="mt-4">
                  <el-slider
                    v-model="state.searchMethod[SearchMethodType.Mix].topK"
                    show-input
                    class="re-slider"
                    :min="1"
                    :max="10"
                  />
                </div>
              </div>
              <div class="flex-1">
                <div class="flex h-4 items-center gap-2">
                  <el-switch
                    size="small"
                    v-model="state.searchMethod[SearchMethodType.Mix].isScore"
                    :active-value="1"
                    :inactive-value="0"
                  />
                  Score 阈值
                  <el-tooltip
                    content="用于设置文本片段筛选的相似度阈值。"
                    placement="top"
                  >
                    <SvgIcon name="czr_tip" size="14" />
                  </el-tooltip>
                </div>
                <div class="mt-4">
                  <el-slider
                    v-model="state.searchMethod[SearchMethodType.Mix].score"
                    show-input
                    class="re-slider"
                    :max="1"
                    :min="0"
                    :step="0.01"
                    :disabled="
                      !state.searchMethod[SearchMethodType.Mix].isScore
                    "
                  />
                </div>
              </div>
            </div>
          </div>
        </template>
      </div>
    </div>
  </template>
</template>

<script setup lang="ts">
import {
  computed,
  getCurrentInstance,
  onMounted,
  reactive,
  ref,
  watch,
} from 'vue'
import { useDictionaryStore } from '@/stores'
import { pluginGetListByType } from '@/api/modules/model'
import { ElMessage } from 'element-plus'
import { SearchMethodType, SearchMethodTypeMap } from '@/types/knowledge'

const DictionaryStore = useDictionaryStore()
const emit = defineEmits([])
const props = defineProps({
  indexMethod: { default: true },
  embedding: { default: true },
  searchMethod: { default: true },
})
const { proxy }: any = getCurrentInstance()
const state: any = reactive({
  optionsEmbedding: [],
  optionsRerank: [],
  indexMethod: {
    value: '高质量',
  },
  embedding: {
    value: '',
  },
  searchMethod: {
    value: SearchMethodType.Vector,
    [SearchMethodType.Vector]: {
      isRerank: 1,
      rerank: '',
      topK: 5,
      isScore: 1,
      score: 0.5,
    },
    [SearchMethodType.Global]: {
      isRerank: 1,
      rerank: '',
      topK: 5,
      isScore: 1,
      score: 0.5,
    },
    [SearchMethodType.Mix]: {
      indexMethod: 'weightSetting',
      weight: 0.7,
      rerank: '',
      topK: 5,
      isScore: 1,
      score: 0.5,
    },
  },
})
const optionsEmbeddingMapCpt = computed(() => {
  const map = new Map()
  state.optionsEmbedding.forEach((v) => {
    map.set(v.value, v)
  })
  return map
})
const optionsRerankMapCpt = computed(() => {
  const map = new Map()
  state.optionsRerank.forEach((v) => {
    map.set(v.value, v)
  })
  return map
})
const reset = () => {
  state.indexMethod = {
    value: '高质量',
  }
  state.embedding = {
    value: '',
  }
  state.searchMethod = {
    value: SearchMethodType.Vector,
    [SearchMethodType.Vector]: {
      isRerank: 1,
      rerank: '',
      topK: 5,
      isScore: 1,
      score: 0.5,
    },
    [SearchMethodType.Global]: {
      isRerank: 1,
      rerank: '',
      topK: 5,
      isScore: 1,
      score: 0.5,
    },
    [SearchMethodType.Mix]: {
      indexMethod: 'weightSetting',
      weight: 0.7,
      rerank: '',
      topK: 5,
      isScore: 1,
      score: 0.5,
    },
  }
}
const getData = () => {
  const result: any = {}

  if (props.indexMethod) {
    result.indexingTechnique = state.indexMethod.value
  }
  if (props.embedding) {
    result.embeddingModelId = state.embedding.value
    result.embeddingModel = optionsEmbeddingMapCpt.value.get(
      state.embedding.value,
    ).label
  }
  if (props.searchMethod) {
    result.indexConfig = {
      type: state.searchMethod.value,
    }
    switch (state.searchMethod.value) {
      case SearchMethodType.Vector:
        {
          result.indexConfig.isRerank =
            state.searchMethod[SearchMethodType.Vector].isRerank
          result.indexConfig.rerankTypeId =
            state.searchMethod[SearchMethodType.Vector].rerank
          result.indexConfig.rerankType = optionsRerankMapCpt.value.get(
            state.searchMethod[SearchMethodType.Vector].rerank,
          ).label
          result.indexConfig.topK =
            state.searchMethod[SearchMethodType.Vector].topK
          result.indexConfig.isScore =
            state.searchMethod[SearchMethodType.Vector].isScore
          result.indexConfig.score =
            state.searchMethod[SearchMethodType.Vector].score
        }
        break
      case SearchMethodType.Global:
        {
          result.indexConfig.isRerank =
            state.searchMethod[SearchMethodType.Global].isRerank
          result.indexConfig.rerankTypeId =
            state.searchMethod[SearchMethodType.Global].rerank
          result.indexConfig.rerankType = optionsRerankMapCpt.value.get(
            state.searchMethod[SearchMethodType.Global].rerank,
          ).label
          result.indexConfig.topK =
            state.searchMethod[SearchMethodType.Global].topK
          result.indexConfig.isScore =
            state.searchMethod[SearchMethodType.Global].isScore
          result.indexConfig.score =
            state.searchMethod[SearchMethodType.Global].score
        }
        break
      case SearchMethodType.Mix:
        {
          result.indexConfig.weightRerank =
            state.searchMethod[SearchMethodType.Mix].indexMethod
          result.indexConfig.semantics =
            state.searchMethod[SearchMethodType.Mix].weight
          result.indexConfig.keyword =
            1 - state.searchMethod[SearchMethodType.Mix].weight
          result.indexConfig.rerankTypeId =
            state.searchMethod[SearchMethodType.Mix].rerank
          result.indexConfig.rerankType =
            optionsRerankMapCpt.value.get(
              state.searchMethod[SearchMethodType.Mix].rerank,
            )?.label || ''
          result.indexConfig.topK =
            state.searchMethod[SearchMethodType.Mix].topK
          result.indexConfig.isScore =
            state.searchMethod[SearchMethodType.Mix].isScore
          result.indexConfig.score =
            state.searchMethod[SearchMethodType.Mix].score
        }
        break
    }
  }
  return result
}
const init = ({ indexingTechnique, embeddingModelId, indexConfig }) => {
  reset()
  if (props.indexMethod) {
    state.indexMethod.value = indexingTechnique
  }
  if (props.embedding) {
    state.embedding.value = embeddingModelId
  }
  if (props.searchMethod) {
    state.searchMethod.value = indexConfig.type
    switch (state.searchMethod.value) {
      case SearchMethodType.Vector:
        {
          state.searchMethod[SearchMethodType.Vector].isRerank = Number(
            indexConfig.isRerank,
          )
          state.searchMethod[SearchMethodType.Vector].rerank =
            indexConfig.rerankTypeId
          state.searchMethod[SearchMethodType.Vector].topK = Number(
            indexConfig.topK,
          )
          state.searchMethod[SearchMethodType.Vector].isScore = Number(
            indexConfig.isScore,
          )
          state.searchMethod[SearchMethodType.Vector].score = Number(
            indexConfig.score,
          )
        }
        break
      case SearchMethodType.Global:
        {
          state.searchMethod[SearchMethodType.Global].isRerank = Number(
            indexConfig.isRerank,
          )
          state.searchMethod[SearchMethodType.Global].rerank =
            indexConfig.rerankTypeId
          state.searchMethod[SearchMethodType.Global].topK = Number(
            indexConfig.topK,
          )
          state.searchMethod[SearchMethodType.Global].isScore = Number(
            indexConfig.isScore,
          )
          state.searchMethod[SearchMethodType.Global].score = Number(
            indexConfig.score,
          )
        }
        break
      case SearchMethodType.Mix:
        {
          state.searchMethod[SearchMethodType.Mix].indexMethod =
            indexConfig.weightRerank
          state.searchMethod[SearchMethodType.Mix].weight = Number(
            indexConfig.semantics,
          )
          state.searchMethod[SearchMethodType.Mix].rerank =
            indexConfig.rerankTypeId
          state.searchMethod[SearchMethodType.Mix].topK = Number(
            indexConfig.topK,
          )
          state.searchMethod[SearchMethodType.Mix].isScore = Number(
            indexConfig.isScore,
          )
          state.searchMethod[SearchMethodType.Mix].score = Number(
            indexConfig.score,
          )
        }
        break
    }
  }
}
onMounted(() => {
  initDictionary()
})
defineExpose({
  reset,
  getData,
  init,
})
const initDictionary = () => {
  pluginGetListByType({ type: 'EMBEDDING' })
    .then(({ data }: any) => {
      state.optionsEmbedding = data.map((v) => {
        v.label = v.name
        v.value = v.id
        return v
      })
    })
    .catch(() => {})
  pluginGetListByType({ type: 'RERANK' })
    .then(({ data }: any) => {
      state.optionsRerank = data.map((v) => {
        v.label = v.name
        v.value = v.id
        return v
      })
    })
    .catch(() => {})
}
</script>

<style lang="scss" scoped>
.index-method-active {
  box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(40, 83, 247, 0.05);
  border-color: var(--czr-main-color) !important;
  background-color: rgba(var(--czr-main-color-rgb), 0.1);
}
.search-method-active {
  box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(40, 83, 247, 0.05);
  border-color: var(--czr-main-color) !important;
  background-color: rgba(var(--czr-main-color-rgb), 0.1);
  background-image: url('@/assets/images/model/model-icon-7.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:deep(.re-slider) {
  flex-direction: row-reverse;
  .el-slider__runway {
    margin-left: 10px;
    margin-right: 0;
  }
}
:deep(.weight-slider) {
  .el-slider__runway {
    background-color: var(--czr-success-color);
  }
}
</style>