|  |  |  | 
|---|
|  |  |  | <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'; | 
|---|