You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
629 lines
16 KiB
629 lines
16 KiB
<template>
|
|
<view class="content">
|
|
<!-- <tn-avatar class="icon tn-icon-my" size="xl"></tn-avatar> -->
|
|
<!-- <tn-list-view :card="true" unlined="all" class="listView">
|
|
<tn-list-cell class="listItem-1">
|
|
<view>Name: {{ contactsInfo.peopleName }}</view>
|
|
<view>Tel: {{ contactsInfo.telPhoneNumber }}</view>
|
|
<view>E-mail: {{ contactsInfo.email }}</view>
|
|
<view>Address: {{ contactsInfo.address }}</view>
|
|
<view>Note: {{ contactsInfo.title }}</view>
|
|
<view>Org: {{ contactsInfo.company }}</view>
|
|
</tn-list-cell>
|
|
<tn-list-cell class="listItem">
|
|
<tn-grid align="center" :col="col">
|
|
<block>
|
|
<tn-grid-item class="toolItem" @click="addContact()">
|
|
<view class="tn-icon-my-circle-fill"></view>
|
|
<view class="toolText">Add to contacts</view>
|
|
</tn-grid-item>
|
|
<tn-grid-item class="toolItem" @click="sendEmail()">
|
|
<view class="tn-icon-email"></view>
|
|
<view class="toolText">Send email</view>
|
|
</tn-grid-item>
|
|
<tn-grid-item class="toolItem" @click="call()">
|
|
<view class="tn-icon-tel"></view>
|
|
<view class="toolText">Call</view>
|
|
</tn-grid-item>
|
|
<tn-grid-item class="toolItem" @click="copyValue()">
|
|
<view class="tn-icon-copy-fill"></view>
|
|
<view class="toolText">Copy</view>
|
|
</tn-grid-item>
|
|
</block>
|
|
</tn-grid>
|
|
</tn-list-cell> -->
|
|
<!-- <view class="cutline"></view>
|
|
<tn-list-cell class="listItem-ad">我是谷歌ad部分</tn-list-cell> -->
|
|
<!-- <tn-list-cell class="listItemBottom">
|
|
<image :src="textImgUrl" class="buttomImg"/>
|
|
</tn-list-cell>
|
|
</tn-list-view>
|
|
<text class="bottomText" @click="jumpToFeedback()">Feedback & Suggestion</text>
|
|
|
|
<tn-modal v-model="showStarTip" :custom="true" :backgroundColor="startTipColor">
|
|
<view class="startTipContent">
|
|
<view slot="left" class="tn-icon tn-icon-about-fill">
|
|
<view class="starTipText">Do you like this app?</view>
|
|
</view>
|
|
<view slot="center" class="tn-icon tn-icon-about-fill">
|
|
<tn-rate v-model="starRateValue" :size="80" :allowHalf="false" activeColor="#0186FF"></tn-rate>
|
|
</view>
|
|
<view slot="right" class="tn-icon tn-icon-about-fill">
|
|
<tn-button :fontSize="50" margin="80rpx" height="100rpx" backgroundColor="#0186FF" fontColor="tn-color-white" @click="starTipSubmit()">submit</tn-button>
|
|
</view>
|
|
</view>
|
|
</tn-modal>
|
|
<tn-toast ref="toast"></tn-toast> -->
|
|
|
|
<uv-list class="listView">
|
|
<uv-list-item class="listItem-1">
|
|
<text class="listItemText">Name: {{ contactsInfo.peopleName }}</text>
|
|
<text class="listItemText">Tel: {{ contactsInfo.telPhoneNumber }}</text>
|
|
<text class="listItemText">E-mail: {{ contactsInfo.email }}</text>
|
|
<text class="listItemText">Address: {{ contactsInfo.address }}</text>
|
|
<text class="listItemText">Note: {{ contactsInfo.title }}</text>
|
|
<text class="listItemText">Org: {{ contactsInfo.company }}</text>
|
|
</uv-list-item>
|
|
<uv-list-item class="listItem">
|
|
<uv-grid :col="col">
|
|
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="addContact()">
|
|
<uv-icon name="search" :size="36"></uv-icon>
|
|
<text class="toolText">Add to contacts</text>
|
|
</uv-grid-item>
|
|
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="sendEmail()">
|
|
<uv-icon name="share" :size="36"></uv-icon>
|
|
<text class="toolText">Send email</text>
|
|
</uv-grid-item>
|
|
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="call()">
|
|
<uv-icon name="photo" :size="36"></uv-icon>
|
|
<text class="toolText">Call</text>
|
|
</uv-grid-item>
|
|
<uv-grid-item class="toolItem" :bgColor="bgColor" @click="copyValue()">
|
|
<uv-icon name="photo" :size="36"></uv-icon>
|
|
<text class="toolText">Copy</text>
|
|
</uv-grid-item>
|
|
</uv-grid>
|
|
</uv-list-item>
|
|
<uv-list-item class="listItem-ad" :bgColor="bgColor">
|
|
<!-- #ifdef APP-PLUS -->
|
|
<google-native-view class="pangle-native-view"
|
|
@onAdLoaded="onAdLoaded"
|
|
@onAdClicked="onAdClicked"
|
|
@onAdFailedToLoad="onAdFailedToLoad"
|
|
:adId="nativeAdId"
|
|
:style="{ width: 320, height: 450,backgroundColor:'#1F222B' }">
|
|
</google-native-view>
|
|
<!-- #endif -->
|
|
</uv-list-item>
|
|
<uv-list-item class="listItemBottom">
|
|
<image :src="textImgUrl" class="buttomImg"/>
|
|
</uv-list-item>
|
|
</uv-list>
|
|
|
|
<text class="bottomText" @click="jumpToFeedback()">Feedback & Suggestion</text>
|
|
|
|
<view>
|
|
<uv-modal ref="showStarTip" :showConfirmButton="false">
|
|
<view class="startTipContent">
|
|
<view class="starTipView">
|
|
<text class="starTipText">Do you like this app?</text>
|
|
</view>
|
|
<view class="starTipView">
|
|
<uv-rate :count="5" v-model="starRateValue" :size="40" active-color="#0186FF" inactive-color="#b2b2b2" gutter="20"></uv-rate>
|
|
</view>
|
|
<view class="starTipView">
|
|
<uv-button text="submit" color="#0186FF" class="starTipButton" @click="starTipSubmit()"></uv-button>
|
|
</view>
|
|
<!-- <tn-button :fontSize="50" margin="80rpx" height="100rpx" backgroundColor="#0186FF" fontColor="tn-color-white" @click="starTipSubmit()">submit</tn-button> -->
|
|
</view>
|
|
</uv-modal>
|
|
</view>
|
|
|
|
<uv-toast ref="toast"></uv-toast>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { openSqlite,executeSql,closedb,isTable,addSql} from "@/utils/database";
|
|
export default {
|
|
data() {
|
|
return {
|
|
col: 4,
|
|
contactsInfo:{},
|
|
tableName: 'scan_code',
|
|
textImgUrl: '',
|
|
nativeAdId:'ca-app-pub-3940256099942544/2247696110', //原生广告id
|
|
|
|
starRateValue: 0, //评分星星数量
|
|
bgColor: '#1F222B'
|
|
}
|
|
},
|
|
async onLoad(option) {
|
|
console.log('onLoadOption',option)
|
|
let that = this;
|
|
//打开db
|
|
await that.openSqlite();
|
|
//判断是否存在表
|
|
await that.createTable();
|
|
//scan为写入,history为历史页面
|
|
if(option.category === 'scan'){
|
|
//获取初始化数据并写入db
|
|
await that.initData(option.data);
|
|
}else{
|
|
//查看历史页面
|
|
await that.getHistoryData(option.data);
|
|
}
|
|
},
|
|
onHide() {
|
|
let that = this;
|
|
that.closedb();
|
|
},
|
|
onShow() {
|
|
//uni.clearStorageSync();
|
|
},
|
|
onBackPress(e){
|
|
let that = this;
|
|
//判断评分弹窗条件是否达到要求
|
|
let starTipStatus = that.getStarTipStatus();
|
|
console.log('starTipStatus',JSON.stringify(starTipStatus));
|
|
if(starTipStatus === null || starTipStatus === ""){
|
|
//达到要求
|
|
//that.showStarTip = true;
|
|
that.starTipOpen();
|
|
//更改starTipStatus状态
|
|
that.setStarTipStatus(false);
|
|
return true;
|
|
}else{
|
|
return false;
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
starTipOpen(){
|
|
let that = this;
|
|
that.$refs.showStarTip.open();
|
|
},
|
|
|
|
onAdLoaded() {
|
|
console.log('BarcodeNative广告加载成功');
|
|
},
|
|
|
|
onAdClicked() {
|
|
console.log('点击BarcodeNative广告');
|
|
},
|
|
|
|
onAdFailedToLoad(fail) {
|
|
console.log('native广告加载失败', fail.detail);
|
|
console.log('error code: ' + fail.detail.errorCode);
|
|
console.log('error message: ' + fail.detail.errorMessage);
|
|
this.showToast('ad load error!');
|
|
},
|
|
|
|
showToast(title = '', duration = 1500) {
|
|
uni.showToast({
|
|
title: title,
|
|
mask: true,
|
|
duration: duration,
|
|
icon: 'none'
|
|
});
|
|
},
|
|
|
|
//获取弹窗状态结果
|
|
getStarTipStatus(){
|
|
return uni.getStorageSync('starTipStatus');
|
|
},
|
|
|
|
//设置弹窗状态结果
|
|
setStarTipStatus(value){
|
|
uni.setStorageSync('starTipStatus', value);
|
|
},
|
|
|
|
//提交反馈
|
|
starTipSubmit(){
|
|
let that = this;
|
|
that.$refs.toast.show({
|
|
message: 'Thanks for feedback!',
|
|
duration: 3000
|
|
})
|
|
//that.showStarTip = false;
|
|
//更改starTipStatus状态
|
|
that.setStarTipStatus(true);
|
|
that.$refs.showStarTip.close();
|
|
},
|
|
|
|
//跳转到反馈页面
|
|
jumpToFeedback(){
|
|
console.log('jump')
|
|
uni.navigateTo({
|
|
url: '/pages/feedback/Feedback'
|
|
});
|
|
},
|
|
|
|
//添加联系人
|
|
addContact(){
|
|
let that = this;
|
|
uni.addPhoneContact({
|
|
firstName: that.contactsInfo.peopleName,
|
|
mobilePhoneNumber: that.contactsInfo.telPhoneNumber,
|
|
email: that.contactsInfo.email,
|
|
organization: that.contactsInfo.company,
|
|
title: that.contactsInfo.title,
|
|
success: function () {
|
|
that.$refs.toast.show({
|
|
title: 'Success',
|
|
content: 'add success!',
|
|
icon: 'success',
|
|
duration: 3000
|
|
})
|
|
},
|
|
fail: function () {
|
|
that.$refs.toast.show({
|
|
title: 'Fail',
|
|
content: 'added fail,please try it again!',
|
|
icon: 'fail',
|
|
duration: 3000
|
|
})
|
|
}
|
|
});
|
|
},
|
|
|
|
//发送email
|
|
sendEmail(){
|
|
var msg = plus.messaging.createMessage(plus.messaging.TYPE_EMAIL);
|
|
msg.to = [this.contactsInfo.email];
|
|
msg.body = JSON.stringify(this.contactsInfo);
|
|
plus.messaging.sendMessage( msg );
|
|
},
|
|
|
|
//打电话
|
|
call(){
|
|
uni.makePhoneCall({
|
|
phoneNumber: this.contactsInfo.telPhoneNumber //仅为示例
|
|
});
|
|
},
|
|
|
|
//copy结果值
|
|
copyValue(){
|
|
let that = this;
|
|
//console.log('点击复制关键词事件')
|
|
uni.setClipboardData({
|
|
data: JSON.stringify(that.contactsInfo),
|
|
success() {
|
|
uni.showToast({
|
|
title: 'copy success!'
|
|
});
|
|
}
|
|
})
|
|
},
|
|
|
|
|
|
// 打开数据库
|
|
async openSqlite(){
|
|
try{
|
|
let b = await openSqlite()
|
|
console.log('db打开了');
|
|
}catch(e){
|
|
console.error("open db error",e)
|
|
}
|
|
},
|
|
|
|
// 关闭数据库
|
|
closedb(){
|
|
try{
|
|
closedb()
|
|
console.log('db关闭了');
|
|
}catch(e){
|
|
console.error("close db error",e)
|
|
}
|
|
|
|
},
|
|
|
|
// 创建表
|
|
async createTable(){
|
|
let sql = this.createTableSql_outbound()
|
|
try{
|
|
let exist = await isTable(this.tableName)
|
|
console.log("表是否存在",exist)
|
|
if(!exist){
|
|
let res = await executeSql(sql)
|
|
console.log("新增表scancode",res)
|
|
}else{
|
|
console.log("表scancode已存在")
|
|
}
|
|
}catch(e){
|
|
uni.showToast({
|
|
title:"insert table error",
|
|
icon:"none"
|
|
})
|
|
console.error("新增表报错scancode",e)
|
|
}
|
|
},
|
|
|
|
//写入扫描记录
|
|
async writeToDb(type,params){
|
|
try{
|
|
let data = {
|
|
category: type,
|
|
content: params
|
|
}
|
|
let b = await addSql(this.tableName,data)
|
|
console.log("数据添加成功!")
|
|
}catch(e){
|
|
console.error("insert data error!",e)
|
|
}
|
|
},
|
|
|
|
//创建表语句
|
|
createTableSql_outbound(){
|
|
return "CREATE TABLE IF NOT EXISTS `scan_code` (" +
|
|
" `id` INTEGER PRIMARY KEY AUTOINCREMENT," +
|
|
" `category` varchar(50) DEFAULT NULL ," +
|
|
" `content` text DEFAULT NULL ," +
|
|
" `createTime` datetime DEFAULT CURRENT_TIMESTAMP ," +
|
|
" `updateTime` datetime DEFAULT NULL default(datetime('now','localtime'))" +
|
|
"); "
|
|
},
|
|
|
|
//加载数据
|
|
async initData(option){
|
|
console.log('initoption',option)
|
|
|
|
let that = this;
|
|
let data = JSON.parse(option);
|
|
console.log('data1',data)
|
|
console.log('contactsInfo.TelPhoneNumbers[0]',data.TelPhoneNumbers[0].TelPhoneNumber)
|
|
console.log('contactsInfo.EmailContents[1].AddressInfo',data.EmailContents[0].AddressInfo)
|
|
console.log('contactsInfo.AddressesInfos[0]',data.AddressesInfos[0])
|
|
let insertData = {
|
|
title: data.Title,
|
|
company : data.Company,
|
|
contactLinks: data.ContactLinks,
|
|
peopleName: data.peopleName.FullName,
|
|
telPhoneNumber: data.TelPhoneNumbers[0].TelPhoneNumber,
|
|
email: data.EmailContents[0].AddressInfo,
|
|
address: data.AddressesInfos[0],
|
|
imgUrl: data.imgUrl
|
|
}
|
|
that.contactsInfo = insertData;
|
|
that.textImgUrl = 'file://'+that.contactsInfo.imgUrl;
|
|
//写入db
|
|
await that.writeToDb("Contacts",that.contactsInfo);
|
|
},
|
|
|
|
//获取历史信息
|
|
async getHistoryData(params){
|
|
//console.log('historyparams',params)
|
|
let that = this;
|
|
const data = JSON.parse(params);
|
|
that.contactsInfo = data;
|
|
that.textImgUrl = 'file://'+that.contactsInfo.imgUrl;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
// .content {
|
|
// display: flex;
|
|
// flex-direction: column;
|
|
// align-items: center;
|
|
// justify-content: center;
|
|
// background-color: #1F222B;
|
|
// height:100vh;
|
|
|
|
// .listView{
|
|
// z-index: 0;
|
|
// position: relative;
|
|
// width: 660rpx;
|
|
// height: 1300rpx;
|
|
// margin-top: 100rpx;
|
|
// background-color: #1F222B;
|
|
|
|
// .listItem-1{
|
|
// margin-top: 120rpx;
|
|
// background-color: #1F222B;
|
|
// color: #fff;
|
|
// //border: 2px solid yellow;
|
|
// height: 360rpx;
|
|
// text-align: start;
|
|
// }
|
|
|
|
// .listItem{
|
|
// //border: 2px solid yellow;
|
|
// height: 160rpx;
|
|
// //margin-top: 30px;
|
|
// //padding-top: 30px;
|
|
// background-color: #1F222B;
|
|
// color: #fff;
|
|
|
|
// .toolItem{
|
|
// //border: 2px solid red;
|
|
// background-color: #1F222B;
|
|
// font-size: 60rpx;
|
|
// color: #8f8f94;
|
|
// height: 120rpx;
|
|
// text-align: center;
|
|
|
|
// .toolText{
|
|
// font-size: 24rpx;
|
|
// color: #8f8f94;
|
|
// }
|
|
// }
|
|
|
|
// }
|
|
|
|
// .listItem-ad{
|
|
// background-color: #1F222B;
|
|
// text-align: center;
|
|
// color: #fff;
|
|
// //border: 2px solid red;
|
|
// height: 160rpx;
|
|
// }
|
|
|
|
// .listItemBottom{
|
|
// height: 400rpx;
|
|
// margin-top: 20rpx;
|
|
// background-color: #1F222B;
|
|
// color: #fff;
|
|
// display: flex;
|
|
// flex-direction: column;
|
|
// align-items: center;
|
|
// justify-content: center;
|
|
|
|
// .buttomImg{
|
|
// width: 300rpx;
|
|
// height: 300rpx;
|
|
// }
|
|
// }
|
|
// }
|
|
// // .icon{
|
|
// // z-index: 1;
|
|
// // position: absolute;
|
|
// // margin-top: -620rpx;
|
|
// // background-color: #3e444d;
|
|
// // font-size: 120rpx;
|
|
// // color: #fff;
|
|
// // text-align: center;
|
|
// // }
|
|
|
|
// .bottomText{
|
|
// color: #fff;
|
|
// text-align: center;
|
|
// font-size: 24rpx;
|
|
// //margin-top: 40rpx;
|
|
// margin-bottom: 120rpx;
|
|
// }
|
|
// .cutline{
|
|
// border: 1px solid #8f8f94;
|
|
// }
|
|
|
|
// .starTipText{
|
|
// color: #fff;
|
|
// font-size: 50rpx;
|
|
// }
|
|
|
|
// .startTipContent{
|
|
// margin-bottom: 30rpx;
|
|
// }
|
|
// }
|
|
|
|
.content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #1F222B;
|
|
height:660vh;
|
|
}
|
|
|
|
.listView{
|
|
z-index: 0;
|
|
position: relative;
|
|
width: 700rpx;
|
|
//height: 500rpx;
|
|
margin-top: 100rpx;
|
|
background-color: #1F222B;
|
|
}
|
|
|
|
.listItem-1{
|
|
margin-top: 220rpx;
|
|
background-color: #1F222B;
|
|
//border: 2px solid yellow;
|
|
height: 400rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.listItem{
|
|
//border: 2px solid yellow;
|
|
/* #ifndef APP-PLUS-NVUE */
|
|
height: auto;
|
|
/* #endif */
|
|
|
|
margin-top: 200rpx;
|
|
//padding-top: 30px;
|
|
background-color: #1F222B;
|
|
color: #fff;
|
|
}
|
|
|
|
.toolItem{
|
|
//border: 2px solid pink;
|
|
background-color: #1F222B;
|
|
font-size: 60rpx;
|
|
color: #8f8f94;
|
|
height: 120rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.toolText{
|
|
font-size: 22rpx;
|
|
color: #8f8f94;
|
|
}
|
|
|
|
.listItem-ad{
|
|
background-color: #1F222B;
|
|
text-align: center;
|
|
//margin-top: 150rpx;
|
|
color: #fff;
|
|
//border: 2px solid blue;
|
|
height: 160rpx;
|
|
}
|
|
|
|
.listItemBottom{
|
|
height: 400rpx;
|
|
margin-top: 20rpx;
|
|
width: 700rpx;
|
|
//border: 2px solid blue;
|
|
background-color: #1F222B;
|
|
color: #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.buttomImg{
|
|
width: 300rpx;
|
|
height: 300rpx;
|
|
}
|
|
|
|
.bottomText{
|
|
color: #fff;
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
//margin-top: 40rpx;
|
|
margin-bottom: 240rpx;
|
|
}
|
|
|
|
.cutline{
|
|
border: 1px solid #8f8f94;
|
|
}
|
|
|
|
.starTipText{
|
|
color: #fff;
|
|
font-size: 48rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.startTipContent{
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.starTipView{
|
|
margin-top: 50rpx;
|
|
}
|
|
|
|
.starTipButton{
|
|
width: 250rpx;
|
|
height: 80rpx;
|
|
text-align: center;
|
|
margin-left: 190rpx;
|
|
}
|
|
|
|
.listItemText{
|
|
font-size: 36rpx;
|
|
text-align: center;
|
|
background-color: #1F222B;
|
|
//border: 2px solid pink;
|
|
color: #fff;
|
|
}
|
|
</style>
|
|
|