gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-19 16:29:17 +08:00
Code

style: 封装表格搜索组件 (#4028)

Browse Source 
Refs #4017
This commit is contained in:
ssongliu 2024-03-01 11:21:01 +08:00 committed by GitHub
parent 514d68d395
commit 73e118a3e5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
45 changed files with 91 additions and 382 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/components/backup/index.vue
View File

@ -59,7 +59,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import { reactive, ref } from 'vue'; import { reactive, ref } from 'vue';
import OpDialog from '@/components/del-dialog/index.vue';
import { computeSize, dateFormat, downloadFile } from '@/utils/util'; import { computeSize, dateFormat, downloadFile } from '@/utils/util';
import { handleBackup, handleRecover } from '@/api/modules/setting'; import { handleBackup, handleRecover } from '@/api/modules/setting';
import i18n from '@/lang'; import i18n from '@/lang';

4
frontend/src/components/index.ts
View File

@ -4,6 +4,8 @@ import RouterButton from './router-button/index.vue';
import ComplexTable from './complex-table/index.vue'; import ComplexTable from './complex-table/index.vue';
import ErrPrompt from './error-prompt/index.vue'; import ErrPrompt from './error-prompt/index.vue';
import OpDialog from './del-dialog/index.vue'; import OpDialog from './del-dialog/index.vue';
import TableSearch from './table-search/index.vue';
import TableSetting from './table-setting/index.vue';
import Tooltip from '@/components/tooltip/index.vue'; import Tooltip from '@/components/tooltip/index.vue';
import CopyButton from '@/components/copy-button/index.vue'; import CopyButton from '@/components/copy-button/index.vue';
export default { export default {
@ -15,5 +17,7 @@ export default {
app.component(OpDialog.name, OpDialog); app.component(OpDialog.name, OpDialog);
app.component(Tooltip.name, Tooltip); app.component(Tooltip.name, Tooltip);
app.component(CopyButton.name, CopyButton); app.component(CopyButton.name, CopyButton);
app.component(TableSearch.name, TableSearch);
app.component(TableSetting.name, TableSetting);
}, },
}; };

30
frontend/src/components/table-search/index.vue Normal file
View File

@ -0,0 +1,30 @@
<template>
<div>
<div class="search-button">
<el-input
clearable
v-model="searchInfo"
@clear="search()"
suffix-icon="Search"
@change="search()"
:placeholder="props.placeholder || $t('commons.button.search')"
></el-input>
</div>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
defineOptions({ name: 'TableSearch' });
const emit = defineEmits(['search', 'update:searchName']);
const searchInfo = ref();
const props = defineProps({
placeholder: String,
});
const search = () => {
emit('update:searchName', searchInfo.value);
emit('search');
};
</script>

1
frontend/src/components/upload/index.vue
View File

@ -90,7 +90,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import { reactive, ref } from 'vue'; import { reactive, ref } from 'vue';
import { computeSize } from '@/utils/util'; import { computeSize } from '@/utils/util';
import OpDialog from '@/components/del-dialog/index.vue';
import { handleRecoverByUpload } from '@/api/modules/setting'; import { handleRecoverByUpload } from '@/api/modules/setting';
import i18n from '@/lang'; import i18n from '@/lang';
import { UploadFile, UploadFiles, UploadInstance } from 'element-plus'; import { UploadFile, UploadFiles, UploadInstance } from 'element-plus';

14
frontend/src/views/app-store/apps/index.vue
View File

@ -50,16 +50,7 @@
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4"> <el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4">
<div class="search-button"> <TableSearch @search="searchByName()" v-model:searchName="req.name" />
<el-input
v-model="req.name"
clearable
@clear="searchByName('')"
suffix-icon="Search"
@change="searchByName(req.name)"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -298,8 +289,7 @@ const getTagValue = (key: string) => {
} }
}; };
const searchByName = (name: string) => { const searchByName = () => {
req.name = name;
search(req); search(req);
}; };

13
frontend/src/views/app-store/installed/index.vue
View File

@ -53,18 +53,7 @@
</el-col> </el-col>
<el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4"> <el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4">
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchReq.name" />
<el-input
class="table-button"
v-model="searchReq.name"
clearable
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>

2
frontend/src/views/container/compose/detail/index.vue
View File

