<div id="app">
  <!-- tab -->
  <div class="tabbar">
    <ul>
      <li :class="{"current": queryType === "1"}" @click="changeQueryType("1")"></li>
      <li :class="{"current": queryType === "2"}" @click="changeQueryType("2")"></li>
      <li :class="{"current": queryType === "3"}" @click="changeQueryType("3")"></li>
      <li :class="{"current": queryType === "4"}" @click="changeQueryType("4")"></li>
    </ul>
  </div>
  <div style=" height:0.7rem;"></div>

  <!---->

    <mt-loadmore  :auto-fill="false" :top-method="refreshData" :bottom-method="loadData" :bottom-all-loaded="allLoaded"
                 ref="loadmore">
      <div :style="{"-webkit-overflow-scrolling": scorllModel}">
      <div class="nocomplete_body"  v-for="qsIn in quality">
        <ul>
          <li>
            <h1>{{qsIn.fname}}</h1>
          </li>
          <li>
            <h3>:{{qsIn.fbeginDate.substr(0, 10)}}~{{qsIn.fendDate.substr(0, 10)}} </h3>
          </li>
        </ul>
        <div class="xunjian_list" v-for="(xtQsInsListSite,index) in qsIn.xtQsInsListSiteBean" v-if="index < 2">
          <ol @click="getXtQsInsList(qsIn.fid,qsIn.fprojectName)">
            <li><img src="../../../static/images/mingcheng_icon.png"/>
              
{{xtQsInsListSite.fsiteName}}
            </li>
            <li><img src="../../../static/images/dizhi_icon.png"/>
              
{{xtQsInsListSite.flocation}}
            </li>
          </ol>
          <img class="xunjian_img" v-if="xtQsInsListSite.fstatus == 0" src="../../../static/images/wei_icon.png"/>
          <img class="xunjian_img" v-if="xtQsInsListSite.fstatus == 1" src="../../../static/images/jian1_icon.png"/>
        </div>
        <a class="zhuangtai gr"></a>
      </div>
      </div>
    </mt-loadmore>

</div>

< script >
import quality from".. / api/quality"

export default {

data () {
  return {
    quality: [],
    queryType: "1",
    xtQsInsListSite: {},
    delayDay: 0,
    delayDate: "",
    xtQsInsListArr: [],
    pageNo: 0,
    dataIsNull: false,
    allLoaded: false,
    scrollTop: "0",
    scrollMode: "auto" // touchauto

  }
},
components: {},
mounted () {
  this.getQuality()
  document.addEventListener("scroll", this.handelscroll)
  this.activated()
},
methods: {
  getQuality () {
    document.setTitle("")
    quality.getQuality({
      fstatus: "0",
      pageNo: this.pageNo + 1,
      pageSize: this.$pageSize
    }, (data) => {
      data = data.rows
      // 
      this.scrollMode = "touch"
      if (this.pageNo === 0) {
        this.$refs.loadmore.onTopLoaded()
      } else {
        this.$refs.loadmore.onBottomLoaded()
      }
      if (this.pageNo === 0 && data.length < 1) this.dataIsNull = true
      // 
      this.allLoaded = !data || data.length < this.$pageSize
      this.pageNo = this.pageNo + ((data && data.length > 0) ? 1 : 0)
      for (let i = 0; i < data.length; iPP) {
        this.quality.push(data[i])
      }
    })
  },
  getXtQsInsList (id, fprojectName) {
    this.$router.push({path: "/quality/ToBeCheckedInsListSite", query: {fid: id, fprojectName: fprojectName}})
    this.deactivated()
  },
  changeQueryType (queryType) {
    this.queryType = queryType
    if (queryType === "2") {
      sessionStorage.setItem("tmQueryType", "2")
      this.$router.push({path: "/quality/AlreadyChecked"})
    } else if (queryType === "3") {
      sessionStorage.setItem("tmQueryType", "3")
      this.$router.push({path: "/quality/Expired"})
    } else if (queryType === "1") {
      // 
      this.getQuality()
    } else if (queryType === "4") {
      this.$router.push({path: "/quality/QuestionList"})
    }
    this.refreshData()
  },
  getQuestion () {
    this.$router.push({path: "/quality/QuestionList"})
  },
  back () {
    this.$router.back(-1)
  },
  refreshData () {
    this.pageNo = 0
    this.allLoaded = false
    this.quality = []
    this.getQuality()
  },
  loadData () {
    this.getQuality()
    this.$refs.loadmore.onBottomLoaded()
  },
  handelscroll () {
    this.scrollTop = document.documentElement.scrollTop
  },
  deactivated () {
    sessionStorage.setItem("scrollTop", this.scrollTop)
  },
  activated () {
    console.log(sessionStorage.getItem("scrollTop"))
    document.body.scrollTop = document.documentElement.scrollTop = window.pageYOffset = sessionStorage.getItem("scrollTop")
  }
}

}
< / script >
< style >
@ import ".. / assets/css/quality/public.css";
@ import ".. / assets/css/quality/style.css";
.mint-loadmore-text {

font-size: .2rem;

}
< / style >