From d4f9955ed6c9b5e85193116fbc96cd1d98106c91 Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Tue, 21 Jul 2020 17:09:22 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E5=85=B1=E6=A0=B7=E5=BC=8Fup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/index.css                      |  56 ++++++---
 src/components/apass-dialog.vue               |   4 +-
 src/components/apass-list.vue                 |   2 +-
 .../app-build-steps/app-build-steps.vue       |   2 +-
 src/components/service-info/app-info.vue      |   2 +-
 src/components/service-info/service-info.vue  |   4 +-
 .../organization/organizationedit.vue         |   2 +-
 src/pages/authority/role/addroles.vue         |   2 +-
 src/pages/authority/user/organizationuser.vue |   2 +-
 .../message-management/banner/banner-list.vue |   2 +-
 .../directed-push/directed-push-add.vue       | 113 +++++++++++++++++-
 .../directed-push/directed-push-list.vue      |   2 +-
 .../message-alert/message-alert-list.vue      |   2 +-
 .../message-template-detail.vue               |   2 +-
 .../message-template-list.vue                 |   2 +-
 .../recommended/recommended-list.vue          |   2 +-
 .../recommended/recommened-selected-list.vue  |   2 +-
 src/pages/workbench/app_build.vue             |   8 +-
 src/pages/workbench/fwgl/fwglList.vue         |   6 +-
 src/pages/workbench/fwgl/serviceEdit.vue      |   2 +-
 .../workbench/yygl/deploy_app_detail.vue      |   2 +-
 src/pages/workbench/yygl/deployment.vue       |   8 +-
 22 files changed, 180 insertions(+), 49 deletions(-)

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 1908c47..37ffdb8 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -523,47 +523,47 @@ width: 620px!important;
   color: #242c43;
   font-weight: normal;
 }
