Skip to content

C
CFFP-HB
Commit eaf02f54 by kyle
Options

分享

parent e9420191
Showing with 160 additions and 45 deletions
manifest.json
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
"name" : "CFFP财富中心", "name" : "CFFP财富中心",
"appid" : "__UNI__65C4CDC", "appid" : "__UNI__65C4CDC",
"description" : "", "description" : "",
"versionName" : "1.1.0", "versionName" : "1.1.1",
"versionCode" : "100", "versionCode" : "100",
"transformPx" : false, "transformPx" : false,
/* 5+App特有相关 */ /* 5+App特有相关 */
...@@ -128,16 +128,16 @@ ...@@ -128,16 +128,16 @@
}, },
"devServer" : { "devServer" : {
"proxy" : { "proxy" : {
"/api":{ "/api" : {
"port" : 3000, // 端口号 "port" : 3000, // 端口号
"target" : "https://mdev.zuihuibi.cn", //请求的目标域名 "target" : "https://mdev.zuihuibi.cn", //请求的目标域名
"changeOrigin" : true, //是否跨域 "changeOrigin" : true, //是否跨域
"secure" : false, //设置支持https协议的代理 "secure" : false, //设置支持https协议的代理
"logLevel" : "debug", "logLevel" : "debug",
"pathRewrite" : { "pathRewrite" : {
"^/api" : "" "^/api" : ""
} }
} }
} }
} }
} }
......
pages/inviteJoin/inviteJoin.vue
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
</view> </view>
</view> </view>
<share></share> <share></share>
<button type="primary" plain="true" class="sendInvite" @click="uniShare">发出邀请</button> <button type="primary" plain="true" class="sendInvite" @click="shareToggle()">发出邀请</button>
</view> </view>
<!-- 邀请信息 --> <!-- 邀请信息 -->
<view class="inviteListsBox" v-if="tabType===2"> <view class="inviteListsBox" v-if="tabType===2">
...@@ -60,12 +60,34 @@ ...@@ -60,12 +60,34 @@
</view> </view>
</view> </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> </view>
</template> </template>
<script> <script>
import UniShare from '@/uni_modules/uni-share/js_sdk/uni-share.js';
const uniShare = new UniShare();
export default { export default {
data() { data() {
return { return {
...@@ -81,38 +103,48 @@ ...@@ -81,38 +103,48 @@
bindPickerChange: function(e) { bindPickerChange: function(e) {
this.applyIdentity = e.detail.value this.applyIdentity = e.detail.value
}, },
uniShare() { shareToggle() {
uniShare.show({ this.$refs.share.open()
content: { //公共的分享参数配置 类型（type）、链接（herf）、标题（title）、summary（描述）、imageUrl（缩略图） },
closeShare(){
this.$refs.share.close()
},
uniShare(type){
if(type===1){
uni.share({
provider: "weixin",
scene: "WXSceneSession",
type: 0, type: 0,
href: 'https://uniapp.dcloud.io/', href: "http://uniapp.dcloud.io/",
title: '标题', title: "uni-app分享",
summary: '描述', summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
imageUrl: 'https://img-cdn-aliyun.dcloud.net.cn/stream/icon/__UNI__HelloUniApp.png' imageUrl: "https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png",
}, success: function (res) {
menus: [{ console.log("success:" + JSON.stringify(res));
"img": "/static/app-plus/sharemenu/wechatfriend.png",
"text": "微信好友",
"share": { //当前项的分享参数配置。可覆盖公共的配置如下：分享到微信小程序，配置了type=5
"provider": "weixin",
"scene": "WXSceneSession"
}
}, },
{ fail: function (err) {
"img": "/static/app-plus/sharemenu/wechatmoments.png", console.log("fail:" + JSON.stringify(err));
"text": "微信朋友圈",
"share": {
"provider": "weixin",
"scene": "WXSceneTimeline"
}
} }
], });
cancelText: "取消分享", }else if(type===2){
}, e => { //callback uni.share({
console.log(uniShare.isShow); provider: "weixin",
console.log(e); 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));
},
fail: function (err) {
console.log("fail:" + JSON.stringify(err));
}
});
}
} }
} }
} }
</script> </script>
...@@ -191,5 +223,34 @@ ...@@ -191,5 +223,34 @@
font-size: 36rpx; 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> </style>
pages/myCertify/myCertify.vue
...@@ -13,7 +13,10 @@ ...@@ -13,7 +13,10 @@
<view class="signItem" v-for="item in signupInfos" :key="item.cerNo" @click="toDetail(item)"> <view class="signItem" v-for="item in signupInfos" :key="item.cerNo" @click="toDetail(item)">
<view class="seriesNo">{{item.cerNo}}</view> <view class="seriesNo">{{item.cerNo}}</view>
<view class="certifyInfo"> <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> <view>
<text>认证方向：{{item.cerName}}</text> <text>认证方向：{{item.cerName}}</text>
<i class="iconfont icon-youjiantou"></i> <i class="iconfont icon-youjiantou"></i>
...@@ -48,12 +51,13 @@ ...@@ -48,12 +51,13 @@
<script> <script>
import api from "../../api/api"; import api from "../../api/api";
import dataHandling from "@/util/dataHandling";
export default { export default {
data() { data() {
return { return {
tabType:1, tabType:1,
signupInfos:[], signupInfos:[],
userCertificates:[] userCertificates:[],
}; };
}, },
methods:{ methods:{
...@@ -89,6 +93,30 @@ ...@@ -89,6 +93,30 @@
uni.navigateTo({ uni.navigateTo({
url:`/pages/certifyDetail/certifyDetail?userSignupId=${item.userSignupId}&certificateId=null` 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(){ onLoad(){
...@@ -142,11 +170,37 @@ ...@@ -142,11 +170,37 @@
.certifyInfo{ .certifyInfo{
width: 0; width: 0;
flex: 1; flex: 1;
view{ view{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: baseline; 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