feat: 修改样式

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

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

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

Loading…
Cancel
Save