feat: 修改样式

bak
刘释隆 1 year ago
parent 34c55fd9c7
commit a6bd43dfb4

@ -46,7 +46,7 @@ export const useWorkOrderStore = defineStore({
async fetchOrderList(pagination, keyword) {
const res = await getPackageList(pagination, keyword)
if (res.data.length > 0) {
if (res.data&&res.data.length > 0) {
this.packageList.push(...res.data)
if (!this.activeId)
this.setActive(0)

@ -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;
}

Loading…
Cancel
Save