|  |  | 
 |  |  | <template> | 
 |  |  |   <LoadingLayout :loading="state.loading"> | 
 |  |  |     <AppContainer> | 
 |  |  |       <ProTableQueryFilterBar @on-reset="reset"> | 
 |  |  |         <template #query> | 
 |  |  |           <QueryFilterItem tip-content="发布状态"> | 
 |  |  |             <FieldRadio | 
 |  |  |               v-model="extraParamState.status" | 
 |  |  |               :value-enum="[ | 
 |  |  |                 { value: true, label: '发布中' }, | 
 |  |  |                 { value: false, label: '已停止' }, | 
 |  |  |               ]" | 
 |  |  |               buttonStyle | 
 |  |  |               showAllBtn | 
 |  |  |               @change="getList()" | 
 |  |  |             /> | 
 |  |  |           </QueryFilterItem> | 
 |  |  |           <QueryFilterItem tip-content="推荐状态"> | 
 |  |  |             <FieldRadio | 
 |  |  |               v-model="extraParamState.status" | 
 |  |  |               :value-enum="[ | 
 |  |  |                 { value: true, label: '已推荐' }, | 
 |  |  |                 { value: false, label: '未推荐' }, | 
 |  |  |               ]" | 
 |  |  |               buttonStyle | 
 |  |  |               showAllBtn | 
 |  |  |               @change="getList()" | 
 |  |  |             /> | 
 |  |  |           </QueryFilterItem> | 
 |  |  |           <QueryFilterItem tip-content="发布时间"> | 
 |  |  |             <FieldDatePicker | 
 |  |  |               v-model="extraParamState.beginDate" | 
 |  |  |               type="daterange" | 
 |  |  |               range-separator="~" | 
 |  |  |               start-placeholder="开始日期" | 
 |  |  |               end-placeholder="结束日期" | 
 |  |  |               clearable | 
 |  |  |               @change="getList()" | 
 |  |  |             ></FieldDatePicker> | 
 |  |  |           </QueryFilterItem> | 
 |  |  |           <QueryFilterItem> | 
 |  |  |             <SearchInput | 
 |  |  |               v-model="extraParamState.keyword" | 
 |  |  |               style="width: 260px" | 
 |  |  |               placeholder="任务名称" | 
 |  |  |               @on-click-search="getList" | 
 |  |  |             > | 
 |  |  |             </SearchInput> | 
 |  |  |           </QueryFilterItem> | 
 |  |  |         </template> | 
 |  |  |       </ProTableQueryFilterBar> | 
 |  |  |       <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns"> | 
 |  |  |       </ProTableV2> | 
 |  |  |     </AppContainer> | 
 |  |  | 
 |  |  |  | 
 |  |  | <script setup lang="ts"> | 
 |  |  | import { | 
 |  |  |   ProTableQueryFilterBar, | 
 |  |  |   OperationBtnType, | 
 |  |  |   ProTableV2, | 
 |  |  |   SearchInput, | 
 |  |  |   LoadingLayout, | 
 |  |  |   AppContainer, | 
 |  |  |   QueryFilterItem, | 
 |  |  |   useTable, | 
 |  |  |   FieldDatePicker, | 
 |  |  |   FieldRadio, | 
 |  |  |   useFormDialog, | 
 |  |  | } from '@bole-core/components'; | 
 |  |  | import { useAccess } from '@/hooks'; |