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
Split 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="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">
<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-form-item>
<!-- <el-form-item :label="t('roleId')" prop="role_id">-->
<!-- <el-input v-model="formData.role_id" clearable :placeholder="t('roleIdPlaceholder')" class="input-width"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item :label="t('roleId')" prop="role_id">-->
<!-- <el-input v-model="formData.role_id" clearable :placeholder="t('roleIdPlaceholder')" class="input-width"/>-->
<!-- </el-form-item>-->
<el-form-item :label="t('entryType')" prop="entry_type">
<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>
<div class="main-container">
<el-card class="box-card !border-none" shadow="never">
<div class="flex justify-between items-center">
<span class="text-lg">{{pageName}}</span>
<el-button type="primary" @click="addEvent">
{{ t('addFollowUpReminders') }}
</el-button>
</div>
<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-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-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">
<el-date-picker v-model="followUpRemindersTable.searchParam.reminder_time" type="datetimerange" 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-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="w-[280px]" v-model="followUpRemindersTable.searchParam.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('createTime')" prop="create_time">
<el-date-picker v-model="followUpRemindersTable.searchParam.create_time" type="datetimerange" format="YYYY-MM-DD hh:mm:ss"
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="loadFollowUpRemindersList()">{{ t('search') }}</el-button>
<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
</el-form-item>
</el-form>
</el-card>
<div class="mt-[10px]">
<el-table :data="followUpRemindersTable.data" size="large" v-loading="followUpRemindersTable.loading">
<template #empty>
<span>{{ !followUpRemindersTable.loading ? t('emptyData') : '' }}</span>
</template>
<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="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">
<template #default="{ row }">
<div v-for="(item, index) in reminder_methodList">
<div v-if="item.value == row.reminder_method">{{ item.name }}</div>
</div>
</template>
</el-table-column>
<el-table-column :label="t('taskStatus')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }">
<div v-for="(item, index) in task_statusList">
<div v-if="item.value == row.task_status">{{ item.name }}</div>
</div>
</template>
</el-table-column>
<el-table-column prop="err_msg" :label="t('errMsg')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }">
{{ row.create_time || '' }}
</template>
</el-table-column>
<el-table-column :label="t('operation')" fixed="right" min-width="120">
<template #default="{ row }">
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
<el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
</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"
layout="total, sizes, prev, pager, next, jumper" :total="followUpRemindersTable.total"
@size-change="loadFollowUpRemindersList()" @current-change="loadFollowUpRemindersList" />
</div>
</div>
</el-card>
</div>
</template>
<script lang="ts" setup>
import { reactive, ref, watch } from 'vue'
import { t } from '@/lang'
import { useDictionary } from '@/app/api/dict'
import { getFollowUpRemindersList, deleteFollowUpReminders, getWithFollowUpLogsList } 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 pageName = route.meta.title;
let followUpRemindersTable = reactive({
page: 1,
limit: 10,
total: 0,
loading: true,
data: [],
searchParam:{
"follow_up_logs_id":"",
"reminder_time":[],
"reminder_method":"",
"task_status":"",
"create_time":[]
}
})
const searchFormRef = ref<FormInstance>()
// 选中数据
const selectData = ref<any[]>([])
// 字典数据
const reminder_methodList = ref([] as any[])
const reminder_methodDictList = async () => {
reminder_methodList.value = await (await useDictionary('reminder_method')).data.dictionary
}
reminder_methodDictList();
const task_statusList = ref([] as any[])
const task_statusDictList = async () => {
task_statusList.value = await (await useDictionary('task_status')).data.dictionary
}
task_statusDictList();
/**
* 获取跟进提醒管理列表
*/
const loadFollowUpRemindersList = (page: number = 1) => {
followUpRemindersTable.loading = true
followUpRemindersTable.page = page
getFollowUpRemindersList({
page: followUpRemindersTable.page,
limit: followUpRemindersTable.limit,
...followUpRemindersTable.searchParam
}).then(res => {
followUpRemindersTable.loading = false
followUpRemindersTable.data = res.data.data
followUpRemindersTable.total = res.data.total
}).catch(() => {
followUpRemindersTable.loading = false
})
}
loadFollowUpRemindersList()
const router = useRouter()
/**
* 添加跟进提醒管理
*/
const addEvent = () => {
router.push('/follow_up_reminders/follow_up_reminders_edit')
}
/**
* 编辑跟进提醒管理
* @param data
*/
const editEvent = (data: any) => {
router.push('/follow_up_reminders/follow_up_reminders_edit?id='+data.id)
}
/**
* 删除跟进提醒管理
*/
const deleteEvent = (id: number) => {
ElMessageBox.confirm(t('followUpRemindersDeleteTips'), t('warning'),
{
confirmButtonText: t('confirm'),
cancelButtonText: t('cancel'),
type: 'warning',
}
).then(() => {
deleteFollowUpReminders(id).then(() => {
loadFollowUpRemindersList()
}).catch(() => {
})
})
}
const followUpLogsIdList = ref([])
const setFollowUpLogsIdList = async () => {
followUpLogsIdList.value = await (await getWithFollowUpLogsList({})).data
}
setFollowUpLogsIdList()
const resetForm = (formEl: FormInstance | undefined) => {
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>
<template>
<div class="main-container">
<el-card class="box-card !border-none" shadow="never">
<div class="flex justify-between items-center">
<span class="text-lg">{{ pageName }}</span>
<el-button type="primary" @click="addEvent">
{{ t('addFollowUpReminders') }}
</el-button>
</div>
<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-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-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">
<el-date-picker v-model="followUpRemindersTable.searchParam.reminder_time" type="datetimerange"
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-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="w-[280px]" v-model="followUpRemindersTable.searchParam.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('createTime')" prop="create_time">
<el-date-picker v-model="followUpRemindersTable.searchParam.create_time" type="datetimerange"
format="YYYY-MM-DD hh:mm:ss"
:start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="loadFollowUpRemindersList()">{{ t('search') }}</el-button>
<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
</el-form-item>
</el-form>
</el-card>
<div class="mt-[10px]">
<el-table :data="followUpRemindersTable.data" size="large" v-loading="followUpRemindersTable.loading">
<template #empty>
<span>{{ !followUpRemindersTable.loading ? t('emptyData') : '' }}</span>
</template>
<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="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">
<template #default="{ row }">
<div v-for="(item, index) in reminder_methodList">
<div v-if="item.value == row.reminder_method">{{ item.name }}</div>
</div>
</template>
</el-table-column>
<el-table-column :label="t('taskStatus')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }">
<div v-for="(item, index) in task_statusList">
<div v-if="item.value == row.task_status">{{ item.name }}</div>
</div>
</template>
</el-table-column>
<el-table-column prop="err_msg" :label="t('errMsg')" min-width="120" :show-overflow-tooltip="true"/>
<el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true">
<template #default="{ row }">
{{ row.create_time || '' }}
</template>
</el-table-column>
<el-table-column :label="t('operation')" fixed="right" min-width="120">
<template #default="{ row }">
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
<el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
</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"
layout="total, sizes, prev, pager, next, jumper" :total="followUpRemindersTable.total"
@size-change="loadFollowUpRemindersList()" @current-change="loadFollowUpRemindersList"/>
</div>
</div>
</el-card>
</div>
</template>
<script lang="ts" setup>
import {reactive, ref, watch} from 'vue'
import {t} from '@/lang'
import {useDictionary} from '@/app/api/dict'
import {
getFollowUpRemindersList,
deleteFollowUpReminders,
getWithFollowUpLogsList
} 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 pageName = route.meta.title;
let followUpRemindersTable = reactive({
page: 1,
limit: 10,
total: 0,
loading: true,
data: [],
searchParam: {
"follow_up_logs_id": "",
"reminder_time": [],
"reminder_method": "",
"task_status": "",
"create_time": []
}
})
const searchFormRef = ref<FormInstance>()
// 选中数据
const selectData = ref<any[]>([])
// 字典数据
const reminder_methodList = ref([] as any[])
const reminder_methodDictList = async () => {
reminder_methodList.value = await (await useDictionary('reminder_method')).data.dictionary
}
reminder_methodDictList();
const task_statusList = ref([] as any[])
const task_statusDictList = async () => {
task_statusList.value = await (await useDictionary('task_status')).data.dictionary
}
task_statusDictList();
/**
* 获取跟进提醒管理列表
*/
const loadFollowUpRemindersList = (page: number = 1) => {
followUpRemindersTable.loading = true
followUpRemindersTable.page = page
getFollowUpRemindersList({
page: followUpRemindersTable.page,
limit: followUpRemindersTable.limit,
...followUpRemindersTable.searchParam
}).then(res => {
followUpRemindersTable.loading = false
followUpRemindersTable.data = res.data.data
followUpRemindersTable.total = res.data.total
}).catch(() => {
followUpRemindersTable.loading = false
})
}
loadFollowUpRemindersList()
const router = useRouter()
/**
* 添加跟进提醒管理
*/
const addEvent = () => {
router.push('/follow_up_reminders/follow_up_reminders_edit')
}
/**
* 编辑跟进提醒管理
* @param data
*/
const editEvent = (data: any) => {
router.push('/follow_up_reminders/follow_up_reminders_edit?id=' + data.id)
}
/**
* 删除跟进提醒管理
*/
const deleteEvent = (id: number) => {
ElMessageBox.confirm(t('followUpRemindersDeleteTips'), t('warning'),
{
confirmButtonText: t('confirm'),
cancelButtonText: t('cancel'),
type: 'warning',
}
).then(() => {
deleteFollowUpReminders(id).then(() => {
loadFollowUpRemindersList()
}).catch(() => {
})
})
}
const followUpLogsIdList = ref([])
const setFollowUpLogsIdList = async () => {
followUpLogsIdList.value = await (await getWithFollowUpLogsList({})).data
}
setFollowUpLogsIdList()
const resetForm = (formEl: FormInstance | undefined) => {
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>
<div class="main-container">
<div class="detail-head">
<div class="left" @click="back()">
<span class="iconfont iconxiangzuojiantou !text-xs"></span>
<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span>
</div>
<span class="adorn">|</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>
</template>
<script lang="ts" setup>
import { ref, reactive, computed, watch } from 'vue'
import { t } from '@/lang'
import { useDictionary } from '@/app/api/dict'
import type { FormInstance } from 'element-plus'
import { getFollowUpRemindersInfo,addFollowUpReminders,editFollowUpReminders, getWithFollowUpLogsList } from '@/addon/zhjw/api/follow_up_reminders';
import { useRoute } from 'vue-router'
const route = useRoute()
const id:number = parseInt(route.query.id);
const loading = ref(false)
const pageName = route.meta.title
/**
* 表单数据
*/
const initialFormData = {
id: 0,
follow_up_logs_id: '',
reminder_time: '',
reminder_method: '',
task_status: '',
err_msg: '',
}
const formData: Record<string, any> = reactive({ ...initialFormData })
const setFormData = async (id:number = 0) => {
Object.assign(formData, initialFormData)
const data = await (await getFollowUpRemindersInfo(id)).data
Object.keys(formData).forEach((key: string) => {
if (data[key] != undefined) formData[key] = data[key]
})
}
if(id) setFormData(id);
const formRef = ref<FormInstance>()
// 选中数据
const selectData = ref<any[]>([])
// 字典数据
let reminder_methodList = ref([])
const reminder_methodDictList = async () => {
reminder_methodList.value = await (await useDictionary('reminder_method')).data.dictionary
}
reminder_methodDictList();
watch(() => reminder_methodList.value, () => { formData.reminder_method = reminder_methodList.value[0].value })
let task_statusList = ref([])
const task_statusDictList = async () => {
task_statusList.value = await (await useDictionary('task_status')).data.dictionary
}
task_statusDictList();
watch(() => task_statusList.value, () => { formData.task_status = task_statusList.value[0].value })
const followUpLogsIdList = ref([] as any[])
const setFollowUpLogsIdList = async () => {
followUpLogsIdList.value = await (await getWithFollowUpLogsList({})).data
}
setFollowUpLogsIdList()
// 表单验证规则
const formRules = computed(() => {
return {
follow_up_logs_id: [
{ required: true, message: t('followUpLogsIdPlaceholder'), trigger: 'blur' },
]
,
reminder_time: [
{ required: true, message: t('reminderTimePlaceholder'), trigger: 'blur' },
]
,
reminder_method: [
{ required: true, message: t('reminderMethodPlaceholder'), trigger: 'blur' },
]
,
task_status: [
{ required: true, message: t('taskStatusPlaceholder'), trigger: 'blur' },
]
,
err_msg: [
{ required: true, message: t('errMsgPlaceholder'), trigger: 'blur' },
]
,
}
})
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 save = id ? editFollowUpReminders : addFollowUpReminders
save(data).then(res => {
loading.value = false
history.back()
}).catch(err => {
loading.value = false
})
}
})
}
// 验证手机号格式
const mobileVerify = (rule: any, value: any, callback: any) => {
if (value && !/^1[3-9]\d{9}$/.test(value)) {
callback(new Error(t('generateMobile')))
} 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 emailVerify = (rule: any, value: any, callback: any) => {
if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
callback(new Error(t('generateEmail')))
} else {
callback()
}
}
// 验证请输入整数
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>
<template>
<div class="main-container">
<div class="detail-head">
<div class="left" @click="back()">
<span class="iconfont iconxiangzuojiantou !text-xs"></span>
<span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
</div>
<span class="adorn">|</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>
</template>
<script lang="ts" setup>
import {ref, reactive, computed, watch} from 'vue'
import {t} from '@/lang'
import {useDictionary} from '@/app/api/dict'
import type {FormInstance} from 'element-plus'
import {
getFollowUpRemindersInfo,
addFollowUpReminders,
editFollowUpReminders,
getWithFollowUpLogsList
} from '@/addon/zhjw/api/follow_up_reminders';
import {useRoute} from 'vue-router'
const route = useRoute()
const id: number = parseInt(route.query.id);
const loading = ref(false)
const pageName = route.meta.title
/**
* 表单数据
*/
const initialFormData = {
id: 0,
follow_up_logs_id: '',
reminder_time: '',
reminder_method: '',
task_status: '',
err_msg: '',
}
const formData: Record<string, any> = reactive({...initialFormData})
const setFormData = async (id: number = 0) => {
Object.assign(formData, initialFormData)
const data = await (await getFollowUpRemindersInfo(id)).data
Object.keys(formData).forEach((key: string) => {
if (data[key] != undefined) formData[key] = data[key]
})
}
if (id) setFormData(id);
const formRef = ref<FormInstance>()
// 选中数据
const selectData = ref<any[]>([])
// 字典数据
let reminder_methodList = ref([])
const reminder_methodDictList = async () => {
reminder_methodList.value = await (await useDictionary('reminder_method')).data.dictionary
}
reminder_methodDictList();
watch(() => reminder_methodList.value, () => {
formData.reminder_method = reminder_methodList.value[0].value
})
let task_statusList = ref([])
const task_statusDictList = async () => {
task_statusList.value = await (await useDictionary('task_status')).data.dictionary
}
task_statusDictList();
watch(() => task_statusList.value, () => {
formData.task_status = task_statusList.value[0].value
})
const followUpLogsIdList = ref([] as any[])
const setFollowUpLogsIdList = async () => {
followUpLogsIdList.value = await (await getWithFollowUpLogsList({})).data
}
setFollowUpLogsIdList()
// 表单验证规则
const formRules = computed(() => {
return {
follow_up_logs_id: [
{required: true, message: t('followUpLogsIdPlaceholder'), trigger: 'blur'},
]
,
reminder_time: [
{required: true, message: t('reminderTimePlaceholder'), trigger: 'blur'},
]
,
reminder_method: [
{required: true, message: t('reminderMethodPlaceholder'), trigger: 'blur'},
]
,
task_status: [
{required: true, message: t('taskStatusPlaceholder'), trigger: 'blur'},
]
,
err_msg: [
{required: true, message: t('errMsgPlaceholder'), trigger: 'blur'},
]
,
}
})
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 save = id ? editFollowUpReminders : addFollowUpReminders
save(data).then(res => {
loading.value = false
history.back()
}).catch(err => {
loading.value = false
})
}
})
}
// 验证手机号格式
const mobileVerify = (rule: any, value: any, callback: any) => {
if (value && !/^1[3-9]\d{9}$/.test(value)) {
callback(new Error(t('generateMobile')))
} 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 emailVerify = (rule: any, value: any, callback: any) => {
if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
callback(new Error(t('generateEmail')))
} else {
callback()
}
}
// 验证请输入整数
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