diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 1908c476ef067a10512da7bff3e13951219b3f59..37ffdb834b458d5efac5552f1ba99c3a84302b53 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 32d092470fd6cc708819a4e3e68a8b55983e92dd..34ff0378d71e3d43147355362157d44431e4a4e4 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 9751e0859df4871a9e88f51f0c1c083ecae8daab..69108749b3af3668e95bb6e8ad2d28aaa7c55338 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 a9aa49ddd2f1622cbeac816045d27c90ec967609..3568024c09bb5a92c8629ede0a38ec3734c04da2 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 2bde271f817f76e363b6e3b3dd8fae9eeebac08b..562b48f113835e9e7e84e11f0f8db7820efce356 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 1eed7f05408c3479a229068856de0674c7bbe334..103dff09773066a5d4ba1a6da5181eca2a65fe67 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 cf0389a46ee186e20fd4422a8ed6b00a5b9f31e8..e4a0a7c69d956d64722e66a57d287faa5fda63bc 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 984d754a4b22804d53e57f48ce742acb0f42d3d0..d63c15d1932a5623c2e1be767bfb5a77168d0fc5 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 c502407212f8fb147f2fa3986412004ebf145d26..2eba041309a24337f16a6266bb751c753ae38d4c 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 6dbd619528088dea7b1d52d9a440afa3c096e9ce..305aa352c85c382e836f1e725046db682700039a 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 14b2fd9f00c0edf60727b37701d957ac9a4a62c8..ec28c8963839fb9c14152b7343ff1189f76266af 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 61b87735f35ce8cfddf8db758556c16ca4cd20f1..d6d3898f69e4d408a40edb7540fde92f3b0624a2 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 52e5bde5f121d1581d3ba97f9757d532db8e4590..20666955c2c8d1b2ec8439a8e37945bfc1f94061 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 9bf28b35d10f65461eaf74207d6502cb3b324d0a..cabca48f26a7c89424133d374623be9570abb0e0 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 ce1f59e9aac3d07ac391b09b63867442652cd4d6..0d7dad3fb75bd737ea7c370a657e5eb0ddab8b12 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 e8e2f87baa4cbff3bafcca3da191bd38af0e2cf7..d3f26d43d7bed10e487abc1931fbec1d25cc42d3 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 8192b87512232268163f9efdcbc0af3f9e288625..6b71c7411067a11925899619a3570817edc1d30d 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 240061de4ebe5d1d4460f0c7bcb92bf73f1687ed..84d62767a2b42425826c35464808a64784af40f0 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 ea689ccbb82fa87e0752b06ae69651d26b92eaac..6e8ca23ac5c214f1406f3eaea7e1faa99869f680 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 7b7a05ce15af9880acb76fa17ad05ca2f2e0ec89..2be84b2f437a456cad718b003a6eb066cf1e7c31 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 3bb58641decc12468d21410aea49bc48b005eaf3..556062f25c8dfbe0ceca5fe8341e5eecc4ce1aff 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 ab0df7f6547c282771ad7185b47a0c627772527b..585148514eec47c9bc6133017e3637a7f875205e 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"