<template>
|
<view>
|
<u-popup :show="show" mode="center" @open="open">
|
<view class="popup_main">
|
<view class="popup_content flex flex-column a-center">
|
<text class="fs-35 font-bold color3 mt-46">党员证件</text>
|
<view class="bg font-w500 fs-23 mt-38 flex flex-column a-center">
|
<image src="/static/home/img9.png" class="w-133 h-156 mt-40" mode=""></image>
|
<view class="flex mt-8">
|
<view class="flex flex-column mr-40 lh-48">
|
<text>姓名：</text>
|
<text>身份证号码：</text>
|
<text>所在党组织：</text>
|
</view>
|
<view class="flex flex-column a-end font-bold lh-48">
|
<text>{{info.name}}</text>
|
<text>{{info.idCard}}</text>
|
<text>{{info.partyOrganization}}</text>
|
|
</view>
|
</view>
|
|
</view>
|
<view class="flex a-center mt-31">
|
<view class="btn_left" @click="onclose">
|
关闭
|
</view>
|
<view class="btn_right" @click="onclose">
|
编辑
|
</view>
|
</view>
|
|
</view>
|
</view>
|
</u-popup>
|
</view>
|
</template>
|
|
<script>
|
import {
|
getInfo
|
} from './service.js'
|
export default {
|
props: {
|
show: Boolean
|
},
|
data() {
|
return {
|
info:{},
|
};
|
},
|
|
methods: {
|
open() {
|
getInfo().then(resp => {
|
|
if(resp.code==200){
|
this.info =resp.data
|
}
|
})
|
},
|
|
onclose() {
|
this.$emit('onCancel', false)
|
},
|
},
|
created() {},
|
}
|
</script>
|
|
<style lang="scss">
|
.color3 {
|
color: #fff;
|
}
|
|
/deep/ .u-popup__content {
|
width: 635rpx;
|
height: 654rpx;
|
border-radius: 40rpx;
|
}
|
|
.popup_main {
|
width: 635rpx;
|
height: 654rpx;
|
border-radius: 40rpx;
|
background-image: url('@/static/home/bg1.png');
|
/* 背景图片铺满容器 */
|
background-size: cover;
|
/* 背景图片不重复 */
|
background-repeat: no-repeat;
|
/* 背景图片居中显示 */
|
background-position: center;
|
/* 设置容器的宽度和高度 */
|
}
|
|
.bg {
|
|
width: 577rpx;
|
height: 371rpx;
|
background-image: url('@/static/home/bg2.png');
|
/* 背景图片铺满容器 */
|
background-size: cover;
|
/* 背景图片不重复 */
|
background-repeat: no-repeat;
|
/* 背景图片居中显示 */
|
background-position: center;
|
}
|
|
.btn_left {
|
width: 212rpx;
|
height: 77rpx;
|
border-radius: 48rpx;
|
border: 2rpx solid rgba(0, 0, 0, 0.8);
|
font-size: 27rpx;
|
color: rgba(0, 0, 0, 0.8);
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.btn_right {
|
width: 212rpx;
|
height: 77rpx;
|
background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
|
border: 2rpx solid #fff;
|
border-radius: 48rpx;
|
font-weight: 600;
|
font-size: 27rpx;
|
color: #FFFFFF;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin-left: 33rpx;
|
}
|
</style>
|
