// pages/mine/shop/shopedit.js
const app = getApp()
Page({

    /**
     * 页面的初始数据
     */
    data: {
        shopId: '',
        shopBean: null,
        StatusBar: app.globalData.StatusBar,
        CustomBar: app.globalData.CustomBar,
        startDate: "",
        endDate: "",
        shopName: "", //商店名称
        shopAddress: "", //商店地址
        index: null,
        date: '2021-08-08', //营业时间
        shopLicensePhotos: [], //商店营业执照
        shopLogoPhotos: [], //商店Logo
        textareaBValue: '', //店铺简介,
        isBusiness: true, //是否开业
        selTradeId: '', //行业类型
        shopVideos: [], //宣传视频
        selTemplateId: '1',
        selTradeNames: '请选择行业',
        areaList: [], //地区列表
        area2List: [], //二级区域
        area3List: [], //三级区域
        area1: '请选择省份', //一级区域
        area2: '请选择盟市', //一级区域
        area3: '请选择旗县区', //一级区域
        area1Id: '',
        area2Id: '',
        area3Id: '',
        templeteList: [], //展示模板样式
        industryList: [], //行业
        picker: null,
        imgUrl: app.urls.baseImgUrl
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        this.setData({
            shopId: options.shopId
        })
        this.getShopDetail()
        //先判断是否有商店
        this.getAreaDiction('0', 1)
        this.getIndesutryAll()
    },
    //获取商店详情
    getShopDetail() {
        let _self = this
        wx.showLoading({
            title: '加载中...',
        })
        app.http.get(app.urls.getShopDetail.format({
                shopId: _self.data.shopId
            }), {
                header: {
                    token: app.globalData.token
                }
            })
            .then(res => {
                wx.hideLoading({})
                _self.setData({
                    shopBean: res.data
                })
                _self.setDataToView()
            })
            .catch(err => {
                wx.hideLoading({})
            })
    },
    //回写数据
    setDataToView() {
        let _self = this

        if (_self.data.shopBean.shopLogo != '') {
            let ids = _self.data.shopBean.shopLogo
            _self.data.shopLogoPhotos.push({
                id: ids,
                path: app.urls.baseImgUrl + ids
            })
        }

        if (_self.data.shopBean.shopVideo != '') {
            let ids = _self.data.shopBean.shopVideo
            let idsList = ids.split(',')
            idsList.forEach(el => {
                if (el != '') {
                    _self.data.shopVideos.push({
                        id: el,
                        videoUrl: app.urls.baseImgUrl + el,
                        path: '/images/ic_video_default.png',
                    })
                }
            })
        }
        this.setData({
            shopName: _self.data.shopBean.shopName,
            shopAddress: _self.data.shopBean.shopAddress,
            textareaBValue: _self.data.shopBean.shopSummary,
            isBusiness: _self.data.shopBean.isOpen == 0 ? false : true,
            date: _self.data.shopBean.openDate,
            selTemplateId: _self.data.shopBean.shopTemplateId,
            shopLogoPhotos: _self.data.shopLogoPhotos,
            shopVideos: _self.data.shopVideos,
            selTradeNames: _self.data.shopBean.industryName,
            selTradeList: _self.data.selTradeList,
            selTradeId: _self.data.shopBean.industryId,
            area1: _self.data.shopBean.areaName, //一级区域
            area2: _self.data.shopBean.areaCityName, //一级区域
            area3: _self.data.shopBean.areaCountyName, //一级区域
            area1Id: _self.data.shopBean.area,
            area2Id: _self.data.shopBean.areaCity,
            area3Id: _self.data.shopBean.areaCounty,
        })
        this.getTempleteList(_self.data.selTradeId, 1)
        this.getAreaDiction(_self.data.area1Id, 2)
        this.getAreaDiction(_self.data.area2Id, 3)
    },
    getAreaDiction(id, type) {
        var _self = this
        wx.showLoading({
            title: '加载中...',
        })
        app.http.get(app.urls.getAreaDictionaryList.format({
                areaParentId: id
            }), {
                header: {
                    token: app.globalData.token
                }
            })
            .then(res => {
                wx.hideLoading({})
                if (type == 1) {
                    _self.setData({
                        areaList: res.data
                    })
                } else if (type == 2) {
                    _self.setData({
                        area2List: res.data
                    })
                } else {
                    _self.setData({
                        area3List: res.data
                    })
                }

            })
            .catch(err => {
                console.log(err)
            })
    },
    getIndesutryAll() {
        wx.showLoading({
            title: '加载中...',
        })
        var _self = this
        app.http.get(app.urls.getIndustryAll, {
                header: {
                    token: app.globalData.token
                }
            })
            .then(res => {
                wx.hideLoading({})
                _self.buildIndustryData(res.data)
            })
            .catch(err => {
                wx.hideLoading({})
            })
    },
    buildIndustryData(data) {
        var _self = this
        var first = {}
        var second = {}

        first.values = data
        first.className = 'column1'
        second.values = data[0].subList
        second.className = 'column2'
        second.defaultIndex = 0
        _self.data.industryList.push(first, second)
        _self.setData({
            industryList: _self.data.industryList
        })
    },
    onHide(e) {
        this.setData({
            isShowIndustry: false
        })
    },
    showChooseTrade(e) {
        var _self = this
        wx.showModal({
            title: '警告',
            content: '更换行业,会导致现有商品全部放入回收站,请确认您要更换行业吗?',
            success(res) {
                if (res.confirm) {
                    _self.setData({
                        isShowIndustry: true
                    })
                }
            }
        })
    },
    onChange(event) {
        var _self = this
        const {
            picker,
            value,
            index
        } = event.detail;
        _self.setData({
            picker: picker
        })
        picker.setColumnValues(1, value[0].subList);
    },
    confirmIndustry() {
        //确定选择行业
        var _self = this
        var value = _self.selectComponent('#picker').getValues()
        if (value[1]) {
            //获取行业模板
            _self.getTempleteList(value[1].industryId, 2)
            _self.setData({
                selTradeId: value[1].industryId,
                selTradeNames: value[1].industryName,
                isShowIndustry: false
            })
        } else {
            wx.showToast({
                title: '请选择行业',
            })
        }
    },
    cancelIndustry() {
        //取消选择行业
        this.setData({
            isShowIndustry: false
        })
    },
    getTempleteList(id, type) {
        var _self = this
        _self.setData({
            templeteList: []
        })
        wx.showLoading({
            title: '加载中...',
        })
        app.http.get(app.urls.getTempleteList.format({
                industryId: id
            }), {
                header: {
                    token: app.globalData.token
                }
            })
            .then(res => {
                wx.hideLoading({})
                res.data.forEach(it => {
                    if (type == 1) {
                        if (_self.data.shopBean.shopTemplateId == it.shopTemplateConfigId) {
                            it.checked = true
                        } else {
                            it.checked = false
                        }
                    } else {
                        it.checked = false
                    }
                })
                if (type == 2) {
                    res.data[0].checked = true
                    _self.setData({
                        selTemplateId: res.data[0].shopTemplateConfigId
                    })
                }
                _self.setData({
                    templeteList: res.data,
                })
            })
            .catch(err => {
                wx.hideLoading({})
            })
    },
    //更新
    doUpdateShop() {
        if (this.checkParams()) {
            wx.showLoading({
                title: '修改中...',
            })
            let _self = this
            let industryIds = _self.data.selTradeId
            app.http.put(app.urls.doUpdateShopInfo.format({
                    shopId: _self.data.shopId
                }), {
                    header: {
                        token: app.globalData.token
                    },
                    data: {
                        shopName: _self.data.shopName,
                        shopAddress: _self.data.shopAddress,
                        shopSummary: _self.data.textareaBValue,
                        openDate: _self.data.date,
                        shopLogo: _self.data.shopLogoPhotos[0].id,
                        industryIds: industryIds,
                        shopTemplateId: _self.data.selTemplateId,
                        isOpen: _self.data.isBusiness ? '1' : '0',
                        shopVideo: _self.data.shopVideos.length > 0 ? _self.data.shopVideos[0].id : '',
                        area: _self.data.area1Id,
                        areaName: _self.data.area1,
                        areaCity: _self.data.area2Id,
                        areaCityName: _self.data.area2,
                        areaCounty: _self.data.area3Id,
                        areaCountyName: _self.data.area3,
                    }
                })
                .then(res => {
                    wx.hideLoading({})
                    wx.showToast({
                        title: '修改成功',
                        icon: 'success',
                        success(res) {
                            wx.navigateBack({
                                delta: 1,
                            })
                        }
                    })
                })
                .catch(err => {
                    wx.hideLoading({})
                })
        }
    },
    PickerChange(e) {
        this.setData({
            index: e.detail.value
        })
    },
    //选择模板样式
    choosetemplate(e) {
        this.setData({
            selTemplateId: e.detail.value
        })
    },
    DateChange(e) {
        this.setData({
            date: e.detail.value
        })
    },

    checkIsBusiness(e) {
        this.setData({
            isBusiness: e.detail.value
        })
    },
    //选择营业执照
    ChooseLicenseP() {
        let _self = this
        wx.chooseImage({
            count: 1, //默认9
            sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], //从相册选择
            success: (res) => {
                res.tempFilePaths.forEach(element => {
                    _self.doUploadImg(1, element)
                });
            }
        });
    },
    //选择logo
    ChooseLogoP() {
        let _self = this
        wx.chooseImage({
            count: 1, //默认9
            sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], //从相册选择
            success: (res) => {
                res.tempFilePaths.forEach(element => {
                    _self.doUploadImg(2, element)
                });
            }
        });
    },
    //删除Logo
    DelLogoP(e) {
        wx.showModal({
            title: '提示',
            content: '确定要删除该图片吗？',
            cancelText: '取消',
            confirmText: '确定',
            success: res => {
                if (res.confirm) {
                    this.data.shopLogoPhotos.splice(e.currentTarget.dataset.index, 1)
                    this.setData({
                        shopLogoPhotos: this.data.shopLogoPhotos
                    })
                }
            }
        })
    },
    //删除营业执照
    DelLicenseP(e) {
        wx.showModal({
            title: '提示',
            content: '确定要删除该图片吗？',
            cancelText: '取消',
            confirmText: '确定',
            success: res => {
                if (res.confirm) {
                    this.data.shopLicensePhotos.splice(e.currentTarget.dataset.index, 1)
                    this.setData({
                        shopLicensePhotos: this.data.shopLicensePhotos
                    })
                }
            }
        })
    },
    //进行图片上传 type 1 营业执照   2 logo
    doUploadImg(type, path) {
        let _self = this
        app.http.upload(app.urls.doUploadImg, {
                name: 'image',
                path: path,
                header: {
                    token: app.globalData.token
                }
            })
            .then(res => {
                var id = JSON.parse(res).data
                let pathStr = app.urls.baseImgUrl + id
                let item = {
                    id: id,
                    path: pathStr
                }
                if (type == 2) {
                    //Logo
                    let tempList = _self.data.shopLogoPhotos.concat(item)
                    _self.setData({
                        shopLogoPhotos: tempList
                    })
                } else {
                    //营业执照
                    let tempList = _self.data.shopLicensePhotos.concat(item)
                    _self.setData({
                        shopLicensePhotos: tempList
                    })
                }
            })
            .catch(err => {
                wx.hideLoading({})
            })
    },
    inputWatch(e) {
        let key = e.currentTarget.dataset.model
        this.setData({
            [key]: e.detail.value
        })
    },
    ViewLogoImg(e) {
        var tempList = [e.currentTarget.dataset.url]
        wx.previewImage({
            urls: tempList,
            current: e.currentTarget.dataset.url
        });
    },
    ViewLicImg(e) {
        var tempList = [e.currentTarget.dataset.url]
        wx.previewImage({
            urls: tempList,
            current: e.currentTarget.dataset.url
        });
    },
    viewVideo(e) {
        var tempList = [{
            url: e.currentTarget.dataset.url,
            type: 'video'
        }]
        wx.previewMedia({
            sources: tempList,
            current: 0,
            showmenu: false
        })
    },
    delVideo(e) {
        let _self = this
        wx.showModal({
            title: '提示',
            content: '确定要删除该视频吗？',
            cancelText: '取消',
            confirmText: '确定',
            success: res => {
                if (res.confirm) {
                    _self.data.shopVideos.splice(e.currentTarget.dataset.index, 1)
                    _self.setData({
                        shopVideos: _self.data.shopVideos
                    })
                }
            }
        })
    },
    textareaBInput(e) {
        this.setData({
            textareaBValue: e.detail.value
        })
    },
    checkParams() {
        var _self = this
        if (_self.data.shopName == '') {
            wx.showToast({
                title: '商店名称为必填项',
                icon: 'none'
            })
            return false
        }
        if (_self.data.area1Id == '') {
            wx.showToast({
                title: '请选择省份',
                icon: 'none'
            })
            return false
        }
        if (_self.data.area2Id == '') {
            wx.showToast({
                title: '请选择盟市',
                icon: 'none'
            })
            return false
        }
        if (_self.data.area3Id == '') {
            wx.showToast({
                title: '请选择旗县区',
                icon: 'none'
            })
            return false
        }
        if (_self.data.shopAddress == '') {
            wx.showToast({
                title: '店铺地址为必填项',
                icon: 'none'
            })
            return false
        }
        if (_self.data.selTradeId == 0) {
            wx.showToast({
                title: '请选择行业',
                icon: 'none'
            })
            return false
        }
        if (_self.data.date == '') {
            wx.showToast({
                title: '请选择开业时间',
                icon: 'none'
            })
            return false
        }
        if (_self.data.shopLogoPhotos.length <= 0) {
            wx.showToast({
                title: '请上传店铺Logo',
                icon: 'none'
            })
            return false
        }

        return true
    },
    showModal(e) {
        this.setData({
            modalName: e.currentTarget.dataset.target
        })
    },
    hideModal(e) {
        this.setData({
            modalName: null
        })
    },
    //选择视屏
    chooseVideo() {
        let _self = this
        wx.chooseMedia({
            count: 1,
            mediaType: ['video'],
            sourceType: ['album', 'camera'], //从相册选择
            maxDuration: 30,
            success: (res) => {
                _self.doUploadVideo(res)
            }
        });
    },
    doUploadVideo(e) {
        wx.showLoading({
            title: '上传中...',
        })
        let _self = this
        app.http.upload(app.urls.doUploadVideo, {
                name: 'video',
                path: e.tempFiles[0].tempFilePath,
                header: {
                    token: app.globalData.token
                }
            })
            .then(res => {
                wx.hideLoading({})
                let pathStr = e.tempFiles[0].thumbTempFilePath
                var id = JSON.parse(res).data
                let videoU = app.urls.baseImgUrl + id
                let item = {
                    id: id,
                    path: pathStr,
                    videoUrl: videoU
                }
                let tempList = _self.data.shopVideos.concat(item)
                _self.setData({
                    shopVideos: tempList
                })
            })
            .catch(err => {
                wx.hideLoading({})
            })
    },
    showTemplete(e) {
        var item = e.currentTarget.dataset.path
        var path = []
        path.push(item)
        wx.previewImage({
            urls: path,
        })
    },
    changeTemplete(e) {
        var _self = this
        var item = e.currentTarget.dataset.item
        _self.data.templeteList.forEach(it => {
            if (it.shopTemplateConfigId != item.shopTemplateConfigId) {
                it.checked = false
            } else {
                it.checked = true
            }
        })
        _self.setData({
            selTemplateId: item.shopTemplateConfigId,
            templeteList: _self.data.templeteList
        })
    },
    provinceChange(e) {
        var _self = this
        var index = e.detail.value
        var item = _self.data.areaList[index]
        _self.setData({
            area1: item.areaName,
            area1Id: item.areaId,
            area2Id: '',
            area2: '请选择盟市',
            area3Id: '',
            area3: '请选择旗县区',
            area3List: [], //三级区域
        })
        _self.getAreaDiction(_self.data.area1Id, 2)
    },
    cityChange(e) {
        var _self = this
        var index = e.detail.value
        var item = _self.data.area2List[index]
        _self.setData({
            area2: item.areaName,
            area2Id: item.areaId,
            area3Id: '',
            area3: '请选择旗县区'
        })
        _self.getAreaDiction(_self.data.area2Id, 3)
    },
    districtChange(e) {
        var _self = this
        var index = e.detail.value
        var item = _self.data.area3List[index]
        _self.setData({
            area3: item.areaName,
            area3Id: item.areaId
        })
    }
})