import {agencyGridDepttree, getCategoryTree, icEventOldReply} from "../../../../utils/statisticsApi";
const config = require('../../../../utils/config')
Page({

    /**
     * 页面的初始数据
     */
    data: {
        tabVal: "0",
        category: "",
        uploadImageList: [], //图片上传的数组
        visible1: false,
        visible2: false,
        orgOptions: [],
        casOptions: [],
        catField: {text: 'categoryName', value: 'id', children: 'children'},
        orgField: {text: 'agencyName', value: 'agencyId', children: 'subAgencyList'},

        id: '',
        fileList: [],
        timeLimit: [],
        operationType: ["0"],
        categoryIds:'',

        currentDate: new Date().getTime(),
        minDate: new Date(2020, 0, 1).getTime(),
        maxDate: new Date(2030, 12, 31).getTime(),

        form: {
            operationType: "0", //处理方式[0:已回复 5、指派  6、完成并回复]
            content: "",//转办意见
            timeLimit: "",//办结时限
            categoryId: "",//事件分类
            deptId: "", //指派部门
            deptName: "",
            categoryList: [],
            files: [], //附件
            sendMsg: 1,           // 这个存储选中值（整数1或0）
            sendMsgArray: ['1']   // 默认选中，值为数组['1']
        },

        categoryTreeData:[]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        if (options.id) {
            this.setData({
                id: options.id,
              })
        }
        if (options.categoryIds) {
            this.setData({
                categoryIds: options.categoryIds,
              })
        }
        this.getCategoryList();
        this.getOrgTreeList();
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    },

    handleChangeType(e) {
        this.setData({
          tabVal: e.detail.value,
          "form.operationType": e.detail.value
        })
      },
    
    getCategoryList() {
        console.log("getCategoryList.......");
        let params = {};
        getCategoryTree(params).then(res => {
            let treeDataNew = this.deepTree(res.data, "children");
            // console.log('treeDataNew:'+JSON.stringify(treeDataNew))
            this.setData({
                casOptions: this.deleteChildren(treeDataNew, "children"),
                categoryTreeData:treeDataNew
            });
            const ids = this.data.categoryIds.split(",");
            const categoryPath = this.getCategoryPath(treeDataNew, ids);
            console.log("ids:"+ids);
            console.log("categoryPath:"+categoryPath);
            this.setData({
                casOptions: this.deleteChildren(treeDataNew, "children"),
                category:this.getCategoryPath(treeDataNew, ids)
            });

        })
    },

    getCategoryPath(tree, ids) {
        let path = [];
    
        const traverse = (node) => {
          // 如果当前节点的id在ids中，添加到路径数组
          if (ids.includes(node.id)) {
            path.push(node.categoryName);
    
            // 如果当前节点是最后一个id，返回路径
            if (node.id === ids[ids.length - 1]) {
              return true;
            }
          }
    
          // 递归遍历子节点
          if (node.children) {
            for (let child of node.children) {
              if (traverse(child)) {
                return true; // 找到路径后停止遍历
              }
            }
          }
    
          // 如果当前节点不匹配或者没有找到路径，从路径中移除该节点
          if (path[path.length - 1] === node.categoryName) {
            path.pop();
          }
    
          return false;
        };
    
        // 遍历整个树结构，查找路径
        for (let node of tree) {
          if (traverse(node)) {
            break; // 找到路径后停止遍历
          }
        }
    
        return path.join('/');
      },

    getOrgTreeList() {
        let params = {
            agencyId: this.data.agencyId,
            purpose: "query"
        }
        agencyGridDepttree(params).then(res => {
            this.setData({
                orgOptions: this.deleteChildren([res.data], 'subAgencyList')
            })
        })
    },

    //重构树，去除网格
    deepTree(arr, children) {
        if (Array.isArray(arr) && arr.length > 0) {
            return arr.map((item) => {
                return {
                    ...item,
                    [children]:
                    (item[children] &&
                        item[children].length > 0 &&
                        this.deepTree(item[children], children)) ||
                    null,
                };
            });
        }
    },

    deleteChildren(node, key) {
        node.forEach(item => {
            if (key in item && !item[key]) {
                delete item[key]
            } else if (key in item && item[key].length) {
                this.deleteChildren(item[key], key)
            }
        })
        return node
    },

    onOpen1() {
        this.setData({visible1: true})
    },
    onClose1() {
        this.setData({visible1: false})
        console.log('onClose1')
    },

    onConfirm1(e) {
        console.log('onConfirm1', e.detail)
        let data = e.detail
        let params = data.selectedOptions[data.selectedOptions.length - 1]
        this.setData({
            "form.categoryId": params.id,
            "form.categoryList": {...params, children: null},
            visible1: false
        })
        console.log("form.categoryId:"+this.data.form.categoryId);
        console.log("form.categoryList:"+JSON.stringify(this.data.form.categoryList));
        this.setData({category:  data.selectedOptions.map(item => item.categoryName).join('/')})
    },

    onOpen2() {
        this.setData({visible2: true})
    },
    onClose2() {
        this.setData({visible2: false})
        
    },
    onChange2(e) {
        let data = e.detail

        let params = data.selectedOptions[data.selectedOptions.length - 1]
        this.setData({
            "form.deptId": params.agencyId,
            "form.deptName": params.agencyName,
            "form.level": params.level
        })
        this.setData({orgName: data.selectedOptions.map(item => item.agencyName).join('/')})
    },
    onConfirm2(e) {
        let data = e.detail

        let params = data.selectedOptions[data.selectedOptions.length - 1]
        this.setData({
            "form.deptId": params.agencyId,
            "form.deptName": params.agencyName,
            "form.level": params.level,
            visible2: false
        })
        this.setData({orgName: data.selectedOptions.map(item => item.agencyName).join('/')})
    },

    afterRead(event) {
        const { file } = event.detail;
        // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
        const files = Array.isArray(file) ? file : [file];
    
        files.forEach(fileItem => {
            wx.uploadFile({
                url: `${config.BASEURL()}oss/file/uploadvariedfile`,
                name: 'file',
                header: {
                    'Content-type': 'application/json;charset=UTF-8',
                    'Authorization': wx.getStorageSync('token')
                },
                filePath: fileItem.url,
                success: (res) => {
                    let data = JSON.parse(res.data);
                    console.log("data:" + JSON.stringify(fileItem));
                    const fileList = this.data.fileList;
                    fileList.push({
                        ...fileItem,
                        attachmentUrl: data.data.url,
                        attachmentName: fileItem.url.split('/').pop(),
                        attachmentFormat: fileItem.type,
                        attachmentType: fileItem.type
                    });
                    console.log(fileList);
                    this.setData({ fileList });
                },
            });
        });
    },
    

    deleteFile(e) {
        console.log(e)
        let index = e.detail.index
        let fileList = this.data.fileList
        fileList.splice(index, 1)
        this.setData({
            fileList
        })
    },

    openCalendar1() {
        console.log("openCalendar1.....")
        this.setData({
            showDate: true
        })
    },

    closePopup() {
        this.setData({ showPopup: false });
      },

    onCloseDate() {
        this.setData({showDate: false});
    },
    formatDate(date) {
        date = new Date(date);
        return `${date.getFullYear()}-${date.getMonth() + 1 > 10 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1)}-${date.getDate() > 10 ? date.getDate() : '0' + date.getDate()}`;
    },

    onInput(event) {
        var date = new Date(event.detail);
        var year = date.getFullYear();
        var month = ("0" + (date.getMonth() + 1)).slice(-2); 
        var day = ("0" + date.getDate()).slice(-2);
        var hour = ("0" + date.getHours()).slice(-2);
        var minute = ("0" + date.getMinutes()).slice(-2);
        var second = ("0" + date.getSeconds()).slice(-2);
        var formattedDateTime = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
        this.setData({
          getData:formattedDateTime
        })
      },

    onConfirmDate(e) {
        this.setData({
            'form.timeLimit': e.detail.label + ':00',
            showDate: false,
          })
    },

    // 双向绑定 内容输入框
  bindTextareaInput(e) {
    this.setData({
      'form.content': e.detail.value
    })
    console.log(this.data.fmData);
  },

    submitEventReplyInfo(){
        console.log("this.data.form:"+this.data.form.content);
        if (!this.data.category) {
            this.showToast('事件类型不能为空')
            return
          }
        if (!this.data.form.content) {
            this.showToast('回复意见不能为空')
            return
          }

        if (!this.data.form.timeLimit && (this.data.tabVal==0 || this.data.tabVal==5)) {
            this.showToast('办结时限不能为空')
            return
          }
        if (!this.data.form.deptId && this.data.tabVal==5) {
            this.showToast('指派部门不能为空')
            return
          }

        
          
        let params = {
            ...this.data.form,
            files: this.data.fileList,
            icEventId: this.data.id,
            status: this.data.tabVal==="6"?"closed_case":"processing",
            // timeLimit: this.data.value1 && this.data.value1.length ? this.data.value1[0] : ""
        }
        icEventOldReply(params).then(res => {
            wx.showToast({
                icon: 'success',
                title: '操作成功'
            })
            this.close()
        })
        console.log(params)
    },

    close() {
        this.triggerEvent('close')

        
        setTimeout(() => {
            //返回上一级，关闭当前页面
            wx.navigateBack({
                delta: 1
            })
          }, 1000); // 1000毫秒 = 1秒
    },

   // 代码简化，弹窗统一封装
   showToast(title) {
    wx.showToast({
      title: title,
      icon: 'none',
      duration: 2000
    })
  },

  sendMsgChange(e) {
    const selected = e.detail.length > 0; // 判断复选框是否选中
        this.setData({
            'form.sendMsg': selected ? 1 : 0, // 如果选中则值为1，否则为0
            'form.sendMsgArray': selected ? ['1'] : [] // 更新sendMsgArray
        });
  },

})