import dxui from '../../../../dxmodules/dxUi.js'
import viewUtils from "../../viewUtils.js"
import topView from "../../topView.js"
import configView from '../configView.js'
import localUserAddView from './localUser/localUserAddView.js'
import screen from '../../../screen.js'

const localUserView = {}
localUserView.init = function () {
    /**************************************************创建屏幕*****************************************************/
    const screenMain = dxui.View.build('localUserView', dxui.Utils.LAYER.MAIN)
    localUserView.screenMain = screenMain
    screenMain.scroll(false)
    screenMain.bgColor(0xffffff)
    screenMain.on(dxui.Utils.ENUM.LV_EVENT_SCREEN_LOADED, () => {
        topView.changeTheme(true)

        localUserView.nowPage = localUserView.nowPage ? localUserView.nowPage : 0
        let users = screen.getUsers(localUserView.nowPage, 6)
        while (users.data.length == 0 && localUserView.nowPage > 0) {
            localUserView.nowPage -= 1
            users = screen.getUsers(localUserView.nowPage, 6)
        }
        if (users.data.length > 0) {
            // localUserView.initData([{ id: "1", name: '张三' }, { id: "2", name: '李四' }, { id: "3", name: '王五' }, { id: "4", name: '赵六' }, { id: "5", name: '孙七' }, { id: "6", name: '周八' }, { id: "7", name: '吴九' }, { id: "8", name: '郑十' }, { id: "9", name: '陈十一' }, { id: "10", name: '赵十二' }, { id: "11", name: '孙十三' }, { id: "12", name: '周十四' }, { id: "13", name: '吴十五' }, { id: "14", name: '郑十六' }, { id: "15", name: '陈十七' }, { id: "16", name: '赵十八' }, { id: "17", name: '孙十九' }, { id: "20", name: '周二十' },])
            localUserView.initData(users.data)
        } else {
            localUserView.initData()
        }
        // 刷新分页信息
        refreshPageInfo(users)
    })

    const titleBox = viewUtils.title(screenMain, configView.screenMain, 'localUserViewTitle', 'localUserView.title', () => { localUserView.nowPage = 0 })
    titleBox.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (50 / 1280))

    const empty = dxui.Image.build('empty', screenMain)
    localUserView.empty = empty
    empty.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (272 / 1280))
    empty.source(screen.resourcePath.imagePath + '/empty.png')

    const emptyLbl = dxui.Label.build('emptyLbl', screenMain)
    localUserView.emptyLbl = emptyLbl
    emptyLbl.textFont(viewUtils.font(26))
    emptyLbl.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (598 / 1280))
    emptyLbl.dataI18n = 'localUserView.empty'
    emptyLbl.textColor(0x888888)

    const userList = dxui.View.build('userList', screenMain)
    viewUtils._clearStyle(userList)
    localUserView.userList = userList
    userList.setSize(screen.screenSize.width * (600 / 600), screen.screenSize.height * (712 / 1280))
    userList.align(dxui.Utils.ALIGN.TOP_MID, 0, screen.screenSize.height * (178 / 1280))
    userList.flexFlow(dxui.Utils.FLEX_FLOW.ROW_WRAP)
    userList.flexAlign(dxui.Utils.FLEX_ALIGN.START, dxui.Utils.FLEX_ALIGN.START, dxui.Utils.FLEX_ALIGN.START)
    userList.obj.lvObjSetStylePadGap(screen.screenSize.width * (5 / 600), dxui.Utils.ENUM._LV_STYLE_STATE_CMP_SAME)
    userList.hide()

    const searchBox = dxui.View.build('searchBox', userList)
    viewUtils._clearStyle(searchBox)
    searchBox.setSize(screen.screenSize.width * (600 / 600), screen.screenSize.height * (95 / 1280))
    searchBox.bgOpa(0)
    searchBox.borderWidth(1)
    searchBox.setBorderColor(0xDEDEDE)
    searchBox.obj.setStyleBorderSide(dxui.Utils.ENUM.LV_BORDER_SIDE_BOTTOM, 0)

    const searchInput = viewUtils.input(searchBox, 'searchBoxInput', screen.isInternationalVersion() ? 0 : 1, () => {
    }, 'localUserView.search')
    searchInput.setSize(screen.screenSize.width * (300 / 600), screen.screenSize.height * (75 / 1280))
    searchInput.align(dxui.Utils.ALIGN.LEFT_MID, screen.screenSize.width * (28 / 600), 0)

    const searchBtn = dxui.Button.build('searchBtn', searchBox)
    searchBtn.setSize(screen.screenSize.width * (126 / 600), screen.screenSize.height * (55 / 1280))
    searchBtn.align(dxui.Utils.ALIGN.RIGHT_MID, -screen.screenSize.width * (29 / 600), 0)
    searchBtn.bgColor(0xF6FAFA)
    searchBtn.radius(screen.screenSize.width * (10 / 600))

    searchBtn.on(dxui.Utils.EVENT.CLICK, () => {
        localUserView.nowPage = 0
        const users = screen.getUsers(0, 6, searchInput.text())
        if (users.data) {
            localUserView.initData(users.data)
        } else {
            localUserView.initData([])
        }
        refreshPageInfo(users)
    })

    const searchBtnLbl = dxui.Label.build('searchBtnLbl', searchBtn)
    searchBtnLbl.dataI18n = 'localUserView.searchBtn'
    searchBtnLbl.textFont(viewUtils.font(26))
    searchBtnLbl.textColor(0x05AA8D)
    searchBtnLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)

    localUserView.userItemList = []
    for (let i = 0; i < 6; i++) {
        const userItem = dxui.View.build('userItem' + i, userList)
        viewUtils._clearStyle(userItem)
        userItem.setSize(screen.screenSize.width * (600 / 600), screen.screenSize.height * (95 / 1280))
        userItem.align(dxui.Utils.ALIGN.TOP_MID, 0, 0)
        userItem.bgOpa(0)
        userItem.borderWidth(1)
        userItem.setBorderColor(0xDEDEDE)
        userItem.obj.setStyleBorderSide(dxui.Utils.ENUM.LV_BORDER_SIDE_BOTTOM, 0)
        userItem.hide()

        const userItemId = dxui.Label.build('userItemId' + i, userItem)
        userItemId.text(i + '')
        userItemId.textFont(viewUtils.font(26))
        userItemId.align(dxui.Utils.ALIGN.LEFT_MID, screen.screenSize.width * (80 / 600), 0)
        userItemId.width(screen.screenSize.width * (100 / 600))
        userItemId.longMode(dxui.Utils.LABEL_LONG_MODE.SCROLL_CIRCULAR)
        userItemId.hide()

        const userItemName = dxui.Label.build('userItemName' + i, userItem)
        userItemName.text(' ')
        userItemName.textFont(viewUtils.font(26))
        userItemName.align(dxui.Utils.ALIGN.LEFT_MID, screen.screenSize.width * (28 / 600), 0)
        userItemName.width(screen.screenSize.width * (200 / 600))
        userItemName.longMode(dxui.Utils.LABEL_LONG_MODE.SCROLL_CIRCULAR)

        const userItemEdit = dxui.Button.build('userItemEdit' + i, userItem)
        userItemEdit.setSize(screen.screenSize.width * (126 / 600), screen.screenSize.height * (55 / 1280))
        userItemEdit.align(dxui.Utils.ALIGN.RIGHT_MID, -screen.screenSize.width * (29 / 600), 0)
        userItemEdit.bgColor(0xF6FAFA)
        userItemEdit.radius(screen.screenSize.width * (10 / 600))

        userItemEdit.on(dxui.Utils.EVENT.CLICK, () => {
            localUserAddView.isEdit(true)
            dxui.loadMain(localUserAddView.screenMain)

            let item = localUserView.userData.filter(item => {
                return item.id === userItemId.text().replace('ID：', '')
            })
            if (item) {
                item = item[0]
                const voucher = screen.getVoucher(item.id)
                Object.assign(item, voucher);

                localUserAddView.nowUser = item
                // 保存原始用户编号，用于判断是否被修改
                localUserAddView.originalUserId = item.id

                if (item.id) {
                    localUserAddView.addID(item.id)
                }
                if (item.name) {
                    localUserAddView.addName(item.name)
                }
                if (item.idCard) {
                    localUserAddView.addIDCard(item.idCard)
                }
                if (item.face) {
                    localUserAddView.addFace(item.face,item.feature)
                }
                if (item.pwd) {
                    localUserAddView.addPwd(item.pwd)
                }
                if (item.card) {
                    localUserAddView.addCard(item.card)
                }
                if (item.fingerId) {
                    localUserAddView.addFinger(item.fingerId)
                }
                localUserAddView.addType(item.type)
            }
        })

        const userItemEditLbl = dxui.Label.build('userItemEditLbl' + i, userItemEdit)
        userItemEditLbl.dataI18n = 'localUserView.edit'
        userItemEditLbl.textFont(viewUtils.font(26))
        userItemEditLbl.textColor(0x05AA8D)
        userItemEditLbl.align(dxui.Utils.ALIGN.CENTER, 0, 0)

        localUserView.userItemList.push({ userItem, userItemId, userItemName })
    }

    const pageNextBtn = dxui.Button.build(screenMain.id + 'pageNextBtn', screenMain)
    localUserView.pageNextBtn = pageNextBtn
    pageNextBtn.bgColor(0x000000)
    pageNextBtn.setSize(screen.screenSize.width * (80 / 600), screen.screenSize.height * (100 / 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 * (288 / 1280))

    const pagePrevBtn = dxui.Button.build(screenMain.id + 'pagePrevBtn', screenMain)
    localUserView.pagePrevBtn = pagePrevBtn
    pagePrevBtn.bgColor(0x000000)
    pagePrevBtn.setSize(screen.screenSize.width * (80 / 600), screen.screenSize.height * (100 / 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 * (288 / 1280))

    const pageMidCont = dxui.View.build(screenMain.id + 'pageMidCont', screenMain)
    const originalY = -screen.screenSize.height * (288 / 1280)
    const keyboardUpY = -screen.screenSize.height * (400 / 1280)
    viewUtils._clearStyle(pageMidCont)
    pageMidCont.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, originalY)
    pageMidCont.setSize(screen.screenSize.width * (300 / 600), screen.screenSize.height * (75 / 1280))
    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 = localUserView.lastUsers ? localUserView.lastUsers.totalPage : 1
        if (pageNum < 1) {
            pageNum = 1
        }
        if (pageNum > totalPage) {
            pageNum = totalPage
        }
        const pageIndex = pageNum - 1
        const users = screen.getUsers(pageIndex, 6)
        localUserView.nowPage = pageIndex
        if (users.data) {
            localUserView.initData(users.data)
        } else {
            localUserView.initData([])
        }
        refreshPageInfo(users)
        pageSelect.text(String(pageNum))
        pageMidCont.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, originalY)
    })
    localUserView.pageSelect = pageSelect
    pageSelect.setSize(screen.screenSize.width * (150 / 600), screen.screenSize.height * (69 / 1280))

    pageSelect.on(dxui.Utils.EVENT.CLICK, () => {
        pageMidCont.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, keyboardUpY)
    })

    pageNextBtn.on(dxui.Utils.EVENT.CLICK, () => {
        const nextPage = (localUserView.nowPage || 0) + 1
        const users = screen.getUsers(nextPage, 6)
        localUserView.nowPage = nextPage
        if (users.data) {
            localUserView.initData(users.data)
        } else {
            localUserView.initData([])
        }
        refreshPageInfo(users)
    })
    pagePrevBtn.on(dxui.Utils.EVENT.CLICK, () => {
        const prevPage = (localUserView.nowPage || 0) - 1
        const users = screen.getUsers(prevPage, 6)
        localUserView.nowPage = prevPage
        if (users.data) {
            localUserView.initData(users.data)
        } else {
            localUserView.initData([])
        }
        refreshPageInfo(users)
    })

    const pageTotal = dxui.Label.build(screenMain.id + 'pageTotal', pageMidCont)
    localUserView.pageTotal = pageTotal
    pageTotal.text(" / 1")
    pageTotal.textFont(viewUtils.font(22))
    pageTotal.padLeft(screen.screenSize.width * (10 / 600))

    const addBtn = viewUtils.bottomBtn(screenMain, screenMain.id + 'addBtn', 'localUserView.add', () => {
        localUserAddView.isEdit(false)
        dxui.loadMain(localUserAddView.screenMain)
    })
    addBtn.align(dxui.Utils.ALIGN.BOTTOM_MID, 0, -screen.screenSize.height * (50 / 1280))
}

