| | |
| | | ></a-checkbox> |
| | | <!--更新 --> |
| | | <SyncOutlined class="icon" v-show="!checked" /> |
| | | <pageHeadLeft :checked="checked" :selectAllRow="selectAllRow" |
| | | :parentTableList='newList' |
| | | ></pageHeadLeft> |
| | | <pageHeadLeft |
| | | :checked="checked" |
| | | :selectAllRow="selectAllRow" |
| | | :parentTableList="newList" |
| | | ></pageHeadLeft> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | >共<span style="padding: 0 5px">20</span>封 |
| | | <a-pagination |
| | | v-model:current="pageCurrent" |
| | | v-model:page-size='page.limit' |
| | | simple |
| | | :total="50" |
| | | :total="page.total" |
| | | style="margin-left: 10px" |
| | | @change="handlePageChange" |
| | | /> |
| | | <FilterOutlined style="margin-left: 10px" /> |
| | | <a-popover placement="left" trigger="click"> |
| | |
| | | import pageHeadLeft from '@/views/email/components/ListPage/pageHeadLeft.vue'; |
| | | import { PageWrapper } from '@/components/Page'; |
| | | |
| | | import { ref, watch, defineProps, defineEmits, computed, reactive, onMounted } from 'vue'; |
| | | import { ref, watch, defineProps, defineEmits, computed, reactive, onMounted,inject } from 'vue'; |
| | | |
| | | // 定义属性 |
| | | interface Props { |
| | | pageList: []; |
| | | pageData?:any; |
| | | } |
| | | const props = defineProps<Props>(); |
| | | const newList = ref([]); |
| | |
| | | }, |
| | | ); |
| | | |
| | | const checked = ref(false); |
| | | const checked = computed(() => selectAllRow.value.length > 0); |
| | | const pageCurrent = ref(1); |
| | | const tableRef = ref(); |
| | | const state = reactive({ |
| | |
| | | num: 0, |
| | | }, |
| | | ]; |
| | | }); |
| | | }) |
| | | const activeKey = ref('1'); |
| | | const checked3 = ref(false); |
| | | import Table from '../table.vue'; |
| | | import Table from '@/views/email/components/ListPage/table.vue'; |
| | | onMounted(() => { |
| | | console.log('tableRef:', tableRef.value[0]); |
| | | }); |
| | |
| | | console.log('44444444444'); |
| | | } |
| | | |
| | | const page = computed(() => props.pageData); |
| | | const getDataList = inject('getDataList'); |
| | | function handlePageChange(page, pageSize){ |
| | | getDataList(page) |
| | | |
| | | } |
| | | </script> |
| | | <style scoped lang="less"> |
| | | .head { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | width: 100%; |
| | | height: 60px; |
| | | border-bottom: 1px solid rgb(5 5 5 / 6%); |
| | | |
| | | /* 增加选择器特异性 */ |
| | |
| | | align-items: center; |
| | | justify-content: space-flex-start; |
| | | width: 100%; |
| | | height: 100%;; |
| | | |
| | | & .icon { |
| | | margin-right: 15px; |