feat: #I8ZY0B 优化表格搜索区域小屏幕适配

This commit is contained in:
a20070322 2024-01-30 17:01:37 +08:00
parent 761b5f624b
commit abcb5b2fee
36 changed files with 41 additions and 36 deletions

View File

@ -28,7 +28,7 @@ body {
.filter {
margin-bottom: 10px;
}
/*
/*
.ant-btn {
margin-right: 10px;
} */

View File

@ -0,0 +1,5 @@
.search-box {
margin-bottom: 0 !important;
box-sizing: border-box;
padding: 8px 0;
}

View File

@ -1,5 +1,5 @@
// import '@/assets/style.css'
// import '@/assets/reset.less'
import '@/assets/style.less'
import '@/assets/reset.less'
import App from './App.vue'
import router from './router'
// import 'ant-design-vue/dist/antd.css'

View File

@ -15,7 +15,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
allowClear
class="search-input-item"

View File

@ -3,7 +3,7 @@
<!-- 表格 -->
<a-card :bodyStyle="{ padding: '10px' }">
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
allowClear
class="search-input-item"

View File

@ -21,7 +21,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-space>
<a-input
allowClear

View File

@ -18,7 +18,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
class="search-input-item"
@pressEnter="loadData"

View File

@ -13,7 +13,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-select v-model:value="listQuery.nodeId" allowClear placeholder="请选择节点" class="search-input-item">
<a-select-option v-for="node in nodeList" :key="node.id">{{ node.name }}</a-select-option>
</a-select>

View File

@ -13,7 +13,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%name%']"
@pressEnter="loadData"

View File

@ -13,7 +13,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<!-- <a-input v-model="listQuery['name']" @pressEnter="loadData" placeholder="名称" class="search-input-item" /> -->
<div>
显示所有

View File

@ -28,7 +28,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%name%']"
@pressEnter="loadData"

View File

@ -25,7 +25,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%name%']"
@pressEnter="loadData"

View File

@ -11,7 +11,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['nodeId']"
@pressEnter="loadData"

View File

@ -11,7 +11,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['serviceId']"
@pressEnter="loadData"

View File

@ -11,7 +11,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['serviceId']"
@pressEnter="loadData"

View File

@ -18,7 +18,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%name%']"
@pressEnter="loadData"

View File

@ -13,7 +13,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%name%']"
@pressEnter="loadData"

View File

@ -13,7 +13,7 @@
@change="change"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-select v-model:value="listQuery.nodeId" allowClear placeholder="请选择节点" class="search-input-item">
<a-select-option v-for="(nodeName, key) in nodeMap" :key="key">{{ nodeName }}</a-select-option>
</a-select>

View File

@ -13,7 +13,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%name%']"
@pressEnter="loadData"

View File

@ -14,7 +14,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input v-model:value="listQuery['%name%']" placeholder="名称" allowClear class="search-input-item" />
<a-select
show-search

View File

@ -14,7 +14,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-select
v-if="!nodeId"
v-model:value="listQuery.nodeId"

View File

@ -22,7 +22,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-select
v-if="!nodeId"
v-model:value="listQuery.nodeId"

View File

@ -20,7 +20,7 @@
"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
class="search-input-item"
@pressEnter="loadData"

View File

@ -15,7 +15,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['id']"
placeholder="脚本ID"

View File

@ -14,7 +14,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%scriptName%']"
placeholder="名称"

View File

@ -12,7 +12,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%commandName%']"
@pressEnter="getCommandLogData"

View File

@ -14,7 +14,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%name%']"
@pressEnter="getCommandData"

View File

@ -28,7 +28,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
class="search-input-item"
@pressEnter="loadData"

View File

@ -15,7 +15,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%name%']"
@pressEnter="loadData"

View File

@ -2,7 +2,7 @@
<div>
<a-card :bodyStyle="{ padding: '10px' }">
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
class="search-input-item"
@pressEnter="getMachineList"

View File

@ -14,7 +14,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
class="search-input-item"
@pressEnter="handleListLog"

View File

@ -17,7 +17,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
class="search-input-item"
@pressEnter="loadData"

View File

@ -14,7 +14,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
class="search-input-item"
@pressEnter="handleListLog"

View File

@ -14,7 +14,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery.id"
@pressEnter="loadData"

View File

@ -14,7 +14,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-select
show-search
:filter-option="

View File

@ -14,7 +14,7 @@
}"
>
<template v-slot:title>
<a-space>
<a-space wrap class="search-box">
<a-input
v-model:value="listQuery['%name%']"
@pressEnter="loadData"