|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <fs-page class="fs-page-custom" v-loading='loading'>
|
|
|
+ <fs-page class="fs-page-custom">
|
|
|
<fs-crud ref="crudRef" v-bind="crudBinding">
|
|
|
<template #search-left>
|
|
|
<DateRangePicker v-model="dateRange"></DateRangePicker>
|
|
@@ -11,7 +11,7 @@
|
|
|
:prev-val="scope.row[`prev${field}`]"
|
|
|
:gap-val="scope.row[`gap${field}`]"
|
|
|
:date-range="dateRange"
|
|
|
- :show-compare="showCompare"/>
|
|
|
+ :show-compare="showCompare" />
|
|
|
</template>
|
|
|
<template #toolbar-left>
|
|
|
<div>
|
|
@@ -24,18 +24,18 @@
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
-import {onMounted, ref, watch} from 'vue'
|
|
|
-import {FsPage, useFs} from '@fast-crud/fast-crud'
|
|
|
-import {createCrudOptions} from './crud'
|
|
|
-import {usePublicData} from '/@/stores/publicData'
|
|
|
-import {storeToRefs} from 'pinia'
|
|
|
+import { onMounted, ref, watch } from 'vue'
|
|
|
+import { FsPage, useFs } from '@fast-crud/fast-crud'
|
|
|
+import { createCrudOptions } from './crud'
|
|
|
+import { usePublicData } from '/@/stores/publicData'
|
|
|
+import { storeToRefs } from 'pinia'
|
|
|
import DateRangePicker from '/@/components/DateRangePicker/index.vue'
|
|
|
-import {BaseColumn} from '/@/views/adManage/utils/commonTabColumn.js'
|
|
|
-import {LocationQueryValue} from 'vue-router'
|
|
|
+import { BaseColumn } from '/@/views/adManage/utils/commonTabColumn.js'
|
|
|
+import { LocationQueryValue } from 'vue-router'
|
|
|
import DataCompare from '/@/components/dataCompare/index.vue'
|
|
|
|
|
|
defineOptions({
|
|
|
- name: "Placement"
|
|
|
+ name: 'Placement',
|
|
|
})
|
|
|
const publicData = usePublicData()
|
|
|
const { dateRange } = storeToRefs(publicData)
|
|
@@ -43,13 +43,12 @@ interface Props {
|
|
|
campaignId: LocationQueryValue | LocationQueryValue[]
|
|
|
}
|
|
|
const props = defineProps<Props>()
|
|
|
-const loading = ref(true)
|
|
|
|
|
|
const showCompare = ref(false)
|
|
|
|
|
|
const queryParams = ref({
|
|
|
campaignId: props.campaignId,
|
|
|
- dateRange
|
|
|
+ dateRange,
|
|
|
})
|
|
|
const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions, context: queryParams })
|
|
|
|
|
@@ -57,11 +56,7 @@ onMounted(async () => {
|
|
|
crudExpose.doRefresh()
|
|
|
})
|
|
|
|
|
|
-watch(
|
|
|
- dateRange,
|
|
|
- async () => crudExpose.doRefresh()
|
|
|
-)
|
|
|
-
|
|
|
+watch(dateRange, async () => crudExpose.doRefresh())
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|