fix: 2590 【AI一键查重--高级筛选】点击高级筛选下拉后选择某一个高级筛选条件后,顶部名称同样进行切换对应选择的名称

pull/1/head
lizijiee 1 year ago
parent 53277ec183
commit c92b34554c

@ -36,6 +36,7 @@ const pagination = reactive({
pageSize: 300,
});
const keyword = ref("");
const currentlySelectedAdvanced = ref("高级筛选");
onMounted(() => {
// data.value = generateDefaultConfig()
@ -138,9 +139,22 @@ function generateFilterEntityList(data) {
return filterEntityList;
}
/**
* 提取服务器返回 HTML 中文字内容进行拼接
* @param {string} str 包含 HTML 标签的字符串例如 "<span style='color:#FF0000'></span>1<span style='color:#FF0000'></span>"
* @returns {string} 返回拼接后的不包含 HTML 标签的字符串例如 "11"
*/
function extractTextFromHTML(str) {
//
const regex = /<span style='color:#FF0000'><\/span>|<span style='color:#FF0000'>(.*?)<\/span>/g;
// 使 replace
const result = str.replace(regex, '');
return result;
}
function selectHandler(item: FilterEntity) {
(popover.value as any).setShow(false);
currentlySelectedAdvanced.value = extractTextFromHTML(item.name)
emit("select", item.id);
}
@ -226,7 +240,7 @@ const moveEnd = () => {
>
<template #trigger>
<div class="wrapper-left-dropdown" @click="showClick">
<span style="font-size: 20px;color: #333333;font-weight: Medium;">高级筛选</span>
<span style="font-size: 20px;color: #333333;font-weight: Medium;">{{currentlySelectedAdvanced}}</span>
<SvgIcon :style="{ marginLeft: '5px' }" name="down" size="14" />
</div>
</template>

Loading…
Cancel
Save