|
|
@@ -3,6 +3,7 @@ import { ref, watch } from 'vue';
|
|
|
import { message } from 'ant-design-vue';
|
|
|
import { debounce } from 'lodash-es';
|
|
|
|
|
|
+import SvgIcon from '@/components/SvgIcon.vue';
|
|
|
import { useRequest } from '@/hooks/request';
|
|
|
import { useViewVisible } from '@/hooks/view-visible';
|
|
|
import { t } from '@/i18n';
|
|
|
@@ -147,7 +148,11 @@ defineExpose({
|
|
|
:placeholder="$t('setupProtocol.plzEnterParamOrCode')"
|
|
|
allow-clear
|
|
|
@change="handleParamNameOrCodeChange"
|
|
|
- />
|
|
|
+ >
|
|
|
+ <template #prefix>
|
|
|
+ <SvgIcon name="search-o" :size="12" color="#B2B2B2" />
|
|
|
+ </template>
|
|
|
+ </AInput>
|
|
|
</div>
|
|
|
<ATable
|
|
|
:data-source="paramList"
|
|
|
@@ -184,14 +189,14 @@ defineExpose({
|
|
|
<div class="params-selected">
|
|
|
<div class="params-selected-header">
|
|
|
<span class="params-label">{{ $t('setupProtocol.selectedParams') }} ({{ selectedParamIds.length }})</span>
|
|
|
- <div @click="clearSelectedParams">clear</div>
|
|
|
+ <SvgIcon class="cursor-pointer" name="delete" :size="21" color="#F56C6C" @click="clearSelectedParams" />
|
|
|
</div>
|
|
|
<div class="params-selected-list">
|
|
|
<div class="params-selected-item" v-for="item in selectedParams" :key="item.id">
|
|
|
<div class="ellipsis-text params-selected-item-label" :title="item.paramName">
|
|
|
{{ item.paramName }}
|
|
|
</div>
|
|
|
- <div class="params-selected-item-delete" @click="removeSelectedParam(item)">x</div>
|
|
|
+ <SvgIcon class="params-selected-item-delete" name="close-circle-o" @click="removeSelectedParam(item)" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -274,7 +279,7 @@ defineExpose({
|
|
|
}
|
|
|
|
|
|
.params-selected-item-delete {
|
|
|
- width: 16px;
|
|
|
- height: 16px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: var(--antd-color-text-secondary);
|
|
|
}
|
|
|
</style>
|
