{"version":3,"sources":["webpack:///./src/views/SearchBooks.vue?622a","webpack:///./src/views/SearchBooks.vue?012d","webpack:///src/views/SearchBooks.vue","webpack:///./src/views/SearchBooks.vue?6482","webpack:///./src/views/SearchBooks.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","model","value","callback","$$v","expression","_l","item","key","label","button2","index","content","on","$event","toDetail","_id","_v","_s","title","likeBookArr","includes","likeBookFun","staticRenderFns","name","components","RightMenu","computed","data","userid","bookArry","toolArry","snum","imgUrl","loading","scrollDisabled","sortList","button1","methods","id","params","bookId","getSearchBooks","res","console","getImgUrl","i","tool","j","setBooks","$store","commit","spageAdd","post","ownerid","type","likeid","headers","then","catch","searchFun","toBooks","mounted","component"],"mappings":"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","file":"js/search-books.e355cc02.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!./SearchBooks.vue?vue&type=style&index=0&id=a87b160a&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\"},[_c('div',{staticClass:\"items\"},_vm._l((_vm.searchArry),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.content[0]),\"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        \n      <!-- 搜索到的绘本 -->\n      <div class=\"box\">\n        <div class=\"items\">\n          <div class=\"item\" v-for=\"(item, index) in searchArry\" :key=\"index\">\n            <el-card style=\"width: 20vw\" >\n              <div>\n                <el-image :src=\"(`https://static.kidstory.cc/`+item.content[0])\" 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        </div>\n        </div>\n  \n        <right-menu />\n      </div>\n    </div>\n  </template>\n  \n  <script>\n  // @ is an alias to /src\n  \n  import RightMenu from \"../components/RightMenu.vue\";\n  import {mapState} from \"vuex\"\n  \n  export default {\n    name: \"Home\",\n    components: {\n      \n      RightMenu,\n    },\n    computed:mapState([\n           \"collectBookArr\",\n          \"likeBookArr\",\"searchInput\",\"searchArry\"\n      ]),\n    data() {\n      return {\n        userid:localStorage.getItem(\"id\"),\n        bookArry:[],\n       toolArry:[],\n      \n       snum:1,\n       imgUrl:[],\n       loading:true,\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 getSearchBooks(){\n        try{\n          let res=await this.$http.get(`/book/?sort_param=heat&sort_num=desc&keyword=`+ this.searchInput+`&page=1`)\n          this.toolArry=res.data.message\n         \n        }catch(err){\n         \n          console.log(err)\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        //遍历绘本图片ID，替换成图片URL\n        for(var j=0;j<tool.length;j++){\n          try{\n            let res=await this.$http.get(`/ill/`+tool[j])\n            this.toolArry[i].content[j]=res.data.message.content\n          \n          } catch(err){\n            console.log(err)\n          }\n  \n        } \n      }  \n     },\n     setBooks(){\n      this.$store.commit(\"searchedBooks\",this.toolArry)\n      this.loading=false  \n     },\n  \n  \n      //搜索结果的下一页\n      async spageAdd(){\n        this.snum++\n        try{\n           let res=await this.$http.get(`/book/?sort_param=heat&sort_num=desc&keyword=`+this.searchInput+`&page=`+this.snum)\n           this.toolArry=res.data.message\n          await this.getImgUrl();\n          await this.setBooks();   \n         } catch(err){\n           console.log(err)\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       \n          await this.getSearchBooks()\n          await this.getImgUrl()\n          await this.setBooks()\n     \n      },\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    async mounted(){\n      \n        await this.searchFun()\n   \n    },\n  \n  };\n  </script>\n  <style scoped>\n  .content {\n    display: flex;\n   \n  }\n  .content-left {\n    width: 80vw;\n    padding: 0 6vw;\n    height: 88vh;\n    background-color: #f5f6fa;\n  \n  }\n  .items{\n    width:100%;\n    height:108vw;\n    overflow-y: auto;\n    margin-top:2vh;\n    display: flex;\n    flex-wrap: wrap;\n    align-content:flex-start;\n    \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;\n  justify-content: space-between;\n  color:#606266;\n  align-items: center;\n  overflow: hidden;\n    \n  }\n  .data .name{\n    width:11vw;\n    white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipse;\n  font-size:14px;\n  font-weight: 500;\n  text-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!./SearchBooks.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!./SearchBooks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchBooks.vue?vue&type=template&id=a87b160a&scoped=true&\"\nimport script from \"./SearchBooks.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchBooks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchBooks.vue?vue&type=style&index=0&id=a87b160a&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  \"a87b160a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}