@ -114,8 +114,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import { reactive, ref } from 'vue'; import { reactive, ref } from 'vue';
import Tooltip from '@/components/tooltip/index.vue';
import OpDialog from '@/components/del-dialog/index.vue';
import MonitorDialog from '@/views/container/container/monitor/index.vue'; import MonitorDialog from '@/views/container/container/monitor/index.vue';
import ContainerLogDialog from '@/views/container/container/log/index.vue'; import ContainerLogDialog from '@/views/container/container/log/index.vue';
import TerminalDialog from '@/views/container/container/terminal/index.vue'; import TerminalDialog from '@/views/container/container/terminal/index.vue';

14
frontend/src/views/container/compose/index.vue
View File

@ -33,17 +33,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -91,8 +81,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import Tooltip from '@/components/tooltip/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import { reactive, onMounted, ref } from 'vue'; import { reactive, onMounted, ref } from 'vue';
import EditDialog from '@/views/container/compose/edit/index.vue'; import EditDialog from '@/views/container/compose/edit/index.vue';
import CreateDialog from '@/views/container/compose/create/index.vue'; import CreateDialog from '@/views/container/compose/create/index.vue';

15
frontend/src/views/container/container/index.vue
View File

@ -56,17 +56,7 @@
</el-col> </el-col>
<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8"> <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<TableSetting title="container-refresh" @search="refresh()" /> <TableSetting title="container-refresh" @search="refresh()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -320,9 +310,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import OpDialog from '@/components/del-dialog/index.vue';
import Tooltip from '@/components/tooltip/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import PruneDialog from '@/views/container/container/prune/index.vue'; import PruneDialog from '@/views/container/container/prune/index.vue';
import RenameDialog from '@/views/container/container/rename/index.vue'; import RenameDialog from '@/views/container/container/rename/index.vue';
import OperateDialog from '@/views/container/container/operate/index.vue'; import OperateDialog from '@/views/container/container/operate/index.vue';

1
frontend/src/views/container/image/delete/index.vue
View File

@ -48,7 +48,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import { reactive, ref } from 'vue'; import { reactive, ref } from 'vue';
import { ElForm } from 'element-plus'; import { ElForm } from 'element-plus';
import OpDialog from '@/components/del-dialog/index.vue';
import { imageRemove } from '@/api/modules/container'; import { imageRemove } from '@/api/modules/container';
import DrawerHeader from '@/components/drawer-header/index.vue'; import DrawerHeader from '@/components/drawer-header/index.vue';
import i18n from '@/lang'; import i18n from '@/lang';

15
frontend/src/views/container/image/index.vue
View File

@ -25,17 +25,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -110,9 +100,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import OpDialog from '@/components/del-dialog/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import Tooltip from '@/components/tooltip/index.vue';
import { reactive, onMounted, ref, computed } from 'vue'; import { reactive, onMounted, ref, computed } from 'vue';
import { dateFormat } from '@/utils/util'; import { dateFormat } from '@/utils/util';
import { Container } from '@/api/interface/container'; import { Container } from '@/api/interface/container';

15
frontend/src/views/container/network/index.vue
View File

@ -22,17 +22,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -95,9 +85,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import Tooltip from '@/components/tooltip/index.vue';
import OpDialog from '@/components/del-dialog/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import CreateDialog from '@/views/container/network/create/index.vue'; import CreateDialog from '@/views/container/network/create/index.vue';
import CodemirrorDialog from '@/components/codemirror-dialog/index.vue'; import CodemirrorDialog from '@/components/codemirror-dialog/index.vue';
import { reactive, onMounted, ref } from 'vue'; import { reactive, onMounted, ref } from 'vue';

14
frontend/src/views/container/repo/index.vue
View File

@ -16,17 +16,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -77,8 +67,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import OpDialog from '@/components/del-dialog/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import OperatorDialog from '@/views/container/repo/operator/index.vue'; import OperatorDialog from '@/views/container/repo/operator/index.vue';
import { reactive, onMounted, ref } from 'vue'; import { reactive, onMounted, ref } from 'vue';
import { dateFormat } from '@/utils/util'; import { dateFormat } from '@/utils/util';

15
frontend/src/views/container/template/index.vue
View File

@ -19,17 +19,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -64,9 +54,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import Tooltip from '@/components/tooltip/index.vue';
import OpDialog from '@/components/del-dialog/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import { reactive, onMounted, ref } from 'vue'; import { reactive, onMounted, ref } from 'vue';
import { dateFormatSimple } from '@/utils/util'; import { dateFormatSimple } from '@/utils/util';
import { Container } from '@/api/interface/container'; import { Container } from '@/api/interface/container';

