new Vue({
    el: '#service-info',
    mixins: [wxJssdkMixin],
    data: {
        itemObj: {},
        textLevel: {
            1: {
                color: '#FF5B00',
                backgroundColor: '#FFEBDF',
                iconUrl: 'https://static.caimei365.com/app/img/serviceProvider/PC/class1.png'
            },
            2: {
                color: '#FFB300',
                backgroundColor: '#FFF4DF',
                iconUrl: 'https://static.caimei365.com/app/img/serviceProvider/PC/class2.png'
            },
            3: {
                color: '#7EACD5',
                backgroundColor: '#DFF0FF',
                iconUrl: 'https://static.caimei365.com/app/img/serviceProvider/PC/class3.png'
            },
            4: {
                color: '#7EACD5',
                backgroundColor: '#DFF0FF',
                iconUrl: 'https://static.caimei365.com/app/img/serviceProvider/PC/class3.png'
            },
            5: {
                color: '#7EACD5',
                backgroundColor: '#DFF0FF',
                iconUrl: 'https://static.caimei365.com/app/img/serviceProvider/PC/class3.png'
            }
        },
        form: {
            providersId: 0
        },
        show: false,
        isLoading: false
    },
    mounted() {
        this.setWxConfig((wx) => this.setWxReady(wx))
        this.getParams()
        this.toSearchProvider()
    },
    methods: {
        getParams() {
            this.form.serviceProviderId = window.location.search.split('?')[1].split('=')[1]
        },
        toSearchProvider() {
            if (this.form.serviceProviderId) {
                SettlementService.getProvidersAndInfo(this.form, (res) => {
                    if (res.data.list) {
                        this.itemObj = res.data.list[0]
                        setTimeout(() => {
                            this.isLoading = true
                        }, 1000)
                    }
                })
            }
        }
    }
})