php
/
ZhiHuiJiaoWu_Admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

refactor(zhjw):调整跟进日志和提醒功能的代码结构 

- 移除了 follow_up_logs 和 follow_up_reminders 页面中未使用的 roleId 相关代码
- 优化了 follow_up_reminders 页面的代码格式和结构
- 修复了一些小的代码问题，如未闭合的注释等
master
liutong 1 year ago
parent
3147e836e9
commit
b4f08798cb
4 changed files with 507 additions and 477 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs.vue
  2. 6
      admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs_edit.vue
  3. 400
      admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders.vue
  4. 328
      admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders_edit.vue

2
admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs.vue
View File

@ -225,7 +225,7 @@
<el-table-column prop="staff_id_name" :label="t('staffId')" min-width="120" :show-overflow-tooltip="true"/> <el-table-column prop="staff_id_name" :label="t('staffId')" min-width="120" :show-overflow-tooltip="true"/>
<!-- <el-table-column prop="role_id" :label="t('roleId')" min-width="120" :show-overflow-tooltip="true"/>--> <!-- <el-table-column prop="role_id" :label="t('roleId')" min-width="120" :show-overflow-tooltip="true"/>-->
<el-table-column :label="t('entryType')" min-width="180" align="center" :show-overflow-tooltip="true"> <el-table-column :label="t('entryType')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }"> <template #default="{ row }">

6
admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs_edit.vue
View File

@ -34,9 +34,9 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item :label="t('roleId')" prop="role_id">--> <!-- <el-form-item :label="t('roleId')" prop="role_id">-->
<!-- <el-input v-model="formData.role_id" clearable :placeholder="t('roleIdPlaceholder')" class="input-width"/>--> <!-- <el-input v-model="formData.role_id" clearable :placeholder="t('roleIdPlaceholder')" class="input-width"/>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item :label="t('entryType')" prop="entry_type"> <el-form-item :label="t('entryType')" prop="entry_type">
<el-select class="input-width" v-model="formData.entry_type" clearable <el-select class="input-width" v-model="formData.entry_type" clearable

400
admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders.vue
View File

