update

src/hooks/datatable/index.ts

@@ -55,7 +55,7 @@ export function useDataTable<T>(options: DataTableOptions = {}) {
 }
 
 export function useDataFilter<T>() {
-    const filterOptons: FilterOptions<T> = reactive({
+    const filterOptions: FilterOptions<T> = reactive({
         selectList: [],
         inputList: [],
         buttonList: [],
@@ -63,13 +63,13 @@ export function useDataFilter<T>() {
 
     // 清空所有过滤条件
     const clearAll = () => {
-        filterOptons.selectList.forEach((e) => {
+        filterOptions.selectList.forEach((e) => {
             if (!e.locked) {
                 e.selectedValue = undefined
             }
         })
 
-        filterOptons.inputList.forEach((e) => {
+        filterOptions.inputList.forEach((e) => {
             if (!e.locked) {
                 e.value = undefined
             }
@@ -81,7 +81,7 @@ export function useDataFilter<T>() {
         clear && clearAll()
         const options: FilterValue<T>[] = []
 
-        filterOptons.selectList.forEach((e) => {
+        filterOptions.selectList.forEach((e) => {
             const { key, selectedValue } = e
             if (selectedValue !== undefined) {
                 options.push({
@@ -91,7 +91,7 @@ export function useDataFilter<T>() {
             }
         })
 
-        filterOptons.inputList.forEach((e) => {
+        filterOptions.inputList.forEach((e) => {
             const { keys, value } = e
             if (value) {
                 options.push({
@@ -109,13 +109,13 @@ export function useDataFilter<T>() {
         clear && clearAll()
         const params: T = Object.create({})
 
-        filterOptons.selectList.forEach((e) => {
+        filterOptions.selectList.forEach((e) => {
             if (e.selectedValue !== undefined) {
                 params[e.key] = e.selectedValue
             }
         })
 
-        filterOptons.inputList.forEach((e) => {
+        filterOptions.inputList.forEach((e) => {
             e.keys.forEach((key) => {
                 if (e.value) {
                     params[key] = e.value
@@ -127,7 +127,7 @@ export function useDataFilter<T>() {
     }
 
     return {
-        filterOptons,
+        filterOptions,
         getFilterParams,
         getQueryParams,
     }

src/packages/pc/views/account/fundacct/components/sign/index.vue

@@ -63,7 +63,7 @@ const { global: { t } } = i18n
 
 const { componentRef, componentId, openComponent, closeComponent } = useComponent(() => run())
 
-const { filterOptons, getQueryParams } = useDataFilter<Model.TaAccountReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Model.TaAccountReq>()
 
 const { dataList, total, pageSize, pageIndex, loading, run } = useRequest(queryAccountSign, {
     defaultParams: {
@@ -90,13 +90,13 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', width: 220, fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     {
         label: t('account.fundacct.sign.accountId1'), keys: ['accountId']
     }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/admin/user/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons">
+            <app-filter :options="filterOptions">
                 <el-select filterable v-if="false">
                     <el-option v-for="item in selectList" :key="item.userid" :label="item.accountname"
                         :value="item.userid" />
@@ -61,7 +61,7 @@ const isTreeSelect = computed(() => {
     return ((releType === 2 && types.includes('7')) || releType === 3)
 })
 
-const { filterOptons, getQueryParams } = useDataFilter<Model.SystemmanagerReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Model.SystemmanagerReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Model.SystemmanagerRsp>({
     onClose: () => onSearch()
@@ -94,7 +94,7 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right', width: 150 }
 ])
 
-filterOptons.selectList = [
+filterOptions.selectList = [
     {
         label: t('admin.user.status'),
         key: 'managerStatus',
@@ -102,13 +102,13 @@ filterOptons.selectList = [
     }
 ]
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     {
         label: t('admin.user.loginCode'), keys: ['loginCode']
     }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/investor/custom/group/components/user/index.vue

@@ -3,7 +3,7 @@
     <teleport to="#appPageTeleport">
         <app-view>
             <template #header>
-                <app-filter :options="filterOptons" />
+                <app-filter :options="filterOptions" />
             </template>
             <app-table :data="dataList" :columns="tableColumns">
                 <template #headerLeft>
@@ -60,7 +60,7 @@ const componentMap = new Map<string, unknown>([
 const emit = defineEmits(['closed'])
 const selectedItem = ref<Investor.PersonalizedDetailRsp>()
 
-const { filterOptons, getQueryParams } = useDataFilter<Investor.PersonalizedDetailReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Investor.PersonalizedDetailReq>()
 
 const { componentRef, componentId, openComponent, closeComponent } = useComponent(() => run())
 
@@ -82,13 +82,13 @@ const tableColumns = ref<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('investor.custom.group.user.accountname'), keys: ['accountname'] },
     { label: t('investor.custom.group.user.mobilephone'), keys: ['mobilephone'] },
     { label: t('investor.custom.group.user.cardnum'), keys: ['cardnum'] }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/investor/custom/group/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -44,7 +44,7 @@ const { global: { t } } = i18n
 // 风险客户类别
 const customerTypeEnum = useEnum('customerType')
 
-const { filterOptons, getQueryParams } = useDataFilter<Investor.PersonalizedReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Investor.PersonalizedReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Investor.PersonalizedRsp>({
     onClose: () => onSearch()
@@ -68,11 +68,11 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('investor.custom.group.groupname'), keys: ['groupname'] }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/investor/custom/riskcfg/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -44,7 +44,7 @@ const { global: { t } } = i18n
 // 风险率类型
 const customerTypeEnum = useEnum('customerType')
 
-const { filterOptons, getQueryParams } = useDataFilter<Investor.AccountRiskConfigReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Investor.AccountRiskConfigReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Investor.AccountRiskConfigRsp>({
     onClose: () => onSearch()
@@ -69,12 +69,12 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('investor.custom.riskcfg.username'), keys: ['username'] },
     { label: t('investor.custom.riskcfg.accountid'), keys: ['accountid'] }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/investor/manage/modification/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <!-- 操作 -->
@@ -40,7 +40,7 @@ const { global: { t } } = i18n
 // 变更状态
 const modifystatusEnum = useEnum('modifystatus')
 
-const { filterOptons, getQueryParams } = useDataFilter<Investor.ModifyPageReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Investor.ModifyPageReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Investor.ModifyPageRsp>({
     onClose: () => onSearch()
@@ -66,12 +66,12 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('investor.manage.modification.parentname1'), keys: ['parentname'] },
     { label: t('investor.manage.modification.accountname'), keys: ['accountname'] }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/investor/manage/user/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -48,7 +48,7 @@ const areastatusEnum = useEnum('areastatus')
 // 变更状态
 const modifystatusEnum = useEnum('modifystatus')
 
-const { filterOptons, getQueryParams } = useDataFilter<Investor.InvestorListReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Investor.InvestorListReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Investor.InvestorListRsp>({
     onClose: () => onSearch()
@@ -81,12 +81,12 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right', width: 260 }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('investor.manage.user.memberUserId'), keys: ['memberUserId'] },
     { label: t('investor.manage.user.accountName'), keys: ['accountName'] }
 ]
 
-filterOptons.selectList = [
+filterOptions.selectList = [
     {
         key: 'accountStatus',
         label: t('investor.manage.user.accountStatus'),
@@ -99,7 +99,7 @@ filterOptons.selectList = [
     }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/investor/user/initreview/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -46,7 +46,7 @@ const openmodeEnum = useEnum('openmode')
 // 开户状态
 const userstateEnum = useEnum('investorOpenStatus')
 
-const { filterOptons, getQueryParams } = useDataFilter<Investor.InvestorReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Investor.InvestorReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Investor.InvestorRsp>({
     onClose: () => onSearch()
@@ -74,12 +74,12 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('investor.user.initreview.areaCode'), keys: ['areaCode'] },
     { label: t('investor.user.initreview.userName'), keys: ['userName'] }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/investor/user/open/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -45,7 +45,7 @@ const openmodeEnum = useEnum('openmode')
 // 开户状态
 const userstateEnum = useEnum('investorOpenStatus')
 
-const { filterOptons, getQueryParams } = useDataFilter<Investor.InvestorReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Investor.InvestorReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Investor.InvestorRsp>({
     onClose: () => onSearch()
@@ -72,12 +72,12 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('investor.user.open.areaCode'), keys: ['areaCode'] },
     { label: t('investor.user.open.userName'), keys: ['userName'] }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/investor/user/rereview/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -45,7 +45,7 @@ const openmodeEnum = useEnum('openmode')
 // 开户状态
 const userstateEnum = useEnum('investorOpenStatus')
 
-const { filterOptons, getQueryParams } = useDataFilter<Investor.InvestorReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Investor.InvestorReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Investor.InvestorRsp>({
     onClose: () => onSearch()
@@ -73,12 +73,12 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('investor.user.review.areaCode'), keys: ['areaCode'] },
     { label: t('investor.user.review.userName'), keys: ['userName'] }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/marketrun/monitor/user/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -43,7 +43,7 @@ const { global: { t } } = i18n
 
 const clientTypeEnum = useEnum('clientType') // 终端类型
 
-const { filterOptons, getQueryParams } = useDataFilter<Model.MarketRunUserLoginReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Model.MarketRunUserLoginReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Model.MarketRunUserLoginRsp>({
     onClose: () => onSearch()
@@ -72,11 +72,11 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('marketrun.monitor.user.loginid'), keys: ['loginid'], type: 'number' },
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/member/institution/open/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -58,7 +58,7 @@ const openmodeEnum = useEnum('openmode')
 // 开户状态
 const userstateEnum = useEnum('investorOpenStatus')
 
-const { filterOptons, getQueryParams } = useDataFilter<Member.WskhUserinfoReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Member.WskhUserinfoReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Member.MemberDetail>({
     onClose: () => onSearch()
@@ -82,11 +82,11 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('member.institution.open.username1'), keys: ['username'] }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/profitshare/institution/group/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -42,7 +42,7 @@ import { i18n } from '@/stores'
 
 const { global: { t } } = i18n
 
-const { filterOptons, getQueryParams } = useDataFilter<Model.ProfitShareQueryPageReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Model.ProfitShareQueryPageReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Model.ProfitShareQueryPageRsp>({
     onClose: () => onSearch()
@@ -67,13 +67,13 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     {
         label: t('profitshare.institution.group.subareagroupname'), keys: ['subareagroupname']
     }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/query/warehouse_receipt_order/order/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -49,7 +49,7 @@ const wrTradeOrderStatusEnum = useEnum('WRTradeOrderStatus') // 状态
 const { getMarketOptions } = useMarket()
 const queryParams = shallowRef<Model.WarehouseQueryReq>()
 
-const { filterOptons, getQueryParams } = useDataFilter<Model.WarehouseQueryReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Model.WarehouseQueryReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Model.WarehouseQueryRsp>({
     onClose: () => onSearch()
@@ -84,7 +84,7 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.selectList = [
+filterOptions.selectList = [
     {
         key: 'marketid',
         label: t('query.warehouse_receipt_order.order.marketid'),
@@ -103,11 +103,11 @@ filterOptons.selectList = [
     }
 ]
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('query.warehouse_receipt_order.order.tradeid'), keys: ['tradeid'] },
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/query/warehouse_receipt_order/trade/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -47,7 +47,7 @@ const { global: { t } } = i18n
 const { getMarketOptions } = useMarket()
 const queryParams = shallowRef<Model.TradeOrderReq>()
 
-const { filterOptons, getQueryParams } = useDataFilter<Model.TradeOrderReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Model.TradeOrderReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Model.TradeOrderRsp>({
     onClose: () => onSearch()
@@ -84,7 +84,7 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operate', label: 'common.operate', fixed: 'right' }
 ])
 
-filterOptons.selectList = [
+filterOptions.selectList = [
     {
         key: 'marketid',
         label: t('query.warehouse_receipt_order.trade.marketid'),
@@ -103,11 +103,11 @@ filterOptons.selectList = [
     }
 ]
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     { label: t('query.warehouse_receipt_order.trade.tradeid'), keys: ['tradeid'] },
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/system/login_failed/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" showIndex :columns="tableColumns" :loading="loading">
             <template #headerLeft>
@@ -36,7 +36,7 @@ import { i18n } from '@/stores'
 const { global: { t } } = i18n
 
 const queryParams = shallowRef<Model.SystemErrorReq>()
-const { filterOptons, getQueryParams } = useDataFilter<Model.SystemErrorReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Model.SystemErrorReq>()
 
 const { componentMap, componentId, record, openComponent, closeComponent, getActionButtons } = useOperation<Model.SystemErrorRsp>({
     onClose: () => onSearch()
@@ -60,13 +60,13 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'description', label: 'system.login_failed.description' }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     {
         label: t('system.login_failed.tips1'), placeholder: t('system.login_failed.tips2'), keys: ['userName']
     }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]

src/packages/pc/views/system/operation_log/index.vue

@@ -2,7 +2,7 @@
 <template>
     <app-view>
         <template #header>
-            <app-filter :options="filterOptons" />
+            <app-filter :options="filterOptions" />
         </template>
         <app-table :data="dataList" showIndex :columns="tableColumns" :loading="loading">
             <template #footer>
@@ -31,7 +31,7 @@ import { i18n } from '@/stores'
 
 const { global: { t } } = i18n
 
-const { filterOptons, getQueryParams } = useDataFilter<Model.SystemLogReq>()
+const { filterOptions, getQueryParams } = useDataFilter<Model.SystemLogReq>()
 const userStore = useUserStore()
 
 const { componentMap, componentId, record, closeComponent } = useOperation<Model.SystemLogReq>({
@@ -59,7 +59,7 @@ const tableColumns = shallowRef<Model.TableColumn[]>([
     { field: 'operatetime', label: 'system.operation_log.operatetime', formatValue: (val) => formatDate(val) }
 ])
 
-filterOptons.inputList = [
+filterOptions.inputList = [
     {
         label: t('system.operation_log.tips3'), placeholder: t('system.operation_log.tips1'), keys: ['userName']
     },
@@ -68,7 +68,7 @@ filterOptons.inputList = [
     }
 ]
 
-filterOptons.buttonList = [
+filterOptions.buttonList = [
     { label: t('operation.search'), className: 'el-button--primary', onClick: () => onSearch() },
     { label: t('operation.reset'), className: 'el-button--primary', onClick: () => onSearch(true) }
 ]