import dxui from '../../../../dxmodules/dxUi.js'
|
import viewUtils from "../../viewUtils.js"
|
import topView from "../../topView.js"
|
import configView from '../configView.js'
|
import i18n from "../../i18n.js"
|
import screen from '../../../screen.js'
|
import recordQueryDetailView from './recordQuery/recordQueryDetailView.js'
|
const recordQueryView = {}
|
recordQueryView.init = function () {
|
/**************************************************创建屏幕*****************************************************/
|
const screenMain = dxui.View.build('recordQueryView', dxui.Utils.LAYER.MAIN)
|
recordQueryView.screenMain = screenMain
|
screenMain.scroll(false)
|
screenMain.bgColor(0xffffff)
|
screenMain.on(dxui.Utils.ENUM.LV_EVENT_SCREEN_LOADED, () => {
|
topView.changeTheme(true)
|
refreshRecordList(recordQueryView.nowPage ? recordQueryView.nowPage : 0, 3)
|
})
|
|
const empty = dxui.Image.build(screenMain.id + 'empty', screenMain)
|
recordQueryView.empty = empty
|
empty.source(screen.resourcePath.imagePath + '/empty.png')
|
empty.align(dxui.Utils.ALIGN.CENTER, 0, 0)
|
empty.hide()
|
|
const titleBox = viewUtils.title(screenMain, configView.screenMain, 'recordQueryViewTitle', 'recordQueryView.title', () => { recordQueryView.nowPage = 0 })
|
titleBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (50 / 1280))
|
|
const box = dxui.View.build(screenMain.id + 'box', screenMain)
|
viewUtils._clearStyle(box)
|
box.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (150 / 1280))
|
box.setSize(screen.screenSize.width * (600 / 600), screen.screenSize.height * (800 / 1280))
|
box.bgOpa(0)
|
box.flexFlow(dxui.Utils.FLEX_FLOW.ROW_WRAP)
|
box.flexAlign(dxui.Utils.FLEX_ALIGN.CENTER, dxui.Utils.FLEX_ALIGN.START, dxui.Utils.FLEX_ALIGN.START)
|
box.obj.lvObjSetStylePadGap(screen.screenSize.width * (15 / 600), dxui.Utils.ENUM._LV_STYLE_STATE_CMP_SAME)
|
// box.hide()
|
|
|
recordQueryView.items = []
|
for (let i = 0; i < 3; i++) {
|
// 创建主容器，每个项目占更大空间
|
const item = dxui.View.build(box.id + 'item' + i, box)
|
viewUtils._clearStyle(item)
|
item.setSize(screen.screenSize.width * (560 / 600), screen.screenSize.height * (240 / 1280)) // 高度从120增加到240，正好是原来的2倍
|
item.bgColor(0xf5f5f5) // 灰色背景
|
item.radius(screen.screenSize.width * (8 / 600)) // 圆角
|
item.padAll(screen.screenSize.height * (15 / 1280)) // 内边距
|
|
// 创建内容容器
|
const content = dxui.View.build(item.id + 'content' + i, item)
|
viewUtils._clearStyle(content)
|
content.setSize(screen.screenSize.width * (530 / 600), screen.screenSize.height * (210 / 1280))
|
content.bgOpa(0)
|
content.align(dxui.Utils.ALIGN.TOP_LEFT, 0, 0)
|
|
// 姓名标签 - 更大字体
|
const name = dxui.Label.build(content.id + 'name' + i, content)
|
name.align(dxui.Utils.ALIGN.TOP_LEFT, 0, screen.screenSize.height * (5 / 1280))
|
name.textFont(viewUtils.font(28)) // 从22增加到28
|
name.textColor(0x333333)
|
|
// ID标签和值
|
const code = dxui.Label.build(content.id + 'code' + i, content)
|
code.setPos(0, screen.screenSize.height * (50 / 1280))
|
code.setSize(screen.screenSize.width * (120 / 600), screen.screenSize.height * (30 / 1280))
|
code.textFont(viewUtils.font(24)) // 从22增加到24
|
code.dataI18n = 'recordQueryView.code'
|
code.textColor(0x666666)
|
|
const codeValue = dxui.Label.build(content.id + 'codeValue' + i, content)
|
codeValue.setPos(screen.screenSize.width * (120 / 600), screen.screenSize.height * (50 / 1280))
|
codeValue.width(screen.screenSize.width * (280 / 600))
|
codeValue.longMode(dxui.Utils.LABEL_LONG_MODE.SCROLL_CIRCULAR)
|
codeValue.textFont(viewUtils.font(24)) // 从22增加到24
|
codeValue.textColor(0x333333)
|
|
// 时间标签和值
|
const time = dxui.Label.build(content.id + 'time' + i, content)
|
time.setPos(0, screen.screenSize.height * (90 / 1280))
|
time.setSize(screen.screenSize.width * (120 / 600), screen.screenSize.height * (30 / 1280))
|
time.textFont(viewUtils.font(24)) // 从22增加到24
|
time.dataI18n = 'recordQueryView.time'
|
time.textColor(0x666666)
|
|
const timeValue = dxui.Label.build(content.id + 'timeValue' + i, content)
|
timeValue.setPos(screen.screenSize.width * (120 / 600), screen.screenSize.height * (90 / 1280))
|
timeValue.setSize(screen.screenSize.width * (300 / 600), screen.screenSize.height * (30 / 1280))
|
timeValue.textFont(viewUtils.font(24)) // 从22增加到24
|
timeValue.textColor(0x333333)
|
|
// 结果标签和值
|
const result = dxui.Label.build(content.id + 'result' + i, content)
|
result.setPos(0, screen.screenSize.height * (130 / 1280))
|
result.setSize(screen.screenSize.width * (120 / 600), screen.screenSize.height * (30 / 1280))
|
result.textFont(viewUtils.font(24)) // 从22增加到24
|
result.dataI18n = 'recordQueryView.result'
|
result.textColor(0x666666)
|
|
const resultValue = dxui.Label.build(content.id + 'resultValue' + i, content)
|
resultValue.setPos(screen.screenSize.width * (120 / 600), screen.screenSize.height * (130 / 1280))
|
resultValue.setSize(screen.screenSize.width * (200 / 600), screen.screenSize.height * (30 / 1280))
|
resultValue.textFont(viewUtils.font(24)) // 从22增加到24
|
resultValue.textColor(0x333333)
|
|
// More按钮
|
const moreBtn = dxui.Button.build(content.id + 'btn' + i, content)
|
moreBtn.align(dxui.Utils.ALIGN.TOP_RIGHT, 0, screen.screenSize.height * (10 / 1280))
|
moreBtn.setSize(screen.screenSize.width * (100 / 600), screen.screenSize.height * (50 / 1280))
|
moreBtn.bgColor(0x007bff)
|
moreBtn.radius(screen.screenSize.width * (6 / 600))
|
const moreBtnLbl = dxui.Label.build(content.id + 'btnLbl' + i, moreBtn)
|
moreBtnLbl.textFont(viewUtils.font(22))
|
moreBtnLbl.text('详情')
|
moreBtnLbl.textColor(0xffffff)
|
|
moreBtn.on(dxui.Utils.EVENT.CLICK, () => {
|
recordQueryView.nowRecord = recordQueryView.recordData.data[i]
|
dxui.loadMain(recordQueryDetailView.screenMain)
|
})
|
|
recordQueryView.items.push({
|
item,
|
name,
|
id: codeValue,
|
idLbl: code,
|
timeStamp: timeValue,
|
timeLbl: time,
|
result: resultValue,
|
resultLbl: result
|
})
|
}
|
|
const pageNextBtn = dxui.Button.build(screenMain.id + 'pageNextBtn', screenMain)
|
recordQueryView.pageNextBtn = pageNextBtn
|
pageNextBtn.bgColor(0x000000)
|
pageNextBtn.setSize(screen.screenSize.width * (80 / 600), screen.screenSize.height * (80 / 1280)) // 进一步增加按钮尺寸
|
pageNextBtn.radius(screen.screenSize.width * (10 / 600)) // 增加圆角
|
const pageNextLbl = dxui.Label.build(screenMain.id + 'pageNextLbl', pageNextBtn)
|
pageNextLbl.text("→")
|
pageNextLbl.textFont(viewUtils.font(32)) // 进一步增大字体
|
pageNextLbl.textColor(0xffffff) // 白色文字
|
pageNextLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)
|
pageNextBtn.align(dxui.Utils.ALIGN.BOTTOM_RIGHT, -screen.screenSize.width * (20 / 600), -screen.screenSize.height * (30 / 1280)) // 往下移动20px
|
|
const pagePrevBtn = dxui.Button.build(screenMain.id + 'pagePrevBtn', screenMain)
|
recordQueryView.pagePrevBtn = pagePrevBtn
|
pagePrevBtn.bgColor(0x000000)
|
pagePrevBtn.setSize(screen.screenSize.width * (80 / 600), screen.screenSize.height * (80 / 1280)) // 进一步增加按钮尺寸
|
pagePrevBtn.radius(screen.screenSize.width * (10 / 600)) // 增加圆角
|
const pagePrevLbl = dxui.Label.build(screenMain.id + 'pagePrevLbl', pagePrevBtn)
|
pagePrevLbl.text("←")
|
pagePrevLbl.textFont(viewUtils.font(32)) // 进一步增大字体
|
pagePrevLbl.textColor(0xffffff) // 白色文字
|
pagePrevLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)
|
pagePrevBtn.align(dxui.Utils.ALIGN.BOTTOM_LEFT, screen.screenSize.width * (20 / 600), -screen.screenSize.height * (30 / 1280)) // 往下移动20px
|
|
const pageMidCont = dxui.View.build(screenMain.id + 'pageMidCont', screenMain)
|
const originalY = -screen.screenSize.height * (42 / 1280)
|
const keyboardUpY = -screen.screenSize.height * (320 / 1280) // Assumes keyboard height is around 400px
|
viewUtils._clearStyle(pageMidCont)
|
pageMidCont.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, originalY)
|
pageMidCont.setSize(screen.screenSize.width * (300 / 600), screen.screenSize.height * (60 / 1280)) // Increase width and set a fixed height
|
pageMidCont.bgOpa(0)
|
pageMidCont.flexFlow(dxui.Utils.FLEX_FLOW.ROW)
|
pageMidCont.flexAlign(dxui.Utils.FLEX_ALIGN.CENTER, dxui.Utils.FLEX_ALIGN.CENTER, dxui.Utils.FLEX_ALIGN.CENTER)
|
|
const pageSelect = viewUtils.input(pageMidCont, screenMain.id + 'pageSelect', 2, () => {
|
let pageNum = Number(pageSelect.text())
|
const totalPage = recordQueryView.recordData.totalPage
|
|
// Auto-correct input value
|
if (pageNum < 1) {
|
pageNum = 1
|
}
|
if (pageNum > totalPage) {
|
pageNum = totalPage
|
}
|
|
const pageIndex = pageNum - 1
|
refreshRecordList(pageIndex, 3)
|
recordQueryView.nowPage = pageIndex
|
// Update input text with the corrected value
|
pageSelect.text(String(pageNum))
|
|
// After input is handled, move the container back to its original position
|
pageMidCont.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, originalY)
|
})
|
recordQueryView.pageSelect = pageSelect
|
pageSelect.setSize(screen.screenSize.width * (150 / 600), screen.screenSize.height * (55 / 1280))
|
|
// Handle container movement when keyboard appears/disappears
|
pageSelect.on(dxui.Utils.EVENT.CLICK, () => {
|
pageMidCont.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, keyboardUpY)
|
});
|
|
pageNextBtn.on(dxui.Utils.EVENT.CLICK, () => {
|
const nextPage = (recordQueryView.nowPage || 0) + 1
|
refreshRecordList(nextPage, 3)
|
recordQueryView.nowPage = nextPage
|
})
|
pagePrevBtn.on(dxui.Utils.EVENT.CLICK, () => {
|
const prevPage = (recordQueryView.nowPage || 0) - 1
|
refreshRecordList(prevPage, 3)
|
recordQueryView.nowPage = prevPage
|
})
|
const pageTotal = dxui.Label.build(screenMain.id + 'pageTotal', pageMidCont)
|
recordQueryView.pageTotal = pageTotal
|
pageTotal.text(" / 1")
|
pageTotal.textFont(viewUtils.font(22))
|
pageTotal.padLeft(screen.screenSize.width * (10 / 600))
|
}
|
|
// 刷新列表
|
function refreshRecordList(page, size) {
|
const recordData = screen.getPassRecord(page, size)
|
recordQueryView.recordData = recordData
|
|
const data = recordData.data
|
const totalPage = recordData.totalPage
|
const totalSize = recordData.totalSize
|
const currentPage = recordData.currentPage
|
|
|
if (currentPage == 1) {
|
recordQueryView.pagePrevBtn.disable(true)
|
recordQueryView.pagePrevBtn.hide()
|
} else {
|
recordQueryView.pagePrevBtn.disable(false)
|
recordQueryView.pagePrevBtn.show()
|
}
|
if (currentPage == totalPage || totalPage == 0) {
|
recordQueryView.pageNextBtn.disable(true)
|
recordQueryView.pageNextBtn.hide()
|
} else {
|
recordQueryView.pageNextBtn.disable(false)
|
recordQueryView.pageNextBtn.show()
|
}
|
if (totalPage == 0 || totalPage == 1) {
|
recordQueryView.pageSelect.hide()
|
recordQueryView.pageTotal.hide()
|
} else {
|
recordQueryView.pageSelect.show()
|
recordQueryView.pageTotal.show()
|
}
|
|
// Update the input field with the current page number
|
recordQueryView.pageSelect.text(String(currentPage))
|
recordQueryView.pageTotal.text("/ " + recordData.totalPage)
|
if (!data || data.length == 0) {
|
recordQueryView.items.forEach(item => {
|
item.item.hide()
|
})
|
recordQueryView.empty.show()
|
return
|
} else {
|
recordQueryView.empty.hide()
|
}
|
|
recordQueryView.items.forEach((item, index) => {
|
if (!data[index]) {
|
item.item.hide()
|
} else {
|
item.item.show()
|
let extra
|
let extra2
|
try {
|
extra = JSON.parse(data[index].extra)
|
if (data[index].extra2) {
|
extra2 = JSON.parse(data[index].extra2)
|
}
|
} catch (error) {
|
}
|
// 处理双人通行记录的姓名显示
|
if (extra && extra.name) {
|
if (extra2 && extra2.name) {
|
item.name.text(extra.name + " & " + extra2.name)
|
} else {
|
item.name.text(extra.name)
|
}
|
} else {
|
item.name.text(i18n.t('recordQueryView.stranger'))
|
}
|
// 处理双人通行记录的编号显示
|
if (data[index].userId2) {
|
item.id.text(" " + data[index].userId + " & " + data[index].userId2)
|
} else {
|
item.id.text(" " + data[index].userId)
|
}
|
|
const t = new Date(data[index].timeStamp * 1000)
|
|
|
// 补零函数
|
const pad = (n) => n < 10 ? `0${n}` : n;
|
|
item.timeStamp.text(" " + `${t.getFullYear()}-${pad(t.getMonth() + 1)}-${pad(t.getDate())} ${pad(t.getHours())}:${pad(t.getMinutes())}:${pad(t.getSeconds())}`)
|
|
let msg = ""
|
switch (data[index].type) {
|
case "200":
|
msg = i18n.t('recordQueryView.card')
|
break;
|
case "300":
|
msg = i18n.t('recordQueryView.face')
|
break;
|
case "400":
|
msg = i18n.t('recordQueryView.password')
|
break;
|
default:
|
break;
|
}
|
|
if (data[index].result == 0) {
|
msg += i18n.t('recordQueryView.success')
|
item.result.textColor(0x00ff00)
|
} else {
|
msg += i18n.t('recordQueryView.fail')
|
if (data[index].message) {
|
msg += " (" + data[index].message + ")"
|
}
|
item.result.textColor(0xff0000)
|
}
|
item.result.text(" " + msg)
|
}
|
})
|
}
|
export default recordQueryView
|