@ -1,151 +1,166 @@
<template> <template>
<div class="main-container"> <div class="main-container">
<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>
</div> </div>
<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never"> <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
<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
<el-option :placeholder="t('followUpLogsIdPlaceholder')">
v-for="(item, index) in followUpLogsIdList" <el-option
:key="index" v-for="(item, index) in followUpLogsIdList"
:label="item['id']" :key="index"
:value="item['id']" :label="item['id']"
/> :value="item['id']"
</el-select> />
</el-form-item> </el-select>
</el-form-item>
<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-form-item :label="t('reminderTime')" prop="reminder_time">
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> <el-date-picker v-model="followUpRemindersTable.searchParam.reminder_time" type="datetimerange"
</el-form-item> format="YYYY-MM-DD hh:mm:ss"
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/>
</el-form-item>
<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-option label="全部" value=""></el-option> <el-form-item :label="t('reminderMethod')" prop="reminder_method">
<el-option <el-select class="w-[280px]" v-model="followUpRemindersTable.searchParam.reminder_method" clearable
v-for="(item, index) in reminder_methodList" :placeholder="t('reminderMethodPlaceholder')">
:key="index" <el-option label="全部" value=""></el-option>
:label="item.name" <el-option
:value="item.value" v-for="(item, index) in reminder_methodList"
/> :key="index"
</el-select> :label="item.name"
</el-form-item> :value="item.value"
/>
</el-select>
<el-form-item :label="t('taskStatus')" prop="task_status"> </el-form-item>
<el-select class="w-[280px]" v-model="followUpRemindersTable.searchParam.task_status" clearable :placeholder="t('taskStatusPlaceholder')">
<el-option label="全部" value=""></el-option>
<el-option <el-form-item :label="t('taskStatus')" prop="task_status">
v-for="(item, index) in task_statusList" <el-select class="w-[280px]" v-model="followUpRemindersTable.searchParam.task_status" clearable
:key="index" :placeholder="t('taskStatusPlaceholder')">
:label="item.name" <el-option label="全部" value=""></el-option>
:value="item.value" <el-option
/> v-for="(item, index) in task_statusList"
</el-select> :key="index"
</el-form-item> :label="item.name"
:value="item.value"
<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-select>
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" /> </el-form-item>
</el-form-item>
<el-form-item :label="t('createTime')" prop="create_time">
<el-form-item> <el-date-picker v-model="followUpRemindersTable.searchParam.create_time" type="datetimerange"
<el-button type="primary" @click="loadFollowUpRemindersList()">{{ t('search') }}</el-button> format="YYYY-MM-DD hh:mm:ss"
<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button> :start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/>
</el-form-item> </el-form-item>
</el-form>
</el-card>
<el-form-item>
<div class="mt-[10px]"> <el-button type="primary" @click="loadFollowUpRemindersList()">{{ t('search') }}</el-button>
<el-table :data="followUpRemindersTable.data" size="large" v-loading="followUpRemindersTable.loading"> <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
<template #empty> </el-form-item>
<span>{{ !followUpRemindersTable.loading ? t('emptyData') : '' }}</span> </el-form>
</template> </el-card>
<el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/>
<div class="mt-[10px]">
<el-table-column prop="follow_up_logs_id_name" :label="t('followUpLogsId')" min-width="120" :show-overflow-tooltip="true"/> <el-table :data="followUpRemindersTable.data" size="large" v-loading="followUpRemindersTable.loading">
<template #empty>
<el-table-column prop="reminder_time" :label="t('reminderTime')" min-width="120" :show-overflow-tooltip="true"/> <span>{{ !followUpRemindersTable.loading ? t('emptyData') : '' }}</span>
</template>
<el-table-column :label="t('reminderMethod')" min-width="180" align="center" :show-overflow-tooltip="true"> <el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/>
<template #default="{ row }">
<div v-for="(item, index) in reminder_methodList"> <el-table-column prop="follow_up_logs_id_name" :label="t('followUpLogsId')" min-width="120"
<div v-if="item.value == row.reminder_method">{{ item.name }}</div> :show-overflow-tooltip="true"/>
</div>
</template> <el-table-column prop="reminder_time" :label="t('reminderTime')" min-width="120"
</el-table-column> :show-overflow-tooltip="true"/>
<el-table-column :label="t('taskStatus')" 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 }">
<div v-for="(item, index) in task_statusList"> <div v-for="(item, index) in reminder_methodList">
<div v-if="item.value == row.task_status">{{ item.name }}</div> <div v-if="item.value == row.reminder_method">{{ item.name }}</div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="err_msg" :label="t('errMsg')" min-width="120" :show-overflow-tooltip="true"/> <el-table-column :label="t('taskStatus')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }">
<el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true"> <div v-for="(item, index) in task_statusList">
<template #default="{ row }"> <div v-if="item.value == row.task_status">{{ item.name }}</div>
{{ row.create_time || '' }} </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="t('operation')" fixed="right" min-width="120"> <el-table-column prop="err_msg" :label="t('errMsg')" min-width="120" :show-overflow-tooltip="true"/>
<template #default="{ row }">
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button> <el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true">
<el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button> <template #default="{ row }">
</template> {{ row.create_time || '' }}
</el-table-column> </template>
</el-table-column>
</el-table>
<div class="mt-[16px] flex justify-end">
<el-pagination v-model:current-page="followUpRemindersTable.page" v-model:page-size="followUpRemindersTable.limit" <el-table-column :label="t('operation')" fixed="right" min-width="120">
layout="total, sizes, prev, pager, next, jumper" :total="followUpRemindersTable.total" <template #default="{ row }">
@size-change="loadFollowUpRemindersList()" @current-change="loadFollowUpRemindersList" /> <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
</div> <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
</div> </template>
</el-table-column>
</el-card> </el-table>
</div> <div class="mt-[16px] flex justify-end">
<el-pagination v-model:current-page="followUpRemindersTable.page"
v-model:page-size="followUpRemindersTable.limit"
layout="total, sizes, prev, pager, next, jumper" :total="followUpRemindersTable.total"
@size-change="loadFollowUpRemindersList()" @current-change="loadFollowUpRemindersList"/>
</div>
</div>
</el-card>
</div>
</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;
let followUpRemindersTable = reactive({ let followUpRemindersTable = reactive({
page: 1, page: 1,
limit: 10, limit: 10,
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": []
} }
}) })
const searchFormRef = ref<FormInstance>() const searchFormRef = ref<FormInstance>()
@ -154,35 +169,36 @@ 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();
/** /**
* 获取跟进提醒管理列表 * 获取跟进提醒管理列表
*/ */
const loadFollowUpRemindersList = (page: number = 1) => { const loadFollowUpRemindersList = (page: number = 1) => {
followUpRemindersTable.loading = true followUpRemindersTable.loading = true
followUpRemindersTable.page = page followUpRemindersTable.page = page
getFollowUpRemindersList({ getFollowUpRemindersList({
page: followUpRemindersTable.page, page: followUpRemindersTable.page,
limit: followUpRemindersTable.limit, limit: followUpRemindersTable.limit,
...followUpRemindersTable.searchParam ...followUpRemindersTable.searchParam
}).then(res => { }).then(res => {
followUpRemindersTable.loading = false followUpRemindersTable.loading = false
followUpRemindersTable.data = res.data.data followUpRemindersTable.data = res.data.data
followUpRemindersTable.total = res.data.total followUpRemindersTable.total = res.data.total
}).catch(() => { }).catch(() => {
followUpRemindersTable.loading = false followUpRemindersTable.loading = false
}) })
} }
loadFollowUpRemindersList() loadFollowUpRemindersList()
@ -192,7 +208,7 @@ const router = useRouter()
* 添加跟进提醒管理 * 添加跟进提醒管理
*/ */
const addEvent = () => { const addEvent = () => {
router.push('/follow_up_reminders/follow_up_reminders_edit') router.push('/follow_up_reminders/follow_up_reminders_edit')
} }
/** /**
@ -200,49 +216,49 @@ 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)
} }
/** /**
* 删除跟进提醒管理 * 删除跟进提醒管理
*/ */
const deleteEvent = (id: number) => { const deleteEvent = (id: number) => {
ElMessageBox.confirm(t('followUpRemindersDeleteTips'), t('warning'), ElMessageBox.confirm(t('followUpRemindersDeleteTips'), t('warning'),
{ {
confirmButtonText: t('confirm'), confirmButtonText: t('confirm'),
cancelButtonText: t('cancel'), cancelButtonText: t('cancel'),
type: 'warning', type: 'warning',
} }
).then(() => { ).then(() => {
deleteFollowUpReminders(id).then(() => { deleteFollowUpReminders(id).then(() => {
loadFollowUpRemindersList() loadFollowUpRemindersList()
}).catch(() => { }).catch(() => {
})
}) })
})
} }
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
formEl.resetFields() formEl.resetFields()
loadFollowUpRemindersList() loadFollowUpRemindersList()
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/* 多行超出隐藏 */ /* 多行超出隐藏 */
.multi-hidden { .multi-hidden {
word-break: break-all; word-break: break-all;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
</style> </style>

328
admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders_edit.vue
View File

@ -1,224 +1,238 @@
<template> <template>
<div class="main-container"> <div class="main-container">
<div class="detail-head"> <div class="detail-head">
<div class="left" @click="back()"> <div class="left" @click="back()">
<span class="iconfont iconxiangzuojiantou !text-xs"></span> <span class="iconfont iconxiangzuojiantou !text-xs"></span>
<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span> <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
</div> </div>
<span class="adorn">|</span> <span class="adorn">|</span>
<span class="right">{{ pageName }}</span> <span class="right">{{ pageName }}</span>
</div>
<el-card class="box-card !border-none" shadow="never">
<el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form">
<el-form-item :label="t('followUpLogsId')" prop="follow_up_logs_id">
<el-select class="input-width" v-model="formData.follow_up_logs_id" clearable :placeholder="t('followUpLogsIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in followUpLogsIdList"
:key="index"
:label="item['id']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('reminderTime')" prop="reminder_time" class="input-width">
<el-date-picker
class="flex-1 !flex"
v-model="formData.reminder_time"
clearable
type="datetime"
value-format="YYYY-MM-DD HH:mm:ss"
:placeholder="t('reminderTimePlaceholder')">
</el-date-picker>
</el-form-item>
<el-form-item :label="t('reminderMethod')" prop="reminder_method">
<el-select class="input-width" v-model="formData.reminder_method" clearable :placeholder="t('reminderMethodPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in reminder_methodList"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('taskStatus')" prop="task_status">
<el-select class="input-width" v-model="formData.task_status" clearable :placeholder="t('taskStatusPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in task_statusList"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('errMsg')" >
<el-input v-model="formData.err_msg" type="textarea" rows="4" clearable :placeholder="t('errMsgPlaceholder')" class="input-width"/>
</el-form-item>
</el-form>
</el-card>
<div class="fixed-footer-wrap">
<div class="fixed-footer">
<el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button>
<el-button @click="back()">{{ t('cancel') }}</el-button>
</div>
</div>
</div> </div>
<el-card class="box-card !border-none" shadow="never">
<el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form">
<el-form-item :label="t('followUpLogsId')" prop="follow_up_logs_id">
<el-select class="input-width" v-model="formData.follow_up_logs_id" clearable
:placeholder="t('followUpLogsIdPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in followUpLogsIdList"
:key="index"
:label="item['id']"
:value="item['id']"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('reminderTime')" prop="reminder_time" class="input-width">
<el-date-picker
class="flex-1 !flex"
v-model="formData.reminder_time"
clearable
type="datetime"
value-format="YYYY-MM-DD HH:mm:ss"
:placeholder="t('reminderTimePlaceholder')">
</el-date-picker>
</el-form-item>
<el-form-item :label="t('reminderMethod')" prop="reminder_method">
<el-select class="input-width" v-model="formData.reminder_method" clearable
:placeholder="t('reminderMethodPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in reminder_methodList"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('taskStatus')" prop="task_status">
<el-select class="input-width" v-model="formData.task_status" clearable
:placeholder="t('taskStatusPlaceholder')">
<el-option label="请选择" value=""></el-option>
<el-option
v-for="(item, index) in task_statusList"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item :label="t('errMsg')">
<el-input v-model="formData.err_msg" type="textarea" rows="4" clearable :placeholder="t('errMsgPlaceholder')"
class="input-width"/>
</el-form-item>
</el-form>
</el-card>
<div class="fixed-footer-wrap">
<div class="fixed-footer">
<el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button>
<el-button @click="back()">{{ t('cancel') }}</el-button>
</div>
</div>
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, reactive, computed, watch } from 'vue' import {ref, reactive, computed, watch} from 'vue'
import { t } from '@/lang' import {t} from '@/lang'
import { useDictionary } from '@/app/api/dict' import {useDictionary} from '@/app/api/dict'
import type { FormInstance } from 'element-plus' import type {FormInstance} from 'element-plus'
import { getFollowUpRemindersInfo,addFollowUpReminders,editFollowUpReminders, getWithFollowUpLogsList } from '@/addon/zhjw/api/follow_up_reminders'; import {
import { useRoute } from 'vue-router' getFollowUpRemindersInfo,
addFollowUpReminders,
editFollowUpReminders,
getWithFollowUpLogsList
} from '@/addon/zhjw/api/follow_up_reminders';
import {useRoute} from 'vue-router'
const route = useRoute() const route = useRoute()
const id:number = parseInt(route.query.id); const id: number = parseInt(route.query.id);
const loading = ref(false) const loading = ref(false)
const pageName = route.meta.title const pageName = route.meta.title
/** /**
* 表单数据 * 表单数据
*/ */
const initialFormData = { const initialFormData = {
id: 0, id: 0,
follow_up_logs_id: '', follow_up_logs_id: '',
reminder_time: '', reminder_time: '',
reminder_method: '', reminder_method: '',
task_status: '', task_status: '',
err_msg: '', err_msg: '',
} }
const formData: Record<string, any> = reactive({ ...initialFormData }) const formData: Record<string, any> = reactive({...initialFormData})
const setFormData = async (id:number = 0) => { const setFormData = async (id: number = 0) => {
Object.assign(formData, initialFormData) Object.assign(formData, initialFormData)
const data = await (await getFollowUpRemindersInfo(id)).data const data = await (await getFollowUpRemindersInfo(id)).data
Object.keys(formData).forEach((key: string) => { Object.keys(formData).forEach((key: string) => {
if (data[key] != undefined) formData[key] = data[key] if (data[key] != undefined) formData[key] = data[key]
}) })
} }
if(id) setFormData(id); if (id) setFormData(id);
const formRef = ref<FormInstance>() const formRef = ref<FormInstance>()
// 选中数据 // 选中数据
const selectData = ref<any[]>([]) const selectData = ref<any[]>([])
// 字典数据 // 字典数据
let reminder_methodList = ref([]) let reminder_methodList = ref([])
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();
watch(() => reminder_methodList.value, () => { formData.reminder_method = reminder_methodList.value[0].value }) watch(() => reminder_methodList.value, () => {
let task_statusList = ref([]) formData.reminder_method = reminder_methodList.value[0].value
const task_statusDictList = async () => { })
task_statusList.value = await (await useDictionary('task_status')).data.dictionary let task_statusList = ref([])
} const task_statusDictList = async () => {
task_statusDictList(); task_statusList.value = await (await useDictionary('task_status')).data.dictionary
watch(() => task_statusList.value, () => { formData.task_status = task_statusList.value[0].value }) }
task_statusDictList();
watch(() => task_statusList.value, () => {
formData.task_status = task_statusList.value[0].value
})
const followUpLogsIdList = ref([] as any[]) const followUpLogsIdList = ref([] as any[])
const setFollowUpLogsIdList = async () => { const setFollowUpLogsIdList = async () => {
followUpLogsIdList.value = await (await getWithFollowUpLogsList({})).data followUpLogsIdList.value = await (await getWithFollowUpLogsList({})).data
} }
setFollowUpLogsIdList() setFollowUpLogsIdList()
// 表单验证规则 // 表单验证规则
const formRules = computed(() => { const formRules = computed(() => {
return { return {
follow_up_logs_id: [ follow_up_logs_id: [
{ required: true, message: t('followUpLogsIdPlaceholder'), trigger: 'blur' }, {required: true, message: t('followUpLogsIdPlaceholder'), trigger: 'blur'},
] ]
, ,
reminder_time: [ reminder_time: [
{ required: true, message: t('reminderTimePlaceholder'), trigger: 'blur' }, {required: true, message: t('reminderTimePlaceholder'), trigger: 'blur'},
] ]
, ,
reminder_method: [ reminder_method: [
{ required: true, message: t('reminderMethodPlaceholder'), trigger: 'blur' }, {required: true, message: t('reminderMethodPlaceholder'), trigger: 'blur'},
] ]
, ,
task_status: [ task_status: [
{ required: true, message: t('taskStatusPlaceholder'), trigger: 'blur' }, {required: true, message: t('taskStatusPlaceholder'), trigger: 'blur'},
] ]
, ,
err_msg: [ err_msg: [
{ required: true, message: t('errMsgPlaceholder'), trigger: 'blur' }, {required: true, message: t('errMsgPlaceholder'), trigger: 'blur'},
] ]
, ,
} }
}) })
const onSave = async (formEl: FormInstance | undefined) => { const onSave = async (formEl: FormInstance | undefined) => {
if (loading.value || !formEl) return if (loading.value || !formEl) return
await formEl.validate(async (valid) => { await formEl.validate(async (valid) => {
if (valid) { if (valid) {
loading.value = true loading.value = true
let data = formData let data = formData
const save = id ? editFollowUpReminders : addFollowUpReminders const save = id ? editFollowUpReminders : addFollowUpReminders
save(data).then(res => { save(data).then(res => {
loading.value = false loading.value = false
history.back() history.back()
}).catch(err => { }).catch(err => {
loading.value = false loading.value = false
}) })
} }
}) })
} }
// 验证手机号格式 // 验证手机号格式
const mobileVerify = (rule: any, value: any, callback: any) => { const mobileVerify = (rule: any, value: any, callback: any) => {
if (value && !/^1[3-9]\d{9}$/.test(value)) { if (value && !/^1[3-9]\d{9}$/.test(value)) {
callback(new Error(t('generateMobile'))) callback(new Error(t('generateMobile')))
} else { } else {
callback() callback()
} }
} }
// 验证身份证号 // 验证身份证号
const idCardVerify = (rule: any, value: any, callback: any) => { const idCardVerify = (rule: any, value: any, callback: any) => {
if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) { if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) {
callback(new Error(t('generateIdCard'))) callback(new Error(t('generateIdCard')))
} else { } else {
callback() callback()
} }
} }
// 验证邮箱号 // 验证邮箱号
const emailVerify = (rule: any, value: any, callback: any) => { const emailVerify = (rule: any, value: any, callback: any) => {
if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) { if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
callback(new Error(t('generateEmail'))) callback(new Error(t('generateEmail')))
} else { } else {
callback() callback()
} }
} }
// 验证请输入整数 // 验证请输入整数
const numberVerify = (rule: any, value: any, callback: any) => { const numberVerify = (rule: any, value: any, callback: any) => {
if (!Number.isInteger(value)) { if (!Number.isInteger(value)) {
callback(new Error(t('generateNumber'))) callback(new Error(t('generateNumber')))
} else { } else {
callback() callback()
} }
} }
const back = () => { const back = () => {
history.back() history.back()
} }
</script> </script>

Write Preview
Loading…
Cancel
Save