mirror of
https://gitee.com/dromara/Jpom.git
synced 2024-12-02 11:58:01 +08:00
feat: #I8ZY0B 优化表格搜索区域小屏幕适配
This commit is contained in:
parent
761b5f624b
commit
abcb5b2fee
@ -28,7 +28,7 @@ body {
|
||||
.filter {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
/*
|
||||
/*
|
||||
.ant-btn {
|
||||
margin-right: 10px;
|
||||
} */
|
||||
|
5
web-vue/src/assets/style.less
Normal file
5
web-vue/src/assets/style.less
Normal file
@ -0,0 +1,5 @@
|
||||
.search-box {
|
||||
margin-bottom: 0 !important;
|
||||
box-sizing: border-box;
|
||||
padding: 8px 0;
|
||||
}
|
@ -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'
|
||||
|
@ -15,7 +15,7 @@
|
||||
}"
|
||||
>
|
||||
<template v-slot:title>
|
||||
<a-space>
|
||||
<a-space wrap class="search-box">
|
||||
<a-input
|
||||
allowClear
|
||||
class="search-input-item"
|
||||
|
@ -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"
|
||||
|
@ -21,7 +21,7 @@
|
||||
}"
|
||||
>
|
||||
<template v-slot:title>
|
||||
<a-space>
|
||||
<a-space wrap class="search-box">
|
||||
<a-space>
|
||||
<a-input
|
||||
allowClear
|
||||
|
@ -18,7 +18,7 @@
|
||||
}"
|
||||
>
|
||||
<template v-slot:title>
|
||||
<a-space>
|
||||
<a-space wrap class="search-box">
|
||||
<a-input
|
||||
class="search-input-item"
|
||||
@pressEnter="loadData"
|
||||
|
@ -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>
|
||||
|
@ -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"
|
||||
|
@ -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>
|
||||
显示所有
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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>
|
||||
|
@ -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"
|
||||
|
@ -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
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -20,7 +20,7 @@
|
||||
"
|
||||
>
|
||||
<template v-slot:title>
|
||||
<a-space>
|
||||
<a-space wrap class="search-box">
|
||||
<a-input
|
||||
class="search-input-item"
|
||||
@pressEnter="loadData"
|
||||
|
@ -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"
|
||||
|
@ -14,7 +14,7 @@
|
||||
}"
|
||||
>
|
||||
<template v-slot:title>
|
||||
<a-space>
|
||||
<a-space wrap class="search-box">
|
||||
<a-input
|
||||
v-model:value="listQuery['%scriptName%']"
|
||||
placeholder="名称"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -28,7 +28,7 @@
|
||||
}"
|
||||
>
|
||||
<template v-slot:title>
|
||||
<a-space>
|
||||
<a-space wrap class="search-box">
|
||||
<a-input
|
||||
class="search-input-item"
|
||||
@pressEnter="loadData"
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -14,7 +14,7 @@
|
||||
}"
|
||||
>
|
||||
<template v-slot:title>
|
||||
<a-space>
|
||||
<a-space wrap class="search-box">
|
||||
<a-input
|
||||
class="search-input-item"
|
||||
@pressEnter="handleListLog"
|
||||
|
@ -17,7 +17,7 @@
|
||||
}"
|
||||
>
|
||||
<template v-slot:title>
|
||||
<a-space>
|
||||
<a-space wrap class="search-box">
|
||||
<a-input
|
||||
class="search-input-item"
|
||||
@pressEnter="loadData"
|
||||
|
@ -14,7 +14,7 @@
|
||||
}"
|
||||
>
|
||||
<template v-slot:title>
|
||||
<a-space>
|
||||
<a-space wrap class="search-box">
|
||||
<a-input
|
||||
class="search-input-item"
|
||||
@pressEnter="handleListLog"
|
||||
|
@ -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"
|
||||
|
@ -14,7 +14,7 @@
|
||||
}"
|
||||
>
|
||||
<template v-slot:title>
|
||||
<a-space>
|
||||
<a-space wrap class="search-box">
|
||||
<a-select
|
||||
show-search
|
||||
:filter-option="
|
||||
|
@ -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"
|
||||
|
Loading…
Reference in New Issue
Block a user