chengkun
2 years ago
24 changed files with 115 additions and 397 deletions
@ -1,280 +0,0 @@ |
|||
<!-- <template> |
|||
<view class="content"> |
|||
<tn-avatar class="icon tn-icon-book" size="xl"></tn-avatar> |
|||
<tn-list-view :card="true" unlined="all" class="listView"> |
|||
<tn-list-cell class="listItem-1"> |
|||
<view>{{ bookInfo.display }}</view> |
|||
</tn-list-cell> |
|||
<tn-list-cell class="listItem"> |
|||
<tn-grid align="center" :col="col"> |
|||
<block v-for="(item, index) in fastToolList" :key="index"> |
|||
<tn-grid-item class="toolItem"> |
|||
<view :class="item.icon"></view> |
|||
<view class="cutline"></view> |
|||
<view class="toolText">{{ item.text }}</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="/static/logo.png" class="buttomImg"/> |
|||
</tn-list-cell> |
|||
</tn-list-view> |
|||
<text class="bottomText">Feedback & Suggestion</text> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { openSqlite,executeSql,closedb,isTable,addSql} from "@/utils/database"; |
|||
export default { |
|||
data() { |
|||
return { |
|||
col: 4, |
|||
bookInfo:{}, |
|||
tableName: 'scan_code', |
|||
fastToolList:[ |
|||
{ |
|||
"index": 0, |
|||
"text":"Web Search", |
|||
"icon": "tn-icon-search" |
|||
}, |
|||
{ |
|||
"index": 1, |
|||
"text":"View in store", |
|||
"icon": "tn-icon-shop" |
|||
}, |
|||
{ |
|||
"index": 2, |
|||
"text":"Price history", |
|||
"icon": "tn-icon-statistics" |
|||
}, |
|||
{ |
|||
"index": 3, |
|||
"text":"Copy", |
|||
"icon": "tn-icon-copy-fill" |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
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(); |
|||
}, |
|||
methods: { |
|||
// 打开数据库 |
|||
async openSqlite(){ |
|||
try{ |
|||
let b = await openSqlite() |
|||
// uni.showToast({ |
|||
// title:"open db success", |
|||
// icon:"none" |
|||
// }) |
|||
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); |
|||
that.bookInfo = data; |
|||
//console.log('initwifiInfo',that.wifiInfo) |
|||
//console.log('password',that.wifiInfo.password) |
|||
//console.log('ssid',that.wifiInfo.ssid) |
|||
//写入db |
|||
await that.writeToDb("Book",that.bookInfo); |
|||
}, |
|||
|
|||
//获取历史信息 |
|||
async getHistoryData(params){ |
|||
//console.log('historyparams',params) |
|||
let that = this; |
|||
const data = JSON.parse(params); |
|||
//console.log('historydata',data) |
|||
that.bookInfo = data; |
|||
//console.log('HistotyWifiInfo',that.wifiInfo) |
|||
//console.log('password',wifiInfo.password) |
|||
//console.log('ssid',wifiInfo.ssid) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.content { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #000000; |
|||
height:100vh; |
|||
|
|||
.listView{ |
|||
z-index: 0; |
|||
position: relative; |
|||
width: 660rpx; |
|||
height: 1300rpx; |
|||
margin-top: 100rpx; |
|||
background-color: #141b29; |
|||
|
|||
.listItem-1{ |
|||
margin-top: 120rpx; |
|||
background-color: #141b29; |
|||
color: #fff; |
|||
//border: 2px solid yellow; |
|||
height: 160rpx; |
|||
text-align: center; |
|||
} |
|||
|
|||
.listItem{ |
|||
//border: 2px solid yellow; |
|||
height: 160rpx; |
|||
//margin-top: 30px; |
|||
//padding-top: 30px; |
|||
background-color: #141b29; |
|||
color: #fff; |
|||
|
|||
.toolItem{ |
|||
//border: 2px solid red; |
|||
background-color: #141b29; |
|||
font-size: 60rpx; |
|||
color: #8f8f94; |
|||
height: 120rpx; |
|||
text-align: center; |
|||
|
|||
|
|||
.toolText{ |
|||
font-size: 24rpx; |
|||
color: #8f8f94; |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
.listItem-ad{ |
|||
background-color: #141b29; |
|||
text-align: center; |
|||
color: #fff; |
|||
//border: 2px solid red; |
|||
height: 160rpx; |
|||
} |
|||
|
|||
.listItemBottom{ |
|||
height: 400rpx; |
|||
margin-top: 20rpx; |
|||
background-color: #141b29; |
|||
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: 40rpx; |
|||
} |
|||
.cutline{ |
|||
border: 1px solid #8f8f94; |
|||
} |
|||
|
|||
} |
|||
</style> --> |
|||
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
Loading…
Reference in new issue