277 lines
6.8 KiB
Vue
277 lines
6.8 KiB
Vue
<template>
|
||
<view style="background-color: rgb(246, 247, 250); height: 100%">
|
||
<u-navbar title="官方认证" ></u-navbar>
|
||
<view class="flex-col group">
|
||
<view class="flex-col list">
|
||
<view
|
||
class="list-item flex-col"
|
||
:key="i"
|
||
v-for="(item, i) in list"
|
||
@click="toAuthentication(i)"
|
||
>
|
||
<text class="text_1">{{ item.name }}</text>
|
||
<view class="center-group justify-between">
|
||
<text class="text_3">{{ item.title }}</text>
|
||
<image :src="item.imgUrl" class="image_2" />
|
||
</view>
|
||
<view class="bottom-section"> </view> </view
|
||
></view>
|
||
</view>
|
||
<!-- 修改密码 -->
|
||
<u-mask :show="Alert">
|
||
<view class="Alert">
|
||
<view class="form">
|
||
<text class="text">正在进行资质审核，请耐性等待~</text>
|
||
<view class="btns">
|
||
<u-button class="btn" @click="Alert = false" type="primary"
|
||
>确认</u-button
|
||
>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</u-mask>
|
||
<u-top-tips :z-index="999" ref="uTips" :navbar-height="0"></u-top-tips>
|
||
<u-toast ref="uToast" />
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
schoolId:'',
|
||
Alert: false,
|
||
isZXS:false,
|
||
list: [
|
||
{
|
||
name: "企业认证",
|
||
title: "针对企业公司或其他经济组织的认证",
|
||
imgUrl: require("../../../static/common/img/enterprise.png"),
|
||
},
|
||
{
|
||
name: "管理员认证",
|
||
title: "针对学校工作管理人员和学生管理人员的认证",
|
||
imgUrl: require("../../../static/common/img/admin.png"),
|
||
},
|
||
// {
|
||
// name: "教职工认证",
|
||
// title: "针对在校教职工与其他在校工作人员认证",
|
||
// imgUrl: require("../../../static/common/img/Faculty.png"),
|
||
// },
|
||
],
|
||
};
|
||
},
|
||
onLoad() {
|
||
this.getschoolId()
|
||
},
|
||
methods: {
|
||
getschoolId(){
|
||
this.$u.apiList.GetUserSchool().then(res=>{
|
||
console.log(res,'res-----')
|
||
// 学生时
|
||
if([0,2].includes(this.vuex_user.userType)){
|
||
this.schoolId = res.items.schoolId
|
||
}
|
||
// 教师时
|
||
if(this.vuex_user.userType === 1){
|
||
this.schoolId = res.jzgItems.schoolId
|
||
}
|
||
// this.schoolId = res.items.schoolId
|
||
this.isZXS = res.isAttestationZXS
|
||
})
|
||
},
|
||
toAuthentication(id) {
|
||
console.log(id,'id---')
|
||
if(id == 0 || id == 2){
|
||
if(this.isZXS&&id==2){
|
||
// this.$tips("在校生无法认证教职工!", "warning");
|
||
this.$refs.uToast.show({
|
||
title: '在校生无法认证教职工!',
|
||
type: "warning",
|
||
});
|
||
|
||
}else{
|
||
if(id==0){
|
||
// if(this.vuex_user.isAttestationJZG){
|
||
// this.$tips("已认证教职工,无法再认证企业！", "warning");
|
||
// }else{
|
||
this.getUserApproval(id)
|
||
// }
|
||
|
||
}else if(id==2){
|
||
if(this.vuex_user.isAttestationQY){
|
||
// this.$tips("已认证企业,无法再认证教职工！", "warning");
|
||
this.$refs.uToast.show({
|
||
title: '已认证企业,无法再认证教职工！',
|
||
type: "warning",
|
||
});
|
||
}else{
|
||
this.getUserApproval(id)
|
||
}
|
||
}else{
|
||
this.getUserApproval(id)
|
||
}
|
||
}
|
||
}
|
||
if(id === 1){
|
||
if([0,1].includes(this.vuex_glyType)){
|
||
// this.$tips('已经是管理员无需认证', "warning");
|
||
this.$refs.uToast.show({
|
||
title: '已经是管理员无需认证',
|
||
type: "error",
|
||
});
|
||
return
|
||
}
|
||
this.getUserApproval(id)
|
||
}
|
||
},
|
||
//验证该学校是否已经认证
|
||
getUserApproval(id){
|
||
const data = {
|
||
schoolId:this.schoolId,
|
||
type:id
|
||
}
|
||
this.$u.apiList.GetUserApproval(data).then((res)=>{
|
||
this.$u.route({
|
||
url: "/pages/my/certificationDetails/certificationDetails",
|
||
params: { id: id },
|
||
});
|
||
})
|
||
.catch((err)=>{
|
||
// this.$tips(err.error, "warning");
|
||
this.$refs.uToast.show({
|
||
title: err.error,
|
||
type: "error",
|
||
});
|
||
})
|
||
},
|
||
//返回上一级
|
||
router(){
|
||
this.$u.route({
|
||
url: 'pages/my/mySeting/mySeting'
|
||
});
|
||
}
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.Alert {
|
||
.form {
|
||
width: 80%;
|
||
background-color: #ffffff;
|
||
border-radius: 0.14rem;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
padding: 0.3rem;
|
||
.text {
|
||
line-height: 0.3rem;
|
||
color: #494c57;
|
||
display: inline-block;
|
||
padding: 0.4rem 0;
|
||
font-size: 0.16rem;
|
||
}
|
||
.input {
|
||
background-color: #f6f7fa;
|
||
border-radius: 0.07rem;
|
||
font-size: 0.22rem;
|
||
color: #b4b6bd;
|
||
margin-bottom: 0.2rem;
|
||
padding: 0.05rem 0.1rem;
|
||
}
|
||
.codeInput {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-bottom: 0.2rem;
|
||
::v-deep .u-input {
|
||
background-color: #f6f7fa;
|
||
border-radius: 0.07rem;
|
||
font-size: 0.22rem;
|
||
color: #b4b6bd;
|
||
padding: 0.05rem 0.1rem !important;
|
||
}
|
||
.codeBtn {
|
||
width: 0.5rem;
|
||
height: 0.5rem;
|
||
background-color: #eaf5ff;
|
||
border-radius: 0.07rem;
|
||
font-size: 0.26rem;
|
||
line-height: 0.23rem;
|
||
color: #2e9bff;
|
||
margin-left: 0.12rem;
|
||
}
|
||
}
|
||
.btns {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
.btn {
|
||
width: 40%;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.group {
|
||
padding: 0.17rem 0 0.76rem;
|
||
flex: 1 1 auto;
|
||
overflow-y: auto;
|
||
.list {
|
||
padding-left: 0.21rem;
|
||
padding-right: 0.19rem;
|
||
.list-item {
|
||
padding: 0.27rem 0.17rem 0.21rem;
|
||
border-radius: 0.05rem;
|
||
background-size: 100% 100%;
|
||
background-repeat: no-repeat;
|
||
&:not(:first-of-type) {
|
||
margin-top: 0.13rem;
|
||
}
|
||
.text_1 {
|
||
color: rgb(255, 255, 255);
|
||
font-size: 0.24rem;
|
||
font-weight: 700;
|
||
line-height: 0.23rem;
|
||
white-space: nowrap;
|
||
}
|
||
.center-group {
|
||
margin-top: 0.14rem;
|
||
padding: 0 0.015rem;
|
||
color: rgb(255, 255, 255);
|
||
font-size: 0.12rem;
|
||
font-weight: 700;
|
||
line-height: 0.12rem;
|
||
white-space: nowrap;
|
||
.text_3 {
|
||
opacity: 0.49;
|
||
}
|
||
.image_2 {
|
||
margin-right: 0.1rem;
|
||
margin-top: 0.06rem;
|
||
width: 0.37rem;
|
||
height: 0.45rem;
|
||
}
|
||
}
|
||
.bottom-section {
|
||
margin-left: 0.015rem;
|
||
margin-top: 0.23rem;
|
||
background-color: rgb(255, 255, 255);
|
||
border-radius: 0.02rem;
|
||
width: 0.27rem;
|
||
height: 0.04rem;
|
||
}
|
||
}
|
||
.list-item:nth-child(3n-2) {
|
||
background-image: url("~@/static/common/img/enterpriseBj.png");
|
||
}
|
||
.list-item:nth-child(3n-1) {
|
||
background-image: url("~@/static/common/img/FacultyBj.png");
|
||
}
|
||
.list-item:nth-child(3n) {
|
||
background-image: url("~@/static/common/img/adminBj.png");
|
||
}
|
||
}
|
||
}
|
||
</style>
|