【系统设置】 修复# 消息通知-短信通知：点击设置按钮后页面无反应

src/router/routes.ts

@@ -421,6 +421,20 @@ export const constantRoutes: Array<RouteRecordRaw> = [
                 }
             }
         ]
+    },
+    {
+        path: '/setting/notice',
+        component: LAYOUT,
+        children: [
+            {
+                path: 'edit',
+                component: () => import('@/views/message/notice/edit.vue'),
+                meta: {
+                    title: '设置',
+                    activeMenu: '/setting/message/notice'
+                }
+            }
+        ]
     }
 ]
 

src/views/message/notice/edit.vue

@@ -3,18 +3,12 @@
         <el-card class="!border-none" shadow="never">
             <el-page-header :content="$route.meta.title" @back="$router.back()" />
         </el-card>
-        <el-form
+        <el-form ref="formRef" :model="formData" label-width="120px" :rules="rules" v-loading="loading">
-            ref="formRef"
-            :model="formData"
-            label-width="120px"
-            :rules="rules"
-            v-loading="loading"
-        >
             <el-card class="!border-none mt-4" shadow="never">
                 <div class="font-medium mb-7">通知名称</div>
-                <el-form-item label="通知名称" prop="name"> {{ formData.name }} </el-form-item>
+                <el-form-item label="通知名称" prop="name">{{ formData.name }}</el-form-item>
-                <el-form-item label="通知类型" prop="name"> {{ formData.type }} </el-form-item>
+                <el-form-item label="通知类型" prop="name">{{ formData.type }}</el-form-item>
-                <el-form-item label="通知业务" prop="name"> {{ formData.remarks }} </el-form-item>
+                <el-form-item label="通知业务" prop="name">{{ formData.remarks }}</el-form-item>
             </el-card>
             <el-card class="!border-none mt-4" shadow="never">
                 <div class="font-medium mb-7">短信通知</div>
@@ -26,20 +20,13 @@
                 </el-form-item>
                 <el-form-item label="模板ID" prop="smsNotice.templateId">
                     <div class="w-80">
-                        <el-input
+                        <el-input v-model="formData.smsNotice.templateId" placeholder="请输入模板ID" />
-                            v-model="formData.smsNotice.templateId"
-                            placeholder="请输入模板ID"
-                        />
                     </div>
                 </el-form-item>
                 <el-form-item label="短信内容" prop="smsNotice.content">
                     <div class="flex-1">
                         <div class="w-full max-w-[320px]">
-                            <el-input
+                            <el-input type="textarea" :autosize="{ minRows: 6, maxRows: 6 }" v-model="formData.smsNotice.content" />
-                                type="textarea"
-                                :autosize="{ minRows: 6, maxRows: 6 }"
-                                v-model="formData.smsNotice.content"
-                            />
                         </div>
                         <div class="form-tips">
                             <!-- <div v-for="(item, index) in formData.smsNotice.tips" :key="index"> -->
@@ -103,7 +90,7 @@ const getDetails = async () => {
     const data = await noticeDetail({
         id: route.query.id
     })
-    Object.keys(data).forEach((key) => {
+    Object.keys(data).forEach(key => {
         //@ts-ignore
         formData[key] = data[key]
     })
@@ -114,7 +101,7 @@ const handleSave = async () => {
     await formRef.value?.validate()
     await setNoticeConfig(formData)
     feedback.msgSuccess('操作成功')
-    removeTab()
+    // removeTab()
     router.back()
 }
 

src/views/message/notice/index.vue

@@ -1,22 +1,11 @@
 <template>
     <div>
         <el-card class="!border-none" shadow="never">
-            <el-alert
+            <el-alert type="warning" title="温馨提示：平台配置在各个场景下的通知发送方式和内容模板" :closable="false" show-icon></el-alert>
-                type="warning"
-                title="温馨提示：平台配置在各个场景下的通知发送方式和内容模板"
-                :closable="false"
-                show-icon
-            ></el-alert>
         </el-card>
         <el-card class="!border-none mt-4" shadow="never">
             <el-tabs v-model="tabsActive" @tab-change="getLists">
-                <el-tab-pane
+                <el-tab-pane v-for="(item, index) in tabsMap" :key="index" :label="item.name" :name="item.type" lazy></el-tab-pane>
-                    v-for="(item, index) in tabsMap"
-                    :key="index"
-                    :label="item.name"
-                    :name="item.type"
-                    lazy
-                ></el-tab-pane>
             </el-tabs>
             <el-table size="large" :data="state.lists" v-loading="state.loading">
                 <el-table-column label="通知场景" prop="name" min-width="120" />
@@ -29,18 +18,7 @@
                 </el-table-column>
                 <el-table-column label="操作" min-width="80" fixed="right">
                     <template #default="{ row }">
-                        <el-button v-perms="['setting:notice:detail']" type="primary" link>
+                        <el-button v-perms="['setting:notice:detail']" type="primary" link @click="handleSetting(row.id)">设置</el-button>
-                            <router-link
-                                :to="{
-                                    path: getRoutePath('setting:notice:detail'),
-                                    query: {
-                                        id: row.id
-                                    }
-                                }"
-                            >
-                                设置
-                            </router-link>
-                        </el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -49,7 +27,6 @@
 </template>
 <script lang="ts" setup name="notice">
 import { noticeLists } from '@/api/message'
-import { getRoutePath } from '@/router'
 
 enum NoticeEnums {
     USER = 1,
@@ -91,7 +68,10 @@ const getLists = async () => {
         state.loading = false
     }
 }
-
+const router = useRouter()
+const handleSetting = (id: number) => {
+    router.push({ path: '/setting/notice/edit', query: { id } })
+}
 onActivated(() => {
     getLists()
 })