15
frontend/src/views/container/volume/index.vue
View File

@ -22,17 +22,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -95,9 +85,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import Tooltip from '@/components/tooltip/index.vue';
import OpDialog from '@/components/del-dialog/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import CreateDialog from '@/views/container/volume/create/index.vue'; import CreateDialog from '@/views/container/volume/create/index.vue';
import CodemirrorDialog from '@/components/codemirror-dialog/index.vue'; import CodemirrorDialog from '@/components/codemirror-dialog/index.vue';
import { reactive, onMounted, ref, computed } from 'vue'; import { reactive, onMounted, ref, computed } from 'vue';

15
frontend/src/views/cronjob/index.vue
View File

@ -29,17 +29,7 @@
</el-col> </el-col>
<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8"> <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -174,9 +164,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import OpDialog from '@/components/del-dialog/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import Tooltip from '@/components/tooltip/index.vue';
import OperateDialog from '@/views/cronjob/operate/index.vue'; import OperateDialog from '@/views/cronjob/operate/index.vue';
import Records from '@/views/cronjob/record/index.vue'; import Records from '@/views/cronjob/record/index.vue';
import Backups from '@/views/cronjob/backup/index.vue'; import Backups from '@/views/cronjob/backup/index.vue';

12
frontend/src/views/database/mysql/index.vue
View File

@ -107,17 +107,7 @@
</el-dropdown> </el-dropdown>
</el-col> </el-col>
<el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4"> <el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4">
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
v-model="searchName"
clearable
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>

12
frontend/src/views/database/mysql/remote/index.vue
View File

@ -12,17 +12,7 @@
</el-button> </el-button>
</el-col> </el-col>
<el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4"> <el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4">
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
v-model="searchName"
clearable
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>

12
frontend/src/views/database/postgresql/index.vue
View File

@ -84,17 +84,7 @@
<el-button @click="goDashboard()" type="primary" plain>PGAdmin4</el-button> <el-button @click="goDashboard()" type="primary" plain>PGAdmin4</el-button>
</el-col> </el-col>
<el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4"> <el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4">
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
v-model="searchName"
clearable
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>

12
frontend/src/views/database/postgresql/remote/index.vue
View File

@ -12,17 +12,7 @@
</el-button> </el-button>
</el-col> </el-col>
<el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4"> <el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4">
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
v-model="searchName"
clearable
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>

1
frontend/src/views/database/redis/setting/persistence/index.vue
View File

@ -113,7 +113,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import OpDialog from '@/components/del-dialog/index.vue';
import ConfirmDialog from '@/components/confirm-dialog/index.vue'; import ConfirmDialog from '@/components/confirm-dialog/index.vue';
import { Database } from '@/api/interface/database'; import { Database } from '@/api/interface/database';
import { redisPersistenceConf, updateRedisPersistenceConf } from '@/api/modules/database'; import { redisPersistenceConf, updateRedisPersistenceConf } from '@/api/modules/database';

12
frontend/src/views/host/firewall/ip/index.vue
View File

@ -31,15 +31,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
suffix-icon="Search"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -129,10 +121,8 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import OpDialog from '@/components/del-dialog/index.vue';
import OperateDialog from '@/views/host/firewall/ip/operate/index.vue'; import OperateDialog from '@/views/host/firewall/ip/operate/index.vue';
import FireRouter from '@/views/host/firewall/index.vue'; import FireRouter from '@/views/host/firewall/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import FireStatus from '@/views/host/firewall/status/index.vue'; import FireStatus from '@/views/host/firewall/status/index.vue';
import { onMounted, reactive, ref } from 'vue'; import { onMounted, reactive, ref } from 'vue';
import { batchOperateRule, searchFireRule, updateAddrRule, updateFirewallDescription } from '@/api/modules/host'; import { batchOperateRule, searchFireRule, updateAddrRule, updateFirewallDescription } from '@/api/modules/host';

12
frontend/src/views/host/firewall/port/index.vue
View File

@ -63,15 +63,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
suffix-icon="Search"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -180,8 +172,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import FireRouter from '@/views/host/firewall/index.vue'; import FireRouter from '@/views/host/firewall/index.vue';
import OpDialog from '@/components/del-dialog/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import OperateDialog from '@/views/host/firewall/port/operate/index.vue'; import OperateDialog from '@/views/host/firewall/port/operate/index.vue';
import FireStatus from '@/views/host/firewall/status/index.vue'; import FireStatus from '@/views/host/firewall/status/index.vue';
import { onMounted, reactive, ref } from 'vue'; import { onMounted, reactive, ref } from 'vue';

