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. 512
      admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders.vue
  4. 464
      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

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

@ -1,248 +1,264 @@
<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">
</template> <el-pagination v-model:current-page="followUpRemindersTable.page"
v-model:page-size="followUpRemindersTable.limit"
<script lang="ts" setup> layout="total, sizes, prev, pager, next, jumper" :total="followUpRemindersTable.total"
import { reactive, ref, watch } from 'vue' @size-change="loadFollowUpRemindersList()" @current-change="loadFollowUpRemindersList"/>
import { t } from '@/lang' </div>
import { useDictionary } from '@/app/api/dict' </div>
import { getFollowUpRemindersList, deleteFollowUpReminders, getWithFollowUpLogsList } from '@/addon/zhjw/api/follow_up_reminders'
import { img } from '@/utils/common'
import { ElMessageBox,FormInstance } from 'element-plus' </el-card>
import { useRouter } from 'vue-router' </div>
import { useRoute } from 'vue-router' </template>
const route = useRoute()
const pageName = route.meta.title; <script lang="ts" setup>
import {reactive, ref, watch} from 'vue'
let followUpRemindersTable = reactive({ import {t} from '@/lang'
page: 1, import {useDictionary} from '@/app/api/dict'
limit: 10, import {
total: 0, getFollowUpRemindersList,
loading: true, deleteFollowUpReminders,
data: [], getWithFollowUpLogsList
searchParam:{ } from '@/addon/zhjw/api/follow_up_reminders'
"follow_up_logs_id":"", import {img} from '@/utils/common'
"reminder_time":[], import {ElMessageBox, FormInstance} from 'element-plus'
"reminder_method":"", import {useRouter} from 'vue-router'
"task_status":"", import {useRoute} from 'vue-router'
"create_time":[]
} const route = useRoute()
}) const pageName = route.meta.title;
const searchFormRef = ref<FormInstance>() let followUpRemindersTable = reactive({
page: 1,
// 选中数据 limit: 10,
const selectData = ref<any[]>([]) total: 0,
loading: true,
// 字典数据 data: [],
const reminder_methodList = ref([] as any[]) searchParam: {
const reminder_methodDictList = async () => { "follow_up_logs_id": "",
reminder_methodList.value = await (await useDictionary('reminder_method')).data.dictionary "reminder_time": [],
} "reminder_method": "",
reminder_methodDictList(); "task_status": "",
const task_statusList = ref([] as any[]) "create_time": []
const task_statusDictList = async () => { }
task_statusList.value = await (await useDictionary('task_status')).data.dictionary })
}
task_statusDictList(); const searchFormRef = ref<FormInstance>()
/** // 选中数据
* 获取跟进提醒管理列表 const selectData = ref<any[]>([])
*/
const loadFollowUpRemindersList = (page: number = 1) => { // 字典数据
followUpRemindersTable.loading = true const reminder_methodList = ref([] as any[])
followUpRemindersTable.page = page const reminder_methodDictList = async () => {
reminder_methodList.value = await (await useDictionary('reminder_method')).data.dictionary
getFollowUpRemindersList({ }
page: followUpRemindersTable.page, reminder_methodDictList();
limit: followUpRemindersTable.limit, const task_statusList = ref([] as any[])
...followUpRemindersTable.searchParam const task_statusDictList = async () => {
}).then(res => { task_statusList.value = await (await useDictionary('task_status')).data.dictionary
followUpRemindersTable.loading = false }
followUpRemindersTable.data = res.data.data task_statusDictList();
followUpRemindersTable.total = res.data.total
}).catch(() => {
followUpRemindersTable.loading = false /**
}) * 获取跟进提醒管理列表
} */
loadFollowUpRemindersList() const loadFollowUpRemindersList = (page: number = 1) => {
followUpRemindersTable.loading = true
const router = useRouter() followUpRemindersTable.page = page
/** getFollowUpRemindersList({
* 添加跟进提醒管理 page: followUpRemindersTable.page,
*/ limit: followUpRemindersTable.limit,
const addEvent = () => { ...followUpRemindersTable.searchParam
router.push('/follow_up_reminders/follow_up_reminders_edit') }).then(res => {
} followUpRemindersTable.loading = false
followUpRemindersTable.data = res.data.data
/** followUpRemindersTable.total = res.data.total
* 编辑跟进提醒管理 }).catch(() => {
* @param data followUpRemindersTable.loading = false
*/ })
const editEvent = (data: any) => { }
router.push('/follow_up_reminders/follow_up_reminders_edit?id='+data.id) loadFollowUpRemindersList()
}
const router = useRouter()
/**
* 删除跟进提醒管理 /**
*/ * 添加跟进提醒管理
const deleteEvent = (id: number) => { */
ElMessageBox.confirm(t('followUpRemindersDeleteTips'), t('warning'), const addEvent = () => {
{ router.push('/follow_up_reminders/follow_up_reminders_edit')
confirmButtonText: t('confirm'), }
cancelButtonText: t('cancel'),
type: 'warning', /**
} * 编辑跟进提醒管理
).then(() => { * @param data
deleteFollowUpReminders(id).then(() => { */
loadFollowUpRemindersList() const editEvent = (data: any) => {
}).catch(() => { router.push('/follow_up_reminders/follow_up_reminders_edit?id=' + data.id)
}) }
})
} /**
* 删除跟进提醒管理
*/
const followUpLogsIdList = ref([]) const deleteEvent = (id: number) => {
const setFollowUpLogsIdList = async () => { ElMessageBox.confirm(t('followUpRemindersDeleteTips'), t('warning'),
followUpLogsIdList.value = await (await getWithFollowUpLogsList({})).data {
} confirmButtonText: t('confirm'),
setFollowUpLogsIdList() cancelButtonText: t('cancel'),
type: 'warning',
const resetForm = (formEl: FormInstance | undefined) => { }
if (!formEl) return ).then(() => {
formEl.resetFields() deleteFollowUpReminders(id).then(() => {
loadFollowUpRemindersList() loadFollowUpRemindersList()
} }).catch(() => {
</script> })
})
<style lang="scss" scoped> }
/* 多行超出隐藏 */
.multi-hidden {
word-break: break-all; const followUpLogsIdList = ref([])
text-overflow: ellipsis; const setFollowUpLogsIdList = async () => {
overflow: hidden; followUpLogsIdList.value = await (await getWithFollowUpLogsList({})).data
display: -webkit-box; }
-webkit-line-clamp: 2; setFollowUpLogsIdList()
-webkit-box-orient: vertical;
} const resetForm = (formEl: FormInstance | undefined) => {
</style> if (!formEl) return
formEl.resetFields()
loadFollowUpRemindersList()
}
</script>
<style lang="scss" scoped>
/* 多行超出隐藏 */
.multi-hidden {
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
</style>

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

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

Write Preview
Loading…
Cancel
Save