const leftNavsData = {
    state: {
        addIconsLayerIconstate: false,
        addIconsLayerIconLayer: null,
        addIconsLayerIconPopup: false, // 控制编辑窗口显影
        addIconsLayerIconPosition: [] // 发送坐标
    },
    actions: {
        chouseAddIconsLayerIcon ({
            state,
            commit,
            dispatch
        }, val) {
            // 加载图层
            commit('createAddIconsLayerIconLayer', {
                viewer: val.viewer
            })
            // 重置事件
            state.addIconsLayerIconstate = false
            commit('set_closeMapClick', true) // 关闭其他操作
            // 监听鼠标移动
            val.viewer.on(global.DC.MouseEventType.MOUSE_MOVE, (e) => {
                if (state.addIconsLayerIconstate) { // 事件完成
                    return
                }
                commit('addIconsLayerIconmoveMessage', {
                    e: e,
                    b: '点击确认标注位置',
                    viewer: val.viewer
                })
            })
            val.viewer.once(global.DC.MouseEventType.CLICK, (e) => {
                if (state.pinchFlag == true) {
                    return
                }

                commit('addIconsLayerIconmoveMessage', { // 取消tip
                    e: e,
                    b: '',
                    viewer: val.viewer
                })
                dispatch('pcFlyView', { // 飞入位置
                    jd: e.wgs84SurfacePosition.lng,
                    wd: +e.wgs84SurfacePosition.lat + 0.0002,
                    viewer: val.viewer
                })
                // 完成选点操作
                state.addIconsLayerIconstate = true
                // commit("set_closeMapClick", false); //开启其他操作
                if (val.fn) {
                    const lnglat = [e.wgs84SurfacePosition.lng,
                    e.wgs84SurfacePosition.lat
                    ]
                    val.fn(lnglat)
                }
            })
        },
        addIconsLayerIcon ({
            state,
            commit,
            dispatch
        }, val) {
            const divIcon = new global.DC.DivIcon(
                new global.DC.Position(
                    Number(val.lnglat[0]),
                    Number(val.lnglat[1]),
                    0
                ),
                `
                          <div class="tag-entitys-box">
                              <div class="tag-content">
                                  ${val.name || '我的标签'}
                              </div>
                              <div class="tag-angle-content">
                                  <img src="https://map.hit.edu.cn/images/tarrow_xq.png">
                              </div>
                          </div>
                      `
            )
            state.addIconsLayerIconLayer.addOverlay(divIcon)
            // 打开编辑窗口弹窗
            var box = new global.DC.DivForms(val.viewer, {
                domId: 'leftNavsAdd',
                position: [
                    global.DC.Transform.transformWGS84ToCartesian(
                        new global.DC.Position(
                            Number(val.lnglat[0]),
                            Number(val.lnglat[1]),
                            Number(0)
                        )
                    )
                ]
            })
            commit('SET_addIconsLayerIconPosition', val.lnglat)
            commit('SET_addIconsLayerIconPopup', true)
        }
    },
    mutations: {
        createAddIconsLayerIconLayer (state, val) {
            if (state.addIconsLayerIconLayer == null) {
                state.addIconsLayerIconLayer = new global.DC.HtmlLayer('addIconsLayerIconLayer')
                val.viewer.addLayer(state.addIconsLayerIconLayer)
            }
            if (val.clear) {
                state.addIconsLayerIconLayer.clear()
            }
        },
        addIconsLayerIconmoveMessage (state, val) {
            if (val.b == '') {
                val.viewer.tooltip.enable = false
            } else {
                val.viewer.tooltip.enable = true
                val.viewer.tooltip.showAt(val.e.windowPosition, val.b)
            }
        },
        SET_addIconsLayerIconPopup (state, addIconsLayerIconPopup) {
            state.addIconsLayerIconPopup = addIconsLayerIconPopup
            if (!state.addIconsLayerIconPopup) { // 关闭即关闭图层 并刷新标签
                if (state.addIconsLayerIconLayer) {
                    state.addIconsLayerIconLayer.clear()
                    state.addIconsLayerIconLayer.remove()
                    state.addIconsLayerIconLayer = null
                }
            }
        },
        SET_addIconsLayerIconPosition (state, addIconsLayerIconPosition) {
            state.addIconsLayerIconPosition = addIconsLayerIconPosition
        }
    }
}

export default leftNavsData