1
frontend/src/views/host/process/index.vue
View File

@ -9,7 +9,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import i18n from '@/lang'; import i18n from '@/lang';
import RouterButton from '@/components/router-button/index.vue';
const buttons = [ const buttons = [
{ {

54
frontend/src/views/host/process/network/index.vue
View File

@ -9,45 +9,25 @@
<el-form-item style="float: right"> <el-form-item style="float: right">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<div class="search-button"> <TableSearch
<el-input @search="search()"
type="number" :placeholder="$t('process.pid')"
v-model.number="netSearch.processID" v-model:searchName="netSearch.processID"
clearable />
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('process.pid')"
></el-input>
</div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="search-button"> <TableSearch
<el-input @search="search()"
v-model.trim="netSearch.processName" :placeholder="$t('process.processName')"
clearable v-model:searchName="netSearch.processName"
@clear="search()" />
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('process.processName')"
></el-input>
</div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="search-button"> <TableSearch
<el-input @search="search()"
type="number" :placeholder="$t('commons.table.port')"
v-model.number="netSearch.port" v-model:searchName="netSearch.port"
clearable />
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.table.port')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -210,10 +190,10 @@ const sendMsg = () => {
const search = () => { const search = () => {
if (isWsOpen()) { if (isWsOpen()) {
if (typeof netSearch.processID === 'string') { if (typeof netSearch.processID === 'string') {
netSearch.processID = undefined; netSearch.processID = Number(netSearch.processID);
} }
if (typeof netSearch.port === 'string') { if (typeof netSearch.port === 'string') {
netSearch.port = undefined; netSearch.port = Number(netSearch.port);
} }
processSocket.send(JSON.stringify(netSearch)); processSocket.send(JSON.stringify(netSearch));
} }

52
frontend/src/views/host/process/process/index.vue
View File

@ -9,44 +9,25 @@
<el-form-item style="float: right"> <el-form-item style="float: right">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<div class="search-button"> <TableSearch
<el-input @search="search()"
type="number" :placeholder="$t('process.pid')"
v-model.number="processSearch.pid" v-model:searchName="processSearch.pid"
clearable />
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('process.pid')"
></el-input>
</div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="search-button"> <TableSearch
<el-input @search="search()"
v-model.trim="processSearch.name" :placeholder="$t('commons.table.name')"
clearable v-model:searchName="processSearch.name"
@clear="search()" />
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.table.name')"
></el-input>
</div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="search-button"> <TableSearch
<el-input @search="search()"
v-model.trim="processSearch.username" :placeholder="$t('commons.table.user')"
clearable v-model:searchName="processSearch.username"
@clear="search()" />
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.table.user')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -126,7 +107,6 @@
<script setup lang="ts"> <script setup lang="ts">
import FireRouter from '@/views/host/process/index.vue'; import FireRouter from '@/views/host/process/index.vue';
import OpDialog from '@/components/del-dialog/index.vue';
import { ref, onMounted, onUnmounted, nextTick, reactive } from 'vue'; import { ref, onMounted, onUnmounted, nextTick, reactive } from 'vue';
import ProcessDetail from './detail/index.vue'; import ProcessDetail from './detail/index.vue';
import i18n from '@/lang'; import i18n from '@/lang';
@ -274,7 +254,7 @@ const search = () => {
if (isWsOpen() && !isGetData.value) { if (isWsOpen() && !isGetData.value) {
isGetData.value = true; isGetData.value = true;
if (typeof processSearch.pid === 'string') { if (typeof processSearch.pid === 'string') {
processSearch.pid = undefined; processSearch.pid = Number(processSearch.pid);
} }
processSocket.send(JSON.stringify(processSearch)); processSocket.send(JSON.stringify(processSearch));
} }

1
frontend/src/views/host/ssh/index.vue
View File

@ -9,7 +9,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import i18n from '@/lang'; import i18n from '@/lang';
import RouterButton from '@/components/router-button/index.vue';
const buttons = [ const buttons = [
{ {

13
frontend/src/views/host/ssh/log/log.vue
View File

@ -18,17 +18,7 @@
<el-col :xs="24" :sm="16" :md="16" :lg="16" :xl="16"></el-col> <el-col :xs="24" :sm="16" :md="16" :lg="16" :xl="16"></el-col>
<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8"> <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchInfo" />
<el-input
clearable
v-model="searchInfo"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -69,7 +59,6 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import TableSetting from '@/components/table-setting/index.vue';
import { dateFormat } from '@/utils/util'; import { dateFormat } from '@/utils/util';
import { onMounted, reactive, ref } from '@vue/runtime-core'; import { onMounted, reactive, ref } from '@vue/runtime-core';
import { loadSSHLogs } from '@/api/modules/host'; import { loadSSHLogs } from '@/api/modules/host';

12
frontend/src/views/host/ssh/session/index.vue
View File

@ -8,17 +8,7 @@
<el-col :span="8"></el-col> <el-col :span="8"></el-col>
<el-col :span="8"></el-col> <el-col :span="8"></el-col>
<el-col :span="8"> <el-col :span="8">
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="sshSearch.loginUser" />
<el-input
v-model.trim="sshSearch.loginUser"
clearable
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.table.user')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>

1
frontend/src/views/host/terminal/command/index.vue
View File

@ -111,7 +111,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { Command } from '@/api/interface/command'; import { Command } from '@/api/interface/command';
import GroupDialog from '@/components/group/index.vue'; import GroupDialog from '@/components/group/index.vue';
import OpDialog from '@/components/del-dialog/index.vue';
import GroupChangeDialog from '@/components/group/change.vue'; import GroupChangeDialog from '@/components/group/change.vue';
import { addCommand, editCommand, deleteCommand, getCommandPage } from '@/api/modules/host'; import { addCommand, editCommand, deleteCommand, getCommandPage } from '@/api/modules/host';
import { reactive, ref } from 'vue'; import { reactive, ref } from 'vue';

13
frontend/src/views/host/terminal/host/index.vue
View File

@ -15,17 +15,7 @@
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="info" />
<el-input
v-model="info"
clearable
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -75,7 +65,6 @@
<script setup lang="ts"> <script setup lang="ts">
import GroupDialog from '@/components/group/index.vue'; import GroupDialog from '@/components/group/index.vue';
import OpDialog from '@/components/del-dialog/index.vue';
import GroupChangeDialog from '@/components/group/change.vue'; import GroupChangeDialog from '@/components/group/change.vue';
import OperateDialog from '@/views/host/terminal/host/operate/index.vue'; import OperateDialog from '@/views/host/terminal/host/operate/index.vue';
import { deleteHost, editHostGroup, searchHosts } from '@/api/modules/host'; import { deleteHost, editHostGroup, searchHosts } from '@/api/modules/host';

13
frontend/src/views/log/login/index.vue
View File

@ -16,18 +16,8 @@
</el-col> </el-col>
<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8"> <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<div class="flx-align-center"> <div class="flx-align-center">
<div class="search-button">
<el-input
v-model="searchIP"
clearable
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search') + ' ip'"
></el-input>
</div>
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<TableSearch @search="search()" v-model:searchName="searchIP" />
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -78,7 +68,6 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import TableSetting from '@/components/table-setting/index.vue';
import ConfirmDialog from '@/components/confirm-dialog/index.vue'; import ConfirmDialog from '@/components/confirm-dialog/index.vue';
import { dateFormat } from '@/utils/util'; import { dateFormat } from '@/utils/util';
import { cleanLogs, getLoginLogs } from '@/api/modules/log'; import { cleanLogs, getLoginLogs } from '@/api/modules/log';

13
frontend/src/views/log/operation/index.vue
View File

@ -16,17 +16,7 @@
</el-col> </el-col>
<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8"> <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<TableSetting @search="search()" /> <TableSetting @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -109,7 +99,6 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import TableSetting from '@/components/table-setting/index.vue';
import ConfirmDialog from '@/components/confirm-dialog/index.vue'; import ConfirmDialog from '@/components/confirm-dialog/index.vue';
import { dateFormat } from '@/utils/util'; import { dateFormat } from '@/utils/util';
import { cleanLogs, getOperationLogs } from '@/api/modules/log'; import { cleanLogs, getOperationLogs } from '@/api/modules/log';

1
frontend/src/views/setting/backup-account/index.vue
View File

@ -464,7 +464,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { dateFormat } from '@/utils/util'; import { dateFormat } from '@/utils/util';
import { onMounted, ref } from 'vue'; import { onMounted, ref } from 'vue';
import OpDialog from '@/components/del-dialog/index.vue';
import { getBackupList, deleteBackup, refreshOneDrive } from '@/api/modules/setting'; import { getBackupList, deleteBackup, refreshOneDrive } from '@/api/modules/setting';
import localDialog from '@/views/setting/backup-account/local/index.vue'; import localDialog from '@/views/setting/backup-account/local/index.vue';
import s3Dialog from '@/views/setting/backup-account/s3/index.vue'; import s3Dialog from '@/views/setting/backup-account/s3/index.vue';

14
frontend/src/views/setting/snapshot/index.vue
View File

@ -16,17 +16,7 @@
</el-col> </el-col>
<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8"> <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<TableSetting ref="timerRef" @search="search()" /> <TableSetting ref="timerRef" @search="search()" />
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="searchName" />
<el-input
clearable
v-model="searchName"
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -177,8 +167,6 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import OpDialog from '@/components/del-dialog/index.vue';
import TableSetting from '@/components/table-setting/index.vue';
import DrawerHeader from '@/components/drawer-header/index.vue'; import DrawerHeader from '@/components/drawer-header/index.vue';
import { snapshotCreate, searchSnapshotPage, snapshotDelete, updateSnapshotDescription } from '@/api/modules/setting'; import { snapshotCreate, searchSnapshotPage, snapshotDelete, updateSnapshotDescription } from '@/api/modules/setting';
import { onMounted, reactive, ref } from 'vue'; import { onMounted, reactive, ref } from 'vue';

1
frontend/src/views/toolbox/supervisor/file/index.vue
View File

@ -49,7 +49,6 @@
import { Codemirror } from 'vue-codemirror'; import { Codemirror } from 'vue-codemirror';
import { javascript } from '@codemirror/lang-javascript'; import { javascript } from '@codemirror/lang-javascript';
import { oneDark } from '@codemirror/theme-one-dark'; import { oneDark } from '@codemirror/theme-one-dark';
import OpDialog from '@/components/del-dialog/index.vue';
import { onUnmounted, reactive, ref, shallowRef } from 'vue'; import { onUnmounted, reactive, ref, shallowRef } from 'vue';
import { OperateSupervisorProcessFile } from '@/api/modules/host-tool'; import { OperateSupervisorProcessFile } from '@/api/modules/host-tool';
import i18n from '@/lang'; import i18n from '@/lang';

1
frontend/src/views/website/runtime/php/index.vue
View File

@ -84,7 +84,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { onMounted, onUnmounted, reactive, ref } from 'vue'; import { onMounted, onUnmounted, reactive, ref } from 'vue';
import OpDialog from '@/components/del-dialog/index.vue';
import { Runtime } from '@/api/interface/runtime'; import { Runtime } from '@/api/interface/runtime';
import { DeleteRuntime, SearchRuntimes } from '@/api/modules/runtime'; import { DeleteRuntime, SearchRuntimes } from '@/api/modules/runtime';
import { dateFormat, toLowerCase } from '@/utils/util'; import { dateFormat, toLowerCase } from '@/utils/util';

1
frontend/src/views/website/ssl/acme-account/index.vue
View File

@ -42,7 +42,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import OpDialog from '@/components/del-dialog/index.vue';
import DrawerHeader from '@/components/drawer-header/index.vue'; import DrawerHeader from '@/components/drawer-header/index.vue';
import { Website } from '@/api/interface/website'; import { Website } from '@/api/interface/website';
import { DeleteAcmeAccount, SearchAcmeAccount } from '@/api/modules/website'; import { DeleteAcmeAccount, SearchAcmeAccount } from '@/api/modules/website';

1
frontend/src/views/website/ssl/ca/index.vue
View File

@ -35,7 +35,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import OpDialog from '@/components/del-dialog/index.vue';
import DrawerHeader from '@/components/drawer-header/index.vue'; import DrawerHeader from '@/components/drawer-header/index.vue';
import { Website } from '@/api/interface/website'; import { Website } from '@/api/interface/website';
import { DeleteCA, SearchCAs } from '@/api/modules/website'; import { DeleteCA, SearchCAs } from '@/api/modules/website';

1
frontend/src/views/website/ssl/index.vue
View File

@ -154,7 +154,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import { onMounted, reactive, ref, computed } from 'vue'; import { onMounted, reactive, ref, computed } from 'vue';
import OpDialog from '@/components/del-dialog/index.vue';
import { DeleteSSL, DownloadFile, SearchSSL, UpdateSSL } from '@/api/modules/website'; import { DeleteSSL, DownloadFile, SearchSSL, UpdateSSL } from '@/api/modules/website';
import DnsAccount from './dns-account/index.vue'; import DnsAccount from './dns-account/index.vue';
import AcmeAccount from './acme-account/index.vue'; import AcmeAccount from './acme-account/index.vue';

1
frontend/src/views/website/website/config/basic/auth-basic/index.vue
View File

@ -26,7 +26,6 @@
<script lang="ts" setup name="proxy"> <script lang="ts" setup name="proxy">
import { Website } from '@/api/interface/website'; import { Website } from '@/api/interface/website';
import OpDialog from '@/components/del-dialog/index.vue';
import { OperateAuthConfig, GetAuthConfig } from '@/api/modules/website'; import { OperateAuthConfig, GetAuthConfig } from '@/api/modules/website';
import { computed, onMounted, ref } from 'vue'; import { computed, onMounted, ref } from 'vue';
import i18n from '@/lang'; import i18n from '@/lang';

1
frontend/src/views/website/website/config/basic/domain/index.vue
View File

@ -25,7 +25,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import Domain from './create/index.vue'; import Domain from './create/index.vue';
import { Website } from '@/api/interface/website'; import { Website } from '@/api/interface/website';
import OpDialog from '@/components/del-dialog/index.vue';
import { DeleteDomain, GetWebsite, ListDomains } from '@/api/modules/website'; import { DeleteDomain, GetWebsite, ListDomains } from '@/api/modules/website';
import { computed, onMounted, ref } from 'vue'; import { computed, onMounted, ref } from 'vue';
import i18n from '@/lang'; import i18n from '@/lang';

1
frontend/src/views/website/website/config/basic/proxy/index.vue
View File

@ -38,7 +38,6 @@
<script lang="ts" setup name="proxy"> <script lang="ts" setup name="proxy">
import { Website } from '@/api/interface/website'; import { Website } from '@/api/interface/website';
import OpDialog from '@/components/del-dialog/index.vue';
import { OperateProxyConfig, GetProxyConfig } from '@/api/modules/website'; import { OperateProxyConfig, GetProxyConfig } from '@/api/modules/website';
import { computed, onMounted, ref } from 'vue'; import { computed, onMounted, ref } from 'vue';
import Create from './create/index.vue'; import Create from './create/index.vue';

1
frontend/src/views/website/website/config/basic/redirect/index.vue
View File

@ -55,7 +55,6 @@
<script lang="ts" setup name="proxy"> <script lang="ts" setup name="proxy">
import { Website } from '@/api/interface/website'; import { Website } from '@/api/interface/website';
import OpDialog from '@/components/del-dialog/index.vue';
import { OperateRedirectConfig, GetRedirectConfig } from '@/api/modules/website'; import { OperateRedirectConfig, GetRedirectConfig } from '@/api/modules/website';
import { computed, onMounted, ref } from 'vue'; import { computed, onMounted, ref } from 'vue';
import Create from './create/index.vue'; import Create from './create/index.vue';

19
frontend/src/views/website/website/index.vue
View File

@ -32,17 +32,7 @@
</el-button> </el-button>
</el-col> </el-col>
<el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4"> <el-col :xs="24" :sm="4" :md="4" :lg="4" :xl="4">
<div class="search-button"> <TableSearch @search="search()" v-model:searchName="req.name" />
<el-input
v-model="req.name"
clearable
@clear="search()"
suffix-icon="Search"
@keyup.enter="search()"
@change="search()"
:placeholder="$t('commons.button.search')"
></el-input>
</div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -185,7 +175,6 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import Tooltip from '@/components/tooltip/index.vue';
import Backups from '@/components/backup/index.vue'; import Backups from '@/components/backup/index.vue';
import UploadDialog from '@/components/upload/index.vue'; import UploadDialog from '@/components/upload/index.vue';
import DefaultServer from '@/views/website/website/default/index.vue'; import DefaultServer from '@/views/website/website/default/index.vue';
@ -451,9 +440,3 @@ onMounted(() => {
listGroup(); listGroup();
}); });
</script> </script>
<style lang="scss" scoped>
.search-button {
float: right;
display: inline;
}
</style>