import { queryUserGuide, setUserGuide } from '@/api/user'
export default {
  data() {
    return {
      scrollView: '',
      functionGuideData: {
        step: 0,
        tips: '', 
        tipsPosition: '', 
        btnGroupPosition: '', 
        position: {}
      },
      screenWidth: 0,
      scrollLeft: 0,
      totalWidth: 0,
      scrollViewWidth: 0,
      imgs: [],
      _step: 0
    }
  },
  onLoad() {
    // this.setGuide('countyFamousIndex', 0)
    // this.setGuide('landmarkGoodsIndex', 0)
    // this.setGuide('findFunIndex', 0)
    // this.setGuide('wellnessFoodIndex', 0)
    // this.setGuide('ichIndex', 0)
    // this.setGuide('wenwanIndex', 0)
    // this.setGuide('goodsIndex', 0)
    // this.setGuide('index', 0)
  },
  methods: {
    setGuide(type, status = 1) {
      const params = {
        guideName: type,
        guideStatus: status
      }
      setUserGuide(params).then(res => {
        if(type === 'index') {
          this.queryGuide(type)
        }
      })
    },
    queryGuide(type) {
      const params = {
        guideName: type
      }
      queryUserGuide(params).then(res => {
        const { data, success } = res
        if(success && data.guideStatus === 0) {
          this.$refs.FunctionGuide.init()
        }
        if(type === 'index' && data.guideStatus === 1) {
          this.isOldUser = true
        }
        if(type === 'index' && data.guideStatus === 0) {
          this.isOldUser = false
        }
      })
    },
    setFunctionGuideData(data) {
      this.functionGuideData = {
        ...this.functionGuideData,
        ...data
      }
      this.showFunctionGuide()
    },
    getElementData(el, cb) {
      const query = uni.createSelectorQuery().in(this)
      query.select(el).boundingClientRect().exec((res)=> {
        console.log(res, 'getElementData');
        if(res[0]) {
          cb(res[0])
        } else {
          this.$refs.FunctionGuide.show = false
        }
      })
    },
    
  }
}