|
|
@ -3,7 +3,7 @@ |
|
|
<el-card class="box-card !border-none" shadow="never"> |
|
|
<el-card class="box-card !border-none" shadow="never"> |
|
|
|
|
|
|
|
|
<div class="flex justify-between items-center"> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-lg">{{pageName}}</span> |
|
|
<span class="text-lg">{{ pageName }}</span> |
|
|
<el-button type="primary" @click="addEvent"> |
|
|
<el-button type="primary" @click="addEvent"> |
|
|
{{ t('addFollowUpReminders') }} |
|
|
{{ t('addFollowUpReminders') }} |
|
|
</el-button> |
|
|
</el-button> |
|
|
@ -13,7 +13,8 @@ |
|
|
<el-form :inline="true" :model="followUpRemindersTable.searchParam" ref="searchFormRef"> |
|
|
<el-form :inline="true" :model="followUpRemindersTable.searchParam" ref="searchFormRef"> |
|
|
|
|
|
|
|
|
<el-form-item :label="t('followUpLogsId')" prop="follow_up_logs_id"> |
|
|
<el-form-item :label="t('followUpLogsId')" prop="follow_up_logs_id"> |
|
|
<el-select class="w-[280px]" v-model="followUpRemindersTable.searchParam.follow_up_logs_id" clearable :placeholder="t('followUpLogsIdPlaceholder')"> |
|
|
<el-select class="w-[280px]" v-model="followUpRemindersTable.searchParam.follow_up_logs_id" clearable |
|
|
|
|
|
:placeholder="t('followUpLogsIdPlaceholder')"> |
|
|
<el-option |
|
|
<el-option |
|
|
v-for="(item, index) in followUpLogsIdList" |
|
|
v-for="(item, index) in followUpLogsIdList" |
|
|
:key="index" |
|
|
:key="index" |
|
|
@ -24,13 +25,15 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item :label="t('reminderTime')" prop="reminder_time"> |
|
|
<el-form-item :label="t('reminderTime')" prop="reminder_time"> |
|
|
<el-date-picker v-model="followUpRemindersTable.searchParam.reminder_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
|
|
<el-date-picker v-model="followUpRemindersTable.searchParam.reminder_time" type="datetimerange" |
|
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
|
|
format="YYYY-MM-DD hh:mm:ss" |
|
|
|
|
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item :label="t('reminderMethod')" prop="reminder_method"> |
|
|
<el-form-item :label="t('reminderMethod')" prop="reminder_method"> |
|
|
<el-select class="w-[280px]" v-model="followUpRemindersTable.searchParam.reminder_method" clearable :placeholder="t('reminderMethodPlaceholder')"> |
|
|
<el-select class="w-[280px]" v-model="followUpRemindersTable.searchParam.reminder_method" clearable |
|
|
|
|
|
:placeholder="t('reminderMethodPlaceholder')"> |
|
|
<el-option label="全部" value=""></el-option> |
|
|
<el-option label="全部" value=""></el-option> |
|
|
<el-option |
|
|
<el-option |
|
|
v-for="(item, index) in reminder_methodList" |
|
|
v-for="(item, index) in reminder_methodList" |
|
|
@ -43,7 +46,8 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item :label="t('taskStatus')" prop="task_status"> |
|
|
<el-form-item :label="t('taskStatus')" prop="task_status"> |
|
|
<el-select class="w-[280px]" v-model="followUpRemindersTable.searchParam.task_status" clearable :placeholder="t('taskStatusPlaceholder')"> |
|
|
<el-select class="w-[280px]" v-model="followUpRemindersTable.searchParam.task_status" clearable |
|
|
|
|
|
:placeholder="t('taskStatusPlaceholder')"> |
|
|
<el-option label="全部" value=""></el-option> |
|
|
<el-option label="全部" value=""></el-option> |
|
|
<el-option |
|
|
<el-option |
|
|
v-for="(item, index) in task_statusList" |
|
|
v-for="(item, index) in task_statusList" |
|
|
@ -55,10 +59,12 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item :label="t('createTime')" prop="create_time"> |
|
|
<el-form-item :label="t('createTime')" prop="create_time"> |
|
|
<el-date-picker v-model="followUpRemindersTable.searchParam.create_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss" |
|
|
<el-date-picker v-model="followUpRemindersTable.searchParam.create_time" type="datetimerange" |
|
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> |
|
|
format="YYYY-MM-DD hh:mm:ss" |
|
|
|
|
|
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button type="primary" @click="loadFollowUpRemindersList()">{{ t('search') }}</el-button> |
|
|
<el-button type="primary" @click="loadFollowUpRemindersList()">{{ t('search') }}</el-button> |
|
|
<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button> |
|
|
<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button> |
|
|
@ -73,9 +79,11 @@ |
|
|
</template> |
|
|
</template> |
|
|
<el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/> |
|
|
<el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/> |
|
|
|
|
|
|
|
|
<el-table-column prop="follow_up_logs_id_name" :label="t('followUpLogsId')" min-width="120" :show-overflow-tooltip="true"/> |
|
|
<el-table-column prop="follow_up_logs_id_name" :label="t('followUpLogsId')" min-width="120" |
|
|
|
|
|
:show-overflow-tooltip="true"/> |
|
|
|
|
|
|
|
|
<el-table-column prop="reminder_time" :label="t('reminderTime')" min-width="120" :show-overflow-tooltip="true"/> |
|
|
<el-table-column prop="reminder_time" :label="t('reminderTime')" min-width="120" |
|
|
|
|
|
:show-overflow-tooltip="true"/> |
|
|
|
|
|
|
|
|
<el-table-column :label="t('reminderMethod')" min-width="180" align="center" :show-overflow-tooltip="true"> |
|
|
<el-table-column :label="t('reminderMethod')" min-width="180" align="center" :show-overflow-tooltip="true"> |
|
|
<template #default="{ row }"> |
|
|
<template #default="{ row }"> |
|
|
@ -101,6 +109,7 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column :label="t('operation')" fixed="right" min-width="120"> |
|
|
<el-table-column :label="t('operation')" fixed="right" min-width="120"> |
|
|
<template #default="{ row }"> |
|
|
<template #default="{ row }"> |
|
|
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button> |
|
|
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button> |
|
|
@ -110,9 +119,10 @@ |
|
|
|
|
|
|
|
|
</el-table> |
|
|
</el-table> |
|
|
<div class="mt-[16px] flex justify-end"> |
|
|
<div class="mt-[16px] flex justify-end"> |
|
|
<el-pagination v-model:current-page="followUpRemindersTable.page" v-model:page-size="followUpRemindersTable.limit" |
|
|
<el-pagination v-model:current-page="followUpRemindersTable.page" |
|
|
|
|
|
v-model:page-size="followUpRemindersTable.limit" |
|
|
layout="total, sizes, prev, pager, next, jumper" :total="followUpRemindersTable.total" |
|
|
layout="total, sizes, prev, pager, next, jumper" :total="followUpRemindersTable.total" |
|
|
@size-change="loadFollowUpRemindersList()" @current-change="loadFollowUpRemindersList" /> |
|
|
@size-change="loadFollowUpRemindersList()" @current-change="loadFollowUpRemindersList"/> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -122,14 +132,19 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script lang="ts" setup> |
|
|
<script lang="ts" setup> |
|
|
import { reactive, ref, watch } from 'vue' |
|
|
import {reactive, ref, watch} from 'vue' |
|
|
import { t } from '@/lang' |
|
|
import {t} from '@/lang' |
|
|
import { useDictionary } from '@/app/api/dict' |
|
|
import {useDictionary} from '@/app/api/dict' |
|
|
import { getFollowUpRemindersList, deleteFollowUpReminders, getWithFollowUpLogsList } from '@/addon/zhjw/api/follow_up_reminders' |
|
|
import { |
|
|
import { img } from '@/utils/common' |
|
|
getFollowUpRemindersList, |
|
|
import { ElMessageBox,FormInstance } from 'element-plus' |
|
|
deleteFollowUpReminders, |
|
|
import { useRouter } from 'vue-router' |
|
|
getWithFollowUpLogsList |
|
|
import { useRoute } from 'vue-router' |
|
|
} from '@/addon/zhjw/api/follow_up_reminders' |
|
|
|
|
|
import {img} from '@/utils/common' |
|
|
|
|
|
import {ElMessageBox, FormInstance} from 'element-plus' |
|
|
|
|
|
import {useRouter} from 'vue-router' |
|
|
|
|
|
import {useRoute} from 'vue-router' |
|
|
|
|
|
|
|
|
const route = useRoute() |
|
|
const route = useRoute() |
|
|
const pageName = route.meta.title; |
|
|
const pageName = route.meta.title; |
|
|
|
|
|
|
|
|
@ -139,12 +154,12 @@ let followUpRemindersTable = reactive({ |
|
|
total: 0, |
|
|
total: 0, |
|
|
loading: true, |
|
|
loading: true, |
|
|
data: [], |
|
|
data: [], |
|
|
searchParam:{ |
|
|
searchParam: { |
|
|
"follow_up_logs_id":"", |
|
|
"follow_up_logs_id": "", |
|
|
"reminder_time":[], |
|
|
"reminder_time": [], |
|
|
"reminder_method":"", |
|
|
"reminder_method": "", |
|
|
"task_status":"", |
|
|
"task_status": "", |
|
|
"create_time":[] |
|
|
"create_time": [] |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
@ -154,16 +169,17 @@ const searchFormRef = ref<FormInstance>() |
|
|
const selectData = ref<any[]>([]) |
|
|
const selectData = ref<any[]>([]) |
|
|
|
|
|
|
|
|
// 字典数据 |
|
|
// 字典数据 |
|
|
const reminder_methodList = ref([] as any[]) |
|
|
const reminder_methodList = ref([] as any[]) |
|
|
const reminder_methodDictList = async () => { |
|
|
const reminder_methodDictList = async () => { |
|
|
reminder_methodList.value = await (await useDictionary('reminder_method')).data.dictionary |
|
|
reminder_methodList.value = await (await useDictionary('reminder_method')).data.dictionary |
|
|
} |
|
|
} |
|
|
reminder_methodDictList(); |
|
|
reminder_methodDictList(); |
|
|
const task_statusList = ref([] as any[]) |
|
|
const task_statusList = ref([] as any[]) |
|
|
const task_statusDictList = async () => { |
|
|
const task_statusDictList = async () => { |
|
|
task_statusList.value = await (await useDictionary('task_status')).data.dictionary |
|
|
task_statusList.value = await (await useDictionary('task_status')).data.dictionary |
|
|
} |
|
|
} |
|
|
task_statusDictList(); |
|
|
task_statusDictList(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
* 获取跟进提醒管理列表 |
|
|
* 获取跟进提醒管理列表 |
|
|
@ -200,7 +216,7 @@ const addEvent = () => { |
|
|
* @param data |
|
|
* @param data |
|
|
*/ |
|
|
*/ |
|
|
const editEvent = (data: any) => { |
|
|
const editEvent = (data: any) => { |
|
|
router.push('/follow_up_reminders/follow_up_reminders_edit?id='+data.id) |
|
|
router.push('/follow_up_reminders/follow_up_reminders_edit?id=' + data.id) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
@ -222,11 +238,11 @@ const deleteEvent = (id: number) => { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const followUpLogsIdList = ref([]) |
|
|
const followUpLogsIdList = ref([]) |
|
|
const setFollowUpLogsIdList = async () => { |
|
|
const setFollowUpLogsIdList = async () => { |
|
|
followUpLogsIdList.value = await (await getWithFollowUpLogsList({})).data |
|
|
followUpLogsIdList.value = await (await getWithFollowUpLogsList({})).data |
|
|
} |
|
|
} |
|
|
setFollowUpLogsIdList() |
|
|
setFollowUpLogsIdList() |
|
|
|
|
|
|
|
|
const resetForm = (formEl: FormInstance | undefined) => { |
|
|
const resetForm = (formEl: FormInstance | undefined) => { |
|
|
if (!formEl) return |
|
|
if (!formEl) return |
|
|
@ -244,5 +260,5 @@ const resetForm = (formEl: FormInstance | undefined) => { |
|
|
display: -webkit-box; |
|
|
display: -webkit-box; |
|
|
-webkit-line-clamp: 2; |
|
|
-webkit-line-clamp: 2; |
|
|
-webkit-box-orient: vertical; |
|
|
-webkit-box-orient: vertical; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|