{"version":3,"sources":["webpack:///./src/views/mineImgLibrary/components/List.vue?3d70","webpack:///src/views/mineImgLibrary/components/List.vue","webpack:///./src/views/mineImgLibrary/components/List.vue?e318","webpack:///./src/views/mineImgLibrary/components/List.vue","webpack:///./src/api/mineImgLibrary.js","webpack:///./src/views/imgLibrary/detail.vue?1292","webpack:///src/views/imgLibrary/detail.vue","webpack:///./src/views/imgLibrary/detail.vue?2fb9","webpack:///./src/views/imgLibrary/detail.vue","webpack:///./src/views/imgLibrary/detail.vue?3270","webpack:///./node_modules/vant/es/image-preview/style/index.js","webpack:///./src/views/mineImgLibrary/components/List.vue?10f4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","searchTop","ref","sortList","sortIndex","text","is_asc","_l","item","index","key","on","$event","changeSort","scopedSlots","_u","fn","active","proxy","onRefresh","model","value","callback","$$v","isLoading","expression","finished","finishedText","error","onLoad","loading","_v","_e","PictureCount","_s","Pictures","length","directives","name","rawName","pid","id","path","query","page","userId","recommendpyq","title","_f","updatetime","createtime","type","DelItem","Total","staticRenderFns","components","detail","data","isAndroid","list","judgeWechat","props","keyword","default","watch","newV","oldV","$route","to","from","computed","mapState","avatar","created","mounted","getElementsByClassName","getBoundingClientRect","height","methods","mapMutations","e","message","ResetList","confirmButtonColor","then","DeletePictureDepot","catch","getListData","IdTitleDes","createid","page_size","order_property","console","component","CreatPictureDepot","params","request","url","method","EditPictureDepot","GetPictureDepotList","GetPictureDepotDetail","meta","description","CategoryName","col","itemWidth","gutterWidth","getImg","wxconfig","link","desc","imgUrl","isWxSdk","wxsdk","window","that","images","startPosition","showIndicators","lazyLoad","onClose","$","imgLibraryImagePreview","getDetail","getData","parentid","arr","resolve","reject"],"mappings":"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","file":"static/js/jschunk-1d1882c4.1742971736012.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"video_list\"},[_c('van-sticky',{attrs:{\"offset-top\":_vm.searchTop}},[_c('van-dropdown-menu',{staticClass:\"screen\",attrs:{\"active-color\":\"#1E90FF\"}},[_c('van-dropdown-item',{attrs:{\"title-class\":\"hide_menu\",\"disabled\":\"\"}}),_c('van-dropdown-item',{ref:\"item\",attrs:{\"title\":_vm.sortList[_vm.sortIndex].text +\n          (_vm.sortList[_vm.sortIndex].is_asc ? '升序' : '降序')}},_vm._l((_vm.sortList),function(item,index){return _c('van-cell',{key:index,attrs:{\"center\":\"\",\"title\":item.text + (item.is_asc ? '升序' : '降序')},on:{\"click\":function($event){return _vm.changeSort(index)}},scopedSlots:_vm._u([{key:\"right-icon\",fn:function(){return [(item.is_asc)?_c('van-icon',{attrs:{\"color\":item.active ? '#1E90FF' : '',\"name\":\"ascending\"}}):_c('van-icon',{attrs:{\"color\":item.active ? '#1E90FF' : '',\"name\":\"descending\"}})]},proxy:true}],null,true)})}),1)],1)],1),_c('van-pull-refresh',{on:{\"refresh\":_vm.onRefresh},model:{value:(_vm.isLoading),callback:function ($$v) {_vm.isLoading=$$v},expression:\"isLoading\"}},[_c('div',{staticClass:\"list\"},[_c('van-list',{staticClass:\"casepkgs_list\",attrs:{\"finished\":_vm.finished,\"finished-text\":_vm.finishedText,\"error\":_vm.error,\"error-text\":\"请求失败，点击重新加载\"},on:{\"load\":_vm.onLoad,\"update:error\":function($event){_vm.error=$event}},model:{value:(_vm.loading),callback:function ($$v) {_vm.loading=$$v},expression:\"loading\"}},[_c('div',{staticClass:\"case_list\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"case_list_item\"},[(_vm.judgeWechat)?_c('div',{staticClass:\"coverpath_wrap\"},[(item.recommendpyq)?_c('div',{staticClass:\"friend-icon\"},[_c('i',{staticClass:\"iconfont icon-iconfontzhizuobiaozhunbduan36\"}),_c('p',[_vm._v(\"推荐朋友圈素材\")])]):_vm._e(),(item.PictureCount > 1 )?_c('div',{staticClass:\"img-number\"},[_c('p',[_vm._v(\"共\"+_vm._s(item.PictureCount)+\"张\")])]):_vm._e(),(item.Pictures.length>=1)?_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.Pictures[0].url),expression:\"item.Pictures[0].url\"}],staticClass:\"coverpath\",attrs:{\"alt\":\"\"}}):_vm._e(),_c('wx-open-launch-weapp',{attrs:{\"username\":\"gh_1b943db9de6c\",\"path\":'packageB/pages/imgArea/imgArea.html?userId=' +\n                  _vm.pid +\n                  '&id=' +\n                  item.id}},[_c('script',{attrs:{\"type\":\"text/wxtag-template\"}},[_vm._v(\"\\n                  <style>\\n                      .btn{width:100%;height:340px;}\\n                  </style>\\n                  <div class=\\\"btn\\\"></div>\\n                \")])])],1):_c('router-link',{staticClass:\"coverpath_wrap\",attrs:{\"to\":{\n                path: '/miniprogram',\n                query: {\n                  page: 'pages/shortvideo/shortvideo',\n                  userId: _vm.pid,\n                  id: item.id,\n                },\n              }}},[(item.recommendpyq)?_c('div',{staticClass:\"friend-icon\"},[_c('i',{staticClass:\"iconfont icon-iconfontzhizuobiaozhunbduan36\"}),_c('p',[_vm._v(\"推荐朋友圈素材\")])]):_vm._e(),(item.PictureCount > 1 && item.recommendpyq)?_c('div',{staticClass:\"img-number\"},[_c('p',[_vm._v(\"共\"+_vm._s(item.PictureCount)+\"张\")])]):_vm._e(),(item.Pictures.length>=1)?_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.Pictures[0].url),expression:\"item.Pictures[0].url\"}],staticClass:\"coverpath\",attrs:{\"alt\":\"\"}}):_vm._e()]),_c('p',{staticClass:\"item_name\"},[_c('span',{staticClass:\"van-multi-ellipsis--l2\"},[_vm._v(_vm._s(item.title))])]),_c('div',{staticClass:\"item_dec\"},[_c('div',{staticClass:\"dec_left\"},[_c('p',[_c('van-icon',{attrs:{\"name\":\"clock-o\"}}),(item.updatetime)?_c('span',[_vm._v(_vm._s(_vm._f(\"time\")(item.updatetime)))]):_c('span',[_vm._v(_vm._s(_vm._f(\"time\")(item.createtime)))])],1),_c('div',{staticClass:\"dec_row\"},[(item.ispublic)?_c('p',[_c('van-icon',{staticClass:\"ispublic\",attrs:{\"name\":\"eye-o\"}}),_c('span',[_vm._v(\"公开\")])],1):_c('p',[_c('van-icon',{attrs:{\"name\":\"closed-eye\"}}),_c('span',[_vm._v(\"隐私\")])],1)])]),_c('div',{staticClass:\"dec_right\"},[_c('router-link',{staticClass:\"button edit\",attrs:{\"to\":{\n                    path: '/mineImgLibrary/edit',\n                    query: { id: item.id, type: item.type },\n                  }}},[_c('van-icon',{attrs:{\"name\":\"edit\"}}),_c('span',[_vm._v(\"编辑\")])],1),_c('button',{staticClass:\"button del\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.DelItem(item.id, index)}}},[_c('van-icon',{attrs:{\"name\":\"delete\"}}),_c('span',[_vm._v(\"删除\")])],1)],1)])],1)}),0),_c('van-empty',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.Total == 0),expression:\"Total == 0\"}],attrs:{\"description\":\"暂无信息\"}})],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"video_list\">\r\n    <van-sticky :offset-top=\"searchTop\">\r\n      <van-dropdown-menu active-color=\"#1E90FF\" class=\"screen\">\r\n        <!-- 下拉菜单占位 -->\r\n        <van-dropdown-item title-class=\"hide_menu\" disabled />\r\n\r\n        <van-dropdown-item\r\n          :title=\"\r\n            sortList[sortIndex].text +\r\n            (sortList[sortIndex].is_asc ? '升序' : '降序')\r\n          \"\r\n          ref=\"item\"\r\n        >\r\n          <van-cell\r\n            center\r\n            @click=\"changeSort(index)\"\r\n            :title=\"item.text + (item.is_asc ? '升序' : '降序')\"\r\n            v-for=\"(item, index) in sortList\"\r\n            :key=\"index\"\r\n          >\r\n            <template #right-icon>\r\n              <van-icon\r\n                :color=\"item.active ? '#1E90FF' : ''\"\r\n                name=\"ascending\"\r\n                v-if=\"item.is_asc\"\r\n              />\r\n\r\n              <van-icon\r\n                :color=\"item.active ? '#1E90FF' : ''\"\r\n                name=\"descending\"\r\n                v-else\r\n              />\r\n            </template>\r\n          </van-cell>\r\n        </van-dropdown-item>\r\n      </van-dropdown-menu>\r\n    </van-sticky>\r\n    <van-pull-refresh v-model=\"isLoading\" @refresh=\"onRefresh\">\r\n      <div class=\"list\">\r\n        <van-list\r\n          v-model=\"loading\"\r\n          class=\"casepkgs_list\"\r\n          :finished=\"finished\"\r\n          :finished-text=\"finishedText\"\r\n          @load=\"onLoad\"\r\n          :error.sync=\"error\"\r\n          error-text=\"请求失败，点击重新加载\"\r\n        >\r\n          <div class=\"case_list\">\r\n            <div\r\n              class=\"case_list_item\"\r\n              v-for=\"(item, index) in list\"\r\n              :key=\"index\"\r\n            \r\n            >\r\n              <div class=\"coverpath_wrap\" v-if=\"judgeWechat\">\r\n                <div v-if=\"item.recommendpyq\" class=\"friend-icon\">\r\n                  <i class=\"iconfont icon-iconfontzhizuobiaozhunbduan36\"></i>\r\n\r\n                  <p>推荐朋友圈素材</p>\r\n                </div>\r\n                <div\r\n                  v-if=\"item.PictureCount > 1 \"\r\n                  class=\"img-number\"\r\n                >\r\n                  <p>共{{ item.PictureCount }}张</p>\r\n                </div>\r\n                <img v-if=\"item.Pictures.length>=1\" class=\"coverpath\" v-lazy=\"item.Pictures[0].url\" alt=\"\" />\r\n                <wx-open-launch-weapp\r\n                 \r\n                  username=\"gh_1b943db9de6c\"\r\n                  :path=\"\r\n                    'packageB/pages/imgArea/imgArea.html?userId=' +\r\n                    pid +\r\n                    '&id=' +\r\n                    item.id\r\n                  \"\r\n                >\r\n                  <script type=\"text/wxtag-template\">\r\n                    <style>\r\n                        .btn{width:100%;height:340px;}\r\n                    </style>\r\n                    <div class=\"btn\"></div>\r\n                  </script>\r\n                </wx-open-launch-weapp>\r\n              </div>\r\n\r\n              <router-link\r\n                v-else\r\n                class=\"coverpath_wrap\"\r\n                :to=\"{\r\n                  path: '/miniprogram',\r\n                  query: {\r\n                    page: 'pages/shortvideo/shortvideo',\r\n                    userId: pid,\r\n                    id: item.id,\r\n                  },\r\n                }\"\r\n              >\r\n                <div v-if=\"item.recommendpyq\" class=\"friend-icon\">\r\n                  <i class=\"iconfont icon-iconfontzhizuobiaozhunbduan36\"></i>\r\n\r\n                  <p>推荐朋友圈素材</p>\r\n                </div>\r\n                <div\r\n                  v-if=\"item.PictureCount > 1 && item.recommendpyq\"\r\n                  class=\"img-number\"\r\n                >\r\n                  <p>共{{ item.PictureCount }}张</p>\r\n                </div>\r\n                <img v-if=\"item.Pictures.length>=1\" class=\"coverpath\" v-lazy=\"item.Pictures[0].url\" alt=\"\" />\r\n              </router-link>\r\n\r\n              <p class=\"item_name\">\r\n                <span class=\"van-multi-ellipsis--l2\">{{ item.title }}</span>\r\n              </p>\r\n\r\n              <div class=\"item_dec\">\r\n                <div class=\"dec_left\">\r\n                  <p>\r\n                    <van-icon name=\"clock-o\" />\r\n                    <span v-if=\"item.updatetime\">{{\r\n                      item.updatetime | time\r\n                    }}</span>\r\n                    <span v-else>{{ item.createtime | time }}</span>\r\n                  </p>\r\n                  <div class=\"dec_row\">\r\n                    <p v-if=\"item.ispublic\">\r\n                      <van-icon name=\"eye-o\" class=\"ispublic\" />\r\n                      <span>公开</span>\r\n                    </p>\r\n                    <p v-else>\r\n                      <van-icon name=\"closed-eye\" />\r\n                      <span>隐私</span>\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <div class=\"dec_right\">\r\n                  <!-- <router-link v-else class=\"button\" :to=\"{path:'/miniprogram',query:{page:'pages/svideoposter/svideoposter',userId:pid,id:item.id}}\">\r\n                                        <van-icon name=\"photo-o\" />\r\n                                        <span>海报</span>\r\n                                    </router-link> -->\r\n\r\n                  <router-link\r\n                    class=\"button edit\"\r\n                    :to=\"{\r\n                      path: '/mineImgLibrary/edit',\r\n                      query: { id: item.id, type: item.type },\r\n                    }\"\r\n                  >\r\n                    <van-icon name=\"edit\" />\r\n                    <span>编辑</span>\r\n                  </router-link>\r\n\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"button del\"\r\n                    @click=\"DelItem(item.id, index)\"\r\n                  >\r\n                    <van-icon name=\"delete\" />\r\n                    <span>删除</span>\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <van-empty v-show=\"Total == 0\" description=\"暂无信息\" />\r\n        </van-list>\r\n      </div>\r\n    </van-pull-refresh>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import _ from 'lodash';\r\nimport $ from \"jquery\";\r\nimport { mapState, mapMutations } from \"vuex\"; //先要引入\r\nimport { Toast, Dialog } from \"vant\";\r\n\r\nimport { judgeWechat, isAndroid } from \"@/util/util\";\r\n\r\nimport { DeletePictureDepot, GetPictureDepotList } from \"@/api/mineImgLibrary\";\r\nimport detail from \"../../imgLibrary/detail.vue\";\r\n\r\nexport default {\r\n  components: { detail },\r\n  name: \"ImgList\",\r\n  data() {\r\n    return {\r\n      isAndroid: isAndroid(),\r\n      \r\n\r\n      sortIndex: 0,\r\n\r\n      sortList: [\r\n        { text: \"时间\", value: \"updatetime\", is_asc: false, active: true },\r\n        // { text: '热度', value: 'reallooking',is_asc: false, active:false },\r\n        // { text: '获客排序', value: 'rc' },\r\n      ],\r\n      list: [],\r\n      loading: false,\r\n      finished: false,\r\n      error: false,\r\n      finishedText: \"\",\r\n      Total: 0,\r\n      page: 0,\r\n      searchTop: 0,\r\n      isLoading: false,\r\n\r\n      judgeWechat: judgeWechat(),\r\n    };\r\n  },\r\n  props: {\r\n    keyword: {\r\n      default: \"\",\r\n      type: String,\r\n    }\r\n  },\r\n  watch: {\r\n    keyword(newV, oldV) {\r\n      this.ResetList();\r\n    },\r\n    $route(to, from) {},\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      pid: \"id\",\r\n      avatar: \"avatar\",\r\n    }),\r\n  },\r\n  created() {},\r\n  mounted() {\r\n    // this.getListData()\r\n    // console.log(this.pid)\r\n    this.$nextTick(() => {\r\n       this.searchTop = document\r\n         .getElementsByClassName(\"van-search\")[0]\r\n         .getBoundingClientRect().height;\r\n    });\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"loadingShow\"]),\r\n    // addItem(){\r\n    //   this.$route.push({\r\n    //     path:''\r\n    //   })\r\n    // },\r\n    // 自制全景，item小标签的文字\r\n   \r\n    // 改变排序\r\n    changeSort(index) {\r\n      if (index == this.sortIndex) {\r\n        this.sortList[index].is_asc = !this.sortList[index].is_asc;\r\n      }\r\n\r\n      this.sortIndex = index;\r\n\r\n      this.sortList.forEach((e, i) => {\r\n        if (i == index) {\r\n          e.active = true;\r\n        } else {\r\n          e.active = false;\r\n        }\r\n      });\r\n\r\n      this.$refs.item.toggle();\r\n\r\n      this.$nextTick(() => {\r\n        this.ResetList();\r\n      });\r\n    },\r\n    async onRefresh() {\r\n      await this.ResetList();\r\n\r\n      this.isLoading = false;\r\n\r\n      Toast.success({\r\n        message: \"刷新成功\",\r\n      });\r\n    },\r\n    async ResetList() {\r\n      this.finished = false;\r\n      this.page = 0;\r\n      this.list = [];\r\n      this.loading = true;\r\n      this.onLoad();\r\n    },\r\n    // 删除一个我的图片库素材\r\n    DelItem(id, index) {\r\n      Dialog.confirm({\r\n        title: \"提示\",\r\n        message: \"删除不可恢复，你确认要删除吗？\",\r\n        confirmButtonColor: \"#1E90FF\",\r\n      })\r\n        .then(() => {\r\n          this.loadingShow(\"show\");\r\n\r\n          DeletePictureDepot(id).then((res) => {\r\n            if (res.Success) {\r\n              this.list.splice(index, 1);\r\n            }\r\n            this.loadingShow(\"hide\");\r\n          });\r\n        })\r\n        .catch(() => {});\r\n    },\r\n\r\n    //拉取列表信息\r\n    getListData() {\r\n      var params = {\r\n        IdTitleDes: this.keyword, //否\tstring\t搜索框 精准匹配id 模糊匹配标题，描述\r\n        createid: this.$store.state.id,\r\n        page: this.page, //否\tint\t页码 （默认1）\r\n        page_size: 8,\r\n        order_property: this.sortList[this.sortIndex].value, //否\tstring\t排序字段（直接填写字段名称 如id）\r\n        is_asc: this.sortList[this.sortIndex].is_asc, //否\tbool\t是否正序（默认为否 倒序）\r\n      };\r\n      return GetPictureDepotList(params)\r\n        .then((res) => {\r\n          if (res.Success) {\r\n            var arr = res.Object.Data;\r\n            this.list = [...this.list, ...arr];\r\n            this.Total = res.Object.Total;\r\n\r\n            if (this.Total == 0) {\r\n              this.finishedText = \"\";\r\n            } else {\r\n              this.finishedText = \"没有更多了\";\r\n            }\r\n            // console.log(this.total)\r\n          }\r\n        })\r\n        .catch((res) => {\r\n          console.log(res);\r\n          this.error = true;\r\n        });\r\n    },\r\n\r\n    //滚动加载更多数据\r\n    onLoad() {\r\n      this.page += 1;\r\n      // 异步更新数据\r\n\r\n      this.getListData().then(() => {\r\n        // 加载状态结束\r\n        this.loading = false;\r\n\r\n        // 数据全部加载完成\r\n        if (this.Total != null) {\r\n          if (this.list.length >= this.Total) {\r\n            this.finished = true;\r\n          }\r\n        }\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style lang=\"scss\" scoped>\r\n@import url(\"../../../assets/fonts/PingFangSC-Regular/PingFang-Regular.css\");\r\n\r\n.video_list {\r\n  background: #ffffff;\r\n\r\n  .screen {\r\n    width: 100vw;\r\n  }\r\n  .add_special {\r\n    width: 750px;\r\n    height: 230px;\r\n    background: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    .add_button {\r\n      width: 300px;\r\n      height: 86px;\r\n      background: #1e90ff;\r\n      color: #ffffff;\r\n      font-size: 28px;\r\n      text-align: center;\r\n      line-height: 86px;\r\n      border: none;\r\n      border-radius: 86px;\r\n      span {\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .list {\r\n    // padding-top: 24px;\r\n    padding-bottom: 300px;\r\n    text-align: left;\r\n    background: #ffffff;\r\n\r\n    margin: 24px 0;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    &.make {\r\n      padding-top: 20px;\r\n      .case_list {\r\n        .case_list_item {\r\n          .item_dec {\r\n            flex-direction: column;\r\n            .dec_right {\r\n              flex: none;\r\n              width: 100%;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .van-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    .casepkgs_list {\r\n      padding-bottom: 98px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      .add_button {\r\n        width: 300px;\r\n        height: 86px;\r\n        background: #1e90ff;\r\n        color: #ffffff;\r\n        font-size: 28px;\r\n        text-align: center;\r\n        line-height: 86px;\r\n        border: none;\r\n        border-radius: 86px;\r\n        margin: 5vw auto;\r\n        span {\r\n          margin-right: 10px;\r\n        }\r\n      }\r\n    }\r\n    .case_list {\r\n      overflow: hidden;\r\n      width: 100vw;\r\n\r\n      .case_list_item {\r\n        width: 340px;\r\n        background: #ffffff;\r\n        box-shadow: 2px 0px 8px rgba(46, 46, 46, 0.2);\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n        position: relative;\r\n        float: left;\r\n        margin: 0 20px 20px;\r\n        margin-left: 25px;\r\n\r\n        &:nth-child(2n) {\r\n          margin-left: 0;\r\n        }\r\n        .item_type {\r\n          position: absolute;\r\n          top: 20px;\r\n          left: 0;\r\n          z-index: 2;\r\n          // width: 10px;\r\n          height: 48px;\r\n          padding: 0 15px;\r\n          border-top-right-radius: 48px;\r\n          border-bottom-right-radius: 48px;\r\n          background: #5599a6;\r\n          color: #ffffff;\r\n          font-size: 20px;\r\n          text-align: center;\r\n          line-height: 48px;\r\n          &.normal {\r\n            background: #1e90ff;\r\n          }\r\n          &.color_10 {\r\n            background: #ff9595;\r\n          }\r\n          &.color_20 {\r\n            background: #ff9595;\r\n            // background: #FFD21D;\r\n          }\r\n          &.color_30 {\r\n            // background: #8B8B8B;\r\n            background: #ff9595;\r\n          }\r\n          &.color_40 {\r\n            background: #31c770;\r\n          }\r\n\r\n          &.color_114 {\r\n            background: #5599a6;\r\n          }\r\n\r\n          &.color_125 {\r\n            background: #b36261;\r\n          }\r\n\r\n          &.color_46 {\r\n            background: #1e90ff;\r\n          }\r\n\r\n          &.color_47 {\r\n            background: #6d85ab;\r\n          }\r\n\r\n          &.color_103 {\r\n            background: #63b361;\r\n          }\r\n\r\n          &.color_185 {\r\n            background: #b38d61;\r\n          }\r\n        }\r\n\r\n        .coverpath_wrap {\r\n          width: 100%;\r\n          height: 470px;\r\n          position: relative;\r\n          z-index: 1;\r\n          overflow: hidden;\r\n          .icon_player {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate3d(-50%, -50%, 0);\r\n            font-size: 60px;\r\n            width: 60px;\r\n            height: 60px;\r\n            z-index: 1;\r\n            img {\r\n              width: 100%;\r\n              height: 100%;\r\n            }\r\n          }\r\n          .friend-icon {\r\n            width: 234px;\r\n            height: 46px;\r\n            background: linear-gradient(180deg, #6eb6ff 0%, #3c8aff 100%);\r\n            border-radius: 8px 0px 8px 0px;\r\n            display: flex;\r\n            justify-content: space-around;\r\n            align-items: center;\r\n            border-radius: 10px;\r\n            position: absolute;\r\n            top: 0px;\r\n            left: 0px;\r\n            p {\r\n              font-size: 24px;\r\n              font-family: PingFang-Regular;\r\n\r\n              color: #ffffff;\r\n              line-height: 33px;\r\n            }\r\n            i {\r\n              font-size: 32px;\r\n              color: #ffffff;\r\n            }\r\n          }\r\n          .img-number {\r\n            width: 90px;\r\n            height: 42px;\r\n            background: rgba(0, 0, 0, 0.3);\r\n            border-radius: 8px;\r\n            position: absolute;\r\n            bottom: 11.5vw;\r\n            right: 10px;\r\n            border-radius: 10px;\r\n\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            p {\r\n              font-size: 22px;\r\n              font-family: PingFang-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #ffffff;\r\n              line-height: 30px;\r\n            }\r\n          }\r\n          .coverpath {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n            // position: relative;\r\n            // z-index: 1;\r\n            background: url(\"../../../assets/img/shortvideo/cover_back.jpg\");\r\n            background-size: 100% 100%;\r\n          }\r\n          wx-open-launch-weapp {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            overflow: hidden;\r\n            z-index: 2;\r\n            opacity: 0;\r\n          }\r\n        }\r\n\r\n        .item_name {\r\n          position: relative;\r\n          z-index: 2;\r\n          width: calc(100% - 20px);\r\n          height: 60px;\r\n          padding: 10px;\r\n          margin-top: -80px;\r\n          color: #ffffff;\r\n          background: rgba(4, 25, 44, 0.5);\r\n          line-height: 32px;\r\n          font-size: 26px;\r\n          // text-indent: 20px;\r\n        }\r\n        .item_dec {\r\n          width: calc(100% - 16px * 2);\r\n          flex: 1;\r\n          color: #ffffff;\r\n          display: flex;\r\n          flex-direction: row;\r\n          flex-wrap: wrap;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          padding: 16px;\r\n\r\n          .dec_left {\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            padding: 10px 0;\r\n            color: #999999;\r\n            p {\r\n              display: flex;\r\n              align-items: center;\r\n              margin-bottom: 10px;\r\n              i {\r\n                font-size: 30px;\r\n                margin-right: 10px;\r\n                &.ispublic {\r\n                  color: #1e90ff;\r\n                }\r\n              }\r\n              span {\r\n                font-size: 24px;\r\n              }\r\n            }\r\n          }\r\n          .dec_right {\r\n            // width: 100%;\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: row;\r\n            align-items: center;\r\n            justify-content: flex-end;\r\n            .button {\r\n              width: 96px;\r\n              height: 96px;\r\n              border-radius: 50%;\r\n              border: 0;\r\n              background: rgba(30, 144, 255, 0.2);\r\n              font-size: 16px;\r\n              color: #1e90ff;\r\n              display: flex;\r\n              flex-direction: column;\r\n              justify-content: center;\r\n              align-items: center;\r\n              position: relative;\r\n              z-index: 1;\r\n              margin-right: 10px;\r\n              &:last-child {\r\n                margin-right: 0;\r\n              }\r\n              i {\r\n                font-size: 40px;\r\n                margin-bottom: 2px;\r\n                img {\r\n                  width: 1em;\r\n                  height: 1em;\r\n                }\r\n              }\r\n              wx-open-launch-weapp {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                overflow: hidden;\r\n                z-index: 2;\r\n                opacity: 0;\r\n              }\r\n              &.edit {\r\n                background: rgba(255, 210, 29, 0.2);\r\n                color: #f8b22d;\r\n              }\r\n            }\r\n            button {\r\n              width: 96px;\r\n              height: 96px;\r\n              border-radius: 50%;\r\n              border: 0;\r\n              background: rgba(30, 144, 255, 0.2);\r\n              font-size: 16px;\r\n              color: #1e90ff;\r\n              display: flex;\r\n              flex-direction: column;\r\n              justify-content: center;\r\n              align-items: center;\r\n              &.del {\r\n                background: rgba(255, 160, 160, 0.2);\r\n                color: #ff9595;\r\n              }\r\n              &.edit {\r\n                background: rgba(255, 210, 29, 0.2);\r\n                color: #f8b22d;\r\n              }\r\n              i {\r\n                font-size: 40px;\r\n                margin-bottom: 2px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\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!./List.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!./List.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./List.vue?vue&type=template&id=236918c8&scoped=true&\"\nimport script from \"./List.vue?vue&type=script&lang=js&\"\nexport * from \"./List.vue?vue&type=script&lang=js&\"\nimport style0 from \"./List.vue?vue&type=style&index=0&id=236918c8&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  \"236918c8\",\n  null\n  \n)\n\nexport default component.exports","import request from '@/util/request'\r\n// import qs from 'qs'\r\n\r\n\r\n// 创建图片\r\nexport function CreatPictureDepot(params) {\r\n    return request({\r\n        url: '/api/PictureDepot/Post',\r\n        method: 'post',\r\n        data: params\r\n    })\r\n}\r\n// 修改图片\r\nexport function EditPictureDepot(data) {\r\n    return request({\r\n        url: '/api/PictureDepot/Put',\r\n        method: 'put',\r\n        data\r\n    })\r\n}\r\n// 删除图片\r\nexport function DeletePictureDepot(id) {\r\n    return request({\r\n        url: '/api/PictureDepot/Delete',\r\n        method: 'delete',\r\n        data: {\r\n            id\r\n        }\r\n    })\r\n}\r\n// 图片列表\r\nexport function GetPictureDepotList(params) {\r\n    return request({\r\n        url: '/api/PictureDepot/GetMy',\r\n        method: 'get',\r\n        params\r\n    })\r\n}\r\n// 图片详情\r\nexport function GetPictureDepotDetail(id) {\r\n    return request({\r\n        url: '/api/PictureDepot/MyDetails',\r\n        method: 'get',\r\n        params: {\r\n            id\r\n        }\r\n    })\r\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"wechat-title\",rawName:\"v-wechat-title\",value:(_vm.$route.meta.title),expression:\"$route.meta.title\"}],staticClass:\"img_detail\"},[_c('div',{staticClass:\"head\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"\\n            \"+_vm._s(_vm.detail.description)+\"\\n        \")]),_c('div',{staticClass:\"con\"},[_c('span',[_vm._v(\"@\"+_vm._s(_vm.detail.CategoryName))]),_c('div',{staticClass:\"time_wrap\"},[_c('p',[_vm._v(_vm._s(_vm.Total)+\"张图片\")]),_c('span',[_vm._v(_vm._s(_vm._f(\"momentFormat\")(_vm.detail.createtime,'YYYY/MM/DD')))])])])]),_c('div',{staticClass:\"list\"},[_c('van-list',{attrs:{\"finished\":_vm.finished,\"finished-text\":\"没有更多了\"},on:{\"load\":_vm.onLoad},model:{value:(_vm.loading),callback:function ($$v) {_vm.loading=$$v},expression:\"loading\"}},[_c('waterfall',{attrs:{\"col\":_vm.col,\"data\":_vm.list,\"width\":_vm.itemWidth,\"gutterWidth\":_vm.gutterWidth}},[_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"cell-item\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.url),expression:\"item.url\"}],attrs:{\"alt\":\"\"},on:{\"click\":function($event){return _vm.getImg(index)}}})])})],2)],1)],1),(_vm.isWxSdk)?_c('wxsdk',{attrs:{\"isHidden\":true,\"config\":_vm.wxconfig}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"img_detail\" v-wechat-title=\"$route.meta.title\">\r\n        <div class=\"head\">\r\n            <div class=\"title\">\r\n                {{detail.description}}\r\n            </div>\r\n            <div class=\"con\">\r\n                <span>@{{detail.CategoryName}}</span>\r\n                <div class=\"time_wrap\">\r\n                    <p>{{Total}}张图片</p>\r\n                    <span>{{detail.createtime | momentFormat('YYYY/MM/DD')}}</span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"list\">\r\n            <van-list v-model=\"loading\" :finished=\"finished\" finished-text=\"没有更多了\" @load=\"onLoad\">\r\n\r\n                <waterfall :col='col' :data=\"list\" :width=\"itemWidth\" :gutterWidth=\"gutterWidth\">\r\n                    <template >\r\n                        <div \r\n                            class=\"cell-item\" \r\n                            v-for=\"(item,index) in list\" \r\n                            :key=\"index\">\r\n\r\n                            <img \r\n                                v-lazy=\"item.url\" \r\n                                alt=\"\" \r\n                                @click=\"getImg(index)\">\r\n\r\n                        </div>\r\n                    </template>\r\n                </waterfall>\r\n                \r\n            </van-list>\r\n        </div>\r\n        <wxsdk v-if=\"isWxSdk\" :isHidden=\"true\" :config=\"wxconfig\"></wxsdk>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport $ from 'jquery'\r\nimport { Toast } from 'vant';\r\nimport { ImagePreview } from 'vant';\r\n\r\nexport default {\r\n    name: 'imgDetail',\r\n    data(){\r\n        return {\r\n            col: 2,\r\n            list: [],\r\n            loading: false,\r\n            finished: false,\r\n            Total: 0,\r\n            page: 0,\r\n            detail: {},\r\n            wxconfig:{\r\n                title: '业之峰环保装饰', // 分享标题\r\n                link: window.location.href.split('#')[0], // 分享链接\r\n                desc: '诺云出品，营销神器', // 分享描述\r\n                imgUrl: 'https://picfw.yzf.com.cn/shadow/20200215084744', // 分享图标\r\n            },\r\n            isWxSdk: true,\r\n        }\r\n    },\r\n    computed:{\r\n        itemWidth(){  \r\n            return (345*0.5*(document.documentElement.clientWidth/375))  //#rem布局 计算宽度\r\n        },\r\n        gutterWidth(){\r\n            return (10*0.5*(document.documentElement.clientWidth/375))   //#rem布局 计算x轴方向margin(y轴方向的margin自定义在css中即可)\r\n        }\r\n    },\r\n    components: {\r\n        wxsdk: () => import('@/components/Wxsdk'),\r\n    },\r\n    created(){\r\n        \r\n    },\r\n    mounted(){\r\n        this.getDetail()\r\n    },\r\n    methods:{\r\n        //点击预览大图，index是点击的图片index，listIndex是信息的index\r\n        getImg(index){\r\n            let that = this\r\n\r\n            // 为url添加参数\r\n            var lookUrl = window.location.href + '&look';\r\n            window.history.pushState(null, null, lookUrl);\r\n            // 重启jsdk\r\n            that.isWxSdk = false;\r\n            that.$nextTick(()=>{\r\n                that.isWxSdk = true;\r\n            })\r\n            \r\n            // console.log(index)\r\n            // console.log(this.list)\r\n            // 开启大图预览\r\n            let imgLibraryImagePreview = new ImagePreview({\r\n                images: this.list.map(e=>{\r\n                    return e.url\r\n                }),\r\n                startPosition: index,\r\n                showIndicators: true,\r\n                lazyLoad: true,\r\n                onClose: (e)=>{\r\n                    // console.log(e)\r\n                    // 清除url的参数\r\n                    if (window.location.href.indexOf('&look') !== -1) {\r\n                        window.history.back();\r\n                    }\r\n                    // console.log('关闭图片预览模式')\r\n                    \r\n                }\r\n            });\r\n\r\n            if (window.history && window.history.pushState) {\r\n                //监听浏览器前进后退事件\r\n                $(window).on('popstate', function () {\r\n                    //do something...\r\n                    // console.log(imgLibraryImagePreview)\r\n                    // 关闭大图预览\r\n                    imgLibraryImagePreview.close()\r\n                });\r\n            }\r\n\r\n        },\r\n        getDetail(){\r\n            // console.log(this.$route.query.id)\r\n            var data = {\r\n                id: this.$route.query.id\t//是\tlong\t图片库id\r\n            }\r\n            this.$get(\"/api/PictureDepot/Details\",data).then((res)=>{\r\n                if (res.Success) {\r\n                    // console.log(res.Object)\r\n                    this.detail = res.Object\r\n                }else{\r\n                    Toast.success({\r\n                        \r\n                        message: res.Message\r\n                    });\r\n                }\r\n            })\r\n        },\r\n        //获取列表\r\n        getData(){\r\n            var params = {\r\n                parentid: this.$route.query.id, \t//是\tlong\t图片库id\r\n                page: this.page\t//否\tint\t页码 （默认1）\r\n            };\r\n            return new Promise((resolve, reject)=>{\r\n                this.$get(\"/api/Picture/Get\", params).then(res => {\r\n                    if (res.Success) {\r\n                        var arr = res.Object.Data;\r\n                        // 瀑布流的尺寸计算有问题，必须遍历\r\n                        // this.list = [...this.list, ...res.Object.Data]\r\n                        \r\n                        arr.forEach(e => {\r\n                            this.list.push(e)\r\n                        });\r\n\r\n                        this.Total = res.Object.Total;\r\n                        // console.log(this.total)\r\n                        // console.log(res.Object.Data)\r\n                        resolve()\r\n                    }\r\n                }).catch(res => {\r\n                    // console.log(res)\r\n                    this.error = true;\r\n                    reject()\r\n                });\r\n            })\r\n        },\r\n        //滚动加载更多数据\r\n        onLoad() {\r\n            this.page += 1;\r\n            // 异步更新数据\r\n            this.getData().then(()=>{\r\n                // 加载状态结束\r\n                this.loading = false;\r\n                // 数据全部加载完成\r\n                if (this.list.length >= this.Total) {\r\n                    this.finished = true;\r\n                }\r\n            })\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.img_detail{\r\n    width: 100vw;\r\n    .head{\r\n        padding: 30px 25px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        .title{\r\n            font-size: 37px;\r\n            line-height: 57px;\r\n            color: #333333;\r\n            margin-bottom: 40px;\r\n        }\r\n        .con{\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: 25px;\r\n            color: #999999;\r\n            .time_wrap{\r\n                display: flex;\r\n                flex-direction: row;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                p{\r\n                    margin-right: 20px;\r\n                }\r\n            }\r\n\r\n        }\r\n    }\r\n\r\n    .list{\r\n        width: 100vw;\r\n        display: flex;\r\n        justify-content: center;\r\n        .vue-waterfall{\r\n            overflow-y: hidden;\r\n        }\r\n        .cell-item{\r\n            img{\r\n                width: 100%;\r\n                margin-bottom: 9px;\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n</style>","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!./detail.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!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=474283ac&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&id=474283ac&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  \"474283ac\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./detail.vue?vue&type=style&index=0&id=474283ac&lang=scss&scoped=true&\"","import '../../style/base.css';\nimport '../../overlay/index.css';\nimport '../../info/index.css';\nimport '../../icon/index.css';\nimport '../../image/index.css';\nimport '../../popup/index.css';\nimport '../../loading/index.css';\nimport '../../swipe/index.css';\nimport '../../swipe-item/index.css';\nimport '../index.css';","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./List.vue?vue&type=style&index=0&id=236918c8&lang=scss&scoped=true&\""],"sourceRoot":""}