-.apass_button .el-button {
+.apaas_button .el-button {
   min-width: 90px;
   color: #0f2683;
 }
-.apass_button .el-button--mini, 
-.apass_button .el-button--mini.is-round {
+.apaas_button .el-button--mini, 
+.apaas_button .el-button--mini.is-round {
   padding: 10px 15px;
 }
-.apass_button .el-button--primary {
+.apaas_button .el-button--primary {
   color: #fff;
   background-color: #0f2683;
   border-color: #0f2683;
 }
-.apass_button .el-button--primary.is-plain {
+.apaas_button .el-button--primary.is-plain {
   color: #0f2683;
   background-color: #e1e4fb;
   border-color: #e1e4fb;
 }
-.apass_button .el-button--danger {
+.apaas_button .el-button--danger {
   color: #fff;
   background-color: #e15260;
   border-color: #e15260;
 }
-.apass_button .el-button.is-disabled, 
-.apass_button .el-button.is-disabled:focus, 
-.apass_button .el-button.is-disabled:hover {
+.apaas_button .el-button.is-disabled, 
+.apaas_button .el-button.is-disabled:focus, 
+.apaas_button .el-button.is-disabled:hover {
   cursor: not-allowed;
 }
-.apass_button .el-button--warning.is-plain {
+.apaas_button .el-button--warning.is-plain {
   background-color: #fcefd6;
   border-color: #fac266;
   color: #e56600;
 }
-.apass_button .el-button--warning {
+.apaas_button .el-button--warning {
   background-color: #e56600;
   border-color: #e56600;
   color: #fff;
 }
-.apass_button .el-button.is-disabled,
-.apass_button .el-button.is-disabled:focus,
-.apass_button .el-button.is-disabled:hover {
+.apaas_button .el-button.is-disabled,
+.apaas_button .el-button.is-disabled:focus,
+.apaas_button .el-button.is-disabled:hover {
   color: #C0C4CC;
   cursor: not-allowed;
   background-image: none;
@@ -659,6 +659,10 @@ width: 620px!important;
   flex-direction: column;
   justify-content: space-between;
 }
+.apaas_detail_container .main_contaner.locked_height {
+  height: calc(100vh - 84px - 83px);
+  min-height: 800px;
+}
 .apaas_detail_container .detail_action {
   text-align: right;
   margin-top: 50px;
@@ -693,4 +697,28 @@ width: 620px!important;
   text-align: right;
   margin-top: 10px;
 }
+.apaas_steps {
+  height: 100%;
+}
+.apaas_steps .apaas_step {
+  height: 100%;
+}
+.apaas_steps .apaas_step .apaas_step_content {
+  height: calc(100% - 64px);
+  border-bottom: 1px solid #f4f7fc;
+  overflow: hidden;
+}
+.apaas_steps .apaas_step .apaas_step_action {
+  padding-top: 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+.apaas_steps .apaas_step .apaas_step_action .el-button {
+  height: 44px;
+  width: 124px;
+}
+.apaas_steps .apaas_step .apaas_step_action .el-button + .el-button {
+  margin-left: 20px;
+}
 /* 详情页公共样式 by xuyiming ~~~end */
\ No newline at end of file
diff --git a/src/components/apass-dialog.vue b/src/components/apass-dialog.vue
index 32d0924..34ff037 100644
--- a/src/components/apass-dialog.vue
+++ b/src/components/apass-dialog.vue
@@ -17,12 +17,12 @@
 
       <div
         slot="footer"
-        class="dialog_action apass_button"
+        class="dialog_action apaas_button"
         v-if="$slots.action"
       >
         <slot name="action"></slot>
       </div>
-      <div slot="footer" class="dialog_action apass_button" v-else>
+      <div slot="footer" class="dialog_action apaas_button" v-else>
         <el-button
           v-if="!cancelHide"
           :type="cancelType"
diff --git a/src/components/apass-list.vue b/src/components/apass-list.vue
index 9751e08..6910874 100644
--- a/src/components/apass-list.vue
+++ b/src/components/apass-list.vue
@@ -10,7 +10,7 @@
 
     <div class="main-container">
       <div class="header-container" v-if="!hideHeader">
-        <div class="header-left apass_button">
+        <div class="header-left apaas_button">
           <el-button
             v-if="listFilter.length"
             @click="showListFilter = !showListFilter"
diff --git a/src/components/app-build-steps/app-build-steps.vue b/src/components/app-build-steps/app-build-steps.vue
index a9aa49d..3568024 100644
--- a/src/components/app-build-steps/app-build-steps.vue
+++ b/src/components/app-build-steps/app-build-steps.vue
@@ -63,7 +63,7 @@
           <p v-if="doneSubTitle" v-text="doneSubTitle"></p>
         </div>
       </div>
-      <div class="done_action apass_button">
+      <div class="done_action apaas_button">
         <slot name="action"></slot>
       </div>
     </div>
diff --git a/src/components/service-info/app-info.vue b/src/components/service-info/app-info.vue
index 2bde271..562b48f 100644
--- a/src/components/service-info/app-info.vue
+++ b/src/components/service-info/app-info.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="application_info apass_button" v-if="data">
+  <div class="application_info apaas_button" v-if="data">
     <div class="main_container">
       <div class="main_container-left" v-if="data.logo">
         <el-avatar shape="square" :size="144" fit="cover" :src="data.logo" />
diff --git a/src/components/service-info/service-info.vue b/src/components/service-info/service-info.vue
index 1eed7f0..103dff0 100644
--- a/src/components/service-info/service-info.vue
+++ b/src/components/service-info/service-info.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="service_info apass_button" v-if="data">
+  <div class="service_info apaas_button" v-if="data">
     <div class="service_title">
       <span class="service_name" v-text="data.name"></span>
       <span class="service_type" v-if="data.type" v-text="data.type"></span>
@@ -94,7 +94,7 @@
             ></el-input-number>
           </div>
         </div>
-        <div class="apass_button commodity_action">
+        <div class="apaas_button commodity_action">
           <el-button
             type="warning"
             plain
diff --git a/src/pages/authority/organization/organizationedit.vue b/src/pages/authority/organization/organizationedit.vue
index cf0389a..e4a0a7c 100644
--- a/src/pages/authority/organization/organizationedit.vue
+++ b/src/pages/authority/organization/organizationedit.vue
@@ -51,7 +51,7 @@
           <el-input v-model="form.date" disabled></el-input>
         </el-form-item>
 
-        <el-form-item class="apass_button">
+        <el-form-item class="apaas_button">
           <el-button type="primary" @click="onSubmit('form')" class="right"
             >保存</el-button
           >
diff --git a/src/pages/authority/role/addroles.vue b/src/pages/authority/role/addroles.vue
index 984d754..d63c15d 100644
--- a/src/pages/authority/role/addroles.vue
+++ b/src/pages/authority/role/addroles.vue
@@ -39,7 +39,7 @@
           <el-input v-model="form.date" disabled></el-input>
         </el-form-item>
 
-        <el-form-item class="bottom-btn apass_button">
+        <el-form-item class="bottom-btn apaas_button">
           <el-button type="primary" @click="onSubmit('form')" class="right"
             >保存</el-button
           >
diff --git a/src/pages/authority/user/organizationuser.vue b/src/pages/authority/user/organizationuser.vue
index c502407..2eba041 100644
--- a/src/pages/authority/user/organizationuser.vue
+++ b/src/pages/authority/user/organizationuser.vue
@@ -148,7 +148,7 @@
           <el-input v-model="form.date" disabled></el-input>
         </el-form-item>
 
-        <el-form-item class="apass_button">
+        <el-form-item class="apaas_button">
           <el-button
             @click="resetForm('form')"
             class="left"
diff --git a/src/pages/message-management/banner/banner-list.vue b/src/pages/message-management/banner/banner-list.vue
index 6dbd619..305aa35 100644
--- a/src/pages/message-management/banner/banner-list.vue
+++ b/src/pages/message-management/banner/banner-list.vue
@@ -62,7 +62,7 @@
               </el-date-picker>
             </div>
           </show-more-filter>
-          <div class="filter_action apass_button">
+          <div class="filter_action apaas_button">
             <el-button type="primary" @click="topFilterAction">
               查询
             </el-button>
diff --git a/src/pages/message-management/directed-push/directed-push-add.vue b/src/pages/message-management/directed-push/directed-push-add.vue
index 14b2fd9..ec28c89 100644
--- a/src/pages/message-management/directed-push/directed-push-add.vue
+++ b/src/pages/message-management/directed-push/directed-push-add.vue
@@ -14,23 +14,126 @@
       </el-breadcrumb>
     </div>
 
-    <div class="main_contaner">
+    <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_xinxitx.png')"
+          class="apaas_step"
+        >
+          <div class="apaas_step_content">
+            <p style="margin: 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_bushudata.png')"
+          class="apaas_step"
+        >
+          <div class="apaas_step_content">
+            <p style="margin: 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>
+        <step
+          title="选择目标用户"
+          :step="2"
+          :active-icon="require('@/assets/imgs/progress_ic_jingxiang.png')"
+          class="apaas_step"
+        >
+          <div class="apaas_step_content">
+            <p style="margin: 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 = 1">
+                上一步
+              </el-button>
+              <el-button type="primary" @click="step3Action">
+                完成选择
+              </el-button>
+            </span>
+          </div>
+        </step>
 
+        <template slot="action">
+          <el-button type="primary" @click="backToList">
+            返回列表
+          </el-button>
+        </template>
+      </steps>
     </div>
   </div>
 </template>
 
 <script>
-import helper from "@/services/helper.js";
+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: {},
+  methods: {
+    backToList() {
+      this.$router.push("/message/directed_push");
+    },
+    step1Action() {
+      this.step = 1;
+    },
+    step2Action() {
+      this.step = 2;
+    },
+    step3Action() {
+      this.done = true;
+    },
+  },
 };
 </script>
+
+<style scoped>
+.main_contaner {
+  padding: 20px;
+}
+</style>
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 61b8773..d6d3898 100644
--- a/src/pages/message-management/directed-push/directed-push-list.vue
+++ b/src/pages/message-management/directed-push/directed-push-list.vue
@@ -50,7 +50,7 @@
               </el-date-picker>
             </div>
           </show-more-filter>
-          <div class="filter_action apass_button">
+          <div class="filter_action apaas_button">
             <el-button type="primary" @click="topFilterAction">
               查询
             </el-button>
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 52e5bde..2066695 100644
--- a/src/pages/message-management/message-alert/message-alert-list.vue
+++ b/src/pages/message-management/message-alert/message-alert-list.vue
@@ -49,7 +49,7 @@
               </el-date-picker>
             </div>
           </show-more-filter>
-          <div class="filter_action apass_button">
+          <div class="filter_action apaas_button">
             <el-button type="primary" @click="topFilterAction">
               查询
             </el-button>
diff --git a/src/pages/message-management/message-template/message-template-detail.vue b/src/pages/message-management/message-template/message-template-detail.vue
index 9bf28b3..cabca48 100644
--- a/src/pages/message-management/message-template/message-template-detail.vue
+++ b/src/pages/message-management/message-template/message-template-detail.vue
@@ -60,7 +60,7 @@
         </el-form-item>
       </el-form>
 
-      <div class="apass_button detail_action">
+      <div class="apaas_button detail_action">
         <el-button
           type="default"
           @click="cancelAction"
diff --git a/src/pages/message-management/message-template/message-template-list.vue b/src/pages/message-management/message-template/message-template-list.vue
index ce1f59e..0d7dad3 100644
--- a/src/pages/message-management/message-template/message-template-list.vue
+++ b/src/pages/message-management/message-template/message-template-list.vue
@@ -50,7 +50,7 @@
               </el-date-picker>
             </div>
           </show-more-filter>
-          <div class="filter_action apass_button">
+          <div class="filter_action apaas_button">
             <el-button type="primary" @click="topFilterAction">
               查询
             </el-button>
diff --git a/src/pages/message-management/recommended/recommended-list.vue b/src/pages/message-management/recommended/recommended-list.vue
index e8e2f87..d3f26d4 100644
--- a/src/pages/message-management/recommended/recommended-list.vue
+++ b/src/pages/message-management/recommended/recommended-list.vue
@@ -49,7 +49,7 @@
               </el-date-picker>
             </div>
           </show-more-filter>
-          <div class="filter_action apass_button">
+          <div class="filter_action apaas_button">
             <el-button type="primary" @click="topFilterAction">
               查询
             </el-button>
diff --git a/src/pages/message-management/recommended/recommened-selected-list.vue b/src/pages/message-management/recommended/recommened-selected-list.vue
index 8192b87..6b71c74 100644
--- a/src/pages/message-management/recommended/recommened-selected-list.vue
+++ b/src/pages/message-management/recommended/recommened-selected-list.vue
@@ -40,7 +40,7 @@
           :isMap="$route.query.ad_type=='hgmap'"
           :position="index==0?'start':index==selected_arr.length-1?'end':index"
         ></recommen-box>
-        <div class="apass_button btn_recommon" v-if="look_flag">
+        <div class="apaas_button btn_recommon" v-if="look_flag">
             <el-button>取消</el-button>
             <el-button type="primary" @click="onSubmit">确定</el-button>
         </div>
diff --git a/src/pages/workbench/app_build.vue b/src/pages/workbench/app_build.vue
index 240061d..84d6276 100644
--- a/src/pages/workbench/app_build.vue
+++ b/src/pages/workbench/app_build.vue
@@ -109,7 +109,7 @@
             ></el-input>
           </el-form-item>
         </el-form>
-        <div class="apass_button step_action">
+        <div class="apaas_button step_action">
           <el-button type="primary" @click="step1Action">
             下一步
           </el-button>
@@ -167,7 +167,7 @@
             </el-upload>
           </el-form-item>
         </el-form>
-        <div class="apass_button step_action" style="margin-top: 120px;">
+        <div class="apaas_button step_action" style="margin-top: 120px;">
           <el-button
             type="defalut"
             :loading="step2Loading"
@@ -237,7 +237,7 @@
               </div>
             </el-upload>
           </el-form-item>
-          <div class="apass_button upload_action">
+          <div class="apaas_button upload_action">
             <el-button
               type="primary"
               @click="addImage"
@@ -268,7 +268,7 @@
             </div>
           </el-form-item>
         </el-form>
-        <div class="apass_button step_action">
+        <div class="apaas_button step_action">
           <el-button type="primary" @click="stepsDone">
             完成
           </el-button>
diff --git a/src/pages/workbench/fwgl/fwglList.vue b/src/pages/workbench/fwgl/fwglList.vue
index ea689cc..6e8ca23 100644
--- a/src/pages/workbench/fwgl/fwglList.vue
+++ b/src/pages/workbench/fwgl/fwglList.vue
@@ -72,7 +72,7 @@
               </div>
             </div>
           </div>
-          <div class="admin_preview-right apass_button">
+          <div class="admin_preview-right apaas_button">
             <el-button type="primary" size="mini" @click="approveWorkspace">
               工作区域审批（{{ cloud_admin.unapprove }}）
             </el-button>
@@ -1857,10 +1857,10 @@ export default {
   margin-top: 15px;
   box-sizing: border-box;
 }
-.apass_button {
+.apaas_button {
   position: relative;
 }
-.apass_button > .el-button {
+.apaas_button > .el-button {
   position: absolute;
   top: 0;
   right: 0;
diff --git a/src/pages/workbench/fwgl/serviceEdit.vue b/src/pages/workbench/fwgl/serviceEdit.vue
index 7b7a05c..2be84b2 100644
--- a/src/pages/workbench/fwgl/serviceEdit.vue
+++ b/src/pages/workbench/fwgl/serviceEdit.vue
@@ -90,7 +90,7 @@
           </el-radio-group>
         </el-form-item>
         
-        <el-form-item class="apass_button">
+        <el-form-item class="apaas_button">
           <el-button type="primary" @click="onSubmit('form')" class="right">保存</el-button>
           <el-button class="right" @click="calcle">取消</el-button>
         </el-form-item>
diff --git a/src/pages/workbench/yygl/deploy_app_detail.vue b/src/pages/workbench/yygl/deploy_app_detail.vue
index 3bb5864..556062f 100644
--- a/src/pages/workbench/yygl/deploy_app_detail.vue
+++ b/src/pages/workbench/yygl/deploy_app_detail.vue
@@ -32,7 +32,7 @@
             />
             
           </info-list>
-          <div class="apass_button" v-if="now_service == 0&&public_flag">
+          <div class="apaas_button" v-if="now_service == 0&&public_flag">
             <el-button type="primary" @click="public_service">服务发布</el-button>
           </div>
           <div v-if="now_service==2" class="info_contain2">
diff --git a/src/pages/workbench/yygl/deployment.vue b/src/pages/workbench/yygl/deployment.vue
index ab0df7f..5851485 100644
--- a/src/pages/workbench/yygl/deployment.vue
+++ b/src/pages/workbench/yygl/deployment.vue
@@ -49,7 +49,7 @@
             ></el-input>
           </el-form-item>
         </el-form>
-        <div class="apass_button step_action">
+        <div class="apaas_button step_action">
           <el-button
             type="primary"
             :disabled="is_loading"
@@ -177,7 +177,7 @@
         <div class="senior_box" @click="senior_flag = true" v-if="!senior_flag">
           高级配置
         </div>
-        <div class="apass_button step_action" v-if="!senior_flag">
+        <div class="apaas_button step_action" v-if="!senior_flag">
           <el-button type="primary" plain @click="pre_step">
             上一步
           </el-button>
@@ -196,7 +196,7 @@
           高级配置：
         </p>
         <v-apaas-code v-if="senior_flag" :datas="app_set_code"></v-apaas-code>
-        <div class="apass_button step_action" v-if="senior_flag">
+        <div class="apaas_button step_action" v-if="senior_flag">
           <el-button type="primary" plain @click="deal_code(0)">
             取消
           </el-button>
@@ -218,7 +218,7 @@
           :data="stateList"
           style="margin-top: 30px;"
         ></deployment-info>
-        <div class="apass_button step_action">
+        <div class="apaas_button step_action">
           <el-button
             type="primary"
             v-if="finallyState === 1"
-- 
2.26.0