237 lines
7.8 KiB
Vue
237 lines
7.8 KiB
Vue
|
<template>
|
|||
|
|
<Cn-page :loading="loading">
|
|||
|
|
<view slot="body">
|
|||
|
|
<view class="platform">
|
|||
|
|
<view class="platform-bg"></view>
|
|||
|
|
<!-- <view class="platform-title">全国特种设备无损检测公共服务云平台</view> -->
|
|||
|
|
<view class="platform-des" v-if="list.length">当前手机号绑定单位</view>
|
|||
|
|
<view class="platform-des" v-else>通过手机号获取单位</view>
|
|||
|
|
<view class="platform-content" v-if="list.length">
|
|||
|
|
<navigator
|
|||
|
|
hover-class="none"
|
|||
|
|
:url="'/pages/login/login?alias=' + item.alias + '&name=' + item.companyName + '&account=' + phone.trim()"
|
|||
|
|
class="platform-content-card"
|
|||
|
|
v-for="item in list"
|
|||
|
|
:key="item.alias"
|
|||
|
|
>
|
|||
|
|
<view class="platform-content-card-title">{{ item.companyName }}</view>
|
|||
|
|
<view class="platform-content-card-des">{{ item.alias }}</view>
|
|||
|
|
</navigator>
|
|||
|
|
<div style="height:280rpx"></div>
|
|||
|
|
<view class="platform-footer iphone">
|
|||
|
|
<view class="platform-footer-tips">以上不是您需访问的平台？</view>
|
|||
|
|
<view class="platform-footer-btn" @click="showPopup">输入智慧云手机号/账号</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="platform-content center" v-else>
|
|||
|
|
<view>
|
|||
|
|
<view class="platform-footer-btn" @click="showPopup">输入智慧云手机号/账号</view>
|
|||
|
|
<!-- #ifdef MP -->
|
|||
|
|
<button
|
|||
|
|
v-if="canGetPhoneNumber"
|
|||
|
|
type="primary"
|
|||
|
|
class="platform-footer-btn"
|
|||
|
|
open-type="getPhoneNumber"
|
|||
|
|
@getphonenumber="onGetUserPhone"
|
|||
|
|
>本机号码一键获取</button>
|
|||
|
|
<!-- <view
|
|||
|
|
type="primary"
|
|||
|
|
class="platform-footer-btn"
|
|||
|
|
@click="wxLogin"
|
|||
|
|
>微信一键登录</view> -->
|
|||
|
|
<!-- #endif -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<uni-popup ref="inputPhone" type="center" :animation="false">
|
|||
|
|
<view class="input-box">
|
|||
|
|
<input
|
|||
|
|
type="text"
|
|||
|
|
class="input-box-main"
|
|||
|
|
placeholder-class="input-box-main-placeholder"
|
|||
|
|
placeholder="请输入智慧云手机号/账号"
|
|||
|
|
v-model="phone"
|
|||
|
|
/>
|
|||
|
|
<view class="input-box-btn">
|
|||
|
|
<view class="input-box-btn-item" @click="cancel">取消</view>
|
|||
|
|
<view class="input-box-btn-item" @click="load">确定</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</uni-popup>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</Cn-page>
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
loading: false,
|
|||
|
|
phone: "",
|
|||
|
|
list: [],
|
|||
|
|
canGetPhoneNumber: true
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
components: {},
|
|||
|
|
methods: {
|
|||
|
|
showPopup() {
|
|||
|
|
this.$refs.inputPhone.open();
|
|||
|
|
},
|
|||
|
|
load() {
|
|||
|
|
this.$request({
|
|||
|
|
url: "/cloud/getPlatformByAccout",
|
|||
|
|
data: {
|
|||
|
|
accout: this.phone.trim()
|
|||
|
|
},
|
|||
|
|
method: "POST"
|
|||
|
|
}).then(res => {
|
|||
|
|
console.warn(res);
|
|||
|
|
this.list = res.data;
|
|||
|
|
this.$refs.inputPhone.close();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
cancel() {
|
|||
|
|
this.$refs.inputPhone.close();
|
|||
|
|
},
|
|||
|
|
onGetUserPhone(e) {
|
|||
|
|
console.warn(e);
|
|||
|
|
this.$request({
|
|||
|
|
url: "/org/wxxcx/getPhoneNum",
|
|||
|
|
data: {
|
|||
|
|
code: e.detail.code,
|
|||
|
|
},
|
|||
|
|
method: "POST"
|
|||
|
|
}).then(res=>{
|
|||
|
|
let data = JSON.parse(res.data)
|
|||
|
|
this.phone = data.phoneNumber
|
|||
|
|
this.load()
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
// #ifdef MP-WEIXIN
|
|||
|
|
uni.hideHomeButton();
|
|||
|
|
// #endif
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style lang='less'>
|
|||
|
|
.platform {
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 2;
|
|||
|
|
.platform-bg {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 320rpx;
|
|||
|
|
background: skyblue;
|
|||
|
|
z-index: -1;
|
|||
|
|
}
|
|||
|
|
.platform-title {
|
|||
|
|
padding: 40rpx 20rpx 0;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
.platform-des {
|
|||
|
|
padding: 36rpx 20rpx 0;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
.platform-content {
|
|||
|
|
padding: 28rpx 20rpx;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
margin-top: 60rpx;
|
|||
|
|
border-radius: 28rpx 28rpx 0 0;
|
|||
|
|
min-height: 50vh;
|
|||
|
|
background: #f5f6fa;
|
|||
|
|
.platform-content-card {
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
padding: 33rpx 28rpx;
|
|||
|
|
border-radius: 14rpx;
|
|||
|
|
background: #fff;
|
|||
|
|
.platform-content-card-title {
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #111;
|
|||
|
|
}
|
|||
|
|
.platform-content-card-des {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
margin-top: 23rpx;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.platform-footer {
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
height: 280rpx;
|
|||
|
|
width: 100%;
|
|||
|
|
background: #fff;
|
|||
|
|
.platform-footer-tips {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #000;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.platform-footer-btn {
|
|||
|
|
margin: 0 auto;
|
|||
|
|
height: 80rpx;
|
|||
|
|
width: 480rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
margin-top: 40rpx;
|
|||
|
|
background: #449dff;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
border-radius: 40rpx;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.input-box {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 80rpx 60rpx 0;
|
|||
|
|
height: 400rpx;
|
|||
|
|
width: 680rpx;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
background: #fff;
|
|||
|
|
.input-box-main {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
height: 80rpx !important;
|
|||
|
|
line-height: 80rpx !important;
|
|||
|
|
border-radius: 4rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #333;
|
|||
|
|
padding: 0 40rpx;
|
|||
|
|
margin-top: 40rpx;
|
|||
|
|
background: #f9f9f9;
|
|||
|
|
}
|
|||
|
|
.input-box-btn {
|
|||
|
|
margin-top: 80rpx;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
.input-box-btn-item {
|
|||
|
|
height: 64rpx;
|
|||
|
|
width: 200rpx;
|
|||
|
|
background: #449dff;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
}
|
|||
|
|
.input-box-btn-item:first-of-type {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
margin-right: 37rpx;
|
|||
|
|
background: #fff;
|
|||
|
|
border: 1px solid #666666;
|
|||
|
|
color: #666666;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|