diff --git a/app/Http/Controllers/Api/ApproveController.php b/app/Http/Controllers/Api/ApproveController.php
index ae80dfd61..828abff95 100755
--- a/app/Http/Controllers/Api/ApproveController.php
+++ b/app/Http/Controllers/Api/ApproveController.php
@@ -262,7 +262,7 @@ class ApproveController extends AbstractController
             $this->approveMsg('approve_reviewer', $dialog, $botUser, $val, $process, $pass);
         }
         // 发起人
-        if ($process['is_finished'] == true) {
+        if ($process['is_finished']) {
             $dialog = WebSocketDialog::checkUserDialog($botUser, $process['start_user_id']);
             if (!empty($dialog)) {
                 $this->approveMsg('approve_submitter', $dialog, $botUser, ['userid' => $data['userid']], $process, $pass);
@@ -284,7 +284,7 @@ class ApproveController extends AbstractController
         }
 
         // 抄送人
-        $notifier = $this->handleProcessNode($process, $task['step']);
+        $notifier = $this->handleProcessNode($process);
         if ($notifier && $pass == 'pass') {
             foreach ($notifier as $val) {
                 $dialog = WebSocketDialog::checkUserDialog($botUser, $val['target_id']);
@@ -899,7 +899,7 @@ class ApproveController extends AbstractController
             3 => '拒绝',
             4 => '撤回'
         );
-        return isset($state_map[$state]) ? $state_map[$state] : '';
+        return $state_map[$state] ?? '';
     }
 
     /**
@@ -986,21 +986,24 @@ class ApproveController extends AbstractController
             'comment_content' => $process['comment_contents']['content'] ?? '',
             'comment_pictures' => $process['comment_contents']['pictures'] ?? []
         ];
-        $text = view('push.bot', ['type' => $type, 'action' => $action, 'is_finished' => $process['is_finished'], 'data' => (object)$data])->render();
-        $text = preg_replace("/^\x20+/", "", $text);
-        $text = preg_replace("/\n\x20+/", "\n", $text);
         $msg_action = null;
+        $msg_data = [
+            'type' => $type,
+            'action' => $action,
+            'is_finished' => $process['is_finished'],
+            'data' => $data
+        ];
         if ($action == 'withdraw' || $action == 'pass' || $action == 'refuse') {
             // 任务完成，给发起人发送消息
             if ($type == 'approve_submitter' && $action != 'withdraw') {
-                return WebSocketDialogMsg::sendMsg($msg_action, $dialog->id, 'text', ['text' => $text, 'approve_type' => $type], $botUser->userid, false, false, true);
+                return WebSocketDialogMsg::sendMsg($msg_action, $dialog->id, 'template', $msg_data, $botUser->userid, false, false, true);
             }
             // 查找最后一条消息msg_id
             $msg_action = 'change-' . $toUser['msg_id'];
         }
         //
         try {
-            $msg = WebSocketDialogMsg::sendMsg($msg_action, $dialog->id, 'text', ['text' => $text, 'approve_type' => $type], $process['start_user_id'], false, false, true);
+            $msg = WebSocketDialogMsg::sendMsg($msg_action, $dialog->id, 'template', $msg_data, $process['start_user_id'], false, false, true);
             // 关联信息
             if ($action == 'start') {
                 $proc_msg = new ApproveProcMsg();
@@ -1022,7 +1025,7 @@ class ApproveController extends AbstractController
                 Task::deliver(new PushTask($params, false));
             }
         } catch (\Throwable $th) {
-            //throw $th;
+            info($th->getMessage());
         }
         return true;
     }
@@ -1126,7 +1129,7 @@ class ApproveController extends AbstractController
         $ret = Ihttp::ihttp_get($this->flow_url . '/api/v1/workflow/process/getUserApprovalStatus?' . http_build_query($data));
         $procdef = json_decode($ret['ret'] == 1 ? $ret['data'] : '{}', true);
         if (isset($procdef['status']) && $procdef['status'] == 200) {
-            return Base::retSuccess('success', isset($procdef['data']["proc_def_name"]) ? $procdef['data']["proc_def_name"] : '');
+            return Base::retSuccess('success', $procdef['data']["proc_def_name"] ?? '');
         }
         return Base::retSuccess('success', '');
     }
diff --git a/app/Models/User.php b/app/Models/User.php
index d6f49158b..b1722c946 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -578,7 +578,7 @@ class User extends AbstractModel
             case 'ai-gemini@bot.system':
                 return url("images/avatar/default_gemini.png");
             case 'ai-zhipu@bot.system':
-                return url("images/avatar/default_zhipu.png");    
+                return url("images/avatar/default_zhipu.png");
             case 'bot-manager@bot.system':
                 return url("images/avatar/default_bot.png");
             case 'meeting-alert@bot.system':
@@ -651,7 +651,9 @@ class User extends AbstractModel
                 ])->save();
             }
             //
-            $update['nickname'] = UserBot::systemBotName($email);
+            if (empty($update['nickname'])) {
+                $update['nickname'] = UserBot::systemBotName($email);
+            }
         }
         if ($update) {
             $botUser->updateInstance($update);
diff --git a/app/Models/WebSocketDialogMsg.php b/app/Models/WebSocketDialogMsg.php
index f3ede65fc..7232242ce 100644
--- a/app/Models/WebSocketDialogMsg.php
+++ b/app/Models/WebSocketDialogMsg.php
@@ -949,7 +949,7 @@ class WebSocketDialogMsg extends AbstractModel
                     ];
                 }
             } else {
-                if ($dialogMsg->type !== 'text') {
+                if (!in_array($dialogMsg->type, ['text', 'template'])) {
                     throw new ApiException('此消息不支持此操作');
                 }
                 if ($dialogMsg->userid != $sender) {
diff --git a/app/Tasks/BotReceiveMsgTask.php b/app/Tasks/BotReceiveMsgTask.php
index 5fb63ba37..156abc394 100644
--- a/app/Tasks/BotReceiveMsgTask.php
+++ b/app/Tasks/BotReceiveMsgTask.php
@@ -340,19 +340,13 @@ class BotReceiveMsgTask extends AbstractTask
                     break;
             }
             //
-            $text = view('push.bot', [
+            WebSocketDialogMsg::sendMsg(null, $msg->dialog_id, 'template', [
                 'type' => $type,
                 'data' => $data,
                 'notice' => $notice,
                 'manager' => $isManager,
                 'version' => Base::getVersion()
-            ])->render();
-            if (!$isManager) {
-                $text = preg_replace("/\s*\{机器人ID\}/", "", $text);
-            }
-            $text = preg_replace("/^\x20+/", "", $text);
-            $text = preg_replace("/\n\x20+/", "\n", $text);
-            WebSocketDialogMsg::sendMsg(null, $msg->dialog_id, 'text', ['text' => $text], $botUser->userid, false, false, true);    // todo 未能在任务end事件来发送任务
+            ], $botUser->userid, false, false, true);    // todo 未能在任务end事件来发送任务
         }
     }
 
@@ -471,7 +465,7 @@ class BotReceiveMsgTask extends AbstractTask
                     && !Base::judgeClientVersion("0.29.11", $this->client['version'])) {
                     $error = 'The client version is low (required version ≥ v0.29.12).';
                 }
-                break;    
+                break;
             // 其他机器人
             default:
                 $userBot = UserBot::whereBotId($botUser->userid)->first();
diff --git a/language/original-web.txt b/language/original-web.txt
index 35671c548..ace45b64b 100644
--- a/language/original-web.txt
+++ b/language/original-web.txt
@@ -1614,5 +1614,5 @@ License Key
 
 返回参数错误
 未知错误
-网络异常
-请求失败
+网络异常，请重试。
+请求失败，请重试。
diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
index a7a00498c..2562b31c3 100644
--- a/resources/assets/js/pages/manage.vue
+++ b/resources/assets/js/pages/manage.vue
@@ -333,6 +333,11 @@
 
         <!-- okr明细 -->
         <MicroApps v-show="false" v-if="$route.name != 'manage-apps'" name="okr-details" :url="okrUrl" :datas="okrWindow"/>
+
+        <!--审批详情-->
+        <DrawerOverlay v-model="approveDetailsShow" placement="right" :size="600">
+            <ApproveDetails v-if="approveDetailsShow" :data="approveDetails" @onBack="approveDetailsShow=false"/>
+        </DrawerOverlay>
     </div>
 </template>
 
@@ -361,10 +366,13 @@ import {Store} from "le5le-store";
 import {MarkdownPreview} from "../store/markdown";
 import UserSelect from "../components/UserSelect.vue";
 import ImgUpload from "../components/ImgUpload.vue";
+import ApproveDetails from "./manage/approve/details.vue";
 
 export default {
     components: {
-        ImgUpload, UserSelect,
+        ApproveDetails,
+        ImgUpload,
+        UserSelect,
         TaskExport,
         CheckinExport,
         ApproveExport,
@@ -443,6 +451,10 @@ export default {
             needStartHome: false,
 
             complaintShow: false,
+
+            approveDetails: {id: 0},
+            approveDetailsShow: false,
+            approveDetailsSubscribe: null,
         }
     },
 
@@ -452,6 +464,7 @@ export default {
         this.addTaskSubscribe = Store.subscribe('addTask', this.onAddTask);
         this.createGroupSubscribe = Store.subscribe('createGroup', this.onCreateGroup);
         this.dialogMsgSubscribe = Store.subscribe('dialogMsgPush', this.addDialogMsg);
+        this.approveDetailsSubscribe = Store.subscribe('approveDetails', this.openApproveDetails);
         //
         document.addEventListener('keydown', this.shortcutEvent);
     },
@@ -482,6 +495,10 @@ export default {
             this.dialogMsgSubscribe.unsubscribe();
             this.dialogMsgSubscribe = null;
         }
+        if (this.approveDetailsSubscribe) {
+            this.approveDetailsSubscribe.unsubscribe();
+            this.approveDetailsSubscribe = null;
+        }
         //
         document.removeEventListener('keydown', this.shortcutEvent);
     },
@@ -1135,6 +1152,13 @@ export default {
             }
         },
 
+        openApproveDetails(id) {
+            this.approveDetailsShow = true;
+            this.$nextTick(() => {
+                this.approveDetails = {id};
+            })
+        },
+
         handleLongpress(event, el) {
             const projectId = $A.getAttr(el, 'data-id')
             const projectItem = this.projectLists.find(item => item.id == projectId)
diff --git a/resources/assets/js/pages/manage/approve/details.vue b/resources/assets/js/pages/manage/approve/details.vue
index 01cf561ff..20f33a2d0 100644
--- a/resources/assets/js/pages/manage/approve/details.vue
+++ b/resources/assets/js/pages/manage/approve/details.vue
@@ -2,7 +2,7 @@
     <div class="approve-details" :style="{'z-index':modalTransferIndex}">
         <!-- 导航 -->
         <div class="approve-details-nav">
-            <div class="common-nav-back" @click="goBack()">
+            <div class="common-nav-back" @click="onBack">
                 <i class="taskfont">&#xe676;</i>
             </div>
             <h2>{{$L('审批详情')}}</h2>
@@ -279,6 +279,10 @@ export default {
                 this.getInfo()
             }
         },
+        // 返回
+        onBack() {
+            this.$emit('onBack')
+        },
         // 把时间转成几小时前
         getTimeAgo(time, type) {
             const timeDiff = $A.dayjs().unix() - $A.dayjs(time).unix(); // convert to seconds
diff --git a/resources/assets/js/pages/manage/approve/index.vue b/resources/assets/js/pages/manage/approve/index.vue
index 544744996..1d99559fb 100644
--- a/resources/assets/js/pages/manage/approve/index.vue
+++ b/resources/assets/js/pages/manage/approve/index.vue
@@ -251,6 +251,7 @@ import ImgUpload from "../../../components/ImgUpload";
 import ApproveSetting from "./setting";
 import ApproveExport from "../components/ApproveExport";
 import {mapState} from 'vuex'
+import {Store} from "le5le-store";
 
 export default {
     components: {list, listDetails, DrawerOverlay, ImgUpload, ApproveSetting, ApproveExport},
@@ -491,7 +492,7 @@ export default {
             })
             //
             if (window.innerWidth < 426) {
-                this.goForward({name: 'manage-approve-details', query: {id: item.id}});
+                Store.set('approveDetails', item.id);
                 return;
             }
             if (window.innerWidth < 1010) {
diff --git a/resources/assets/js/pages/manage/components/DialogItem.vue b/resources/assets/js/pages/manage/components/DialogItem.vue
index 62e153637..fc6c9bc39 100644
--- a/resources/assets/js/pages/manage/components/DialogItem.vue
+++ b/resources/assets/js/pages/manage/components/DialogItem.vue
@@ -51,6 +51,7 @@
                 @on-view-text="onViewText"
                 @on-view-file="onViewFile"
                 @on-down-file="onDownFile"
+                @on-click-template="onClickTemplate"
                 @on-reply-list="onReplyList"
                 @on-error="onError"
                 @on-emoji="onEmoji"
@@ -252,6 +253,10 @@ export default {
             this.dispatch("on-down-file", data)
         },
 
+        onClickTemplate(e) {
+            this.dispatch("on-click-template", e)
+        },
+
         onReplyList(data) {
             this.dispatch("on-reply-list", data)
         },
diff --git a/resources/assets/js/pages/manage/components/DialogView/index.vue b/resources/assets/js/pages/manage/components/DialogView/index.vue
index ca4a0d93b..05aa4b8e7 100644
--- a/resources/assets/js/pages/manage/components/DialogView/index.vue
+++ b/resources/assets/js/pages/manage/components/DialogView/index.vue
@@ -26,7 +26,7 @@
             <!--详情-->
             <div ref="content" class="dialog-content" :class="contentClass">
                 <!--文本-->
-                <TextMsg v-if="msgData.type === 'text'" :msg="msgData.msg" @click="viewText"/>
+                <TextMsg v-if="msgData.type === 'text'" :msg="msgData.msg" @viewText="viewText"/>
                 <!--文件-->
                 <FileMsg v-else-if="msgData.type === 'file'" :msg="msgData.msg" @viewFile="viewFile" @downFile="downFile"/>
                 <!--录音-->
@@ -37,6 +37,8 @@
                 <WordChainMsg v-else-if="msgData.type === 'word-chain'" :msg="msgData.msg" :msgId="msgData.id" :unfoldWordChainData="unfoldWordChainData" @unfoldWordChain="unfoldWordChain(msgData)" @onWordChain="onWordChain"/>
                 <!--投票-->
                 <VoteMsg v-else-if="msgData.type === 'vote'" :msg="msgData.msg" :voteData="voteData" @onVote="onVote($event, msgData)"/>
+                <!--模板-->
+                <TemplateMsg v-else-if="msgData.type === 'template'" :msg="msgData.msg" @clickTemplate="clickTemplate"/>
                 <!--等待-->
                 <LoadMsg v-else-if="isLoading" :error="msgData.error"/>
                 <!--未知-->
@@ -179,6 +181,7 @@ import RecordMsg from "./record.vue";
 import MeetingMsg from "./meet.vue";
 import WordChainMsg from "./word-chain.vue";
 import VoteMsg from "./vote.vue";
+import TemplateMsg from "./template";
 import LoadMsg from "./load.vue";
 import UnknownMsg from "./unknown.vue";
 
@@ -187,6 +190,7 @@ export default {
     components: {
         UnknownMsg,
         LoadMsg,
+        TemplateMsg,
         VoteMsg,
         WordChainMsg,
         MeetingMsg,
@@ -538,14 +542,6 @@ export default {
             this.$emit("on-show-emoji-user", item)
         },
 
-        onWordChain() {
-            this.$store.state.dialogDroupWordChain = {
-                type: 'participate',
-                dialog_id: this.msgData.dialog_id,
-                msgData: this.msgData,
-            }
-        },
-
         unfoldWordChain(msg) {
             if (this.unfoldWordChainData.indexOf(msg.id) == -1) {
                 const data = JSON.parse(window.localStorage.getItem('__cache:unfoldWordChain__')) || [];
@@ -555,6 +551,14 @@ export default {
             }
         },
 
+        onWordChain() {
+            this.$store.state.dialogDroupWordChain = {
+                type: 'participate',
+                dialog_id: this.msgData.dialog_id,
+                msgData: this.msgData,
+            }
+        },
+
         onVote(type, msgData) {
             if (type != 'vote') {
                 $A.modalConfirm({
@@ -594,6 +598,10 @@ export default {
                 this.$set(msgData.msg, '_loadIng', 0)
             });
         },
+
+        clickTemplate(e) {
+            this.$emit("on-click-template", e)
+        },
     }
 }
 </script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/approve-comment-notifier.vue b/resources/assets/js/pages/manage/components/DialogView/template/approve-comment-notifier.vue
new file mode 100644
index 000000000..b0194deea
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/approve-comment-notifier.vue
@@ -0,0 +1,32 @@
+<template>
+    <div class="open-approve-details" :data-id="msg.data.id">
+        <b>{{ msg.data.comment_nickname }}评论了此审批</b>
+        <div class="cause">
+            <p>申请人：<span class="mark-color">@{{ msg.data.nickname }}</span> {{ msg.data.department }}</p>
+            <b>评论内容</b>
+            <p>{{ msg.data.comment_content }}</p>
+            <p v-if="isPicture">[图片]</p>
+        </div>
+        <div class="btn-raw no-dark-content">
+            <button class="ivu-btn ivu-btn-grey">查看详情</button>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        isPicture() {
+            const {comment_pictures} = this.msg.data
+            return $A.isArray(comment_pictures) && comment_pictures.length > 0
+        },
+    },
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/approve-notifier.vue b/resources/assets/js/pages/manage/components/DialogView/template/approve-notifier.vue
new file mode 100644
index 000000000..2861803e7
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/approve-notifier.vue
@@ -0,0 +1,30 @@
+<template>
+    <div class="open-approve-details" :data-id="msg.data.id">
+        <b>抄送{{ msg.data.nickname }}提交的「{{ msg.data.proc_def_name }}」记录</b>
+        <div class="cause">
+            <p>申请人：<span class="mark-color">@{{ msg.data.nickname }}</span> {{ msg.data.department }}</p>
+            <b>详情</b>
+            <p v-if="msg.data.type">假期类型：{{ msg.data.type }}</p>
+            <p>开始时间：{{ msg.data.start_time }} ({{ msg.data.start_day_of_week }})</p>
+            <p>结束时间：{{ msg.data.end_time }} ({{ msg.data.end_day_of_week }})</p>
+            <p>事由：{{ msg.data.description }}</p>
+        </div>
+        <div class="btn-raw no-dark-content">
+            <button v-if="msg.is_finished" class="ivu-btn ivu-btn-grey">已同意</button>
+            <button v-else class="ivu-btn ivu-btn-grey">查看详情</button>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/approve-reviewer.vue b/resources/assets/js/pages/manage/components/DialogView/template/approve-reviewer.vue
new file mode 100644
index 000000000..6f870cae5
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/approve-reviewer.vue
@@ -0,0 +1,35 @@
+<template>
+    <div class="open-approve-details" :data-id="msg.data.id">
+        <b>{{ msg.data.nickname }}提交的「{{ msg.data.proc_def_name }}」待你审批</b>
+        <div class="cause">
+            <p>申请人：<span class="mark-color">@{{ msg.data.nickname }}</span> {{ msg.data.department }}</p>
+            <b>详情</b>
+            <p v-if="msg.data.type">假期类型：{{ msg.data.type }}</p>
+            <p>开始时间：{{ msg.data.start_time }} ({{ msg.data.start_day_of_week }})</p>
+            <p>结束时间：{{ msg.data.end_time }} ({{ msg.data.end_day_of_week }})</p>
+            <p>事由：{{ msg.data.description }}</p>
+        </div>
+        <div class="btn-raw no-dark-content">
+            <button v-if="msg.action === 'pass'" class="ivu-btn ivu-btn-grey">已同意</button>
+            <button v-else-if="msg.action === 'refuse'" class="ivu-btn ivu-btn-grey">已拒绝</button>
+            <button v-else-if="msg.action === 'withdraw'" class="ivu-btn ivu-btn-grey">已撤销</button>
+            <template v-else>
+                <button class="ivu-btn ivu-btn-primary">同意</button>
+                <button class="ivu-btn ivu-btn-error">拒绝</button>
+            </template>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/approve-submitter.vue b/resources/assets/js/pages/manage/components/DialogView/template/approve-submitter.vue
new file mode 100644
index 000000000..c1e6fa0dd
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/approve-submitter.vue
@@ -0,0 +1,35 @@
+<template>
+    <div class="open-approve-details" :data-id="msg.data.id">
+        <b>{{ desc }}</b>
+        <div class="cause">
+            <p>申请人：<span class="mark-color">@{{ msg.data.start_nickname }}</span> {{ msg.data.department }}</p>
+            <b>详情</b>
+            <p v-if="msg.data.type">假期类型：{{ msg.data.type }}</p>
+            <p>开始时间：{{ msg.data.start_time }} ({{ msg.data.start_day_of_week }})</p>
+            <p>结束时间：{{ msg.data.end_time }} ({{ msg.data.end_day_of_week }})</p>
+            <p>事由：{{ msg.data.description }}</p>
+        </div>
+        <div class="btn-raw no-dark-content">
+            <button v-if="msg.action === 'pass'" class="ivu-btn ivu-btn-grey">已同意</button>
+            <button v-else-if="msg.action === 'refuse'" class="ivu-btn ivu-btn-grey">已拒绝</button>
+            <button v-else-if="msg.action === 'withdraw'" class="ivu-btn ivu-btn-grey">已撤销</button>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        desc({msg}) {
+            return msg.action === 'pass' ? `您发起的「${msg.data.proc_def_name}」已通过` : `您发起的「${msg.data.proc_def_name}」被${msg.data.nickname}拒绝`
+        }
+    },
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-api.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-api.vue
new file mode 100644
index 000000000..d109c116c
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-api.vue
@@ -0,0 +1,42 @@
+<template>
+    <div>
+        <p>你可以通过执行以下命令来请求我:</p>
+        <p>&nbsp;</p>
+
+        <p><b>发送文本消息：</b></p>
+        <p>curl --request POST '{{ $A.apiUrl('dialog/msg/sendtext') }}' \</p>
+        <p>--header 'version: {{ $version }}' \</p>
+        <p>--header 'token: <span class="mark-color">{机器人Token}</span>' \</p>
+        <p>--form 'dialog_id="<span class="mark-color">{对话ID}</span>"' \</p>
+        <p>--form 'text="<span class="mark-color">{消息内容}</span>"'</p>
+        <p>--form 'text_type="<span class="mark-color">[html|md]</span>"'</p>
+        <p>--form 'silence="<span class="mark-color">[yes|no]</span>"'</p>
+        <p>--form 'reply_id="<span class="mark-color">[回复指定消息ID]</span>"'</p>
+        <p>&nbsp;</p>
+
+        <p><b>Webhook说明：</b></p>
+        <p>机器人收到消息后会将消息POST推送到Webhook地址，请求超时为10秒，请求参数如下：</p>
+        <p><span class="mark-color">text</span>: 消息文本</p>
+        <p><span class="mark-color">token</span>: 机器人Token</p>
+        <p><span class="mark-color">dialog_id</span>: 对话ID</p>
+        <p><span class="mark-color">dialog_type</span>: 对话类型</p>
+        <p><span class="mark-color">msg_id</span>: 消息ID</p>
+        <p><span class="mark-color">msg_uid</span>: 消息发送人ID</p>
+        <p><span class="mark-color">mention</span>: 是否被@到</p>
+        <p><span class="mark-color">bot_uid</span>: 机器人ID</p>
+        <p><span class="mark-color">version</span>: 系统版本</p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-clearday.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-clearday.vue
new file mode 100644
index 000000000..673ad7df2
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-clearday.vue
@@ -0,0 +1,24 @@
+<template>
+    <div>
+        <p><b>设置保留消息时间。</b></p>
+        <p>&nbsp;</p>
+
+        <p>机器人ID：<span class="mark-color">{{ msg.data.userid }}</span></p>
+        <p>机器人名称：<span class="mark-color">{{ msg.data.nickname }}</span></p>
+        <p>清理周期：<span class="mark-color">{{ msg.data.clear_day }}天</span></p>
+        <p>下次清理：<span class="mark-color">{{ msg.data.clear_at }}</span></p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-deletebot.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-deletebot.vue
new file mode 100644
index 000000000..4b5ef4e3c
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-deletebot.vue
@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <p><b>删除成功。</b></p>
+        <p>&nbsp;</p>
+
+        <p>机器人ID：<span class="mark-color">{{ msg.data.userid }}</span></p>
+        <p>机器人名称：<span class="mark-color">{{ msg.data.nickname }}</span></p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-dialog.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-dialog.vue
new file mode 100644
index 000000000..2b7e5ae99
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-dialog.vue
@@ -0,0 +1,24 @@
+<template>
+    <div>
+        <p><b>机器人 <span class="mark-color">{{ msg.data.nickname }} (ID:{{ msg.data.userid }})</span> 已加入的会话：</b></p>
+        <p>&nbsp;</p>
+
+        <p><b>会话ID | 会话名称</b></p>
+        <p v-for="item in msg.data.list">
+            {{ item.id }} | {{ item.name }}{{ item.type == 'user' ? ' (个人)' : '' }}
+        </p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-help.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-help.vue
new file mode 100644
index 000000000..4588d5be0
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-help.vue
@@ -0,0 +1,50 @@
+<template>
+    <div>
+        <p>您可以通过发送以下命令来控制我：</p>
+        <p>&nbsp;</p>
+
+        <template v-if="msg.manager">
+            <p><span class="mark-color">/list</span> - 机器人列表</p>
+            <p><span class="mark-color">/newbot {机器人名称}</span> - 创建机器人</p>
+        </template>
+        <template v-else>
+            <p><span class="mark-color">/info</span> - 查看机器人详情</p>
+        </template>
+        <p>&nbsp;</p>
+
+        <p><b>修改机器人</b></p>
+        <p><span class="mark-color">/setname{{IDLabel}} {机器人名称}</span> - 修改机器人名称</p>
+        <p><span class="mark-color">/deletebot{{IDLabel}}</span> - 删除机器人</p>
+        <p><span class="mark-color">/clearday{{IDLabel}} {天数}</span> - 设置保留消息时间（默认30天）</p>
+        <p><span class="mark-color">/webhook{{IDLabel}} [url]</span> - 设置消息Webhook（详情请看 <u>Api接口文档</u>）</p>
+        <p>&nbsp;</p>
+
+        <p><b>机器人设置</b></p>
+        <p><span class="mark-color">/token{{IDLabel}}</span> - 生成Token令牌</p>
+        <p><span class="mark-color">/revoke{{IDLabel}}</span> - 撤销机器人Token令牌</p>
+        <p>&nbsp;</p>
+
+        <p><b>会话管理</b></p>
+        <p><span class="mark-color">/dialog{{IDLabel}} [搜索关键词]</span> - 查看会话ID</p>
+        <p>&nbsp;</p>
+
+        <p><b>Api接口文档</b></p>
+        <p><span class="mark-color">/api</span> - 查看接口列表</p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        IDLabel() {
+            return this.msg.manager ? ' {机器人ID}' : '';
+        },
+    },
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-info.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-info.vue
new file mode 100644
index 000000000..6f86dd769
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-info.vue
@@ -0,0 +1,26 @@
+<template>
+    <div>
+        <p><b>机器人详情。</b></p>
+        <p>&nbsp;</p>
+
+        <p>机器人ID：<span class="mark-color">{{ msg.data.userid }}</span></p>
+        <p>机器人名称：<span class="mark-color">{{ msg.data.nickname }}</span></p>
+        <p>保留消息时间：<span class="mark-color">{{ msg.data.clear_day }}</span></p>
+        <p>最后一次清理时间：<span class="mark-color">{{ msg.data.clear_at || '-' }}</span></p>
+        <p>Webhook地址：<span class="mark-color">{{ msg.data.webhook_url || '-' }}</span></p>
+        <p>Webhook请求次数：<span class="mark-color">{{ msg.data.webhook_num }}</span></p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-list.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-list.vue
new file mode 100644
index 000000000..537b17c4c
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-list.vue
@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <p><b>我的机器人。</b></p>
+        <p>&nbsp;</p>
+
+        <p><b>ID | 名称 | 清理时间 | Webhook</b></p>
+        <p v-for="item in msg.data">{{ item.userid }} | {{ item.nickname }} | {{ item.clear_day }} | {{ item.webhook_url ? '✅' : '-' }}</p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-newbot.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-newbot.vue
new file mode 100644
index 000000000..4bdb4b285
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-newbot.vue
@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <p><b>创建成功。</b></p>
+        <p>&nbsp;</p>
+
+        <p>机器人ID：<span class="mark-color">{{ msg.data.userid }}</span></p>
+        <p>机器人名称：<span class="mark-color">{{ msg.data.nickname }}</span></p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-revoke.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-revoke.vue
new file mode 100644
index 000000000..2da8c4997
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-revoke.vue
@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <p><b>撤销机器人Token令牌。</b></p>
+        <p>&nbsp;</p>
+
+        <p>机器人ID：<span class="mark-color">{{ msg.data.userid }}</span></p>
+        <p>机器人名称：<span class="mark-color">{{ msg.data.nickname }}</span></p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-setname.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-setname.vue
new file mode 100644
index 000000000..9ccaeb76f
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-setname.vue
@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <p><b>设置名称成功。</b></p>
+        <p>&nbsp;</p>
+
+        <p>机器人ID：<span class="mark-color">{{ msg.data.userid }}</span></p>
+        <p>机器人名称：<span class="mark-color">{{ msg.data.nickname }}</span></p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-token.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-token.vue
new file mode 100644
index 000000000..0cd0cd338
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-token.vue
@@ -0,0 +1,23 @@
+<template>
+    <div>
+        <p><b>生成Token令牌。</b></p>
+        <p>&nbsp;</p>
+
+        <p>机器人ID：<span class="mark-color">{{ msg.data.userid }}</span></p>
+        <p>机器人名称：<span class="mark-color">{{ msg.data.nickname }}</span></p>
+        <p>Token：<span class="mark-color">{{ msg.data.token }}</span></p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/bot-webhook.vue b/resources/assets/js/pages/manage/components/DialogView/template/bot-webhook.vue
new file mode 100644
index 000000000..a4702ff2f
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/bot-webhook.vue
@@ -0,0 +1,23 @@
+<template>
+    <div>
+        <p><b>设置Webhook地址。</b></p>
+        <p>&nbsp;</p>
+
+        <p>机器人ID：<span class="mark-color">{{ msg.data.userid }}</span></p>
+        <p>机器人名称：<span class="mark-color">{{ msg.data.nickname }}</span></p>
+        <p>Webhook地址：<span class="mark-color">{{ msg.data.webhook_url }}</span></p>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/index.vue b/resources/assets/js/pages/manage/components/DialogView/template/index.vue
new file mode 100644
index 000000000..24e3a2732
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/index.vue
@@ -0,0 +1,84 @@
+<template>
+    <div :class="`content-template no-dark-content ${msg.type}`" @click="onClick">
+        <component :is="currentTemplate" :msg="msg"/>
+    </div>
+</template>
+
+<script lang="ts">
+import BotHelp from "./bot-help.vue";
+import BotList from "./bot-list.vue";
+import BotInfo from "./bot-info.vue";
+import BotNewbot from "./bot-newbot.vue";
+import BotSetname from "./bot-setname.vue";
+import BotDeletebot from "./bot-deletebot.vue";
+import BotToken from "./bot-token.vue";
+import BotRevoke from "./bot-revoke.vue";
+import BotWebhook from "./bot-webhook.vue";
+import BotClearday from "./bot-clearday.vue";
+import BotDialog from "./bot-dialog.vue";
+import BotApi from "./bot-api.vue";
+import Notice from "./notice.vue";
+import ApproveReviewer from "./approve-reviewer.vue";
+import ApproveNotifier from "./approve-notifier.vue";
+import ApproveCommentNotifier from "./approve-comment-notifier.vue";
+import ApproveSubmitter from "./approve-submitter.vue";
+import Other from "./other.vue";
+
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        currentTemplate() {
+            switch (this.msg.type) {
+                case '/help':
+                    return BotHelp;
+                case '/list':
+                    return BotList;
+                case '/info':
+                    return BotInfo;
+                case '/newbot':
+                    return BotNewbot;
+                case '/setname':
+                    return BotSetname;
+                case '/deletebot':
+                    return BotDeletebot;
+                case '/token':
+                    return BotToken;
+                case '/revoke':
+                    return BotRevoke;
+                case '/webhook':
+                    return BotWebhook;
+                case '/clearday':
+                    return BotClearday;
+                case '/dialog':
+                    return BotDialog;
+                case '/api':
+                    return BotApi;
+
+                case 'approve_reviewer':
+                    return ApproveReviewer;
+                case 'approve_notifier':
+                    return ApproveNotifier;
+                case 'approve_comment_notifier':
+                    return ApproveCommentNotifier;
+                case 'approve_submitter':
+                    return ApproveSubmitter;
+
+                case 'notice':
+                    return Notice;
+                default:
+                    return Other;
+            }
+        },
+    },
+    methods: {
+        onClick(e) {
+            this.$emit('clickTemplate', e);
+        },
+    },
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/notice.vue b/resources/assets/js/pages/manage/components/DialogView/template/notice.vue
new file mode 100644
index 000000000..5b2dffff2
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/notice.vue
@@ -0,0 +1,16 @@
+<template>
+    <div>
+        {{msg.notice}}
+    </div>
+</template>
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/template/other.vue b/resources/assets/js/pages/manage/components/DialogView/template/other.vue
new file mode 100644
index 000000000..d86cf2b1e
--- /dev/null
+++ b/resources/assets/js/pages/manage/components/DialogView/template/other.vue
@@ -0,0 +1,25 @@
+<template>
+    <div v-if="isBot">
+        你好，我是你的机器人助理，你可以发送 <span class="mark-color">/help</span> 查看帮助菜单。
+    </div>
+    <div v-else>
+        未知消息类型
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    props: {
+        msg: Object,
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        isBot() {
+            return this.msg.type.startsWith('/');
+        },
+    },
+    methods: {},
+}
+</script>
diff --git a/resources/assets/js/pages/manage/components/DialogView/text.vue b/resources/assets/js/pages/manage/components/DialogView/text.vue
index 52623afca..614e3e2b9 100644
--- a/resources/assets/js/pages/manage/components/DialogView/text.vue
+++ b/resources/assets/js/pages/manage/components/DialogView/text.vue
@@ -14,8 +14,8 @@ export default {
         msg: Object,
     },
     methods: {
-        viewText() {
-            this.$emit('viewText');
+        viewText(e) {
+            this.$emit('viewText', e);
         },
     },
 }
diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 39d6c9721..186e2268c 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -204,6 +204,7 @@
                 @on-view-text="onViewText"
                 @on-view-file="onViewFile"
                 @on-down-file="onDownFile"
+                @on-click-template="onClickTemplate"
                 @on-reply-list="onReplyList"
                 @on-error="onError"
                 @on-emoji="onEmoji"
@@ -640,11 +641,6 @@
             </div>
         </DrawerOverlay>
 
-        <!--审批详情-->
-        <DrawerOverlay v-model="approveDetailsShow" placement="right" :size="600">
-            <ApproveDetails v-if="approveDetailsShow" :data="approveDetails" style="height: 100%;border-radius: 10px;"></ApproveDetails>
-        </DrawerOverlay>
-
         <!-- 群接龙 -->
         <DialogGroupWordChain/>
 
@@ -668,7 +664,6 @@ import {Store} from "le5le-store";
 import ImgUpload from "../../../components/ImgUpload.vue";
 import {choiceEmojiOne} from "./ChatInput/one";
 
-import ApproveDetails from "../../../pages/manage/approve/details.vue";
 import UserSelect from "../../../components/UserSelect.vue";
 import UserAvatarTip from "../../../components/UserAvatar/tip.vue";
 import DialogGroupWordChain from "./DialogGroupWordChain";
@@ -689,7 +684,6 @@ export default {
         DialogGroupInfo,
         DrawerOverlay,
         DialogUpload,
-        ApproveDetails,
         DialogGroupWordChain,
         DialogGroupVote,
         DialogComplaint,
@@ -822,8 +816,6 @@ export default {
             scrollIng: 0,
             scrollGroup: null,
 
-            approveDetails: {id: 0},
-            approveDetailsShow: false,
             approvaUserStatus: '',
 
             observers: [],
@@ -3130,25 +3122,8 @@ export default {
                 return
             }
 
-            // 打开审批详情
-            let approveElement = target;
-            while (approveElement) {
-                if (approveElement.classList.contains('dialog-scroller')) {
-                    break;
-                }
-                if (approveElement.classList.contains('open-approve-details')) {
-                    const dataId = approveElement.getAttribute("data-id")
-                    if (window.innerWidth < 426) {
-                        this.goForward({name: 'manage-approve-details', query: {id: approveElement.getAttribute("data-id")}});
-                    } else {
-                        this.approveDetailsShow = true;
-                        this.$nextTick(() => {
-                            this.approveDetails = {id: dataId};
-                        })
-                    }
-                    return;
-                }
-                approveElement = approveElement.parentElement;
+            if (this.onClickTemplate({target})) {
+                return;
             }
 
             switch (target.nodeName) {
@@ -3332,6 +3307,26 @@ export default {
             });
         },
 
+        onClickTemplate({target}) {
+            if (this.operateVisible) {
+                return false
+            }
+
+            // 打开审批详情
+            let approveElement = target;
+            while (approveElement) {
+                if (approveElement.classList.contains('dialog-scroller')) {
+                    break;
+                }
+                if (approveElement.classList.contains('open-approve-details')) {
+                    Store.set('approveDetails', approveElement.getAttribute("data-id"));
+                    return true;
+                }
+                approveElement = approveElement.parentElement;
+            }
+            return false
+        },
+
         onReplyList(data) {
             if (this.operateVisible) {
                 return
@@ -3619,28 +3614,27 @@ export default {
         },
 
         actionPermission(item, permission) {
-            if (permission === 'forward') {
-                if (['word-chain', 'vote'].includes(item.type)) {
-                    return false    // 投票、接龙 不支持转发
-                }
-                if (item.type === 'text') {
-                    return typeof item.msg.approve_type === 'undefined' // 审批消息不支持转发
-                }
-            } else if (permission === 'newTask') {
-                if (item.type === 'text') {
-                    return typeof item.msg.approve_type === 'undefined' // 审批消息不支持新建任务
-                }
-                return false
-            } else if (permission === 'voice2text') {
-                if (item.type !== 'record') {
-                    return false;
-                }
-                if (item.msg.text) {
-                    return false;
-                }
-                if (this.isLoad(`msg-${item.id}`)) {
-                    return false;
-                }
+            switch (permission) {
+                case 'forward':
+                    if (['word-chain', 'vote', 'template'].includes(item.type)) {
+                        return false    // 投票、接龙、模板消息 不支持转发
+                    }
+                    break;
+
+                case 'newTask':
+                    return item.type === 'text' // 只有 文本消息 才支持新建任务
+
+                case 'voice2text':
+                    if (item.type !== 'record') {
+                        return false;
+                    }
+                    if (item.msg.text) {
+                        return false;
+                    }
+                    if (this.isLoad(`msg-${item.id}`)) {
+                        return false;
+                    }
+                    break;
             }
             return true // 返回 true 允许操作
         },
diff --git a/resources/assets/js/routes.js b/resources/assets/js/routes.js
index a79406319..ff361d998 100755
--- a/resources/assets/js/routes.js
+++ b/resources/assets/js/routes.js
@@ -39,11 +39,6 @@ export default [
                 path: 'approve',
                 component: () => import('./pages/manage/approve/index.vue'),
             },
-            {
-                name: 'manage-approve-details',
-                path: 'approve/details',
-                component: () => import('./pages/manage/approve/details.vue'),
-            },
             {
                 name: 'manage-apps',
                 path: 'apps/*',
diff --git a/resources/assets/js/store/actions.js b/resources/assets/js/store/actions.js
index 975ddd709..ee996ae8b 100644
--- a/resources/assets/js/store/actions.js
+++ b/resources/assets/js/store/actions.js
@@ -235,9 +235,9 @@ export default {
                     state.ajaxNetworkException = networkException
                 }
                 if (networkException) {
-                    reject({ret: -1001, data: {}, msg: $A.L('网络异常')})
+                    reject({ret: -1001, data: {}, msg: $A.L('网络异常，请重试。')})
                 } else {
-                    reject({ret: -1, data: {}, msg: $A.L('请求失败')})
+                    reject({ret: -1, data: {}, msg: $A.L('请求失败，请重试。')})
                 }
                 console.error(xhr, status);
             }
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index dfdc8ba28..1af7746a6 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -949,52 +949,6 @@
                                         background-color: $primary-color;
                                     }
                                 }
-
-                                .open-approve-details {
-                                    width: 260px;
-                                    display: inline-block;
-                                    max-width: 100%;
-
-                                    .cause {
-                                        border-bottom: 1px solid #e3e3e3;
-                                        border-top: 1px solid #e3e3e3;
-                                        padding-bottom: 10px;
-                                        margin-top: 10px;
-
-                                        > span:first-child {
-                                            display: inline-block;
-                                            padding: 15px 0;
-                                        }
-
-                                        > b {
-                                            display: inline-block;
-                                            margin-bottom: 5px;
-                                        }
-
-                                        > span {
-                                            display: inline-block;
-                                            margin-bottom: 3px;
-                                        }
-                                    }
-
-                                    .btn-raw {
-                                        display: flex;
-                                        text-align: center;
-                                        padding: 12px 0 5px 0;
-
-                                        > button {
-                                            &.ivu-btn {
-                                                flex: 1;
-                                            }
-                                            &.ivu-btn-primary {
-                                                margin-right: 12px;
-                                            }
-                                            &.ivu-btn-small {
-                                                height: 32px;
-                                            }
-                                        }
-                                    }
-                                }
                             }
                         }
 
@@ -1250,6 +1204,13 @@
                             }
                         }
 
+                        .content-template {
+                            color: #ffffff;
+                            .mark-color {
+                                color: $primary-color;
+                            }
+                        }
+
                         .content-loading {
                             display: flex;
                             align-items: center;
@@ -1422,6 +1383,58 @@
                                 }
                             }
                         }
+
+                        .open-approve-details {
+                            width: 260px;
+                            display: inline-block;
+                            max-width: 100%;
+
+                            .cause {
+                                border-bottom: 1px solid #e3e3e3;
+                                border-top: 1px solid #e3e3e3;
+                                padding-bottom: 10px;
+                                margin-top: 10px;
+
+                                > b {
+                                    display: inline-block;
+                                    margin-bottom: 5px;
+                                }
+
+                                > p {
+                                    display: block;
+                                    margin-bottom: 3px;
+                                    &:first-child {
+                                        padding: 15px 0;
+                                    }
+                                }
+
+                                > span {
+                                    display: inline-block;
+                                    margin-bottom: 3px;
+                                    &:first-child {
+                                        padding: 15px 0;
+                                    }
+                                }
+                            }
+
+                            .btn-raw {
+                                display: flex;
+                                text-align: center;
+                                padding: 12px 0 5px 0;
+
+                                > button {
+                                    &.ivu-btn {
+                                        flex: 1;
+                                    }
+                                    &.ivu-btn-primary {
+                                        margin-right: 12px;
+                                    }
+                                    &.ivu-btn-small {
+                                        height: 32px;
+                                    }
+                                }
+                            }
+                        }
                     }
 
                     .dialog-emoji {
@@ -1737,6 +1750,13 @@
                                     color: #23241f;
                                 }
                             }
+
+                            .open-approve-details {
+                                .ivu-btn-grey {
+                                    background-color: #efefef;
+                                    border-color: #f3f3f3;
+                                }
+                            }
                         }
 
                         .dialog-emoji {
@@ -1768,13 +1788,6 @@
                             display: flex;
                         }
                     }
-
-                    .open-approve-details {
-                        .ivu-btn-grey {
-                            background-color: #efefef;
-                            border-color: #f3f3f3;
-                        }
-                    }
                 }
             }
         }
diff --git a/resources/assets/sass/pages/page-approve.scss b/resources/assets/sass/pages/page-approve.scss
index 695376d94..98c213981 100644
--- a/resources/assets/sass/pages/page-approve.scss
+++ b/resources/assets/sass/pages/page-approve.scss
@@ -60,13 +60,13 @@
             .ivu-input-wrapper{
                 max-width: 200px;
             }
-            
+
             @media (max-width: 515px) {
                 .ivu-btn{
                     min-width: 45px;
                 }
             }
-            
+
         }
 
         .approve-load {
@@ -200,6 +200,8 @@
     display: flex;
     flex-direction: column;
     border: 1px solid #eeeeee;
+    height: 100%;
+    border-radius: 10px;
     background: #fff;
 
     .approve-details-nav{
@@ -466,7 +468,7 @@
                     font-weight: 500;
                     color: #135de6;
                 }
-                
+
                 .divider{
                     margin: 12px 0;
                     margin-bottom: 9px;
@@ -502,11 +504,11 @@
     }
 }
 
-// 
+//
 body.window-portrait {
     .page-approve{
         .approve-head {
             margin: 24px 16px 6px 16px;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/resources/views/push/bot.blade.php b/resources/views/push/bot.blade.php
deleted file mode 100755
index a1a9bda71..000000000
--- a/resources/views/push/bot.blade.php
+++ /dev/null
@@ -1,185 +0,0 @@
-@if ($type === '/help')
-    您可以通过发送以下命令来控制我：
-
-    @if ($manager)
-        <span style="color:#84c56a">/list</span> - 机器人列表
-        <span style="color:#84c56a">/newbot {机器人名称}</span> - 创建机器人
-    @else
-        <span style="color:#84c56a">/info</span> - 查看机器人详情
-    @endif
-
-    <b>修改机器人</b>
-    <span style="color:#84c56a">/setname {机器人ID} {机器人名称}</span> - 修改机器人名称
-    <span style="color:#84c56a">/deletebot {机器人ID}</span> - 删除机器人
-    <span style="color:#84c56a">/clearday {机器人ID} {天数}</span> - 设置保留消息时间（默认30天）
-    <span style="color:#84c56a">/webhook {机器人ID} [url]</span> - 设置消息Webhook（详情请看 <u>Api接口文档</u>）
-
-    <b>机器人设置</b>
-    <span style="color:#84c56a">/token {机器人ID}</span> - 生成Token令牌
-    <span style="color:#84c56a">/revoke {机器人ID}</span> - 撤销机器人Token令牌
-
-    <b>会话管理</b>
-    <span style="color:#84c56a">/dialog {机器人ID} [搜索关键词]</span> - 查看会话ID
-
-    <b>Api接口文档</b>
-    <span style="color:#84c56a">/api</span> - 查看接口列表
-@elseif ($type === '/list')
-    <b>我的机器人。</b>
-
-    <b>ID | 名称 | 清理时间 | Webhook</b>
-    @foreach($data as $item)
-        {{$item->userid}} | {{$item->nickname}} | {{$item->clear_day}} | {{$item->webhook_url ? '✅' : '-'}}
-    @endforeach
-@elseif ($type === '/info')
-    <b>机器人详情。</b>
-
-    机器人ID：<span style="color:#84c56a">{{$data->userid}}</span>
-    机器人名称：<span style="color:#84c56a">{{$data->nickname}}</span>
-    保留消息时间：<span style="color:#84c56a">{{$data->clear_day}}</span>
-    最后一次清理时间：<span style="color:#84c56a">{{$data->clear_at ?: '-'}}</span>
-    Webhook地址：<span style="color:#84c56a">{{$data->webhook_url ?: '-'}}</span>
-    Webhook请求次数：<span style="color:#84c56a">{{$data->webhook_num}}</span>
-@elseif ($type === '/newbot')
-    <b>创建成功。</b>
-
-    机器人ID：<span style="color:#84c56a">{{$data->userid}}</span>
-    机器人名称：<span style="color:#84c56a">{{$data->nickname}}</span>
-@elseif ($type === '/setname')
-    <b>设置名称成功。</b>
-
-    机器人ID：<span style="color:#84c56a">{{$data->userid}}</span>
-    机器人名称：<span style="color:#84c56a">{{$data->nickname}}</span>
-@elseif ($type === '/deletebot')
-    <b>删除成功。</b>
-
-    机器人ID：<span style="color:#84c56a">{{$data->userid}}</span>
-    机器人名称：<span style="color:#84c56a">{{$data->nickname}}</span>
-@elseif ($type === '/token')
-    <b>生成Token令牌。</b>
-
-    机器人ID：<span style="color:#84c56a">{{$data->userid}}</span>
-    机器人名称：<span style="color:#84c56a">{{$data->nickname}}</span>
-    Token：<span style="color:#84c56a">{{$data->token}}</span>
-@elseif ($type === '/revoke')
-    <b>撤销机器人Token令牌。</b>
-
-    机器人ID：<span style="color:#84c56a">{{$data->userid}}</span>
-    机器人名称：<span style="color:#84c56a">{{$data->nickname}}</span>
-@elseif ($type === '/webhook')
-    <b>设置Webhook地址。</b>
-
-    机器人ID：<span style="color:#84c56a">{{$data->userid}}</span>
-    机器人名称：<span style="color:#84c56a">{{$data->nickname}}</span>
-    Webhook地址：<span style="color:#84c56a">{{$data->webhook_url}}</span>
-@elseif ($type === '/clearday')
-    <b>设置保留消息时间。</b>
-
-    机器人ID：<span style="color:#84c56a">{{$data->userid}}</span>
-    机器人名称：<span style="color:#84c56a">{{$data->nickname}}</span>
-    清理周期：<span style="color:#84c56a">{{$data->clear_day}}天</span>
-    下次清理：<span style="color:#84c56a">{{$data->clear_at}}</span>
-@elseif ($type === '/dialog')
-    <b>机器人 <span style="color:#84c56a">{{$data->nickname}} (ID:{{$data->userid}})</span> 已加入的会话：</b>
-
-    <b>会话ID | 会话名称</b>
-    @foreach($data->list as $item)
-        {{$item->id}} | {{$item->name}}{{$item->type == 'user' ? ' (个人)' : ''}}
-    @endforeach
-@elseif ($type === '/api')
-    你可以通过执行以下命令来请求我:
-
-    <b>发送文本消息：</b>
-    curl --request POST '{{url('api/dialog/msg/sendtext')}}' \
-    --header 'version: {{ $version }}' \
-    --header 'token: <span style="color:#84c56a">{机器人Token}</span>' \
-    --form 'dialog_id="<span style="color:#84c56a">{对话ID}</span>"' \
-    --form 'text="<span style="color:#84c56a">{消息内容}</span>"'
-    --form 'text_type="<span style="color:#84c56a">[html|md]</span>"'
-    --form 'silence="<span style="color:#84c56a">[yes|no]</span>"'
-    --form 'reply_id="<span style="color:#84c56a">[回复指定消息ID]</span>"'
-
-    <b>Webhook说明：</b>
-    机器人收到消息后会将消息POST推送到Webhook地址，请求超时为10秒，请求参数如下：
-    <span style="color:#84c56a">text</span>: 消息文本
-    <span style="color:#84c56a">token</span>: 机器人Token
-    <span style="color:#84c56a">dialog_id</span>: 对话ID
-    <span style="color:#84c56a">dialog_type</span>: 对话类型
-    <span style="color:#84c56a">msg_id</span>: 消息ID
-    <span style="color:#84c56a">msg_uid</span>: 消息发送人ID
-    <span style="color:#84c56a">mention</span>: 是否被@到
-    <span style="color:#84c56a">bot_uid</span>: 机器人ID
-    <span style="color:#84c56a">version</span>: 系统版本
-@elseif ($type === 'notice')
-    {{$notice}}
-@elseif ($type === 'approve_reviewer')
-    <span class="open-approve-details" data-id="{{$data->id}}"><b>{{$data->nickname}}提交的「{{$data->proc_def_name}}」待你审批</b>
-    <div class="cause"><span>申请人：<span style="color:#84c56a">{{'@'}}{{$data->nickname}}</span> {{$data->department}}</span>
-        <b>详情</b>
-        @if ($data->type)
-        <span>假期类型：{{$data->type}}</span>
-        @endif
-        <span>开始时间：{{$data->start_time}} ({{ $data->start_day_of_week }})</span>
-        <span>结束时间：{{$data->end_time}} ({{ $data->end_day_of_week }})</span>
-        <span>事由：{{$data->description}}</span>
-    </div><div class="btn-raw no-dark-content">
-        @if ($action === 'pass')
-            <button class="ivu-btn ivu-btn-grey">已同意</button>
-        @elseif ($action === 'refuse')
-            <button class="ivu-btn ivu-btn-grey">已拒绝</button>
-        @elseif ($action === 'withdraw')
-            <button class="ivu-btn ivu-btn-grey">已撤销</button>
-        @else
-            <button class="ivu-btn ivu-btn-primary">同意</button>
-            <button class="ivu-btn ivu-btn-error">拒绝</button>
-        @endif
-    </div></span>
-@elseif ($type === 'approve_notifier')
-    <span class="open-approve-details" data-id="{{$data->id}}"><b>抄送{{$data->nickname}}提交的「{{$data->proc_def_name}}」记录</b>
-    <div class="cause"><span>申请人：<span style="color:#84c56a">{{'@'}}{{$data->nickname}}</span> {{$data->department}}</span>
-        <b>详情</b>
-        @if ($data->type)
-        <span>假期类型：{{$data->type}}</span>
-        @endif
-        <span>开始时间：{{$data->start_time}} ({{ $data->start_day_of_week }})</span>
-        <span>结束时间：{{$data->end_time}} ({{ $data->end_day_of_week }})</span>
-        <span>事由：{{$data->description}}</span>
-    </div><div class="btn-raw no-dark-content">
-        @if ($is_finished == 1)
-        <button class="ivu-btn ivu-btn-grey">已同意</button>
-        @else
-        <button class="ivu-btn ivu-btn-grey">查看详情</button>
-        @endif
-    </div></span>
-@elseif ($type === 'approve_comment_notifier')
-    <span class="open-approve-details" data-id="{{$data->id}}"><b>{{$data->comment_nickname}}评论了此审批</b>
-    <div class="cause"><span>申请人：<span style="color:#84c56a">{{'@'}}{{$data->nickname}}</span> {{$data->department}}</span>
-        <b>评论内容</b>
-        <span>{{$data->comment_content}}</span>
-        @if ($data->comment_pictures)
-        <span>[图片]</span>
-        @endif
-    </div><div class="btn-raw no-dark-content">
-        <button class="ivu-btn ivu-btn-grey">查看详情</button>
-    </div></span>
-@elseif ($type === 'approve_submitter')
-    <span class="open-approve-details" data-id="{{$data->id}}"><b>@if ($action === 'pass')您发起的「{{$data->proc_def_name}}」已通过 @else您发起的「{{$data->proc_def_name}}」被{{$data->nickname}}拒绝 @endif</b>
-    <div class="cause"><span>申请人：<span style="color:#84c56a">{{'@'}}{{$data->start_nickname}}</span> {{$data->department}}</span>
-        <b>详情</b>
-        @if ($data->type)
-        <span>假期类型：{{$data->type}}</span>
-        @endif
-        <span>开始时间：{{$data->start_time}} ({{ $data->start_day_of_week }})</span>
-        <span>结束时间：{{$data->end_time}} ({{ $data->end_day_of_week }})</span>
-        <span>事由：{{$data->description}}</span>
-    </div><div class="btn-raw no-dark-content">
-    @if ($action === 'pass')
-            <button class="ivu-btn ivu-btn-grey">已同意</button>
-        @elseif ($action === 'refuse')
-            <button class="ivu-btn ivu-btn-grey">已拒绝</button>
-        @elseif ($action === 'withdraw')
-            <button class="ivu-btn ivu-btn-grey">已撤销</button>
-        @endif
-    </div></span>
-@else
-    你好，我是你的机器人助理，你可以发送 <span style="color:#84c56a">/help</span> 查看帮助菜单。
-@endif