no message

src/components/Admin/bounced.vue

@@ -2,24 +2,21 @@
   <!-- 弹框 -->
   <div class="bounced-body-only">
     <el-dialog
-      title="title"
-      v-dialogDrag
+      :title="''"
       :visible.sync="dialogVisible"
       :width="bouncedWidth"
       :before-close="handleClose"
       :close-on-click-modal='false'
+      :show-close='false'
     >
-      <div class="title-nav" slot="title">
-        <span class="hr"></span>
-        <span class="title">{{ titleName }}</span>
-      </div>
-      <div class="content">
+
+      <div class="">
         <slot name="from"></slot>
       </div>
-      <div class="content">
+      <div class="">
         <slot name="wangeditot"></slot>
       </div>
-      <div class="content">
+      <div class="">
         <slot name="list"></slot>
       </div>
     </el-dialog>
@@ -75,31 +72,5 @@ export default {
   .innerDialog{
     font-size: 20px;
   }
-.bounced-body-only {
 
-  .title-nav {
-    width: 100%;
-    height: 80px;
-    background: #eaecf6;
-    text-align: left;
-    display: flex;
-    align-items: center;
-    .hr {
-      width: 4px;
-      height: 24px;
-      background: #5473e8;
-      margin: 0 10px 0 40px;
-      display: inline-block;
-      border-radius: 100px;
-    }
-    .title {
-      color: #778ca2;
-      font-size: 24px;
-    }
-  }
-  .content {
-    width: 100%;
-    height: auto;
-  }
-}
 </style>

src/locales/en.json

@@ -69,7 +69,9 @@
 	},
 
 	"home2":{
-		  "text1":"Travel Plans"
+		  "text1":"Travel Plans",
+		  "text2":"Congratulations!  order settlement in progress",
+		  "text3":"Countdown"
 	},
 	"home3":{
 		  "text1":"Start an Internet-based business team and realize home entrepreneurship and automated income",

src/locales/zh-CN.json

@@ -69,7 +69,9 @@
   },
 
   "home2":{
-	  "text1":"旅行計畫"
+	  "text1":"旅行計畫",
+	  "text2":"恭喜！ 購買成功，訂單結算中…",
+	  "text3":"倒數計時"
   },
   "home3":{
   	  "text1":"開啟互聯網模式生意團隊，實現居家創業和自動化收益",

src/views/Forestage/Tourism/index.vue

@@ -24,7 +24,7 @@
 				</div>
 			</div>
 		</div>
-
+    <order-sett ref="orderSett"></order-sett>
 	</div>
 </template>
 
@@ -37,7 +37,9 @@
 		getClass,
 		getList
 	} from '@/api/goods.js';
+  import OrderSett from '@/views/Forestage/Tourism/order-sett.vue'
 	export default {
+    components: { OrderSett },
 		data() {
 			return {
 				// backgroundImg: require('@/assets/img/home/2-2.png'),
@@ -59,6 +61,7 @@
 
       }, 500); // 每隔1秒检查一次
 			this.getClass();
+
 		},
 		methods: {
 
@@ -96,7 +99,8 @@
 				}).then((res) => {
 					if(res.code == 1){
 						this.isAJAX = false;
-						tools.success(res.msg)
+						// tools.success(res.msg)
+            this.$refs.orderSett.setOpen(true)
 					}else{
 						this.isAJAX = false;
 						tools.error(res.msg)

src/views/Forestage/Tourism/order-sett.vue

@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <Bounced v-if="dialogVisible" :dialogVisible="dialogVisible" :titleName="''" bouncedWidth="40%">
+      <template slot="from">
+        <div class="det-common-view" style="height: 60vh;">
+
+          <div class="order-ok"><i class="el-icon-success"></i></div>
+          <div class="order-text">{{$t('home2.text2')}}</div>
+          <div class="prompt-text"><span>{{$t('home2.text3')}}</span> <span style="color: #FB3434">{{time}}s</span></div>
+
+
+        </div>
+      </template>
+    </Bounced>
+  </div>
+</template>
+
+<script>
+import Bounced from '@/components/Admin/bounced.vue'
+export default {
+  name: 'order-sett',
+  components: { Bounced },
+  props: {},
+  data() {
+    return {
+      dialogVisible:false,
+      timeServe:undefined,
+      time:0
+
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    setOpen(dialogVisible){
+      this.dialogVisible=dialogVisible===true;
+      if( this.dialogVisible){
+        this.time=15
+        this.timeServe=setInterval(()=>{
+          this.time--;
+          this.text = this.time ;
+          if (this.time===0) {
+            clearInterval(this.timeServe);
+            this.timeServe=undefined
+            this.dialogVisible=false
+          }
+        },1000);
+      }
+      }
+
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.det-common-view{
+  background-color: #fff;
+  width: 100%;
+  height: 346px;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+
+  .order-ok{
+    margin-top: 80px;
+    width: 64px;
+    height: 64px;
+    border-radius: 50%;
+    text-align: center;
+    //background: rgba(123, 79, 108, 1);
+    .el-icon-success{
+color:  rgba(123, 79, 108, 1);
+      font-size: 64px;
+    }
+  }
+  .order-text{
+    font-size: 20px;
+    font-weight: 600;
+    margin-top: 20px;
+    text-align: center;
+  }
+  .prompt-text{
+    margin-top: 20px;
+    font-size: 14px;
+    color: #707070;
+  }
+}
+
+</style>