{"version":3,"sources":["webpack:///./src/views/OriginalBooks.vue?567f","webpack:///./src/views/OriginalBooks.vue?1f19","webpack:///src/views/OriginalBooks.vue","webpack:///./src/views/OriginalBooks.vue?812d","webpack:///./src/views/OriginalBooks.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","model","value","callback","$$v","expression","_l","item","key","label","button2","_v","_e","directives","name","rawName","loading","loadControl","index","cover","on","$event","toDetail","_id","_s","title","likeBookArr","includes","likeBookFun","staticRenderFns","components","RightMenu","computed","data","userid","bookArry","toolArry","num","imgUrl","scrollDisabled","sortList","button1","methods","id","$router","push","params","bookId","getBooks","res","console","message","type","getImgUrl","i","tool","setBooks","loadMore","$http","post","ownerid","likeid","headers","then","catch","searchFun","query","keyWord","getAllBooks","toBooks","mounted","component"],"mappings":"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","file":"js/original-books.6481ca15.js","sourcesContent":["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!./OriginalBooks.vue?vue&type=style&index=0&id=f7be20d2&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"content-left\"},[_c('div',{staticClass:\"el-select\"},[_c('el-select',{staticStyle:{\"width\":\"12vw\",\"margin\":\"0\"},attrs:{\"placeholder\":\"排序方式\",\"size\":\"mini\"},model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:\"model\"}},_vm._l((_vm.sortList),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1),_c('el-radio-group',{attrs:{\"size\":\"mini\"},model:{value:(_vm.button2),callback:function ($$v) {_vm.button2=$$v},expression:\"button2\"}},[_c('el-radio-button',{attrs:{\"label\":\"不限\"}}),_c('el-radio-button',{attrs:{\"label\":\"百科\"}}),_c('el-radio-button',{attrs:{\"label\":\"习惯\"}}),_c('el-radio-button',{attrs:{\"label\":\"益智\"}}),_c('el-radio-button',{attrs:{\"label\":\"艺术\"}}),_c('el-radio-button',{attrs:{\"label\":\"英语\"}})],1)],1),_c('div',{staticClass:\"box\"},[(_vm.loading)?_c('div',{staticClass:\"loading\"},[_c('span',{staticClass:\"text\"},[_vm._v(\"故事正在加载\")]),_c('i',{staticClass:\"el-icon-loading\",attrs:{\"size\":32}})]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:((!_vm.loading)),expression:\"(!loading)\"},{name:\"infinite-scroll\",rawName:\"v-infinite-scroll\",value:(_vm.loadMore),expression:\"loadMore\"}],staticClass:\"items\",attrs:{\"infinite-scroll-disabled\":\"scrollDisabled\",\"disabled\":_vm.loadControl}},_vm._l((_vm.books),function(item,index){return _c('div',{key:index,staticClass:\"item\"},[_c('el-card',{staticStyle:{\"width\":\"20vw\"}},[_c('div',[_c('el-image',{staticClass:\"image\",attrs:{\"src\":(\"https://static.kidstory.cc/\"+item.cover),\"fit\":\"cover\"},on:{\"click\":function($event){return _vm.toDetail(item._id)}}}),_c('div',{staticClass:\"data\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"icon\"},[(_vm.likeBookArr.includes(item._id))?_c('span',[_c('i',{staticClass:\"iconfont icon-aixin1\",staticStyle:{\"color\":\"#F489B5\"}})]):_c('span',{staticClass:\"iconfont icon-aixin\"},[_c('i',{on:{\"click\":function($event){return _vm.likeBookFun(item._id)}}})])])])],1)])],1)}),0)])]),_c('right-menu')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"content\">\n      <div class=\"content-left\">\n        <div class=\"el-select\">\n          <el-select\n            v-model=\"model\"\n            style=\"width: 12vw;margin:0\"\n            placeholder=\"排序方式\"\n             size=\"mini\"\n          >\n            <el-option\n              v-for=\"item in sortList\"\n              :key=\"item.value\"\n      :label=\"item.label\"\n      :value=\"item.value\"\n              ></el-option\n            >\n          </el-select>\n         \n          <el-radio-group v-model=\"button2\"  size=\"mini\">\n            <el-radio-button label=\"不限\"></el-radio-button>\n            <el-radio-button label=\"百科\"></el-radio-button>\n            <el-radio-button label=\"习惯\"></el-radio-button>\n            <el-radio-button label=\"益智\"></el-radio-button>\n            <el-radio-button label=\"艺术\"></el-radio-button>\n            <el-radio-button label=\"英语\"></el-radio-button>\n          </el-radio-group>\n        </div>\n\n  <!-- 不搜索时显示全部绘本 -->\n      <div  class=\"box\">\n      <div v-if=\"loading\" class=\"loading\"><span class=\"text\">故事正在加载</span><i class=\"el-icon-loading\" :size=\"32\" ></i></div>\n        <div v-show=\"(!loading)\" class=\"items\" v-infinite-scroll=\"loadMore\" infinite-scroll-disabled=\"scrollDisabled\" :disabled=\"loadControl\">\n        <div class=\"item\" v-for=\"(item, index) in books\" :key=\"index\">\n          <el-card style=\"width: 20vw\" >\n            <div>\n              <el-image :src=\"(`https://static.kidstory.cc/`+item.cover)\" class=\"image\" fit=\"cover\" @click=\"toDetail(item._id)\"/>\n               <div class=\"data\">\n              <span class=\"name\">{{item.title}}</span>\n              <div class=\"icon\">\n                <span v-if=\"likeBookArr.includes(item._id)\"><i   style=\"color:#F489B5\" class=\"iconfont icon-aixin1\"></i></span>\n                <span v-else class=\"iconfont icon-aixin\"><i @click=\"likeBookFun(item._id)\" ></i></span></div>\n            </div>\n            </div>\n          </el-card>\n        </div>\n      </div>\n     \n      \n    \n    </div>\n      \n \n      </div>\n\n      <right-menu />\n    </div>\n  </div>\n</template>\n\n<script>\n// @ is an alias to /src\n\nimport RightMenu from \"../components/RightMenu.vue\";\nimport {mapState} from \"vuex\"\n\nexport default {\n  name: \"Home\",\n  components: {\n    \n    RightMenu,\n  },\n  computed:mapState([\n        \"books\", \"collectBookArr\",\n        \"likeBookArr\",\n    ]),\n  data() {\n    return {\n      userid:localStorage.getItem(\"id\"),\n      bookArry:[],\n     toolArry:[],\n     num:1,\n     imgUrl:[],\n     loading:true,\n     loadControl:false,\n     scrollDisabled:false,\n      sortList: [\n        {\n          value: \"default\",\n          label: \"默认\",\n        },\n        {\n          value: \"hot\",\n          label: \"热度\",\n        },\n        {\n          value: \"time\",\n          label: \"时间\",\n        },\n      ],\n      model: \"\",\n      button1: \"不限\",\n      button2: \"不限\",\n    };\n  },\n  methods: {\n    //去绘本详情页\n    toDetail(id) {\n      this.$router.push({name:'bookdetails',params:{bookId:id}});\n    },\n\n    //获取后台返回的绘本数据（18）\n   async getBooks(){\n      try{\n        let res=await this.$http.get(`/book/?sort_param=heat&sort_num=desc&page=1`)\n        //对象数组，对象包含绘本的name\\id\\content\\description等\n        this.toolArry=res.data.message\n        \n      }catch(err){\n        this.loading=false \n        console.log(err)\n        this.$message({\n          message: '抱歉，出错了！',\n          type: 'error'\n        });\n      }\n\n    },\n\n//获取绘本的封面图片\n   async getImgUrl(){\n    for(var i=0;i<this.toolArry.length;i++){\n      //获取绘本图片ID\n      let tool=this.toolArry[i].content\n    \n        try{\n          let res=await this.$http.get(`/ill/`+tool[0])\n          this.toolArry[i].cover=res.data.message.content\n        \n        } catch(err){\n          console.log(err)\n        }\n\n  \n    }  \n   },\n   setBooks(){\n    this.$store.commit(\"addBooks\",this.toolArry)\n    this.loading=false  \n   },\n  //下一页\n   async loadMore(){\n    if(!this.loadControl) {\n      this.loadControl=true\n        try {\n          let res = await this.$http.get(`/book/?sort_param=heat&sort_num=desc&page=` + this.num)\n          if (res.data.message.length == 0) {\n            this.scrollDisabled = true\n          } else {\n            this.toolArry = res.data.message\n            await this.getImgUrl();\n            await this.setBooks();\n            this.num++\n            this.loadControl=false\n          }\n        } catch (err) {\n          console.log(err)\n        }\n    }\n  \n    },\n\n \n\n    //点击喜欢绘本\n    likeBookFun(id) {\n      this.$http\n        .post(`/user/like/`+id,{ownerid:this.userid,type:\"book\",likeid:id}\n        ,{\n          headers:{\n            \"Authorization\":\"Bearer \"+localStorage.getItem(\"token\")\n          }\n        })\n        .then((response) => {\n          console.log(response)\n          if (response.data.desc === \"success\") {\n              //把该插画ID添加到用户已收藏插画数组\n              this.$store.commit(\"likeBook\",id)\n          } \n        })\n        .catch((error) => console.log(error));\n    },\n\n    //搜索绘本\n    async searchFun(){\n      this.$store.commit(\"removeBooks\")\n      if(this.searchInput!= ''){\n        this.$router.push({\n        name: \"books\",\n        query: { keyWord: this.searchInput },\n      });\n        await this.getSearchBooks()\n        await this.getImgUrl()\n        await this.setBooks()\n      }else{\n        return\n      }\n    },\n\n    async getAllBooks(){\n      this.$store.commit(\"removeBooks\")\n      if(this.searchInput==''){\n        this.$router.push({\n        name: \"books\"\n      });\n      //获取第一页的18本绘本\n        await this.getBooks();\n    //获取图片\n    await this.getImgUrl();\n    \n   await this.setBooks();\n      }else{\n        return\n      }\n    },\n    //跳转到books\n    async toBooks(){\n      if(this.searchInput==''){\n        this.$router.push({\n        name: \"books\"\n      });\n       \n    }\n\n\n  }},\n\n\n\n  async mounted(){\n      await this.getAllBooks()  \n  },\n\n};\n</script>\n<style scoped>\n.content {\n  display: flex;\n \n}\n.content-left {\n  width: 80vw;\n  height: 88vh;\n  overflow-y: auto;\n  background-color: #f5f6fa;\n}\n.items{\n  width:100%;\n  height:108vw;\n  padding:0 6vw;\n  margin-top:2vh;\n  display: flex;\n  flex-wrap: wrap;\n  align-content:flex-start;  \n}\n.item {\n  width: 20vw;\n  margin: 1vw 1vw;\n  height: 16vw;\n  overflow: hidden;\n  border-radius: 4px;\n  user-select: none;\n}\n.image {\n  width: 17vw;\n  height: 11.968vw;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.text {\n  margin:1vh 0;\n}\n.el-select {\n  margin-top: 2vh;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  height: 30px;\n  padding: 0 1vw;\n}\n.el-input__inner{\n  height:28px;\n  line-height:28px;\n}\n.data{\n  display: flex;\n  height:18px;\njustify-content: space-between;\ncolor:#606266;\nalign-items: center;\noverflow: hidden;\n  \n}\n.data .name{\n  width:11vw;\n  white-space:nowrap;\noverflow:hidden;\ntext-overflow:ellipse;\nfont-size:14px;\nfont-weight: 500;\ntext-align: left;\n}\n.data .icon{\n  width:4vw;\n  display: inline-flex;\n  justify-content: flex-end;\n  align-items: center;\n  font-size:14px;\n  cursor:pointer;\n}\n.box{\n \n  margin-bottom: 32px;\n}\n.loading{\n  position: absolute;\n  top:50%;\n  left:40%;\n  color:#C0C4CC;\n  font-size:18px;\n}\n.loading .text{\n  display: block;\n}\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!./OriginalBooks.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!./OriginalBooks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OriginalBooks.vue?vue&type=template&id=f7be20d2&scoped=true&\"\nimport script from \"./OriginalBooks.vue?vue&type=script&lang=js&\"\nexport * from \"./OriginalBooks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OriginalBooks.vue?vue&type=style&index=0&id=f7be20d2&scoped=true&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  \"f7be20d2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}