{"version":3,"sources":["webpack:///./src/components/loading.vue?68cf","webpack:///./src/components/waterfall.vue?c1d0","webpack:///./src/views/memorialhall/photos/ImageDetails.vue?0447","webpack:///./src/views/memorialhall/photos/ImageDetails.vue","webpack:///./src/components/waterfall.vue","webpack:///./src/components/loading.vue","webpack:///src/components/loading.vue","webpack:///./src/components/loading.vue?3229","webpack:///./src/components/loading.vue?077c","webpack:///src/components/waterfall.vue","webpack:///./src/components/waterfall.vue?3532","webpack:///./src/components/waterfall.vue?fb56","webpack:///src/views/memorialhall/photos/ImageDetails.vue","webpack:///./src/views/memorialhall/photos/ImageDetails.vue?5d71","webpack:///./src/views/memorialhall/photos/ImageDetails.vue?e5be"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","onClickLeft","scopedSlots","_u","isSelf","key","fn","staticStyle","clickEdit","_v","_s","editName","_e","clickImageAdd","proxy","gid","isShow","path","query","id","staticRenderFns","col","data","loadmore","_l","item","index","ImageImgPath","$event","preview","ref","refInFor","domProps","GID","loading","delimage","class","show","_m","props","component","title","String","components","type","Boolean","default","gitHubData","originData","img","avatar","user","like","computed","itemWidth","document","documentElement","clientWidth","gutterWidth","methods","Object","assign","options","pageIndex","getList","$refs","ckbox","checked","_ImagePreview","images","map","startPosition","closeable","init","that","$store","dispatch","then","res","refreshing","dataList","ImgInfoApiModelList","length","finished","forEach","element","push","error","_Dialog","confirm","message","params","Gid","Gids","e","value","IsSuccess","$router","go","_Toast","Message","err","mounted","created","Waterfall","mapGetters","getIsSelf","currentToken","isLogin","Mid","$route"],"mappings":"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","file":"js/chunk-7cfad7ab.8edfefdb.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loading.vue?vue&type=style&index=0&id=7b307bf2&prod&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./waterfall.vue?vue&type=style&index=0&id=7f4f5d78&prod&lang=less&scoped=true\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageDetails.vue?vue&type=style&index=0&id=2df7c86a&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ImageDetailsPage\"},[_c('van-nav-bar',{attrs:{\"title\":\"相册详情\",\"left-arrow\":\"\",\"fixed\":\"\",\"z-index\":99,\"border\":false},on:{\"click-left\":_vm.onClickLeft},scopedSlots:_vm._u([(_vm.isSelf)?{key:\"right\",fn:function(){return [(_vm.isSelf)?_c('div',{staticStyle:{\"color\":\"white\",\"margin-right\":\"10px\"},on:{\"click\":_vm.clickEdit}},[_vm._v(_vm._s(_vm.editName))]):_vm._e(),_c('van-icon',{attrs:{\"name\":\"add-o\"},on:{\"click\":_vm.clickImageAdd}})]},proxy:true}:null],null,true)}),_c('div',{staticClass:\"navBarSpace\"}),_c('div',[_c('Waterfall',{attrs:{\"gid\":_vm.gid + '',\"isShow\":_vm.isShow}})],1),_c('div',{staticClass:\"details__bottom\"},[_c('van-button',{staticClass:\"mybtn\",attrs:{\"round\":\"\",\"block\":\"\",\"to\":{path:'/MemorialHall', query:{id:_vm.id}},\"replace\":\"\"}},[_vm._v(\"返回纪念馆主页\")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container-water-fall\"},[_c('waterfall',{attrs:{\"col\":_vm.col,\"data\":_vm.data},on:{\"loadmore\":_vm.loadmore}},[_vm._l((_vm.data),function(item,index){return _c('div',{key:index,staticClass:\"cell-item\"},[(item.ImageImgPath)?_c('img',{attrs:{\"src\":item.ImageImgPath,\"alt\":\"加载错误\"},on:{\"click\":function($event){return _vm.preview(index)}}}):_vm._e(),(_vm.isShow)?_c('div',{staticClass:\"ck\"},[_c('input',{ref:\"ckbox\",refInFor:true,attrs:{\"type\":\"checkbox\"},domProps:{\"value\":item.GID}})]):_vm._e()])})],2),_c('loading',{attrs:{\"show\":_vm.loading}}),(_vm.isShow)?_c('div',{staticClass:\"addBtn\",on:{\"click\":_vm.delimage}},[_c('van-icon',{attrs:{\"name\":\"delete\"}})],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"loader-layer\",class:_vm.show?'active':''},[_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"spinner\"},[_c('div',{staticClass:\"double-bounce1\"}),_c('div',{staticClass:\"double-bounce2\"}),_vm._v(\"loading... \")])\n}]\n\nexport { render, staticRenderFns }","<style scoped>\r\n.loader-layer {\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: white;\r\n\r\n  transition: all 0.6s;\r\n  opacity: 0;\r\n  -webkit-opacity: 0;\r\n  -o-opacity: 0;\r\n  -ms-opacity: 0;\r\n  -moz-opacity: 0;\r\n  visibility: hidden;\r\n\r\n  filter: alpha(opacity=0);\r\n}\r\n.loader-layer.active {\r\n  visibility: visible;\r\n  opacity: 1;\r\n  -webkit-opacity: 1;\r\n  -o-opacity: 1;\r\n  -ms-opacity: 1;\r\n  -moz-opacity: 1;\r\n  filter: alpha(opacity=100);\r\n}\r\n\r\n.spinner {\r\n  width: 120px;\r\n  height: 120px;\r\n  text-align: center;\r\n  line-height: 120px;\r\n\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  transform: translate(-50%, -50%);\r\n  -webkit-transform: translate(-50%, -50%);\r\n  -o-transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  -moz-transform: translate(-50%, -50%);\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n}\r\n\r\n.double-bounce1,\r\n.double-bounce2 {\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 50%;\r\n  background-color: #1ABC9C;\r\n  opacity: 0.6;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n\r\n  -webkit-animation: bounce 2s infinite ease-in-out;\r\n  animation: bounce 2s infinite ease-in-out;\r\n}\r\n\r\n.double-bounce2 {\r\n  -webkit-animation-delay: -1s;\r\n  animation-delay: -1s;\r\n}\r\n\r\n@-webkit-keyframes bounce {\r\n  0%,\r\n  100% {\r\n    -webkit-transform: scale(0);\r\n  }\r\n  50% {\r\n    -webkit-transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes bounce {\r\n  0%,\r\n  100% {\r\n    transform: scale(0);\r\n    -webkit-transform: scale(0);\r\n  }\r\n  50% {\r\n    transform: scale(1);\r\n    -webkit-transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes loading {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n</style>\r\n\r\n\r\n<template>\r\n  <div class=\"loader-layer\" :class=\"show?'active':''\">\r\n    <div class=\"spinner\">\r\n      <div class=\"double-bounce1\"></div>\r\n      <div class=\"double-bounce2\"></div>loading...\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n\r\n<script>\r\nexport default {\r\n  props: [\"show\"]\r\n};\r\n</script>","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!./loading.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!./loading.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./loading.vue?vue&type=template&id=7b307bf2&scoped=true\"\nimport script from \"./loading.vue?vue&type=script&lang=js\"\nexport * from \"./loading.vue?vue&type=script&lang=js\"\nimport style0 from \"./loading.vue?vue&type=style&index=0&id=7b307bf2&prod&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  \"7b307bf2\",\n  null\n  \n)\n\nexport default component.exports","\r\n<style  lang=\"less\" scoped>\r\n* {\r\n  margin: 0;\r\n}\r\n.container-water-fall {\r\n  // padding: 0 28px;\r\n  width: 100vw;\r\n  box-sizing: border-box;\r\n  h4 {\r\n    padding-top: 56px;\r\n    padding-bottom: 28px;\r\n    font-family: PingFangSC-Medium;\r\n    font-size: 36px;\r\n    color: #000000;\r\n    letter-spacing: 1px;\r\n    text-align: justify;\r\n  }\r\n  button {\r\n    background-color: #ff0;\r\n    color: #24292e;\r\n    border: 1px solid rgba(27, 31, 35, 0.2);\r\n    border-radius: 0.25em;\r\n    width: 100px;\r\n    line-height: 26px;\r\n    font-size: 13px;\r\n    margin: 4px 0;\r\n    margin-right: 4px;\r\n    cursor: pointer;\r\n    outline: none;\r\n    &.blue-light {\r\n      background: #27fbc2;\r\n    }\r\n  }\r\n  button:hover {\r\n    background-image: linear-gradient(-180deg, #fafbfc, #ccc 90%);\r\n  }\r\n  .ck{\r\n     float: right;\r\n     position: relative;\r\n     bottom:  30px;\r\n     right: 10px;\r\n     height: 0px;\r\n  }\r\n  .addBtn{\r\n    position: fixed;\r\n    bottom: 60px;\r\n    right: 15px;\r\n    width: 56px;\r\n    height: 56px;\r\n    background-color: #fff;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 4px #ddd;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 26px;\r\n    color: #24a378;\r\n    float: right;\r\n    z-index: 100;\r\n  }\r\n\r\n  .cell-item {\r\n    width: 100%;\r\n    // margin-bottom: 18px;\r\n    background: #ffffff;\r\n    border: 2px solid #F0F0F0;\r\n    border-radius: 12px 12px 12px 12px;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    img {\r\n      // border-radius: 12px 12px 0 0;\r\n      width: 100%;\r\n      height: auto;\r\n      display: block;\r\n    }\r\n    .item-body {\r\n      // border: 1px solid #F0F0F0;\r\n      padding: 12px;\r\n      .item-desc {\r\n        font-size: 15px;\r\n        color: #333333;\r\n        line-height: 15px;\r\n        font-weight: bold;\r\n      }\r\n      .item-footer {\r\n        margin-top: 22px;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        .avatar {\r\n          width: 44px;\r\n          height: 44px;\r\n          border-radius: 50%;\r\n          background-repeat: no-repeat;\r\n          background-size: contain;\r\n        }\r\n        .name {\r\n          max-width: 150px;\r\n          margin-left: 10px;\r\n          font-size: 14px;\r\n          color: #999999;\r\n        }\r\n        .like {\r\n          position: absolute;\r\n          right: 0;\r\n          display: flex;\r\n          align-items: center;\r\n          &.active {\r\n            i {\r\n            }\r\n            .like-total {\r\n              color: #FF4479;\r\n            }\r\n          }\r\n          i {\r\n            width: 28px;\r\n            display: block;\r\n          }\r\n          .like-total {\r\n            margin-left: 10px;\r\n            font-size: 12px;\r\n            color: #999999;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.githubdata {\r\n  float: right;\r\n  margin-right: 90px;\r\n  img {\r\n    width: 14px;\r\n    // height: 16px;\r\n  }\r\n  \r\n}\r\n</style>\r\n<template>\r\n  <div class=\"container-water-fall\">\r\n    <waterfall :col=\"col\" :data=\"data\" @loadmore=\"loadmore\">\r\n      <template>\r\n        <div class=\"cell-item\" v-for=\"(item,index) in data\" :key=\"index\">\r\n          <img v-if=\"item.ImageImgPath\" v-bind:src=\"item.ImageImgPath\" alt=\"加载错误\" @click=\"preview(index)\">\r\n         <!--  <div class=\"item-body\">\r\n            <div class=\"item-desc\">{{item.title}}</div>\r\n            <div class=\"item-footer\">\r\n              <div\r\n                v-if=\"item.avatar\"\r\n                class=\"avatar\"\r\n                :style=\"{backgroundImage : `url(${item.avatar})` }\"\r\n              ></div>\r\n              <div class=\"name\">{{item.user}}</div>\r\n              <div class=\"like\" :class=\"item.liked?'active':''\">\r\n                <i></i>\r\n                <div class=\"like-total\">{{item.like}}</div>\r\n              </div>\r\n            </div>\r\n          </div> -->\r\n          <div v-if=\"isShow\" class=\"ck\" >\r\n            <input ref=\"ckbox\" type=\"checkbox\"  :value=\"item.GID\" >\r\n          </div>\r\n        </div>\r\n      </template>\r\n      \r\n    </waterfall>\r\n    \r\n    <loading :show=\"loading\"/>\r\n    <div v-if=\"isShow\"  class=\"addBtn\"  @click=\"delimage\" ><van-icon name=\"delete\" /></div>\r\n  </div>\r\n  \r\n</template>\r\n\r\n<script>\r\n/*\r\n  注意:\r\n  1.itemWidth需要与gutterWidth一起使用才会生效，否则会进行自适应宽度\r\n  2.使用了waterfall的组件不允许使用scoped,否则样式会有问题\r\n*/\r\nimport loading from \"./loading\";\r\nimport { ImagePreview, Toast , Dialog } from 'vant';\r\nexport default {\r\n  props: {\r\n    title: String\r\n  },\r\n  components: {\r\n    loading\r\n  },\r\n  props : {\r\n    gid : {          // 相册组id\r\n        type : String,\r\n    },\r\n    isShow : {          // 页面show\r\n        type : Boolean,\r\n        default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      data: [],\r\n      col: 2,\r\n      loading: false,\r\n      gitHubData: {},\r\n      originData: [\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/8a316140.png?w=377&h=451&x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"最近浴室新宠，日系神仙好物了解一下～\",\r\n          user: \"www\",\r\n          like: \"953\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/083767f0.JPG?w=828&h=620&x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"150元搞定全套护肤品，这些护肤好物必须交出来！\",\r\n          user: \"迷人的小妖精迷人的小妖精\",\r\n          like: \"952\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/02a4f38d.jpg?w=1067&h=1067&x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"最近浴室新宠，日系神仙好物了解一下～\",\r\n          user: \"迷人的小妖精迷人的小妖精\",\r\n          like: \"953\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/589585c1.jpeg?x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"150元搞定全套护肤品，这些护肤好物必须交出来！\",\r\n          user: \"迷人的小妖精迷人的小妖精\",\r\n          like: \"953\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/d862d932.jpg?w=1080&h=1440&x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"最近浴室新宠，日系神仙好物了解一下～\",\r\n          user: \"迷人的小妖精迷人的小妖精\",\r\n          like: \"953\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/eb4fb58f.jpg?w=1080&h=1080&x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"150元搞定全套护肤品，这些护肤好物必须交出来！\",\r\n          user: \"迷人的小妖精迷人的小妖精\",\r\n          like: \"953\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/71d19462.jpg?x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title:\r\n            \"贵妇级好用的水乳有哪些呢？千万不要去乱尝试贵妇级好用的水乳有哪些呢？\",\r\n          user: \"迷人的小妖精迷人的小妖精\",\r\n          like: \"953\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/415f984f.jpeg?w=828&h=1104&x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"千万不要去乱尝试贵妇级好用的水乳有哪些呢？千万不要去乱尝试\",\r\n          user: \"迷人的小妖精迷人的小妖精\",\r\n          like: \"953\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/5c3e51e4.jpg?w=720&h=960&x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"夏天用这款姨妈巾，让你体验真正的清爽\",\r\n          user: \"迷人的小妖精迷人的小妖精\",\r\n          like: \"953\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/92761043.JPG?w=1000&h=999&x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"最近浴室新宠，日系神仙好物了解一下～\",\r\n          user: \"迷人的小妖精迷人的小妖精123\",\r\n          like: \"953\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/da61c0f5.jpg?w=959&h=958&x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"千万不要去乱尝试贵妇级好用的水乳有哪些呢？千万不要去乱尝试\",\r\n          user: \"迷人的小妖精迷人的小妖精\",\r\n          like: \"953\"\r\n        },\r\n        {\r\n          img:\r\n            \"https://image.watsons.com.cn//upload/fcd68df4.jpg?w=1080&h=1080&x-oss-process=image/resize,w_1080\",\r\n          avatar:\r\n            \"https://img.xiaohongshu.com/avatar/5b7d198a7e6e15000155f7c9.jpg@80w_80h_90q_1e_1c_1x.jpg\",\r\n          title: \"最近浴室新宠，日系神仙好物了解一下～\",\r\n          user: \"迷人的小妖精迷人的小妖精\",\r\n          like: \"953\"\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  computed: {\r\n    itemWidth() {\r\n      return 133 * 0.5 * (document.documentElement.clientWidth / 375);\r\n    },\r\n    gutterWidth() {\r\n      return 10 * 0.5 * (document.documentElement.clientWidth / 375);\r\n    }\r\n  },\r\n  methods: {\r\n    loadmore() {\r\n      this.loading = true;\r\n      // setTimeout(() => {\r\n      //   this.data = this.data.concat(this.originData, this.originData);\r\n      //   this.loading = false;\r\n      // }, 1000);\r\n      Object.assign(this.options, {\r\n        pageIndex: this.options.pageIndex + 1\r\n      });\r\n      this.getList();\r\n    },\r\n    preview(index) {\r\n      if(this.isShow){\r\n        this.$refs.ckbox[index].checked = !this.$refs.ckbox[index].checked;\r\n      }else{\r\n          ImagePreview({\r\n          // images: this.originData.map(item => (item.img || item.url)),\r\n          images: this.data.map(item => (item.ImageImgPath || item.ImageImgPath)),\r\n          startPosition: index,\r\n          closeable: true,\r\n        });\r\n      }\r\n    },\r\n    init(){\r\n      var that = this;\r\n      that.options = {\r\n        type: \"GetImageImageSearchList\",\r\n        id: this.gid,\r\n        pageIndex: 1\r\n      };\r\n      that.getList();\r\n    },\r\n    getList(){\r\n      var that = this;\r\n      this.$store.dispatch(this.options).then(\r\n        res => {\r\n          that.loading = false;\r\n          if (that.refreshing) {\r\n            that.refreshing = false;\r\n          }\r\n          var dataList = res.ImgInfoApiModelList;\r\n          if (dataList.length <= 0) {\r\n            that.finished = true;\r\n          }\r\n\r\n          if (this.options.pageIndex > 1) {\r\n            if (dataList.length > 0) {\r\n              dataList.forEach(element => {\r\n                that.data.push(element);\r\n              });\r\n            }\r\n          } \r\n          else {\r\n            that.data = dataList;\r\n          }\r\n        },\r\n        error => {}\r\n      );\r\n    },\r\n    delimage(){\r\n      var that = this;\r\n      Dialog.confirm({\r\n        message : '确定删除这些图片吗？',\r\n      }).then(() => {\r\n        var params = {\r\n          type:\"ImageImagesDelectVue\",\r\n          Gid: that.gid,\r\n          Gids : [],\r\n        };\r\n        that.$refs.ckbox.map(e => {\r\n          if(e.checked){\r\n            params.Gids.push(e.value);\r\n          }\r\n        })\r\n        if(params.Gids.length == 0){\r\n          Toast('至少选中一张图片');\r\n          return;\r\n        }else{\r\n          that.$store.dispatch(params).then(res => {\r\n            if(res.IsSuccess){\r\n              that.$router.go(0);\r\n              Toast(res.Message);\r\n            }else{\r\n              Toast(res.Message);\r\n            }\r\n          }, err => {});\r\n        }\r\n      }, () => {})\r\n    }\r\n\r\n  },\r\n  mounted() {\r\n    //this.data = this.originData;\r\n  },\r\n  created() {\r\n    var that = this;\r\n    that.init();\r\n  }\r\n  \r\n};\r\n</script>","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!./waterfall.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!./waterfall.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./waterfall.vue?vue&type=template&id=7f4f5d78&scoped=true\"\nimport script from \"./waterfall.vue?vue&type=script&lang=js\"\nexport * from \"./waterfall.vue?vue&type=script&lang=js\"\nimport style0 from \"./waterfall.vue?vue&type=style&index=0&id=7f4f5d78&prod&lang=less&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  \"7f4f5d78\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"ImageDetailsPage\">\r\n    <!-- header start -->\r\n    <van-nav-bar title=\"相册详情\" left-arrow fixed :z-index=\"99\" @click-left=\"onClickLeft\" :border=\"false\">\r\n      <template v-if=\"isSelf\" #right>\r\n        <div v-if=\"isSelf\" style=\"color:white; margin-right:10px;\" @click=\"clickEdit\">{{editName}}</div>\r\n        <van-icon name=\"add-o\" @click=\"clickImageAdd\"/>\r\n      </template>\r\n    </van-nav-bar>\r\n    <div class=\"navBarSpace\"></div>\r\n    <!-- header end -->\r\n\r\n    <div>\r\n      <Waterfall :gid=\"gid + ''\" :isShow=\"isShow\" />\r\n    </div>\r\n    <div class=\"details__bottom\">\r\n      <van-button round block class=\"mybtn\" :to=\"{path:'/MemorialHall', query:{id:id}}\" replace>返回纪念馆主页</van-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import Waterfall from \"@/components/waterfall\";\r\n  import { mapGetters, mapState } from \"vuex\";\r\n  export default {\r\n    data() {\r\n      return {\r\n        gid : \"\",\r\n        id : \"\",\r\n        isSelf :false,\r\n        editName : \"编辑\",\r\n        isShow : false,\r\n      };\r\n    },\r\n    components: {\r\n      Waterfall\r\n    },\r\n    computed: {\r\n      ...mapGetters([\"currentToken\"])\r\n    },\r\n    methods: {\r\n      onClickLeft() {\r\n        this.$router.go(-1)\r\n      },\r\n      clickImageAdd() {\r\n        this.$router.push('/ImageItemAdd?gid='+this.gid + \"&id=\" + this.id);\r\n      },\r\n      init(){\r\n        this.getIsSelf();\r\n      },\r\n      getIsSelf() {\r\n        var that = this;\r\n        if(this.currentToken && this.currentToken.isLogin){\r\n          this.$store\r\n            .dispatch({\r\n              type: \"getIsSelfMemorialHall\",\r\n              id: that.id,\r\n              Mid: \"\",\r\n            })\r\n            .then(\r\n              res => {\r\n                that.isSelf = res == true;\r\n              },\r\n              err => {}\r\n            );\r\n        }\r\n      },\r\n      clickEdit(){\r\n        var that = this;\r\n        this.isShow = !this.isShow;\r\n        this.editName = this.isShow? \"取消\" : \"编辑\";\r\n        \r\n\r\n      }\r\n    },\r\n    created() {\r\n      // console.log(this.$route)\r\n      var that = this;\r\n      that.gid = this.$route.query.gid;\r\n      that.id = this.$route.query.id;\r\n      this.init();\r\n    }\r\n    \r\n  };\r\n</script>\r\n\r\n<style scoped>\r\n.ImageDetailsPage{\r\n  padding-bottom: 100px;\r\n}\r\n.details__bottom {\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: 999;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  padding: 5px 16px;\r\n  background-color: #fff;\r\n}\r\n.details__bottom .mybtn{\r\n  height: 40px;\r\n  line-height: 38px;\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!./ImageDetails.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!./ImageDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageDetails.vue?vue&type=template&id=2df7c86a&scoped=true\"\nimport script from \"./ImageDetails.vue?vue&type=script&lang=js\"\nexport * from \"./ImageDetails.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImageDetails.vue?vue&type=style&index=0&id=2df7c86a&prod&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  \"2df7c86a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}