// index.ts
// 获取应用实例

const app = getApp<IAppOption>()

// class stack{
//     data=[]
//     push=(d: any) =>{
//         this.data.push(d);
//     }
// }

Page({
    ctx:wx.createCameraContext(),
    data: {
        // motto: 'Hello World',
        text_startPage1: "知识库",
        imgUrl_startPage1:"./static/icons/lib.svg",
        function_startPage1:"popup_lib",
        imgUrl_startPage2:"./static/icons/history.svg",
        function_startPage2:"popup_history",
        imgUrl_startPage3:"./static/icons/heart.svg",
        function_startPage3:"popup_collect",
        text_startPage4: "个性化",
        imgUrl_startPage4:"./static/icons/self.svg",
        function_startPage4:"popup_style",
        tip_content: "不吃饭会饿死",
        tip_hidden: false,
        active_Page: "startPage",
        currentDate: '',

        data_history_test:{
            "2023.2.30":["test1","test2","test2","test2","test2","test2","test2","test2","test2","test2"],
            "2023.12.31":["test3","test4"],
            "2023.2.32":["test5","test6"],
            "2023.2.33":["test7","test8"],
            "2023.2.34":["test9","test0"],
            "2023.2.35":["test9","test0"],
            "2023.2.36":["test9","test0"],
            "2023.12.37":["test9","test0"],
        },
        data_collect_test:[
            {   "date":"2023.15.16",
                "scores":"99",
                "imgUrl":"./static/icons/history.svg",
                "remark":"方师傅康便面",
                "riskBgColor":"springgreen",
                "riskStr":"低风险"
            },
            {   "date":"2023.5.6",
                "scores":"1",
                "imgUrl":"./static/icons/history.svg",
                "remark":"一二三四五六七",
                "riskBgColor":"sandybrown",
                "riskStr":"中风险"
            },
            {   "date":"2023.5.6",
                "scores":"100",
                "imgUrl":"./static/icons/history.svg",
                "remark":"一二三四五六七",
                "riskBgColor":"tomato",
                "riskStr":"高风险"
            },
            {   "date":"2023.15.16",
                "scores":"99",
                "imgUrl":"./static/icons/history.svg",
                "remark":"方师傅康便面",
                "riskBgColor":"springgreen",
                "riskStr":"低风险"
            },
            {   "date":"2023.5.6",
                "scores":"1",
                "imgUrl":"./static/icons/history.svg",
                "remark":"一二三四五六七",
                "riskBgColor":"tomato",
                "riskStr":"高风险"
            },
            {   "date":"2023.5.6",
                "scores":"100",
                "imgUrl":"./static/icons/history.svg",
                "remark":"一二三四五六七",
                "riskBgColor":"tomato",
                "riskStr":"高风险"
            },
        ],
        data_lib_test:[
            {
                name:{
                    zh:"山梨酸钾",
                    en:"Potassium sorbate"
                },
                scores:73,
                info:"山梨酸钾，又名2，4-己二烯酸钾，是山梨酸的钾盐，分子式为C6H7O2K，无色或白色鳞片状结晶或结晶性粉末。 [1] 无臭或微有臭味，长期暴露在空气中易吸潮、被氧化分解而变色。易溶于水（67.6g／100mL 20℃），溶于丙二醇（5．8g／100mL）和乙醇（0．3g／10 mL）。山梨酸钾和山梨酸是常用的有机防腐剂，广泛用于食品、化状品、饲料的防腐。易于被人体吸收代谢，在体内无残留，无毒性。",
                extra:[],
                ADI:"",
                hidden:false,
                "riskBgColor":"springgreen",
                "riskStr":"低风险"
            },{
                name:{
                    zh:"李宁",
                    en:"L.N.G.N.M.S.L."
                },
                scores:45,
                info:"HAHA",
                extra:[
                    {type:"safe",name:"LPL"},
                    {type:"unsafe",name:"飞舞"},
                    {type:"unsafe",name:"精忠报国"},
                ],
                ADI:"",
                hidden:false,
                riskBgColor:"sandybrown",
                riskStr:"中风险"
            },{
                name:{
                    zh:"丁基羟基茴香醚",
                    en:"Butyl hydroxyanisole（BHA）"
                },
                scores:21,
                info:"丁基羟基茴香醚（BHA），又名叔丁基-4-羟基茴香醚，化学式为C11H16O2，有两种异构体：3-BHA和2-BHA，一般指二者的混合物。2017年10月27日，世界卫生组织国际癌症研究机构公布的致癌物清单初步整理参考，叔丁基对羟基茴香醚（BHA）在2B类致癌物清单中。",
                extra:[
                    {type:"unsafe",name:"2B类致癌物"}
                ],
                ADI:"0~0.5mg/kg bw",
                hidden:false,
                riskBgColor:"tomato",
                riskStr:"高风险"
            }
        ],
        userInfo: {},
        hasUserInfo: false,
        canIUse: wx.canIUse('button.open-type.getUserInfo'),
        canIUseGetUserProfile: false,
        canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName') // 如需尝试获取用户信息可改为false
    },
    onLoad() {
        // @ts-ignore
        if (wx.getUserProfile) {
            this.setData({
                canIUseGetUserProfile: true
            })
            this.getDate();
        }
    },

    startPage_Bottons_leave() {
        //   var fd = wx.createSelectorQuery()
        var time = 700;
        var time1 = () => {
            return Math.random() * 200;
        }
        this.animate('#gotoSearch', [
            { opacity: 1, translateY: 0, ease: 'ease-in' }, { opacity: 0, translateY: -300, ease: 'ease-in' },
        ], time)
        this.animate('#tips_startPage', [
            { opacity: 1, ease: 'ease-in' }, { opacity: 0, ease: 'ease-in' },
        ], time, () => { 
            // this.setData({ tip_hidden: true })
         })
        setTimeout(() => {
            this.animate('#buttom_startPage1', [
                { opacity: 1, translateX: 0, ease: 'ease-in' }, { opacity: 0, translateX: -300, ease: 'ease-in' },
            ], time)
        }, time1())

        setTimeout(() => {
            this.animate('#buttom_startPage3', [
                { opacity: 1, translateX: 0, ease: 'ease-in' }, { opacity: 0, translateX: -300, ease: 'ease-in' },
            ], time)
        }, time1())

        setTimeout(() => {
            this.animate('#buttom_startPage4', [
                { opacity: 1, translateX: 0, ease: 'ease-in' }, { opacity: 0, translateX: 300, ease: 'ease-in' },
            ], time)
        }, time1())
        setTimeout(() => {
            this.animate('#buttom_startPage2', [
                { opacity: 1, translateX: 0, ease: 'ease-in' }, { opacity: 0, translateX: 300, ease: 'ease-in' },
            ], time)
        }, time1())
    },
    startPage_Bottons_in() {
        //   var fd = wx.createSelectorQuery()
        var time = 700;
        var time1 = () => {
            return Math.random() * 200;
        }
        this.animate('#gotoSearch', [
            { opacity: 0, translateY: -300, ease: 'ease-in' },{ opacity: 1, translateY: 0, ease: 'ease-out' },
        ], time)
        // this.setData({ tip_hidden: false })
        this.animate('#tips_startPage', [
            { opacity: 0, ease: 'ease-in' }, { opacity: 1, ease: 'ease-out' }, 
        ], time)
        setTimeout(() => {
            this.animate('#buttom_startPage1', [
                { opacity: 0, translateX: -300, ease: 'ease-in' },{ opacity: 1, translateX: 0, ease: 'ease-out' }, 
            ], time)
        }, time1())

        setTimeout(() => {
            this.animate('#buttom_startPage3', [
                { opacity: 0, translateX: -300, ease: 'ease-in' },{ opacity: 1, translateX: 0, ease: 'ease-out' },
            ], time)
        }, time1())

        setTimeout(() => {
            this.animate('#buttom_startPage4', [
                { opacity: 0, translateX: 300, ease: 'ease-in' },{ opacity: 1, translateX: 0, ease: 'ease-out' }, 
            ], time)
        }, time1())
        setTimeout(() => {
            this.animate('#buttom_startPage2', [
                { opacity: 0, translateX: 300, ease: 'ease-in' },{ opacity: 1, translateX: 0, ease: 'ease-out' }, 
            ], time)
        }, time1())
    },

    popup_camera(){
        this.startPage_Bottons_leave()
        this.animate('#page_camera', [
            { opacity: 0, translateY: 0 }, { opacity: 1, translateY: "-100%", ease: 'ease-in-out', },
        ], 1000,()=>{
            this.selectComponent('#page_camera')
        })
    },

    exit_camera(){
        this.startPage_Bottons_in()
        this.animate('#page_camera', [
            { opacity: 1, translateY: "-100%" }, { opacity: 0, translateY: "0", ease: 'ease-in-out' },
        ], 1000)
    },

    popup_history(){
        this.startPage_Bottons_leave()
        this.animate('#page_history', [
            { opacity: 0, translateY: 0 }, { opacity: 1, translateY: "-100%", ease: 'ease-in-out', },
        ], 1000,()=>{
            this.selectComponent('#page_history')
        })
    },

    exit_history(){
        this.startPage_Bottons_in()
        this.animate('#page_history', [
            { opacity: 1, translateY: "-100%" }, { opacity: 0, translateY: "0", ease: 'ease-in-out' },
        ], 1000)
    },

    popup_collect(){
        this.startPage_Bottons_leave()
        this.animate('#page_collect', [
            { opacity: 0, translateY: 0 }, { opacity: 1, translateY: "-100%", ease: 'ease-in-out', },
        ], 1000,()=>{
            this.selectComponent('#page_collect')
        })
    },

    exit_collect(){
        this.startPage_Bottons_in()
        this.animate('#page_collect', [
            { opacity: 1, translateY: "-100%" }, { opacity: 0, translateY: "0", ease: 'ease-in-out' },
        ], 1000)
    },

    popup_lib(){
        this.startPage_Bottons_leave()
        this.animate('#page_lib', [
            { opacity: 0, translateY: 0 }, { opacity: 1, translateY: "-100%", ease: 'ease-in-out', },
        ], 1000,()=>{
            this.selectComponent('#page_collect')
        })
    },

    exit_lib(){
        this.startPage_Bottons_in()
        this.animate('#page_lib', [
            { opacity: 1, translateY: "-100%" }, { opacity: 0, translateY: "0", ease: 'ease-in-out' },
        ], 1000)
    },

    popup_style(){
        this.startPage_Bottons_leave()
        this.animate('#page_style', [
            { opacity: 0, translateY: 0 }, { opacity: 1, translateY: "-100%", ease: 'ease-in-out', },
        ], 1000,()=>{
            this.selectComponent('#page_style')
        })
    },

    exit_style(){
        this.startPage_Bottons_in()
        this.animate('#page_style', [
            { opacity: 1, translateY: "-100%" }, { opacity: 0, translateY: "0", ease: 'ease-in-out' },
        ], 1000)
    },

    takePhoto() {
        // ctx = wx.createCameraContext()
        console.log('takePhoto..')
        this.ctx.takePhoto({
            quality: 'high',
            success: res => {
                this.setData({
                    src: res.tempImagePath
                })
            }
        })
    },

    scores2risk(scores: Number){
        if(scores < 33){
            return "high";
        }else if(scores < 66){
            return "middle";
        }else{
            return "low";
        }
    },

    readInput_lib(e:any){
        var key=e.detail.value
        for(var n of this.data.data_lib_test){
            // console.log(n)
            if(n.name.zh.includes(key)){
                n.hidden=false;
                console.log(n.name.zh)
            }else{
                n.hidden=true;
            }
        }
        this.setData({data_lib_test:this.data.data_lib_test})
        console.log(this.data.data_lib_test)
    },

    //将risk转为存储color和content的map
    scores2map(scores: Number){
        var risk=this.scores2risk(scores)
        switch(risk){
            case "low":{
                return {"color":"springgreen","content":"低风险"};
            }
            case "middle":{
                return {"color":"yellow","content":"中风险"};
            }
            case "high":{
                return {"color":"tomato","content":"高风险"};
            }
        }
        return {"color":"tomato","content":"高风险"};
    },



    // 事件处理函数
    bindViewTap() {
        wx.navigateTo({
            url: '../logs/logs',
        })
    },
    getUserProfile() {
        // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
        wx.getUserProfile({
            desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
            success: (res) => {
                console.log(res)
                this.setData({
                    userInfo: res.userInfo,
                    hasUserInfo: true
                })
            }
        })
    },
    getUserInfo(e: any) {
        // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
        console.log(e)
        this.setData({
            userInfo: e.detail.userInfo,
            hasUserInfo: true
        })
    },

    getDate: function () {
        var nowdate = new Date();
        var nowyear = nowdate.getFullYear();
        var nowmonth = nowdate.getMonth() + 1;
        var nowday = nowdate.getDate();
        var nowdata1 = nowyear + '年' + nowmonth + '月' + nowday + '日'
        this.setData({
            currentDate: nowdata1
        });
    }
})