diff --git a/src/pages/message-management/directed-push/directed-push-list.vue b/src/pages/message-management/directed-push/directed-push-list.vue
index f844f0f6670b254187de7b6ac71565a4fe2241cd..5e7134ded36f7596b9732fdd952ca7a9e123a815 100644
--- a/src/pages/message-management/directed-push/directed-push-list.vue
+++ b/src/pages/message-management/directed-push/directed-push-list.vue
@@ -280,7 +280,7 @@ export default {
       this.$refs.dialog.show();
     },
     addNew() {
-      this.$router.push("/message/directed_push/add")
+      this.$router.push("/message/directed_push/add");
     },
     detailAction(item) {
       this.$http
diff --git a/src/pages/message-management/message-alert/message-alert-add.vue b/src/pages/message-management/message-alert/message-alert-add.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a49886e165bd3f0228b848a989ada8c177e5eeca
--- /dev/null
+++ b/src/pages/message-management/message-alert/message-alert-add.vue
@@ -0,0 +1,113 @@
+<template>
+  <div class="apaas_detail_container">
+    <div class="apass_breadcrumb">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item :to="{ path: '/message' }">
+          {{ $t("lang.message") }}
+        </el-breadcrumb-item>
+        <el-breadcrumb-item :to="{ path: '/message/message_alert' }">
+          {{ $t("lang.message_alert") }}
+        </el-breadcrumb-item>
+        <el-breadcrumb-item>
+          新建
+        </el-breadcrumb-item>
+      </el-breadcrumb>
+    </div>
+
+    <div class="main_contaner locked_height">
+      <steps
+        :active-step="step"
+        :done="done"
+        :show-done="true"
+        done-title="推送成功"
+        done-sub-title="用户可通过用户中心-消息通知查收推送内容"
+        class="apaas_steps"
+      >
+        <step
+          title="选择消息模板"
+          :step="0"
+          :active-icon="require('@/assets/imgs/progress_ic_xiaoximb.png')"
+          class="apaas_step"
+        >
+          <div class="apaas_step_content apaas_scroll">
+            <p style="padding: 50px;text-align: center;">选择消息模板</p>
+          </div>
+          <div class="apaas_button apaas_step_action">
+            <el-button type="defalut" @click="backToList">
+              取消
+            </el-button>
+            <el-button type="primary" @click="step1Action">
+              下一步
+            </el-button>
+          </div>
+        </step>
+        <step
+          title="选择目标用户"
+          :step="1"
+          :active-icon="require('@/assets/imgs/progress_ic_renyuan.png')"
+          class="apaas_step"
+        >
+          <div class="apaas_step_content apaas_scroll">
+            <p style="padding: 50px;text-align: center;">选择目标用户</p>
+          </div>
+          <div class="apaas_button apaas_step_action">
+            <el-button type="defalut" @click="backToList">
+              取消
+            </el-button>
+            <span>
+              <el-button type="defalut" @click="step = 0">
+                上一步
+              </el-button>
+              <el-button type="primary" @click="step2Action">
+                完成选择
+              </el-button>
+            </span>
+          </div>
+        </step>
+
+        <template slot="action">
+          <el-button type="primary" @click="backToList">
+            返回列表
+          </el-button>
+        </template>
+      </steps>
+    </div>
+  </div>
+</template>
+
+<script>
+import Steps from "@/components/app-build-steps/app-build-steps";
+import Step from "@/components/app-build-steps/app-build-step";
+
+export default {
+  components: {
+    Steps,
+    Step,
+  },
+  data() {
+    return {
+      step: 0,
+      done: false,
+    };
+  },
+  computed: {},
+  created() {},
+  methods: {
+    backToList() {
+      this.$router.push("/message/message_alert");
+    },
+    step1Action() {
+      this.step = 1;
+    },
+    step2Action() {
+      this.done = true;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.main_contaner {
+  padding: 20px;
+}
+</style>
diff --git a/src/pages/message-management/message-alert/message-alert-list.vue b/src/pages/message-management/message-alert/message-alert-list.vue
index 20666955c2c8d1b2ec8439a8e37945bfc1f94061..56936e81787c159bf08e86678ff4c8822083e569 100644
--- a/src/pages/message-management/message-alert/message-alert-list.vue
+++ b/src/pages/message-management/message-alert/message-alert-list.vue
@@ -300,7 +300,7 @@ export default {
       this.$refs.dialog.show();
     },
     addNew() {
-      console.log("新建模板");
+      this.$router.push("/message/message_alert/add")
     },
     detailAction(item) {
       console.log(`查看${item.name}`);
diff --git a/src/router/index.js b/src/router/index.js
index c61fcbe51c5246e1f0218a6cb3c2f10cd8571aae..779eb9a4eb8cf13185764c92631c88e2e46759ac 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -404,6 +404,11 @@ export default new Router({
               name: "message_alert",
               component: () => import("@/pages/message-management/message-alert/message-alert-list"),
             },
+            {
+              path: "/message/message_alert/add", // 新建消息提醒
+              name: "message_alert_add",
+              component: () => import("@/pages/message-management/message-alert/message-alert-add"),
+            },
             {
               path: "/message/banner", // benner列表
               name: "banner",