{"version":3,"sources":["webpack:///./src/views/ComposeIllustration.vue?3233","webpack:///./src/views/ComposeIllustration.vue?a718","webpack:///src/views/ComposeIllustration.vue","webpack:///./src/views/ComposeIllustration.vue?92a9","webpack:///./src/views/ComposeIllustration.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","directives","name","rawName","value","expression","_l","item","index","key","on","$event","handleAdd","staticStyle","attrs","content","checkedImage","includes","_e","toPDF","staticRenderFns","data","illusArr","num","checkedId","userid","computed","methods","getIll","res","console","push","$store","commit","$router","getMore","mounted","component"],"mappings":"wHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,4BAA4BH,EAAG,KAAK,CAACI,WAAW,CAAC,CAACC,KAAK,kBAAkBC,QAAQ,oBAAoBC,MAAOX,EAAW,QAAEY,WAAW,YAAYN,YAAY,SAASN,EAAIa,GAAIb,EAAY,UAAE,SAASc,EAAKC,GAAO,OAAOX,EAAG,KAAK,CAACY,IAAID,EAAME,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,UAAUL,MAAS,CAACV,EAAG,WAAW,CAACgB,YAAY,CAAC,MAAQ,OAAO,OAAS,WAAWC,MAAM,CAAC,IAAO,8BAA8BP,EAAKQ,QAAS,IAAM,aAAetB,EAAIuB,aAAaC,SAASV,GAAQV,EAAG,OAAO,CAACA,EAAG,IAAI,CAACE,YAAY,oBAAoBN,EAAIyB,MAAM,MAAK,GAAGrB,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,YAAY,CAACiB,MAAM,CAAC,KAAO,OAAO,KAAO,UAAUJ,GAAG,CAAC,MAAQjB,EAAI0B,QAAQ,CAAC1B,EAAIO,GAAG,SAAS,MAC/zBoB,EAAkB,G,8CCgBP,GACbC,KADF,WAEI,MAAO,CACLC,SAANA,GACMC,IAANA,EACMP,aAANA,GACMQ,UAANA,GACMC,OAANA,6BAGEC,SAAFA,gBACA,aAEEC,QAAFA,CAEIC,OAFJ,WAEA,uLAEA,oFAFA,OAEAC,EAFA,OAGA,0BAHA,mDAKAC,kBALA,4DAQIlB,UAVJ,SAUAL,GACM,KAAN,sBAEIY,MAbJ,WAcMzB,KAAKsB,aAAae,OAClBrC,KAAKsC,OAAOC,OAAO,gBACnBvC,KAAKwC,QAAQH,KAAK,2CAClB,KAAN,8CAGII,QApBJ,WAoBA,qKACA,QADA,kBAGA,yFAHA,OAGAN,EAHA,OAIA,6CAJA,mDAMAC,kBANA,6DAWEM,QA5CF,WA4CA,wKACA,WADA,+CC7D6V,I,wBCQzVC,EAAY,eACd,EACA7C,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E","file":"js/compose-illustration.09216b83.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!./ComposeIllustration.vue?vue&type=style&index=0&id=32a47518&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"请按顺序选择要合成绘本的图片，第一页为封面。\")]),_c('ul',{directives:[{name:\"infinite-scroll\",rawName:\"v-infinite-scroll\",value:(_vm.getMore),expression:\"getMore\"}],staticClass:\"items\"},_vm._l((_vm.illusArr),function(item,index){return _c('li',{key:index,on:{\"click\":function($event){return _vm.handleAdd(item)}}},[_c('el-image',{staticStyle:{\"width\":\"12vw\",\"height\":\"8.448vw\"},attrs:{\"src\":(\"https://static.kidstory.cc/\"+item.content),\"fit\":\"contain\"}}),((_vm.checkedImage.includes(item)))?_c('span',[_c('i',{staticClass:\"el-icon-check\"})]):_vm._e()],1)}),0),_c('div',{staticClass:\"btn\"},[_c('el-button',{attrs:{\"type\":\"info\",\"size\":\"medium\"},on:{\"click\":_vm.toPDF}},[_vm._v(\"预览\")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"container\">\n        <div class=\"title\">请按顺序选择要合成绘本的图片，第一页为封面。</div>\n       <ul class=\"items\" v-infinite-scroll=\"getMore\">\n        <li v-for=\"(item, index) in illusArr\" :key=\"index\" @click=\"handleAdd(item)\">\n          <el-image :src=\"(`https://static.kidstory.cc/`+item.content)\" style=\"width:12vw; height: 8.448vw\" fit=\"contain\"></el-image>\n          <span v-if=\"(checkedImage.includes(item))\"><i class=\"el-icon-check\"></i></span></li>\n       </ul>\n    <div class=\"btn\">\n     <el-button @click=\"toPDF\" type=\"info\" size=\"medium\">预览</el-button></div>\n\n    </div>\n</template>\n\n<script>\nimport {mapState} from \"vuex\"\n\nexport default {\n     data() {\n    return {\n      illusArr:[],\n      num:1,\n      checkedImage:[],\n      checkedId:[],\n      userid:localStorage.getItem(\"id\"),\n    };\n  },\n    computed:mapState([\n        \"imgToPDF\",      \n    ]),\n  methods:{\n    //获取我的插画\n    async getIll(){\n      try{\n          let res=await this.$http.get(`/ill/?sort_param=createdAt&sort_num=desc&ownerid=`+this.userid+`&page=1`)\n          this.illusArr=res.data.message\n        } catch(err){\n          console.log(err)\n        }\n    },\n    handleAdd(item){\n       this.checkedImage.push(item)\n    },\n    toPDF(){\n      this.checkedImage.push()\n      this.$store.commit(\"removeImages\")\n      this.$router.push('/user/upload/compose-illustration/topdf');\n       this.$store.commit(\"addImages\",this.checkedImage)\n       \n    },\n    async getMore(){\n      this.num++\n      try{\n          let res=await this.$http.get(`/ill/?sort_param=createdAt&sort_num=desc&ownerid=`+this.userid+`&page=`+this.num)\n          this.illusArr=this.illusArr.concat(res.data.message)\n        } catch(err){\n          console.log(err)\n        }\n    }\n\n  },\n  async mounted(){\n    await this.getIll(); \n  }\n}\n</script>\n\n<style scoped>\n.container{\n    width:100vw;\n    height:90vh;\n    padding:0 5vw;\n    background-color: #f5f5f5;\n    overflow: scroll;\n}\n.container .title{\n    margin:1vw 1vw 0 1vw;\n    font-size:18px;\n    font-weight: 400;\n    height:54px;\n    line-height: 54px;\n    text-align: center;\n    border-radius: 4px;\n    background-color: #fff;\n    letter-spacing: 2px;\n}\n.container .items{\n    width:90vw;\n    height:90vh;\n   margin-bottom: 14vh;\n    display: flex;\n    flex-wrap:wrap;\n}\n.container .items li{\n    width:13vw;\n    height:9.448vw;\n    padding:0.5vw;\n    margin:1vw;\n    border-radius: 4px;\n     background-color: #fff;\n     font-size:60px;\n     cursor:pointer;\n     \n}\n.container .items li:hover{\n   animation:pulse;\n   animation-duration: 1s;\n}\n.container .items li span{\n    width:13vw;\n    height:9.448vw;\n    display: block;\n    position: relative;\n    top:-10.448vw;\n    left:-0.5vw;\n     border-radius: 4px;\n     font-size:60px;\n     text-align: center;\n     line-height: 9.448vw;\n     color:#fff;\n     background-color: rgba(0, 0, 0, 0.5);\n}\n\n.btn{\n  height: 10vh; \n   position: absolute;\n   left:47.6%;\n   bottom: 2vh;  \n}\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!./ComposeIllustration.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!./ComposeIllustration.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ComposeIllustration.vue?vue&type=template&id=32a47518&scoped=true&\"\nimport script from \"./ComposeIllustration.vue?vue&type=script&lang=js&\"\nexport * from \"./ComposeIllustration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ComposeIllustration.vue?vue&type=style&index=0&id=32a47518&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  \"32a47518\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}