From 1532a0dea433ba334675bb6fb1809ed05722a36f Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Tue, 21 Jul 2020 18:02:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=BB=BA=E6=B6=88=E6=81=AF=E6=8F=90?=
 =?UTF-8?q?=E9=86=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../directed-push/directed-push-list.vue      |   2 +-
 .../message-alert/message-alert-add.vue       | 113 ++++++++++++++++++
 .../message-alert/message-alert-list.vue      |   2 +-
 src/router/index.js                           |   5 +
 4 files changed, 120 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/message-management/message-alert/message-alert-add.vue

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 f844f0f..5e7134d 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 0000000..a49886e
--- /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 2066695..56936e8 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 c61fcbe..779eb9a 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",
-- 
2.26.0