123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151 |
- <template>
- <view class="application-detial">
- <u-navbar
- back-icon-color="#fff"
- :back-text="$t('common.Back')"
- :is-back="true"
- :background="{background:'#1777FE'}"
- :back-text-style="{color:'#fff'}"
- :border-bottom="true"
- title-color="#fff"
- :title="title"
- :custom-back="back"
- >
- </u-navbar>
- <view class="pagetitle" v-if="detial.contactsNumber">{{pageTitle}}</view>
- <!-- 选项卡的内容区 -->
- <view class="applicationDetial">
- <view class="item" v-if="detial.contactsName">
- <view class="label"><text class="need">*</text><text>{{$t('common.fullName')}}</text></view>
- <view class="value">{{detial.contactsName}}</view>
- </view>
- <view class="item" v-if="detial.otherInstructions">
- <view class="label"><text class="need">*</text><text>{{$t('common.NameoftheEntity')}}</text></view>
- <view class="value">{{detial.otherInstructions}}</view>
- </view>
- <view class="item" v-if="detial.contactsEmail">
- <view class="label"><text class="need">*</text><text>{{$t('common.Email')}}</text></view>
- <view class="value">{{detial.contactsEmail}}</view>
- </view>
- <view class="item" v-if="detial.contactsNumber">
- <view class="label"><text class="need">*</text><text>{{$t('common.ContactPhoneNumber')}}</text></view>
- <view class="value">{{detial.contactsNumber}}</view>
- </view>
- </view>
- <!-- 页面优化提示 -->
- <view class="loading" v-if="showLoading">
- <u-loadmore :status="status" iconType="flower" :load-text="{loading: this.$t('common.Nodata')}" margin-top="200" />
- </view>
- <view class="nodata" v-if="!showLoading && !detial.contactsNumber" style="text-align: center;margin-top: 120upx;">
- <view class="imgBox" style="height:600upx;margin-bottom:60upx">
- <image src="../../../static/img/public/7.png" style="width: 80%;margin:0 10%" mode="widthFix"></image>
- </view>
- <text style="font-size: 30upx;color:#ccc">{{$t('common.Nodata')}}</text>
- </view>
- </view>
- </template>
- <script>
- export default {
- name:'memberApplyDetail',
- data(){
- return {
- title:'',
- pageTitle:'',
- currentItemId:'',
- detial:{},
- showLoading:true,
- status:'loading'
- }
- },
- onLoad(e){
- this.currentItemId=e.id;
- this.pageTitle=decodeURIComponent(e.title)+this.$t('common.Information');
- this.title= this.$i18n.locale == 'zh'? '我的申请': 'My Application'
- },
- created(){
- this.getApplicationDetial();
- },
- onShow(){
-
- },
- methods:{
- // 获取详情
- async getApplicationDetial(){
- let res = await this.$myRequest({
- url:'/project/baseMemberApplys/getSelfMemberApply',
- })
- this.showLoading=false;
- var data = res.data;
- if(data){
- console.log();
- this.detial.otherInstructions = data.baseMemberApplies[0].unitZhName ||'';
- this.detial.contactsName = data.baseContactsInfo.contactsName ||'';
- this.detial.contactsEmail = data.baseContactsInfo.email ||'';
- this.detial.contactsNumber = data.baseContactsInfo.mobilePhone ||'';
- }
- },
- //路由后退一步
- back(){
- // #ifdef H5
- history.back()
- // #endif
- // #ifndef H5
- uni.navigateBack()
- // #endif
- },
- }
- }
- </script>
- <style lang="scss" scoped>
- .application-detial{
- height:100%;
- background:#fdfdfd;
- position:absolute;
- bottom:0;
- left:0;
- right:0;
- color:#666;
- .line-h{
- width:100%;
- height:2upx;
- background:#eee;
- }
- .pagetitle{
- margin-top:30upx;
- height:100upx;
- line-height:100upx;
- color:#333;
- padding:0 3%;
- font-size:32upx;
- }
- //内容
- .applicationDetial{
- .item{
- position:relative;
- height:140upx;
- border-bottom:2upx solid #eee;
- padding:2% 0;
- .label,.value{
- padding:0 30upx;
- line-height:50upx;
- }
- .label{
- font-size:28upx;
- display:flex;
- align-items:center;
- color:#333;
- .need{
- color:#f20;
- margin-right:10upx;
- }
- }
- .value{
- font-size:24upx;
- color:#888;
- }
- }
- }
- }
- </style>
|