Skip to content

C
CFFP-HB
Commit eaf02f54 by kyle
Options

分享

parent e9420191
Showing with 148 additions and 33 deletions
manifest.json
......@@ -2,7 +2,7 @@
"name" : "CFFP财富中心",
"appid" : "__UNI__65C4CDC",
"description" : "",
"versionName" : "1.1.0",
"versionName" : "1.1.1",
"versionCode" : "100",
"transformPx" : false,
/* 5+App特有相关 */
......@@ -128,7 +128,7 @@
},
"devServer" : {
"proxy" : {
"/api":{
"/api" : {
"port" : 3000, // 端口号
"target" : "https://mdev.zuihuibi.cn", //请求的目标域名
"changeOrigin" : true, //是否跨域
......
pages/inviteJoin/inviteJoin.vue
......@@ -32,7 +32,7 @@
</view>
</view>
<share></share>
<button type="primary" plain="true" class="sendInvite" @click="uniShare">发出邀请</button>
<button type="primary" plain="true" class="sendInvite" @click="shareToggle()">发出邀请</button>
</view>
<!-- 邀请信息 -->
<view class="inviteListsBox" v-if="tabType===2">
......@@ -60,12 +60,34 @@
</view>
</view>
</view>
<!-- 分享信息 -->
<view>
<uni-popup ref="share" type="bottom" backgroundColor="#fff">
<view class="popup-content">
<view class="shareBox">
<view class="shareOptionItem" @click="uniShare(1)">
<view class="imgBox">
<image src="../../static/app-plus/sharemenu/wechatfriend.png" mode="widthFix"></image>
</view>
<text>微信好友</text>
</view>
<view class="shareOptionItem" @click="uniShare(2)">
<view class="imgBox">
<image src="../../static/app-plus/sharemenu/wechatmoments.png" mode="widthFix"></image>
</view>
<text>分享朋友圈</text>
</view>
</view>
</view>
<view class="popup-footer" @click="closeShare()">
<view>取消</view>
</view>
</uni-popup>
</view>
</view>
</template>
<script>
import UniShare from '@/uni_modules/uni-share/js_sdk/uni-share.js';
const uniShare = new UniShare();
export default {
data() {
return {
......@@ -81,38 +103,48 @@
bindPickerChange: function(e) {
this.applyIdentity = e.detail.value
},
uniShare() {
uniShare.show({
content: { //公共的分享参数配置 类型（type）、链接（herf）、标题（title）、summary（描述）、imageUrl（缩略图）
shareToggle() {
this.$refs.share.open()
},
closeShare(){
this.$refs.share.close()
},
uniShare(type){
if(type===1){
uni.share({
provider: "weixin",
scene: "WXSceneSession",
type: 0,
href: 'https://uniapp.dcloud.io/',
title: '标题',
summary: '描述',
imageUrl: 'https://img-cdn-aliyun.dcloud.net.cn/stream/icon/__UNI__HelloUniApp.png'
href: "http://uniapp.dcloud.io/",
title: "uni-app分享",
summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
imageUrl: "https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png",
success: function (res) {
console.log("success:" + JSON.stringify(res));
},
menus: [{
"img": "/static/app-plus/sharemenu/wechatfriend.png",
"text": "微信好友",
"share": { //当前项的分享参数配置。可覆盖公共的配置如下：分享到微信小程序，配置了type=5
"provider": "weixin",
"scene": "WXSceneSession"
fail: function (err) {
console.log("fail:" + JSON.stringify(err));
}
});
}else if(type===2){
uni.share({
provider: "weixin",
scene: "WXSceneTimeline",
type: 0,
href: "http://uniapp.dcloud.io/",
title: "uni-app分享",
summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
imageUrl: "https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png",
success: function (res) {
console.log("success:" + JSON.stringify(res));
},
{
"img": "/static/app-plus/sharemenu/wechatmoments.png",
"text": "微信朋友圈",
"share": {
"provider": "weixin",
"scene": "WXSceneTimeline"
fail: function (err) {
console.log("fail:" + JSON.stringify(err));
}
});
}
],
cancelText: "取消分享",
}, e => { //callback
console.log(uniShare.isShow);
console.log(e);
})
}
}
}
</script>
......@@ -191,5 +223,34 @@
font-size: 36rpx;
}
}
.popup-content{
font-size: 32rpx;
color: #666;
padding-bottom: 40rpx;
.shareBox{
display: flex;
justify-content: space-around;
align-items: center;
.shareOptionItem{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.imgBox{
width: 100rpx;
}
}
}
}
.popup-footer{
color: #666;
font-size: 36rpx;
border-top: 2rpx solid #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
padding-top: 36rpx;
}
}
</style>
pages/myCertify/myCertify.vue
......@@ -13,7 +13,10 @@
<view class="signItem" v-for="item in signupInfos" :key="item.cerNo" @click="toDetail(item)">
<view class="seriesNo">{{item.cerNo}}</view>
<view class="certifyInfo">
<text>报名时间：{{item.signupDate}}</text>
<view class="signBox">
<text>报名时间：{{dateFormat(item.signupDate)}}</text>
<text :class="statusInfo(item.status).statusClass">{{statusInfo(item.status).statusTitle}}</text>
</view>
<view>
<text>认证方向：{{item.cerName}}</text>
<i class="iconfont icon-youjiantou"></i>
......@@ -48,12 +51,13 @@
<script>
import api from "../../api/api";
import dataHandling from "@/util/dataHandling";
export default {
data() {
return {
tabType:1,
signupInfos:[],
userCertificates:[]
userCertificates:[],
};
},
methods:{
......@@ -89,6 +93,30 @@
uni.navigateTo({
url:`/pages/certifyDetail/certifyDetail?userSignupId=${item.userSignupId}&certificateId=null`
})
},
dateFormat(val){
return dataHandling.dateFormat(val,'yyyy-MM-dd')
},
// 状态
statusInfo(val){
const statusInfo = {
statusTitle:'认证中',
statusClass:'certifing'
}
if(val==0){
statusInfo.statusTitle = '已取消';
statusInfo.statusClass = 'cancel'
}else if(val==2){
statusInfo.statusTitle = '未通过';
statusInfo.statusClass = 'fail'
}else if(val===3){
statusInfo.statusTitle = '通过';
statusInfo.statusClass = 'success'
}else{
statusInfo.statusTitle = '认证中';
statusInfo.statusClass = 'certifing'
}
return statusInfo;
}
},
onLoad(){
......@@ -142,11 +170,37 @@
.certifyInfo{
width: 0;
flex: 1;
view{
display: flex;
justify-content: space-between;
align-items: baseline;
&.signBox{
justify-content: flex-start;
text:last-child{
margin-left: 20rpx;
border-radius: 10rpx;
width: 96rpx;
height: 40rpx;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(90deg, #5FB574 0%, #0BB175 0%, #87CE98 100%);
color: #fff;
font-size: 24rpx;
&.success{
background: linear-gradient(90deg, #5FB574 0%, #0BB175 0%, #87CE98 100%);
}
&.fail{
background: linear-gradient(90deg, #FF2E2E 0%, #FF7B7B 100%);
}
&.certifing{
background: linear-gradient(90deg, #2E82FF 0%, #63A1FE 100%);
}
&.cancel{
background: #9c9c9c;
}
}
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment