新建消息提醒

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

src/pages/message-management/message-alert/message-alert-add.vue

+<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>

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}`);

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",