localUserView.initData = function (data) {
    // 当前页的人员信息
    localUserView.userData = data
    localUserView.refresh(data)
}

localUserView.refresh = function (data) {
    if (data === undefined || data === null) {
        localUserView.empty.show()
        localUserView.emptyLbl.show()
        localUserView.userList.hide()
        return
    }

    localUserView.userItemList.forEach(item => {
        item.userItem.hide()
    })

    // 渲染人员列表
    data.forEach((item, index) => {
        if (index >= localUserView.userItemList.length) {
            return
        }
        localUserView.userItemList[index].userItemId.text(item.id)
        localUserView.userItemList[index].userItemName.text(item.name)
        localUserView.userItemList[index].userItem.show()
    })

    localUserView.empty.hide()
    localUserView.emptyLbl.hide()
    localUserView.userList.show()
}

function refreshPageInfo(users) {
    localUserView.lastUsers = users
    if (users.currentPage == 1) {
        localUserView.pagePrevBtn.disable(true)
        localUserView.pagePrevBtn.hide()
    } else {
        localUserView.pagePrevBtn.disable(false)
        localUserView.pagePrevBtn.show()
    }
    if (users.currentPage == users.totalPage || users.totalPage == 0) {
        localUserView.pageNextBtn.disable(true)
        localUserView.pageNextBtn.hide()
    } else {
        localUserView.pageNextBtn.disable(false)
        localUserView.pageNextBtn.show()
    }
    if (users.totalPage == 0 || users.totalPage == 1) {
        localUserView.pageSelect.hide()
        localUserView.pageTotal.hide()
    } else {
        localUserView.pageSelect.show()
        localUserView.pageTotal.show()
    }
    localUserView.pageSelect.text(String(users.currentPage))
    localUserView.pageTotal.text("/ " + users.totalPage)
}
export default localUserView