Info.vue 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <template>
  2. <div>
  3. <common ref="common" @asynCallBack="asynCallBack"></common>
  4. <top-header :pageTitle="pageTitle"></top-header>
  5. <div class="mui-content">
  6. <div class="mui-content-padded vongi-qingjiadt">
  7. <form class="mui-input-group">
  8. <div class="mui-input-row">
  9. <label>投诉人</label>
  10. <span>1111</span>
  11. </div>
  12. <div class="mui-input-row">
  13. <label>房号</label>
  14. <span>1-1-2201</span>
  15. </div>
  16. </form>
  17. </div>
  18. <div class="mui-content-padded vongi-qingjiadt vongi-hdsq">
  19. <form class="mui-input-group vongi-wybx">
  20. <div class="mui-input-row padd10">
  21. <label>投诉内容</label>
  22. <span class="vongi-span vongi-meform-pho">您的投诉建议服务,已上]处理完毕。如未能解决您的问题,可与我们物业联系。</span>
  23. <span class="vongi-span vongi-wordcard vongi-meform-pho">
  24. <div class="fyy-upphoto flew">
  25. <div class="mui-col-xs-3">
  26. <img src="~$project/assets/img/zhaop.jpg" />
  27. </div>
  28. <div class="mui-col-xs-3">
  29. <img src="~$project/assets/img/zhaop.jpg" />
  30. </div>
  31. <div class="mui-col-xs-3">
  32. <img src="~$project/assets/img/zhaop.jpg" />
  33. </div>
  34. <div class="mui-col-xs-3">
  35. <img src="~$project/assets/img/zhaop.jpg" />
  36. </div>
  37. </div>
  38. </span>
  39. </div>
  40. </form>
  41. </div>
  42. <div class="mui-content-padded vongi-qingjiadt">
  43. <form class="mui-input-group">
  44. <div class="mui-input-row">
  45. <label>投诉时间</label>
  46. <span>2020-10-10 10:00:00</span>
  47. </div>
  48. <div class="mui-input-row">
  49. <label>投诉状态</label>
  50. <span class="color4fc5f7">处理中</span>
  51. </div>
  52. <div class="mui-input-row">
  53. <label>投诉内容</label>
  54. <span class="vongi-span">您的投诉建议服务,已上]处理完毕。如未能解决您的问题,可与我们物业联系。</span>
  55. </div>
  56. <div class="mui-input-row">
  57. <label>回复时间</label>
  58. <span>2020-10-10 10:00:00</span>
  59. </div>
  60. <div class="mui-input-row">
  61. <label>关闭时间</label>
  62. <span>2020-10-10 10:00:00</span>
  63. </div>
  64. </form>
  65. </div>
  66. </div>
  67. <!-- <div class="mui-content">
  68. <div class="mui-content-padded fyy-detail">
  69. <h4 style="margin:30px 0 15px" v-text="detail.createTime"></h4>
  70. <p v-text="detail.content"></p>
  71. </div>
  72. <div class="mui-content-padded fyy-huifu">
  73. <div class="fyy-answer-title">以下为回复内容</div>
  74. <p v-text="detail.returnContent"></p>
  75. <div class="mui-h6 mui-pull-right" v-text="detail.returnTime"></div>
  76. </div>
  77. </div> -->
  78. <loading :visible="isLoading"></loading>
  79. </div>
  80. </template>
  81. <script>
  82. import * as API_Property from '@/apis/Master/property'
  83. import Common from '$project/components/Common.vue'
  84. import Loading from '$project/components/Loading.vue'
  85. import TopHeader from '$project/components/TopHeader.vue'
  86. import {
  87. mapGetters,
  88. mapMutations
  89. } from 'vuex'
  90. export default {
  91. name: 'MasterPropertyComplaintInfo',
  92. components: {
  93. Common,
  94. Loading,
  95. TopHeader
  96. },
  97. data() {
  98. return {
  99. pageTitle: '投诉建议',
  100. isLoading: false,
  101. id: this.$route.query.id,
  102. detail: [],
  103. }
  104. },
  105. created() {},
  106. methods: {
  107. //获取详情
  108. getDetail(id) {
  109. this.id = id || this.id;
  110. this.isLoading = true;
  111. API_Property.getRepairAndComplaintInfo(this.id).then(response => {
  112. this.detail = response;
  113. this.isLoading = false;
  114. }).catch(error => {
  115. this.isLoading = false;
  116. mui.toast(error);
  117. })
  118. },
  119. asynCallBack() {
  120. },
  121. },
  122. computed: {
  123. ...mapGetters({
  124. openId: 'wx_openid',
  125. token: 'token',
  126. })
  127. },
  128. }
  129. </script>
  130. <style scoped src="$project/assets/css/xpwyfyy.css"></style>
  131. <style src="$project/assets/css/iconfont.css"></style>
  132. <style>
  133. </style>