{"version":3,"sources":["webpack:///./src/assets/PC/profile/listNone.png","webpack:///./src/views/Profile/ForRecord.vue?2d7a","webpack:///./src/views/Profile/ForRecord.vue?b8e6","webpack:///./src/views/Profile/ForRecord.vue","webpack:///src/views/Profile/ForRecord.vue","webpack:///./src/views/Profile/ForRecord.vue?210e","webpack:///./src/views/Profile/ForRecord.vue?e5d5"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","loading","expression","Isdata","attrs","require","_l","Records","data","item","index","key","class","clientWidth","_v","_s","cTime","_e","imgUrl","productName","price","state","staticStyle","type","on","$event","track","id","recordCount","pageSize","pageIndex","handleCurrentChange","IsloadList","loadlist","length","scrollTop","staticRenderFns","pages","page","limit","mounted","share","title","desc","GetWxShares","getInit","sessionStorage","getItem","window","location","href","dataState","then","res","setItem","methods","Ismobile","profile","status","concat","$toast","message","currentPage","top","document","documentElement","body","timeTop","setInterval","clearInterval","orderId","$alert","callback","action","computed","$store","component"],"mappings":"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","file":"js/chunk-0fdea290.d4592fa3.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/listNone.008803d2.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForRecord.vue?vue&type=style&index=1&id=6ef26df4&prod&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForRecord.vue?vue&type=style&index=0&id=6ef26df4&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ForRecord\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}]}),(!_vm.Isdata)?_c('div',{staticClass:\"RecordList\"},_vm._l((_vm.Records.data),function(item,index){return _c('div',{key:index,staticClass:\"RecordList-item\",class:'RecordList-item'+ (index + 1)},[(_vm.clientWidth > 750)?_c('div',{staticClass:\"RecordList-item-date\"},[_vm._v(_vm._s(item.cTime))]):_vm._e(),_c('div',{staticClass:\"RecordList-item-detail flex3\"},[_c('div',{staticClass:\"img-d flex2\"},[_c('div',{staticClass:\"img-url flex7\"},[_c('img',{attrs:{\"src\":item.imgUrl}})]),_c('div',{staticClass:\"flex7 RecordList-item-detail-d\"},[_c('p',{staticClass:\"RecordList-item-detail-title\"},[_vm._v(_vm._s(item.productName))]),(_vm.clientWidth > 750)?_c('p',{staticClass:\"RecordList-item-detail-price\"},[_c('b',{staticClass:\"violet\"},[_vm._v(_vm._s(item.price))]),_vm._v(\" 金币\")]):_vm._e(),(_vm.clientWidth < 750)?_c('p',{staticClass:\"RecordList-item-detail-date co-999\"},[_vm._v(_vm._s(item.cTime))]):_vm._e()])]),_c('div',{staticClass:\"RecordList-item-state ml\"},[(_vm.clientWidth < 750)?_c('div',[_c('p',{staticClass:\"RecordList-item-detail-price-mb\"},[_c('b',{staticClass:\"violet\"},[_vm._v(_vm._s(item.price))]),_vm._v(\" 金币\")])]):_vm._e(),(item.state == 0)?_c('div',{staticClass:\"RecordList-item-state-mb tr\"},[_vm._v(\"审核中\")]):_vm._e(),(item.state == 1)?_c('div',{staticClass:\"RecordList-item-state-mb tr\"},[_vm._v(\"已拒绝\")]):_vm._e(),(item.state == 2)?_c('div',{staticClass:\"RecordList-item-state-mb tr\"},[_vm._v(\"兑换中\")]):_vm._e(),(item.state == 3)?_c('div',{staticClass:\"RecordList-item-state-mb tr violet\"},[_vm._v(\"已发出\")]):_vm._e(),(item.state == 8)?_c('div',{staticClass:\"RecordList-item-state-mb tr co-999\"},[_vm._v(\"已取消\")]):_vm._e(),(item.state == 9)?_c('div',{staticClass:\"RecordList-item-state-mb tr co-999\"},[_vm._v(\"已完成\")]):_vm._e()]),_c('div',{staticClass:\"RecordList-item-track-mbn\",staticStyle:{\"min-width\":\"96px\"}},[(_vm.clientWidth > 750 && item.type == 1)?_c('div',{staticClass:\"RecordList-item-track cur\",on:{\"click\":function($event){return _vm.track(item.id)}}},[_vm._v(\"查看快递单号\")]):_vm._e()])]),_c('div',{staticClass:\"RecordList-item-track-mba\"},[(_vm.clientWidth < 750 && item.type == 1)?_c('div',{staticClass:\"RecordList-item-track-mb tr\",on:{\"click\":function($event){return _vm.track(item.id)}}},[_vm._v(\"查看快递单号\")]):_vm._e()])])}),0):_c('div',{staticClass:\"noData\"},[_c('img',{attrs:{\"src\":require(\"@/assets/PC/profile/listNone.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"page tr\"},[_c('el-pagination',{attrs:{\"total\":_vm.Records.recordCount,\"page-size\":_vm.Records.pageSize,\"current-page\":_vm.Records.pageIndex,\"background\":\"\",\"layout\":\"pager, next\",\"next-text\":\"下一页\",\"hide-on-single-page\":\"\"},on:{\"current-change\":_vm.handleCurrentChange}})],1),(_vm.IsloadList)?_c('div',{staticClass:\"loadList flex0\"},[_c('div',{staticClass:\"loadList0\",on:{\"click\":_vm.loadlist}},[_vm._v(\"加载更多\")])]):_vm._e(),(_vm.clientWidth < 750 && !_vm.IsloadList && _vm.Records.data.length > 0)?_c('div',{staticClass:\"tc notDetail\"},[_c('div',[_vm._v(\" 没有更多内容了~ \"),_c('span',{staticClass:\"violet\",on:{\"click\":_vm.scrollTop}},[_vm._v(\"返回顶部\")])])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"ForRecord\">\r\n    <div v-loading=\"loading\"></div>\r\n    <div v-if=\"!Isdata\" class=\"RecordList\">\r\n      <div v-for=\"(item, index) in Records.data\" :key=\"index\" class=\"RecordList-item\" :class=\"'RecordList-item'+ (index + 1)\">\r\n        <div v-if=\"clientWidth > 750\" class=\"RecordList-item-date\">{{ item.cTime }}</div>\r\n        <div class=\"RecordList-item-detail flex3\">\r\n          <div class=\"img-d flex2\">\r\n            <div class=\"img-url flex7\">\r\n              <img :src=\"item.imgUrl\">\r\n            </div>\r\n            <div class=\"flex7 RecordList-item-detail-d\">\r\n              <p class=\"RecordList-item-detail-title\">{{ item.productName }}</p>\r\n              <p v-if=\"clientWidth > 750\" class=\"RecordList-item-detail-price\"><b class=\"violet\">{{ item.price }}</b> 金币</p>\r\n              <p v-if=\"clientWidth < 750\" class=\"RecordList-item-detail-date co-999\">{{ item.cTime }}</p>\r\n            </div>\r\n          </div>\r\n          <div class=\"RecordList-item-state ml\">\r\n            <div v-if=\"clientWidth < 750\"><p class=\"RecordList-item-detail-price-mb\"><b class=\"violet\">{{ item.price }}</b> 金币</p></div>\r\n            <div v-if=\"item.state == 0\" class=\"RecordList-item-state-mb tr\">审核中</div>\r\n            <div v-if=\"item.state == 1\" class=\"RecordList-item-state-mb tr\">已拒绝</div>\r\n            <div v-if=\"item.state == 2\" class=\"RecordList-item-state-mb tr\">兑换中</div>\r\n            <div v-if=\"item.state == 3\" class=\"RecordList-item-state-mb tr violet\">已发出</div>\r\n            <div v-if=\"item.state == 8\" class=\"RecordList-item-state-mb tr co-999\">已取消</div>\r\n            <div v-if=\"item.state == 9\" class=\"RecordList-item-state-mb tr co-999\">已完成</div>\r\n          </div>\r\n          <div class=\"RecordList-item-track-mbn\" style=\"min-width: 96px\">\r\n            <div v-if=\"clientWidth > 750 && item.type == 1\" class=\"RecordList-item-track cur\" @click=\"track(item.id)\">查看快递单号</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"RecordList-item-track-mba\">\r\n          <div v-if=\"clientWidth < 750 && item.type == 1\" class=\"RecordList-item-track-mb tr\" @click=\"track(item.id)\">查看快递单号</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-else class=\"noData\">\r\n      <img src=\"@/assets/PC/profile/listNone.png\" alt=\"\" />\r\n    </div>\r\n    <div class=\"page tr\">\r\n      <el-pagination\r\n        @current-change=\"handleCurrentChange\"\r\n        :total=\"Records.recordCount\"\r\n        :page-size=\"Records.pageSize\"\r\n        :current-page=\"Records.pageIndex\"\r\n        background\r\n        layout=\"pager, next\"\r\n        next-text=\"下一页\"\r\n        hide-on-single-page>\r\n      </el-pagination>\r\n    </div>\r\n    <div v-if=\"IsloadList\" class=\"loadList flex0\">\r\n      <div class=\"loadList0\" @click=\"loadlist\">加载更多</div>\r\n    </div>\r\n    <div v-if=\"clientWidth < 750 && !IsloadList && Records.data.length > 0\" class=\"tc notDetail\">\r\n      <div>\r\n        没有更多内容了~ \r\n        <span class=\"violet\" @click=\"scrollTop\">返回顶部</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as profile from \"@/api/profile.js\";\r\nimport { dataState } from \"@/api/all.js\";\r\nimport { GetWxShares } from \"@/utils/common\";\r\n\r\nexport default {\r\n  name: 'ForRecord',\r\n  data() {\r\n    return {\r\n      loading: true,                          // !loading\r\n      pages:{page: 1,limit: 5,},              // !分页参数\r\n      Records: {data: []},                    // !兑换记录数组\r\n      IsloadList: false,                      // !移动端加载更多\r\n      Isdata: false,                          // !暂无数据\r\n    }\r\n  },\r\n  mounted(){\r\n    const share = {\r\n      title: '个人中心 | 剑盟社区',\r\n      desc: ''\r\n    }\r\n    GetWxShares(share);\r\n    this.getInit();\r\n    // 数据统计\r\n    const data ={\r\n      \"visitType\": 1,\r\n      \"gid\": sessionStorage.getItem('gid') ? sessionStorage.getItem('gid') : '',\r\n      \"url\": window.location.href,\r\n      \"pageUrl\": \"ForRecord\",\r\n      \"relationId\": \"\"\r\n    }\r\n    dataState(data).then(res => {\r\n      sessionStorage.setItem('gid',res.data);\r\n    })\r\n  },\r\n  methods: {\r\n    // !初始化列表\r\n    getInit(Ismobile){\r\n      profile.GetOrderHistory(this.pages).then(res => {\r\n        if(res.status == 1){\r\n          if(res.data.length > 0){\r\n            this.Isdata = false;\r\n            if(res.data.length < res.recordCount){\r\n              this.IsloadList = true;\r\n            }\r\n            if(Ismobile && this.clientWidth < 750){\r\n              this.Records.data = this.Records.data.concat(res.data);\r\n              if(this.Records.data.length == res.recordCount) {\r\n                this.IsloadList = false;\r\n              }\r\n            } else {\r\n              this.Records = res;\r\n            }\r\n          }else {\r\n            this.Records = {data: []};\r\n            this.IsloadList = false;\r\n            this.Isdata = true;\r\n          }\r\n          \r\n        }else {\r\n          this.$toast(res.message);\r\n        }\r\n        this.loading = false;\r\n      })\r\n    },\r\n    // !PC端分页\r\n    handleCurrentChange(currentPage){\r\n      this.loading =true;\r\n      this.pages.page = currentPage;\r\n      this.getInit();\r\n    },\r\n    // !点击加载更多\r\n    loadlist() {\r\n      if(this.clientWidth < 750){\r\n        this.loading = true;\r\n        this.pages.page++;\r\n        this.getInit(true);\r\n      }\r\n    },\r\n    // !返回顶部\r\n    scrollTop() {\r\n      let top = document.documentElement.scrollTop || document.body.scrollTop;\r\n      // 实现滚动效果 \r\n      const timeTop = setInterval(() => {\r\n        document.body.scrollTop = document.documentElement.scrollTop = top -= 100;\r\n        if (top <= 0) {\r\n          clearInterval(timeTop);\r\n        }\r\n      }, 10);\r\n    },\r\n    // !查看快递单号\r\n    track(id) {\r\n      profile.GetExpressNumber({orderId: id}).then(res => {\r\n        if(res.status == 1) {\r\n          if(res.data) {\r\n            this.$alert(res.data, \"快递单号\", {\r\n              callback: (action) => {},\r\n            });\r\n          }else{\r\n            this.$toast('您兑换的商品还未发出，请持续关注！')\r\n          }\r\n        }else {\r\n          this.$toast(res.message);\r\n        }\r\n      })\r\n    }\r\n  },\r\n  computed: {\r\n    clientWidth() {\r\n      return this.$store.state.clientWidth\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  $mobil_base: 750;\r\n  @function vw($true) {\r\n    @return ($true / $mobil_base) * 100vw;\r\n  }\r\n\r\n  .ForRecord {\r\n    margin: 40px;\r\n    .RecordList {border: 1px solid #DBC3E7;margin-bottom: 20px;}\r\n\r\n    .RecordList-item-date {font-size: 12px; height: 40px; border-bottom: 1px solid #DBC3E7; line-height: 40px; padding-left: 12px;}\r\n    .RecordList-item-detail {border-bottom: 1px solid #DBC3E7; padding: 26px 33px; background: #F5EFF8;}\r\n    .img-url {width: 78px; height: 78px; overflow: hidden;background: #fff; border-radius: 3px; box-shadow: 0 0 3px #ccc; margin-right: 15px;}\r\n    .img-url img {width: 100%;height: 100%;}\r\n\r\n    .RecordList-item-detail-date, .RecordList-item-detail-price-mb {display: none;}\r\n    .RecordList-item-detail-d {width: 70%;}\r\n    .img-d {width: 100%;}\r\n    .RecordList-item-detail-title, .RecordList-item-track, .RecordList-item-state div {font-size: 16px;}\r\n    .RecordList-item-detail-title, .RecordList-item-detail-date {width: 100%;}\r\n    .RecordList-item-detail-price b{font-size: 26px;}\r\n    .RecordList-item-track {text-decoration: underline;}\r\n    .RecordList-item-state {white-space: nowrap;margin: 0 80px;}\r\n  }\r\n  @media (max-width: 750px) {\r\n    .ForRecord {\r\n      margin: vw(23);padding-bottom: vw(1);\r\n      .RecordList-item-date,.RecordList-item-detail-price {display: none;}\r\n      .RecordList-item-detail-date {margin-top: vw(5);}\r\n      .RecordList-item-detail-date, .RecordList-item-detail-price-mb {display: block;white-space: nowrap;}\r\n      .RecordList-item-detail {padding: vw(25);border-bottom: 0; width: 100%;}\r\n      .img-url {width: vw(90); height: vw(90);margin-right: vw(11);min-width: vw(90);}\r\n      .RecordList-item-detail-title {font-size: vw(27);}\r\n      \r\n      .RecordList-item-detail-d {max-width: 80%;width: 100%}\r\n      .RecordList-item-detail-price-mb, .RecordList-item-state-mb {font-size: vw(24)!important;}\r\n      .RecordList-item-detail-price-mb b{font-size: vw(28);}\r\n      .RecordList-item-track-mb,.RecordList-item-track-mba {margin-top: 1px;background: #F5EFF8; height: vw(73);border-bottom: 1px #DBC3E7 solid;line-height: vw(73); padding-right: vw(20); text-decoration: underline;}\r\n      .RecordList-item-track-mbn {min-width: auto!important;}\r\n\r\n      .RecordList-item-state {margin: 0 0 0 vw(20);}\r\n    }\r\n  }\r\n</style>\r\n<style>\r\n  .ForRecord .el-pagination {padding: 20px 0;}\r\n  #app  .ForRecord .el-pagination .btn-next {margin-right: 0;}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForRecord.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForRecord.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ForRecord.vue?vue&type=template&id=6ef26df4&scoped=true\"\nimport script from \"./ForRecord.vue?vue&type=script&lang=js\"\nexport * from \"./ForRecord.vue?vue&type=script&lang=js\"\nimport style0 from \"./ForRecord.vue?vue&type=style&index=0&id=6ef26df4&prod&lang=scss&scoped=true\"\nimport style1 from \"./ForRecord.vue?vue&type=style&index=1&id=6ef26df4&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6ef26df4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}