{"version":3,"sources":["webpack:///./src/views/caseShare/caseShare.vue?3709","webpack:///src/views/caseShare/caseShare.vue","webpack:///./src/views/caseShare/caseShare.vue?0fff","webpack:///./src/views/caseShare/caseShare.vue","webpack:///./src/api/caseShare.js","webpack:///./src/views/caseShare/caseShare.vue?05c1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_e","ref","on","activityScroll","_l","item","index","key","$event","goDetail","cdnUrl","img_url","_v","_s","title","staticRenderFns","component","getExampleList","params","axios","request","url","method","getExampleDetail","id"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAAEN,EAAW,QAAEI,EAAG,cAAc,CAACG,MAAM,CAAC,eAAgB,EAAM,cAAe,KAASP,EAAIQ,KAAKJ,EAAG,MAAM,CAACK,IAAI,kBAAkBH,YAAY,aAAaI,GAAG,CAAC,OAASV,EAAIW,iBAAiBX,EAAIY,GAAIZ,EAAiB,eAAE,SAASa,EAAKC,GAAO,OAAOV,EAAG,MAAM,CAACW,IAAID,EAAMR,YAAY,OAAOI,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOhB,EAAIiB,SAASJ,MAAS,CAACT,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIkB,OAAOL,EAAKM,QAAQ,IAAM,QAAQf,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACN,EAAIoB,GAAGpB,EAAIqB,GAAGR,EAAKS,eAAc,IAAI,IAC1pBC,EAAkB,G,gDCuBtB,GACE,KADF,WAEI,MAAJ,CACM,OAAN,4BACM,SAAN,EACM,UAAN,GACM,SAAN,EACM,cAAN,KAGE,WAAF,CACI,WAAJ,QAEE,UAbF,WAcI,KAAJ,WACI,KAAJ,aAEE,YAjBF,WAkBI,KAAJ,YAEE,QApBF,WAqBI,KAAJ,sBAEE,QAvBF,WAwBI,KAAJ,aAEE,SAAF,CACI,iBADJ,WAEM,OAAN,0CAGE,MAAF,CACI,iBADJ,SACA,IACA,OACQ,KAAR,cAKE,QAAF,CACI,UADJ,WAEM,IAAN,GACQ,MAAR,mBACQ,KAAR,SACQ,KAAR,qBACQ,OAAR,qDAEM,OAAN,OAAM,CAAN,IAEI,eAVJ,WAWM,IAAN,0CACA,uCACA,0CACA,MACA,UACA,+BACU,KAAV,WACU,KAAV,uBAKI,SAvBJ,SAuBA,GACM,KAAN,aACA,CACQ,KAAR,aACQ,MAAR,CACU,GAAV,SAOI,mBAnCJ,WAmCM,IAAN,OACM,KAAN,gBACQ,QAAR,SACQ,aAAR,EACQ,SAAR,IAEM,IAAN,GACQ,KAAR,cACQ,KAAR,GAEM,OAAN,OAAM,CAAN,qBACQ,GAAR,eACU,IAAV,SACU,EAAV,sBACU,IAAV,kCACU,EAAV,qCACU,EAAV,qBAEU,EAAV,iBAEQ,EAAR,kBACA,mBACQ,QAAR,oBACQ,EAAR,2BCzHkW,I,wBCQ9VC,EAAY,eACd,EACAzB,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,oFAEaC,EAAiB,SAACC,GAC3B,OAAOC,OAAMC,QAAQ,CACjBC,IAAK,UACLC,OAAQ,MACRJ,OAAQA,KAKHK,EAAmB,SAACL,GAC7B,OAAOC,OAAMC,QAAQ,CACjBC,IAAK,WAAF,OAAaH,EAAOM,IACvBF,OAAQ,U,kCCdhB,yBAA2jB,EAAG","file":"assets/js/chunk-e7072a82.f25c97b5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"case-share-container\"},[(_vm.showNav)?_c('roof-search',{attrs:{\"middleContent\":false,\"rightContent\":false}}):_vm._e(),_c('div',{ref:\"activity_scroll\",staticClass:\"share-list\",on:{\"scroll\":_vm.activityScroll}},_vm._l((_vm.caseShareList),function(item,index){return _c('div',{key:index,staticClass:\"item\",on:{\"click\":function($event){return _vm.goDetail(item)}}},[_c('div',{staticClass:\"cover-img\"},[_c('img',{attrs:{\"src\":_vm.cdnUrl+item.img_url,\"alt\":\"\"}})]),_c('div',{staticClass:\"van-multi-ellipsis--l2 title\"},[_vm._v(_vm._s(item.title))])])}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 客户案例分享 -->\r\n<template>\r\n  <div class=\"case-share-container\">\r\n    <roof-search v-if=\"showNav\" :middleContent=\"false\" :rightContent=\"false\"></roof-search>\r\n    <div class=\"share-list\" ref=\"activity_scroll\" @scroll=\"activityScroll\">\r\n      <div class=\"item\" v-for=\"(item,index) in caseShareList\" :key=\"index\" @click=\"goDetail(item)\">\r\n        <div class=\"cover-img\">\r\n          <img :src=\"cdnUrl+item.img_url\" alt=\"\">\r\n        </div>\r\n        <div class=\"van-multi-ellipsis--l2 title\">{{item.title}}</div>\r\n      </div>\r\n    </div>\r\n<!--    <div class=\"no-data\" v-if=\"caseShareList.length == 0\">-->\r\n<!--      <img src=\"@/assets/img/no-data.png\" alt=\"\" class=\"no-data-img\" width=\"100%\">-->\r\n<!--      <p class=\"hint-text\">暂无数据</p>-->\r\n<!--    </div>-->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport roofSearch from '@/components/roof-search'\r\nimport { getExampleList } from '@/api/caseShare'\r\nimport { wxShare } from '@/libs/wxjssdk'\r\n\r\nexport default {\r\n    data () {\r\n        return {\r\n            cdnUrl: this.$config.baseUrl.cdnUrl,\r\n            pageSize: 1,\r\n            last_page: '',\r\n            showNav: true,\r\n            caseShareList: []\r\n        }\r\n    },\r\n    components: {\r\n        roofSearch\r\n    },\r\n    activated () {\r\n        this.showNav = true\r\n        this.sharePage()\r\n    },\r\n    deactivated () {\r\n        this.showNav = false\r\n    },\r\n    created () {\r\n        this.getExampleListPort()\r\n    },\r\n    mounted () {\r\n        this.sharePage()\r\n    },\r\n    computed: {\r\n        whetherSignature () {\r\n            return this.$store.state.user.whetherSignature\r\n        }\r\n    },\r\n    watch: {\r\n        whetherSignature (newVAl) {\r\n            if (newVAl === true) {\r\n                this.sharePage()\r\n                // console.log('vuex发生变化了', newVAl)\r\n            }\r\n        }\r\n    },\r\n    methods: {\r\n        sharePage () {\r\n            const params = {\r\n                title: 'Eppendorf 客户案例分享', // 分享标题\r\n                desc: '客户案例分享', // 分享描述\r\n                link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致\r\n                imgUrl: window.location.origin + '/eppendorf_single/logo.png' // 分享图标\r\n            }\r\n            wxShare(params)\r\n        },\r\n        activityScroll () {\r\n            var clientHeight = this.$refs.activity_scroll.clientHeight // 该容器的固定高度\r\n            var scrollTop = this.$refs.activity_scroll.scrollTop // 滚动条距顶部的距离\r\n            var scrollHeight = this.$refs.activity_scroll.scrollHeight // 内容的高度\r\n            var inadvance = 150 // 距离底部距离\r\n            if (scrollHeight - scrollTop - inadvance <= clientHeight) {\r\n                if (this.pageSize < this.last_page) {\r\n                    this.pageSize++\r\n                    this.getExampleListPort()\r\n                }\r\n                // this.$toast('上拉触底了')\r\n            }\r\n        },\r\n        goDetail (item) {\r\n            this.$router.push(\r\n                {\r\n                    name: 'caseDetail',\r\n                    query: {\r\n                        id: item.id\r\n                    }\r\n                }\r\n            )\r\n        },\r\n        /** 网络请求 **/\r\n        // 获取案例分享列表\r\n        getExampleListPort () {\r\n            this.$toast.loading({\r\n                message: '加载中...',\r\n                forbidClick: true,\r\n                duration: 0\r\n            })\r\n            var params = {\r\n                page: this.pageSize,\r\n                type: 1\r\n            }\r\n            getExampleList(params).then(res => {\r\n                if (res.errCode === 0) {\r\n                    var data = res.data\r\n                    this.last_page = data.last_page\r\n                    var caseShareList = [...this.caseShareList]\r\n                    caseShareList.push(...data.data)\r\n                    this.caseShareList = caseShareList\r\n                } else {\r\n                    this.$toast(res.errMsg)\r\n                }\r\n                this.$toast.clear()\r\n            }).catch(err => {\r\n                console.log('案例分享列表接口失败', err)\r\n                this.$toast('案例分享列表接口失败')\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .case-share-container {\r\n    position: relative;\r\n    background: #f8f7fc;\r\n    width: 100%;\r\n    height: 100vh;\r\n\r\n    .share-list {\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow: auto;\r\n      -webkit-overflow-scrolling: touch;\r\n      padding: rem(46) rem(20);\r\n\r\n      &:after {\r\n        content: '';\r\n        display: block;\r\n        clear: both;\r\n      }\r\n\r\n      .item {\r\n        width: rem(156);\r\n        height: rem(120);\r\n        background: #fff;\r\n        border-radius: 4px;\r\n        margin-top: rem(20);\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        &:nth-child(odd) {\r\n          float: left;\r\n        }\r\n\r\n        &:nth-child(even) {\r\n          float: right;\r\n        }\r\n\r\n        .cover-img {\r\n          // height: rem(105);\r\n\r\n          img {\r\n            width: 100%;\r\n            height: 100%;\r\n            border-top-left-radius: 4px;\r\n            border-top-right-radius: 4px;\r\n          }\r\n        }\r\n\r\n        .title {\r\n          padding: 0 rem(10);\r\n          color: #2C2C2C;\r\n          font-size: rem(12);\r\n          padding-top: rem(5);\r\n          line-height: rem(18);\r\n        }\r\n\r\n      }\r\n    }\r\n\r\n    .no-data{\r\n      width: 60%;\r\n      display: block;\r\n      margin: 0 auto;\r\n      margin-top: rem(35);\r\n      text-align: center;\r\n      color: #b1acac;\r\n      font-size: rem(13);\r\n      padding-bottom: rem(10);\r\n      .hint-text{\r\n        margin: rem(10) 0;\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./caseShare.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./caseShare.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./caseShare.vue?vue&type=template&id=55c152fe&scoped=true&\"\nimport script from \"./caseShare.vue?vue&type=script&lang=js&\"\nexport * from \"./caseShare.vue?vue&type=script&lang=js&\"\nimport style0 from \"./caseShare.vue?vue&type=style&index=0&id=55c152fe&lang=scss&scoped=true&\"\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  \"55c152fe\",\n  null\n  \n)\n\nexport default component.exports","import axios from '@/libs/api.request'\r\n// 获取案例分享列表\r\nexport const getExampleList = (params) => {\r\n    return axios.request({\r\n        url: 'example',\r\n        method: 'get',\r\n        params: params\r\n    })\r\n}\r\n\r\n// 获取案例分享详情\r\nexport const getExampleDetail = (params) => {\r\n    return axios.request({\r\n        url: `example/${params.id}`,\r\n        method: 'get'\r\n    })\r\n}\r\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./caseShare.vue?vue&type=style&index=0&id=55c152fe&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./caseShare.vue?vue&type=style&index=0&id=55c152fe&lang=scss&scoped=true&\""],"sourceRoot":""}