memberApplyDetail.vue 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <template>
  2. <view class="application-detial">
  3. <u-navbar
  4. back-icon-color="#fff"
  5. :back-text="$t('common.Back')"
  6. :is-back="true"
  7. :background="{background:'#1777FE'}"
  8. :back-text-style="{color:'#fff'}"
  9. :border-bottom="true"
  10. title-color="#fff"
  11. :title="title"
  12. :custom-back="back"
  13. >
  14. </u-navbar>
  15. <view class="pagetitle" v-if="detial.contactsNumber">{{pageTitle}}</view>
  16. <!-- 选项卡的内容区 -->
  17. <view class="applicationDetial">
  18. <view class="item" v-if="detial.contactsName">
  19. <view class="label"><text class="need">*</text><text>{{$t('common.fullName')}}</text></view>
  20. <view class="value">{{detial.contactsName}}</view>
  21. </view>
  22. <view class="item" v-if="detial.otherInstructions">
  23. <view class="label"><text class="need">*</text><text>{{$t('common.NameoftheEntity')}}</text></view>
  24. <view class="value">{{detial.otherInstructions}}</view>
  25. </view>
  26. <view class="item" v-if="detial.contactsEmail">
  27. <view class="label"><text class="need">*</text><text>{{$t('common.Email')}}</text></view>
  28. <view class="value">{{detial.contactsEmail}}</view>
  29. </view>
  30. <view class="item" v-if="detial.contactsNumber">
  31. <view class="label"><text class="need">*</text><text>{{$t('common.ContactPhoneNumber')}}</text></view>
  32. <view class="value">{{detial.contactsNumber}}</view>
  33. </view>
  34. </view>
  35. <!-- 页面优化提示 -->
  36. <view class="loading" v-if="showLoading">
  37. <u-loadmore :status="status" iconType="flower" :load-text="{loading: this.$t('common.Nodata')}" margin-top="200" />
  38. </view>
  39. <view class="nodata" v-if="!showLoading && !detial.contactsNumber" style="text-align: center;margin-top: 120upx;">
  40. <view class="imgBox" style="height:600upx;margin-bottom:60upx">
  41. <image src="../../../static/img/public/7.png" style="width: 80%;margin:0 10%" mode="widthFix"></image>
  42. </view>
  43. <text style="font-size: 30upx;color:#ccc">{{$t('common.Nodata')}}</text>
  44. </view>
  45. </view>
  46. </template>
  47. <script>
  48. export default {
  49. name:'memberApplyDetail',
  50. data(){
  51. return {
  52. title:'',
  53. pageTitle:'',
  54. currentItemId:'',
  55. detial:{},
  56. showLoading:true,
  57. status:'loading'
  58. }
  59. },
  60. onLoad(e){
  61. this.currentItemId=e.id;
  62. this.pageTitle=decodeURIComponent(e.title)+this.$t('common.Information');
  63. this.title= this.$i18n.locale == 'zh'? '我的申请': 'My Application'
  64. },
  65. created(){
  66. this.getApplicationDetial();
  67. },
  68. onShow(){
  69. },
  70. methods:{
  71. // 获取详情
  72. async getApplicationDetial(){
  73. let res = await this.$myRequest({
  74. url:'/project/baseMemberApplys/getSelfMemberApply',
  75. })
  76. this.showLoading=false;
  77. var data = res.data;
  78. if(data){
  79. console.log();
  80. this.detial.otherInstructions = data.baseMemberApplies[0].unitZhName ||'';
  81. this.detial.contactsName = data.baseContactsInfo.contactsName ||'';
  82. this.detial.contactsEmail = data.baseContactsInfo.email ||'';
  83. this.detial.contactsNumber = data.baseContactsInfo.mobilePhone ||'';
  84. }
  85. },
  86. //路由后退一步
  87. back(){
  88. // #ifdef H5
  89. history.back()
  90. // #endif
  91. // #ifndef H5
  92. uni.navigateBack()
  93. // #endif
  94. },
  95. }
  96. }
  97. </script>
  98. <style lang="scss" scoped>
  99. .application-detial{
  100. height:100%;
  101. background:#fdfdfd;
  102. position:absolute;
  103. bottom:0;
  104. left:0;
  105. right:0;
  106. color:#666;
  107. .line-h{
  108. width:100%;
  109. height:2upx;
  110. background:#eee;
  111. }
  112. .pagetitle{
  113. margin-top:30upx;
  114. height:100upx;
  115. line-height:100upx;
  116. color:#333;
  117. padding:0 3%;
  118. font-size:32upx;
  119. }
  120. //内容
  121. .applicationDetial{
  122. .item{
  123. position:relative;
  124. height:140upx;
  125. border-bottom:2upx solid #eee;
  126. padding:2% 0;
  127. .label,.value{
  128. padding:0 30upx;
  129. line-height:50upx;
  130. }
  131. .label{
  132. font-size:28upx;
  133. display:flex;
  134. align-items:center;
  135. color:#333;
  136. .need{
  137. color:#f20;
  138. margin-right:10upx;
  139. }
  140. }
  141. .value{
  142. font-size:24upx;
  143. color:#888;
  144. }
  145. }
  146. }
  147. }
  148. </style>