|
|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
- <u-loading-page loading-mode='spinner' image="/static/imgs/logo.png" iconSize='60' :loading='loading'></u-loading-page>
|
|
|
+ <u-loading-page loading-mode='spinner' image="/static/imgs/logo.png" iconSize='60'
|
|
|
+ :loading='loading'></u-loading-page>
|
|
|
<view v-show='!loading'>
|
|
|
<view class="card-list content1">
|
|
|
<view class="row" v-for="(item,index) in cardList" :key="index">
|
|
|
@@ -11,8 +12,9 @@
|
|
|
:style="item.currentBackground?'background:url('+item.currentBackground+');background-size:100% 100%':''">
|
|
|
<view class="card-content style1" v-if="item.cuttentTemplate==1">
|
|
|
<view class="left">
|
|
|
- <u--image :showLoading="true" :src="item.headSculpture?item.headSculpture:'/static/imgs/card/defaulthead.png'" width="66px" height="66px"
|
|
|
- shape="circle"></u--image>
|
|
|
+ <u--image :showLoading="true"
|
|
|
+ :src="item.headSculpture?item.headSculpture:'/static/imgs/card/defaulthead.png'"
|
|
|
+ width="66px" height="66px" shape="circle"></u--image>
|
|
|
</view>
|
|
|
<view class="right">
|
|
|
<view class="row1">
|
|
|
@@ -23,16 +25,19 @@
|
|
|
{{item.companyName}}
|
|
|
</view>
|
|
|
<view class="row3 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/address'+item.icon+'.png'" width="13px"
|
|
|
- height="16px"></u--image> <view class='icon-text'>{{ item.province }}{{ item.city }}{{ item.area }}</view>
|
|
|
+ <u--image :showLoading="true" :src="'/static/imgs/card/address'+item.icon+'.png'"
|
|
|
+ width="13px" height="16px"></u--image>
|
|
|
+ <view class='icon-text'>{{ item.province }}{{ item.city }}{{ item.area }}</view>
|
|
|
</view>
|
|
|
<view class="row4 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/phone'+item.icon+'.png'" width="12px"
|
|
|
- height="13px"></u--image><view class='icon-text'>{{ item.phone }}</view>
|
|
|
+ <u--image :showLoading="true" :src="'/static/imgs/card/phone'+item.icon+'.png'"
|
|
|
+ width="12px" height="13px"></u--image>
|
|
|
+ <view class='icon-text'>{{ item.phone }}</view>
|
|
|
</view>
|
|
|
<view class="row4 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/remark'+item.icon+'.png'" width="10px"
|
|
|
- height="12px"></u--image><view class='icon-text'>{{item.remark?item.remark:'--'}}</view>
|
|
|
+ <u--image :showLoading="true" :src="'/static/imgs/card/remark'+item.icon+'.png'"
|
|
|
+ width="10px" height="12px"></u--image>
|
|
|
+ <view class='icon-text'>{{item.remark?item.remark:'--'}}</view>
|
|
|
</view>
|
|
|
<!-- <view class="">
|
|
|
备注
|
|
|
@@ -49,16 +54,19 @@
|
|
|
{{item.companyName}}
|
|
|
</view>
|
|
|
<view class="row3 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/address'+item.icon+'.png'" width="13px"
|
|
|
- height="16px"></u--image><view class='icon-text'>{{ item.province }}{{ item.city }}{{ item.area }}</view>
|
|
|
+ <u--image :showLoading="true" :src="'/static/imgs/card/address'+item.icon+'.png'"
|
|
|
+ width="13px" height="16px"></u--image>
|
|
|
+ <view class='icon-text'>{{ item.province }}{{ item.city }}{{ item.area }}</view>
|
|
|
</view>
|
|
|
<view class="row4 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/phone'+item.icon+'.png'" width="12px"
|
|
|
- height="13px"></u--image><view class='icon-text'>{{ item.phone }}</view>
|
|
|
+ <u--image :showLoading="true" :src="'/static/imgs/card/phone'+item.icon+'.png'"
|
|
|
+ width="12px" height="13px"></u--image>
|
|
|
+ <view class='icon-text'>{{ item.phone }}</view>
|
|
|
</view>
|
|
|
<view class="row4 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/remark'+item.icon+'.png'" width="10px"
|
|
|
- height="12px"></u--image><view class='icon-text'>{{item.remark?item.remark:'--'}}</view>
|
|
|
+ <u--image :showLoading="true" :src="'/static/imgs/card/remark'+item.icon+'.png'"
|
|
|
+ width="10px" height="12px"></u--image>
|
|
|
+ <view class='icon-text'>{{item.remark?item.remark:'--'}}</view>
|
|
|
</view>
|
|
|
<!-- <view class="">
|
|
|
备注
|
|
|
@@ -90,16 +98,20 @@
|
|
|
</view>
|
|
|
<view class="right">
|
|
|
<view class="row3 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/address'+item.icon+'.png'" width="13px"
|
|
|
- height="16px"></u--image><view class='icon-text'>{{ item.province }}{{ item.city }}{{ item.area }}</view>
|
|
|
+ <u--image :showLoading="true"
|
|
|
+ :src="'/static/imgs/card/address'+item.icon+'.png'" width="13px"
|
|
|
+ height="16px"></u--image>
|
|
|
+ <view class='icon-text'>{{ item.province }}{{ item.city }}{{ item.area }}</view>
|
|
|
</view>
|
|
|
<view class="row4 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/phone'+item.icon+'.png'" width="12px"
|
|
|
- height="13px"></u--image><view class='icon-text'>{{ item.phone }}</view>
|
|
|
+ <u--image :showLoading="true" :src="'/static/imgs/card/phone'+item.icon+'.png'"
|
|
|
+ width="12px" height="13px"></u--image>
|
|
|
+ <view class='icon-text'>{{ item.phone }}</view>
|
|
|
</view>
|
|
|
<view class="row4 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/remark'+item.icon+'.png'" width="10px"
|
|
|
- height="12px"></u--image><view class='icon-text'>{{item.remark?item.remark:'--'}}</view>
|
|
|
+ <u--image :showLoading="true" :src="'/static/imgs/card/remark'+item.icon+'.png'"
|
|
|
+ width="10px" height="12px"></u--image>
|
|
|
+ <view class='icon-text'>{{item.remark?item.remark:'--'}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -113,7 +125,7 @@
|
|
|
<view class="row2">
|
|
|
{{item.companyName}}
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
</view>
|
|
|
<view class="bottom flex">
|
|
|
<view class="left">
|
|
|
@@ -124,28 +136,32 @@
|
|
|
</view>
|
|
|
<view class="right">
|
|
|
<view class="row3 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/address'+item.icon+'.png'" width="13px"
|
|
|
- height="16px"></u--image><view class='icon-text'>{{ item.province }}{{ item.city }}{{ item.area }}</view>
|
|
|
+ <u--image :showLoading="true"
|
|
|
+ :src="'/static/imgs/card/address'+item.icon+'.png'" width="13px"
|
|
|
+ height="16px"></u--image>
|
|
|
+ <view class='icon-text'>{{ item.province }}{{ item.city }}{{ item.area }}</view>
|
|
|
</view>
|
|
|
<view class="row4 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/phone'+item.icon+'.png'" width="12px"
|
|
|
- height="13px"></u--image><view class='icon-text'>{{ item.phone }}</view>
|
|
|
+ <u--image :showLoading="true" :src="'/static/imgs/card/phone'+item.icon+'.png'"
|
|
|
+ width="12px" height="13px"></u--image>
|
|
|
+ <view class='icon-text'>{{ item.phone }}</view>
|
|
|
</view>
|
|
|
<view class="row4 flex">
|
|
|
- <u--image :showLoading="true" :src="'/static/imgs/card/remark'+item.icon+'.png'" width="10px"
|
|
|
- height="12px"></u--image><view class='icon-text'>{{item.remark?item.remark:'--'}}</view>
|
|
|
+ <u--image :showLoading="true" :src="'/static/imgs/card/remark'+item.icon+'.png'"
|
|
|
+ width="10px" height="12px"></u--image>
|
|
|
+ <view class='icon-text'>{{item.remark?item.remark:'--'}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="car-bottom flex">
|
|
|
<view class="left">
|
|
|
- <image src="../../static/imgs/card/home.png" mode="widthFix" style="width: 32rpx;height: auto;"
|
|
|
- @click="toHome(item)"></image>
|
|
|
- <image src="../../static/imgs/card/share.png" mode="widthFix" style="width: 35rpx;height: auto;"
|
|
|
- @click="share(item)"></image>
|
|
|
- <image src="../../static/imgs/card/ewm.png" mode="widthFix" style="width: 32rpx;height: auto;"
|
|
|
- @click="showCode(item)"></image>
|
|
|
+ <image src="../../static/imgs/card/home.png" mode="widthFix"
|
|
|
+ style="width: 32rpx;height: auto;" @click="toHome(item)"></image>
|
|
|
+ <image src="../../static/imgs/card/share.png" mode="widthFix"
|
|
|
+ style="width: 35rpx;height: auto;" @click="share(item)"></image>
|
|
|
+ <image src="../../static/imgs/card/ewm.png" mode="widthFix"
|
|
|
+ style="width: 32rpx;height: auto;" @click="showCode(item)"></image>
|
|
|
</view>
|
|
|
<view class="right">
|
|
|
<text class="text" @click="topMarking(item)">置顶</text>
|
|
|
@@ -163,27 +179,32 @@
|
|
|
</view>
|
|
|
<view class="upload flex flex-all-center" @click="addCard">
|
|
|
<view class="solids flex flex-all-center">
|
|
|
- <image src="../../static/imgs/card/add.png" mode="widthFix" style="width: 148rpx;height: auto;"></image>
|
|
|
+ <image src="../../static/imgs/card/add.png" mode="widthFix" style="width: 148rpx;height: auto;">
|
|
|
+ </image>
|
|
|
<text class='text'>添加新名片</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<u-toast ref="uToast"></u-toast>
|
|
|
<u-popup :round='10' :show="isShowDel" @close="isShowDel=false" mode="center">
|
|
|
<view class="del-style">
|
|
|
<text class="title">删除名片自动退出关联得圈子，确定删除？</text>
|
|
|
<view class="">
|
|
|
<view @click='radiovalue=1' class="flex align-item-center radio-wrap">
|
|
|
- <image style='width:13px;height:13px;margin-right:10rpx;' :src="radiovalue==1?'../../static/imgs/mySet/checked.png':'../../static/imgs/mySet/not-checked.png'" mode=""></image>
|
|
|
+ <image style='width:13px;height:13px;margin-right:10rpx;'
|
|
|
+ :src="radiovalue==1?'../../static/imgs/mySet/checked.png':'../../static/imgs/mySet/not-checked.png'"
|
|
|
+ mode=""></image>
|
|
|
<view class="">仅从自己名片列表删除</view>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
<view @click='radiovalue=2' class="flex align-item-center radio-wrap">
|
|
|
- <image style='width:13px;height:13px;margin-right:10rpx;' :src="radiovalue==2?'../../static/imgs/mySet/checked.png':'../../static/imgs/mySet/not-checked.png'" mode=""></image>
|
|
|
+ <image style='width:13px;height:13px;margin-right:10rpx;'
|
|
|
+ :src="radiovalue==2?'../../static/imgs/mySet/checked.png':'../../static/imgs/mySet/not-checked.png'"
|
|
|
+ mode=""></image>
|
|
|
<view class="">从所有拥有此名片用户列表删除</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="flex footer">
|
|
|
<view class="cancel" @click="isShowDel=false">
|
|
|
取消
|
|
|
@@ -219,7 +240,7 @@
|
|
|
<!-- 生成图片 -->
|
|
|
<poster :data="canvasData" background-color="#FFF" :width='750' :height='420' @on-success="posterSuccess"
|
|
|
ref="poster" @on-error="posterError"></poster>
|
|
|
- <point-share @close='showShare=false' :show='showShare'></point-share>
|
|
|
+ <point-share @close='showShare=false' :show='showShare'></point-share>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -237,15 +258,15 @@
|
|
|
isShowCode: false,
|
|
|
selectCode: '',
|
|
|
id: '',
|
|
|
- showShare:false,
|
|
|
- popupshow:false,
|
|
|
+ showShare: false,
|
|
|
+ popupshow: false,
|
|
|
radiovalue: 1,
|
|
|
- loading:true,
|
|
|
+ loading: true,
|
|
|
isShowDel: false,
|
|
|
cardList: [],
|
|
|
- canvasData:{},
|
|
|
- clicknum:0,
|
|
|
- poster:''
|
|
|
+ canvasData: {},
|
|
|
+ clicknum: 0,
|
|
|
+ poster: ''
|
|
|
};
|
|
|
},
|
|
|
onLoad() {
|
|
|
@@ -256,7 +277,7 @@
|
|
|
this.init()
|
|
|
},
|
|
|
onShareAppMessage(res) {
|
|
|
-
|
|
|
+
|
|
|
console.log(res, this.popupshow)
|
|
|
let that = this;
|
|
|
//生成名片图片
|
|
|
@@ -279,9 +300,9 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- toUrl(){
|
|
|
- this.popupshow=false
|
|
|
- this.showShare=true
|
|
|
+ toUrl() {
|
|
|
+ this.popupshow = false
|
|
|
+ this.showShare = true
|
|
|
},
|
|
|
handleHiddenShare() {
|
|
|
this.popupshow = false
|
|
|
@@ -297,7 +318,7 @@
|
|
|
uni.hideLoading()
|
|
|
this.popupshow = true
|
|
|
console.log(url)
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
showCode(val) {
|
|
|
this.selectCode = val.qrCodeMyself
|
|
|
@@ -320,10 +341,11 @@
|
|
|
},
|
|
|
{
|
|
|
type: 'image',
|
|
|
- path: this.currectData.headSculpture?this.currectData.headSculpture:'../../static/imgs/card/defaulthead.png',
|
|
|
+ path: this.currectData.headSculpture ? this.currectData.headSculpture :
|
|
|
+ '../../static/imgs/card/defaulthead.png',
|
|
|
shape: 'circle',
|
|
|
use: 'head',
|
|
|
- imageType:this.currectData.headSculpture?'wl':'bd',
|
|
|
+ imageType: this.currectData.headSculpture ? 'wl' : 'bd',
|
|
|
x: 30,
|
|
|
y: 30,
|
|
|
width: 100,
|
|
|
@@ -610,7 +632,7 @@
|
|
|
this.canvasData = {
|
|
|
clicknum: this.clicknum++,
|
|
|
list: data,
|
|
|
- page:'myInfo'
|
|
|
+ page: 'myInfo'
|
|
|
}
|
|
|
console.log(1111111)
|
|
|
},
|
|
|
@@ -629,15 +651,15 @@
|
|
|
}, failres => {
|
|
|
uni.hideLoading()
|
|
|
uni.showToast({
|
|
|
- icon:"none",
|
|
|
- title: failres.errmsg,
|
|
|
- duration: 3000
|
|
|
+ icon: "none",
|
|
|
+ title: failres.errmsg,
|
|
|
+ duration: 3000
|
|
|
});
|
|
|
}).then(res => {
|
|
|
this.cardList = res.data.items
|
|
|
- setTimeout(()=>{
|
|
|
- that.loading=false
|
|
|
- },1500)
|
|
|
+ setTimeout(() => {
|
|
|
+ that.loading = false
|
|
|
+ }, 1500)
|
|
|
})
|
|
|
},
|
|
|
toEditCard(val) {
|
|
|
@@ -660,16 +682,16 @@
|
|
|
that.$request.baseRequest('admin.unimall.cardManagementInfo', 'delete', _data, failres => {
|
|
|
uni.hideLoading()
|
|
|
uni.showToast({
|
|
|
- icon:"none",
|
|
|
- title: failres.errmsg,
|
|
|
- duration: 3000
|
|
|
+ icon: "none",
|
|
|
+ title: failres.errmsg,
|
|
|
+ duration: 3000
|
|
|
});
|
|
|
}).then(res => {
|
|
|
this.isShowDel = false
|
|
|
uni.showToast({
|
|
|
- icon:"success",
|
|
|
- title: '删除成功！',
|
|
|
- duration: 2000
|
|
|
+ icon: "success",
|
|
|
+ title: '删除成功！',
|
|
|
+ duration: 2000
|
|
|
});
|
|
|
this.init()
|
|
|
})
|
|
|
@@ -692,15 +714,15 @@
|
|
|
}, failres => {
|
|
|
uni.hideLoading()
|
|
|
uni.showToast({
|
|
|
- icon:"none",
|
|
|
- title: failres.errmsg,
|
|
|
- duration: 3000
|
|
|
+ icon: "none",
|
|
|
+ title: failres.errmsg,
|
|
|
+ duration: 3000
|
|
|
});
|
|
|
}).then(res => {
|
|
|
uni.showToast({
|
|
|
- icon:"success",
|
|
|
- title: '置顶成功！',
|
|
|
- duration: 2000
|
|
|
+ icon: "success",
|
|
|
+ title: '置顶成功！',
|
|
|
+ duration: 2000
|
|
|
})
|
|
|
this.init()
|
|
|
})
|
|
|
@@ -719,14 +741,15 @@
|
|
|
}
|
|
|
|
|
|
.content1 {
|
|
|
- .icon-text{
|
|
|
- margin-left:10rpx;
|
|
|
+ .icon-text {
|
|
|
+ margin-left: 10rpx;
|
|
|
}
|
|
|
+
|
|
|
.style1 {
|
|
|
display: flex;
|
|
|
- padding: 20rpx 30rpx;
|
|
|
- width: 85%;
|
|
|
margin-bottom: 70rpx;
|
|
|
+ padding: 30rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
|
.left {
|
|
|
width: 132rpx;
|
|
|
@@ -759,7 +782,8 @@
|
|
|
color: #323333;
|
|
|
}
|
|
|
|
|
|
- .row3,.row4 {
|
|
|
+ .row3,
|
|
|
+ .row4 {
|
|
|
margin-top: 30rpx;
|
|
|
font-size: 24rpx;
|
|
|
font-weight: 500;
|
|
|
@@ -771,6 +795,7 @@
|
|
|
|
|
|
.style2 {
|
|
|
padding: 30rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
margin-bottom: 70rpx;
|
|
|
|
|
|
.top {
|
|
|
@@ -795,7 +820,7 @@
|
|
|
font-weight: bold;
|
|
|
color: #323333;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.bottom {
|
|
|
@@ -839,12 +864,14 @@
|
|
|
.row2 {
|
|
|
margin-top: 20rpx;
|
|
|
}
|
|
|
- .row3,.row4 {
|
|
|
+
|
|
|
+ .row3,
|
|
|
+ .row4 {
|
|
|
margin-top: 30rpx;
|
|
|
font-size: 24rpx;
|
|
|
font-weight: 500;
|
|
|
color: #323333;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -950,58 +977,69 @@
|
|
|
}
|
|
|
|
|
|
}
|
|
|
+
|
|
|
.share-content {
|
|
|
display: flex;
|
|
|
padding: 20rpx;
|
|
|
justify-content: center;
|
|
|
font-size: 24rpx;
|
|
|
-
|
|
|
+
|
|
|
button {
|
|
|
background: transparent;
|
|
|
line-height: 1.5;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
button:after {
|
|
|
border: none;
|
|
|
}
|
|
|
}
|
|
|
- .icon-pengyouquan,.icon-weixin{
|
|
|
- font-size:50px;
|
|
|
- color:#33CC00;
|
|
|
+
|
|
|
+ .icon-pengyouquan,
|
|
|
+ .icon-weixin {
|
|
|
+ font-size: 50px;
|
|
|
+ color: #33CC00;
|
|
|
}
|
|
|
- .del-style{
|
|
|
- padding:40rpx 40rpx 160rpx 40rpx;
|
|
|
- font-size:32rpx;
|
|
|
- position:relative;
|
|
|
- .title{
|
|
|
- color:#1A1A1A;
|
|
|
- font-size:32rpx;
|
|
|
+
|
|
|
+ .del-style {
|
|
|
+ padding: 40rpx 40rpx 160rpx 40rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ color: #1A1A1A;
|
|
|
+ font-size: 32rpx;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
- .radio-wrap{
|
|
|
- padding:23rpx;
|
|
|
- border-radius:10rpx;
|
|
|
- background:#F5F5F5;
|
|
|
- margin:20rpx 0;
|
|
|
+
|
|
|
+ .radio-wrap {
|
|
|
+ padding: 23rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ background: #F5F5F5;
|
|
|
+ margin: 20rpx 0;
|
|
|
}
|
|
|
- .cancel,.confirm{
|
|
|
+
|
|
|
+ .cancel,
|
|
|
+ .confirm {
|
|
|
width: 50%;
|
|
|
text-align: center;
|
|
|
padding: 35rpx 0;
|
|
|
border-top: 1px solid #ccc;
|
|
|
- font-size:36rpx;
|
|
|
+ font-size: 36rpx;
|
|
|
}
|
|
|
- .footer{
|
|
|
+
|
|
|
+ .footer {
|
|
|
position: absolute;
|
|
|
bottom: 0px;
|
|
|
width: 100%;
|
|
|
left: 0;
|
|
|
}
|
|
|
- .cancel{
|
|
|
+
|
|
|
+ .cancel {
|
|
|
border-right: 1px solid #ccc;
|
|
|
}
|
|
|
- .confirm{
|
|
|
- color:#4977FC;
|
|
|
+
|
|
|
+ .confirm {
|
|
|
+ color: #4977FC;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
