|
|
|
@ -251,22 +251,22 @@ const inputHandler = debounce((word) => {
|
|
|
|
|
>
|
|
|
|
|
<n-card :style="cardStyle" :bordered="false" size="huge" role="dialog" aria-modal="true">
|
|
|
|
|
<div class="wrapper">
|
|
|
|
|
<span class="wrapper-title">全部筛选值</span>
|
|
|
|
|
<span class="wrapper-title">全部过滤条件</span>
|
|
|
|
|
<div class="wrapper-bar">
|
|
|
|
|
<div class="wrapper-info">
|
|
|
|
|
<span :style="{ 'margin-left': '18px' }">基本信息</span>
|
|
|
|
|
<span :style="{ 'margin-left': '18px','font-size':'16px' }">基本信息</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="wrapper-form">
|
|
|
|
|
<n-input :style="{ width: '360px', border: '1px solid #cad2dd' }" placeholder="请输入过滤条件名称搜索" @input="inputHandler">
|
|
|
|
|
<template #suffix>
|
|
|
|
|
<SvgIcon size="14px" name="magnifying-1" />
|
|
|
|
|
<SvgIcon size="14px" name="magnifying-1" color="#fff" />
|
|
|
|
|
</template>
|
|
|
|
|
</n-input>
|
|
|
|
|
<n-button type="info" @click="handleClick">
|
|
|
|
|
创建
|
|
|
|
|
<template #icon>
|
|
|
|
|
<SvgIcon size="14px" name="magnifying-1" />
|
|
|
|
|
<SvgIcon size="14px" color="#fff" name="magnifying-1" />
|
|
|
|
|
</template>
|
|
|
|
|
</n-button>
|
|
|
|
|
</div>
|
|
|
|
@ -297,10 +297,11 @@ const inputHandler = debounce((word) => {
|
|
|
|
|
.wrapper {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
|
|
|
|
|
&-title {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-bar {
|
|
|
|
@ -339,6 +340,7 @@ const inputHandler = debounce((word) => {
|
|
|
|
|
width: 5px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
top: 0;
|
|
|
|
|
left:3px;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|