增加一个搜索字段

This commit is contained in:
lai
2024-04-25 17:17:02 +08:00
parent 3df9ee4f3a
commit e3a11b0ede

View File

@@ -18,6 +18,8 @@ let neOtions = ref<Record<string, any>[]>([]);
let queryParams = reactive({ let queryParams = reactive({
/**网元ID */ /**网元ID */
neId: undefined, neId: undefined,
/**用户在线状态 */
upState: 'Active',
/**IMSI */ /**IMSI */
imsi: '', imsi: '',
/**msisdn */ /**msisdn */
@@ -33,6 +35,7 @@ function fnQueryReset() {
queryParams = Object.assign(queryParams, { queryParams = Object.assign(queryParams, {
imsi: '', imsi: '',
msisdn: '', msisdn: '',
upState: 'Active',
pageNum: 1, pageNum: 1,
pageSize: 20, pageSize: 20,
}); });
@@ -59,7 +62,7 @@ type TabeStateType = {
let tableState: TabeStateType = reactive({ let tableState: TabeStateType = reactive({
loading: false, loading: false,
size: 'middle', size: 'middle',
seached: true, seached: false,
data: [], data: [],
selectedRowKeys: [], selectedRowKeys: [],
}); });
@@ -118,6 +121,12 @@ let tableColumns: ColumnsType = [
}, },
width: 150, width: 150,
}, },
{
title: 'Up State',
dataIndex: 'upState',
align: 'center',
width: 100,
},
{ {
title: t('common.operate'), title: t('common.operate'),
key: 'imsi', key: 'imsi',
@@ -290,7 +299,7 @@ onMounted(() => {
<!-- 表格搜索栏 --> <!-- 表格搜索栏 -->
<a-form :model="queryParams" name="queryParams" layout="horizontal"> <a-form :model="queryParams" name="queryParams" layout="horizontal">
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :lg="6" :md="12" :xs="24"> <a-col :lg="8" :md="12" :xs="24">
<a-form-item :label="t('views.neUser.ue.neType')" name="neId "> <a-form-item :label="t('views.neUser.ue.neType')" name="neId ">
<a-select <a-select
v-model:value="queryParams.neId" v-model:value="queryParams.neId"
@@ -299,17 +308,26 @@ onMounted(() => {
/> />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :lg="6" :md="12" :xs="24"> <a-col :lg="8" :md="12" :xs="24">
<a-form-item label="Up State" name="upState">
<a-select v-model:value="queryParams.upState">
<a-select-option value="Inactive">Inactive</a-select-option>
<a-select-option value="Active">Active</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :lg="8" :md="12" :xs="24">
<a-form-item label="IMSI" name="imsi"> <a-form-item label="IMSI" name="imsi">
<a-input v-model:value="queryParams.imsi" allow-clear></a-input> <a-input v-model:value="queryParams.imsi" allow-clear></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :lg="6" :md="12" :xs="24"> <a-col :lg="8" :md="12" :xs="24">
<a-form-item label="MSISDN" name="msisdn"> <a-form-item label="MSISDN" name="msisdn">
<a-input v-model:value="queryParams.msisdn" allow-clear></a-input> <a-input v-model:value="queryParams.msisdn" allow-clear></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :lg="6" :md="12" :xs="24">
<a-col :lg="8" :md="12" :xs="24">
<a-form-item> <a-form-item>
<a-space :size="8"> <a-space :size="8">
<a-button type="primary" @click.prevent="fnGetList(1)"> <a-button type="primary" @click.prevent="fnGetList(1)">