From b4f08798cb64420132a8551c799e9409bdde687e Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Fri, 14 Mar 2025 20:35:12 +0800
Subject: [PATCH] =?UTF-8?q?refactor(zhjw):=E8=B0=83=E6=95=B4=E8=B7=9F?=
 =?UTF-8?q?=E8=BF=9B=E6=97=A5=E5=BF=97=E5=92=8C=E6=8F=90=E9=86=92=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E7=9A=84=E4=BB=A3=E7=A0=81=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了 follow_up_logs 和 follow_up_reminders 页面中未使用的 roleId 相关代码
- 优化了 follow_up_reminders 页面的代码格式和结构
- 修复了一些小的代码问题，如未闭合的注释等
---
 .../views/follow_up_logs/follow_up_logs.vue   |   2 +-
 .../follow_up_logs/follow_up_logs_edit.vue    |   6 +-
 .../follow_up_reminders.vue                   | 512 +++++++++---------
 .../follow_up_reminders_edit.vue              | 464 ++++++++--------
 4 files changed, 507 insertions(+), 477 deletions(-)

diff --git a/admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs.vue b/admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs.vue
index 9f5ef7e5..531be4b5 100644
--- a/admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs.vue
+++ b/admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs.vue
@@ -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 }">
diff --git a/admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs_edit.vue b/admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs_edit.vue
index 32c01e85..632c293e 100644
--- a/admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs_edit.vue
+++ b/admin/src/addon/zhjw/views/follow_up_logs/follow_up_logs_edit.vue
@@ -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
diff --git a/admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders.vue b/admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders.vue
index baa02b56..fe6eefc0 100644
--- a/admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders.vue
+++ b/admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders.vue
@@ -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>
diff --git a/admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders_edit.vue b/admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders_edit.vue
index 2778720b..90f87296 100644
--- a/admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders_edit.vue
+++ b/admin/src/addon/zhjw/views/follow_up_reminders/follow_up_reminders_edit.vue
@@ -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>