addSuccess.vue 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <view class="box">
  3. <u-icon name="checkmark-circle-fill" color="#07c160" size="200"></u-icon>
  4. <text class="text">业务添加提交成功!</text>
  5. <view class="count-down-box">
  6. <view @click="goback">返回</view>
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. export default {
  12. data() {
  13. return {
  14. timestamp: 3,
  15. id: ''
  16. }
  17. },
  18. onBackPress() {
  19. this.goback();
  20. return true;
  21. },
  22. onLoad(options) {
  23. this.id = options.typeId
  24. },
  25. methods: {
  26. goback() {
  27. this.$common.to('/pages/onely-disinfect/type-business?typeId=' + this.id);
  28. }
  29. }
  30. }
  31. </script>
  32. <style lang="scss">
  33. page {
  34. background-color: #fff;
  35. }
  36. .box {
  37. display: flex;
  38. flex: 1;
  39. align-items: center;
  40. justify-content: center;
  41. flex-direction: column;
  42. padding: 100rpx 0;
  43. .text {
  44. color: #191919;
  45. font-size: 36rpx;
  46. font-weight: bold;
  47. margin-top: 40rpx;
  48. }
  49. .count-down-box {
  50. display: flex;
  51. align-items: center;
  52. justify-content: center;
  53. margin-top: 30rpx;
  54. }
  55. }
  56. </style>