git
/
admission-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【招生小程序】 优化# 电销和招生共用总结模板

master
kaeery 2025-02-28 22:43:54 +08:00
parent 4528f8f7e2
commit a4930290b5
8 changed files with 166 additions and 197 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/api/summary.ts
View File

@ -15,3 +15,7 @@ export function apiSummaryDetail(params: any) {
export function apiEditSummary(params: any) {
return request.post({ url: '/summary/template/edit', data: params })
}
// 模板列表
export function apiSummaryLists(params: any) {
return request.get({ url: '/summary/template/list', data: params })
}

57
src/bundle/pages/summary-list/index.vue
View File

@ -8,57 +8,56 @@
</template>
<template #title>
<view class="w-4/5 flex items-center justify-center">
<date-picker :bindingDate="bindingDate" />
<date-picker
:bindingDate="queryParams.date"
format="YYYY-MM"
@confirm="confirmDate"
/>
</view>
</template>
</w-navbarComp>
<view class="flex-1 overflow-auto px-[24rpx] pt-[24rpx] bg-[#F8F8F8]">
<!-- <z-paging
<z-paging
ref="paging"
v-model="dataList"
@query="queryList"
:fixed="false"
height="100%"
> -->
<summary-card v-for="(item, index) in cardList" :key="`unique-${index}`" :item="item" />
<!-- </z-paging> -->
>
<summary-card
v-for="(item, index) in dataList"
:key="`unique-${index}`"
:item="item"
/>
</z-paging>
</view>
</view>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import summaryCard, { ISummaryCard } from './summary-card.vue'
import datePicker from '@/components/date-picker/date-picker.vue'
import { onLoad } from '@dcloudio/uni-app'
import { ref, reactive } from 'vue'
import summaryCard, { ISummaryCard } from './summary-card.vue'
import { useZPaging } from '@/hooks/useZPaging'
import datePicker from '@/components/date-picker/date-picker.vue'
import { apiSummaryLists } from '@/api/summary'
import { formatDate } from '@/utils/util'
const cardList = ref<ISummaryCard[]>([
{
date: '2025-02-17 09:40',
templateItems: [
{ formType: 1, formTitle: '今日打电话数量（包括不接、挂、空）', value: '10' },
{ formType: 1, formTitle: '今日打出多少条有效数据（可以加微信）', value: '20' },
{ formType: 1, formTitle: '家长主动加我们微信数据', value: '30' },
{ formType: 1, formTitle: '有遇到什么问题', value: '无' }
]
},
{
date: '2025-02-17 09:40',
templateItems: [
{ formType: 1, formTitle: '今日打电话数量（包括不接、挂、空）', value: '10' },
{ formType: 1, formTitle: '今日打出多少条有效数据（可以加微信）', value: '20' },
{ formType: 1, formTitle: '家长主动加我们微信数据', value: '30' },
{ formType: 1, formTitle: '有遇到什么问题', value: '无' }
]
const dataList = ref<ISummaryCard[]>([])
const queryParams = reactive({
date: formatDate(new Date().getTime(), 'YYYY-MM')
})
const { paging, queryList, refresh } = useZPaging(queryParams, apiSummaryLists)
const confirmDate = (selectedDate: number) => {
queryParams.date = formatDate(selectedDate, 'YYYY-MM')
refresh(queryParams)
}
])
const handleBack = () => {
uni.navigateBack()
}
const bindingDate = ref()
const bindingType = ref('')
onLoad(option => {
bindingDate.value = option?.date || Date.now()
bindingType.value = option?.type || ''
})
</script>

8
src/bundle/pages/summary-list/summary-card.vue
View File

@ -1,11 +1,11 @@
<template>
<w-card>
<template #title>
<text>{{ item.date }}</text>
<text>{{ item.addTime }}</text>
</template>
<template #content>
<view class="flex flex-col gap-[16rpx]">
<view v-for="(data, index) in item.templateItems" :key="`unique_${index}`">
<view v-for="(data, index) in item.templateContentList" :key="`unique_${index}`">
<text>{{ data.formTitle }}：</text>
<text>{{ data.value }}</text>
</view>
@ -19,8 +19,8 @@ import { PropType } from 'vue'
import { ISummary } from '@/components/widgets/summary-form/summary-form.vue'
export interface ISummaryCard {
date: string
templateItems: ISummary[]
addTime: string
templateContentList: ISummary[]
}
defineProps({
item: {

3
src/components/date-picker/date-picker.vue
View File

@ -30,7 +30,7 @@ const props = defineProps({
}
})
const emit = defineEmits(['update:bindingDate'])
const emit = defineEmits(['update:bindingDate', 'confirm'])
const maxDate = new Date().getTime()
@ -45,6 +45,7 @@ const handleTogglePicker = () => {
const handleConfirmDate = ({ value }) => {
handleToggle()
emit('update:bindingDate', value)
emit('confirm', value)
}
/**取消 */
const handleClose = () => {

2
src/components/widgets/date-more/date-more.vue
View File

@ -25,7 +25,7 @@ const props = defineProps({
const parseDate = computed(() => dayjs(props.curDate).format('YYYY-MM'))
const handleMore = () => {
uni.navigateTo({
url: '/bundle/pages/summary-list/index?date=' + props.curDate + '&type=' + props.type
url: '/bundle/pages/summary-list/index?type=' + props.type
})
}
</script>

121
src/components/widgets/summary/summary.vue 100644
View File

@ -0,0 +1,121 @@
<template>
<TContainer>
<view class="pb-[24rpx]">
<w-date-more :curDate="addTime" type="telesale" />
<date-strip
v-model="templateInfo.dateValue"
@change="handleDateChange"
height="160rpx"
/>
<w-summary-form
v-model="templateInfo.templateFormList"
:loading="loading"
@handle-confirm="handleConfirm"
/>
<view
class="px-[60rpx] mt-[48rpx]"
v-if="templateInfo.templateFormList?.length > 0 && isToday"
>
<u-button class="btn" color="#0E66FB" shape="circle" @click="handleConfirm">
确认
</u-button>
</view>
</view>
</TContainer>
</template>
<script setup lang="ts">
import { computed, ref } from 'vue'
import dateStrip from '@/components/date-strip/index.vue'
import { apiAddSummary, apiEditSummary, apiSummary, apiSummaryDetail } from '@/api/summary'
import cache from '@/utils/cache'
import { ROLEINDEX } from '@/enums/cacheEnums'
import { useUserStore } from '@/stores/user'
import { storeToRefs } from 'pinia'
import { formatDate, toast } from '@/utils/util'
import dayjs from 'dayjs'
const userStore = useUserStore()
const { userInfo } = storeToRefs(userStore)
const roles = computed(() => userInfo.value.roles)
const roleIndex = cache.get(ROLEINDEX)
const curRole = computed(() => roles.value[roleIndex])
const loading = ref(false)
const templateInfo = ref({
id: '',
dateValue: new Date().getTime(),
templateFormList: [],
isFill: 0
})
const addTime = ref(new Date().getTime())
const date = computed(
() =>
(format = 'YYYY-MM-DD') =>
formatDate(templateInfo.value.dateValue, format)
)
const isToday = computed(() => {
const today = new Date()
const selectedDate = new Date(templateInfo.value.dateValue)
return (
today.getFullYear() === selectedDate.getFullYear() &&
today.getMonth() === selectedDate.getMonth() &&
today.getDate() === selectedDate.getDate()
)
})
const handleDateChange = item => {
templateInfo.value.dateValue = dayjs(item.key).valueOf()
isToday.value ? fetchSummaryTemplate() : fetchSummaryDetail()
}
// 提交模板(今天的模板都允许修改)
const handleConfirm = async () => {
try {
const { templateFormList, isFill, id } = templateInfo.value
const { id: postId } = curRole.value
const params = {
id,
templateFormList: templateFormList,
addTime: date.value('YYYY-MM-DD HH:mm:ss'),
postId
}
const flag = isToday.value && isFill
const api = flag ? apiEditSummary : apiAddSummary
const msg = flag ? '编辑' : '提交'
await api(params)
toast(`${msg}成功`)
fetchSummaryTemplate()
} catch (error) {}
}
// 获取模板
const fetchSummaryTemplate = async () => {
loading.value = true
try {
const { id: postId } = curRole.value
const result = await apiSummary({ postId })
templateInfo.value.templateFormList = result.templateFormList ?? []
templateInfo.value.isFill = result.isFill
templateInfo.value.id = result.id
} catch (error) {}
loading.value = false
}
const fetchSummaryDetail = async () => {
try {
const { id: postId } = curRole.value
const params = {
date: date.value('YYYY-MM-DD'),
postId
}
const result = await apiSummaryDetail(params)
templateInfo.value.templateFormList = result.templateContentList ?? []
templateInfo.value.isFill = result.isFill ?? 0
} catch (error) {}
}
fetchSummaryTemplate()
</script>
<style scoped lang="scss">
:deep(.btn) {
button {
@apply h-[88rpx];
}
}
</style>

49
src/pages/recruitsale/summary/index.vue
View File

@ -1,51 +1,6 @@
<template>
<TContainer>
<view class="pb-[24rpx]">
<w-date-more :curDate="curDate" type="recruitsale" />
<date-strip v-model="curDate" @change="handleDateChange" height="160rpx" />
<w-summary-form
v-model="templateItems"
@handle-confirm="handleConfirm"
:readonly="type"
/>
</view>
</TContainer>
<w-summary />
</template>
<script setup lang="ts">
import { ref } from 'vue'
import dateStrip from '@/components/date-strip/index.vue'
const templateItems = ref([
{ formType: 1, formTitle: '今日加微信数量', value: '' },
{ formType: 1, formTitle: '今日添加微信通过人数', value: '' },
{ formType: 1, formTitle: '今日和多少家长微信语音', value: '' },
{ formType: 1, formTitle: '今日有群发消息给家长', value: '' },
{ formType: 1, formTitle: '今日有群发消息给家长', value: '' },
{ formType: 1, formTitle: '学生已被统招录取多少', value: '' },
{ formType: 1, formTitle: '不想在湛江读书多少', value: '' },
{ formType: 1, formTitle: '中专类型有多少 ', value: '' },
{ formType: 1, formTitle: '340分以下有多少', value: '' },
{ formType: 1, formTitle: '340到400分有多少', value: '' },
{ formType: 1, formTitle: '400以上有多少', value: '' },
{ formType: 1, formTitle: '情况不清楚不回多少', value: '' },
{ formType: 1, formTitle: '现在总添加微信量', value: '' },
{ formType: 1, formTitle: '第二天有多少家长到校参观', value: '' },
{ formType: 1, formTitle: '本周六日有多少家长到校参观', value: '' },
{ formType: 1, formTitle: '目前加的数据有多少意向学生', value: '' },
{ formType: 1, formTitle: '本周报名目标', value: '' },
{ formType: 1, formTitle: '明天工作计划', value: '' },
{ formType: 2, formTitle: '有遇到什么问题', value: '' }
])
const handleConfirm = () => {
if (date <= curDate.value) return
console.log(templateItems.value)
}
const curDate = ref(new Date().getTime())
const type = ref('')
const handleDateChange = item => {
type.value = item.type
}
</script>
<script setup lang="ts"></script>
<style scoped lang="scss"></style>

117
src/pages/telesale/summary/index.vue
View File

@ -1,117 +1,6 @@
<template>
<TContainer>
<view class="pb-[24rpx]">
<w-date-more :curDate="addTime" type="telesale" />
<date-strip
v-model="templateInfo.dateValue"
@change="handleDateChange"
height="160rpx"
/>
<w-summary-form
v-model="templateInfo.templateFormList"
:loading="loading"
@handle-confirm="handleConfirm"
/>
<view
class="px-[60rpx] mt-[48rpx]"
v-if="templateInfo.templateFormList?.length > 0 && isToday"
>
<u-button class="btn" color="#0E66FB" shape="circle" @click="handleConfirm">
确认
</u-button>
</view>
</view>
</TContainer>
<w-summary />
</template>
<script setup lang="ts">
import { computed, ref } from 'vue'
import dateStrip from '@/components/date-strip/index.vue'
import { apiAddSummary, apiEditSummary, apiSummary, apiSummaryDetail } from '@/api/summary'
import cache from '@/utils/cache'
import { ROLEINDEX } from '@/enums/cacheEnums'
import { useUserStore } from '@/stores/user'
import { storeToRefs } from 'pinia'
import { formatDate, toast } from '@/utils/util'
import dayjs from 'dayjs'
import { onMounted } from 'vue'
const userStore = useUserStore()
const { userInfo } = storeToRefs(userStore)
const roles = computed(() => userInfo.value.roles)
const loading = ref(false)
const templateInfo = ref({
id: '',
dateValue: new Date().getTime(),
templateFormList: [],
isFill: 0
})
const addTime = ref(new Date().getTime())
const date = computed(
() =>
(format = 'YYYY-MM-DD') =>
formatDate(templateInfo.value.dateValue, format)
)
const isToday = computed(() => {
const today = new Date()
const selectedDate = new Date(templateInfo.value.dateValue)
return (
today.getFullYear() === selectedDate.getFullYear() &&
today.getMonth() === selectedDate.getMonth() &&
today.getDate() === selectedDate.getDate()
)
})
const handleDateChange = item => {
templateInfo.value.dateValue = dayjs(item.key).valueOf()
isToday.value ? fetchSummaryTemplate() : fetchSummaryDetail()
}
// 提交模板(今天的模板都允许修改)
const handleConfirm = async () => {
try {
const { templateFormList, isFill, id } = templateInfo.value
const params = {
id,
templateFormList: templateFormList,
addTime: date.value('YYYY-MM-DD HH:mm:ss')
}
const flag = isToday.value && isFill
const api = flag ? apiEditSummary : apiAddSummary
const msg = flag ? '编辑' : '提交'
await api(params)
toast(`${msg}成功`)
fetchSummaryTemplate()
} catch (error) {}
}
// 获取模板
const fetchSummaryTemplate = async () => {
loading.value = true
try {
const roleIndex = cache.get(ROLEINDEX)
const curRole = roles.value[roleIndex]
const { id: postId } = curRole
const result = await apiSummary({ postId })
templateInfo.value.templateFormList = result.templateFormList ?? []
templateInfo.value.isFill = result.isFill
templateInfo.value.id = result.id
} catch (error) {}
loading.value = false
}
const fetchSummaryDetail = async () => {
try {
const params = {
date: date.value('YYYY-MM-DD')
}
const result = await apiSummaryDetail(params)
templateInfo.value.templateFormList = result.templateContentList ?? []
templateInfo.value.isFill = result.isFill ?? 0
} catch (error) {}
}
fetchSummaryTemplate()
</script>
<style scoped lang="scss">
:deep(.btn) {
button {
@apply h-[88rpx];
}
}
</style>
<script setup lang="ts"></script>
<style scoped lang="scss"></style>