{"version":3,"sources":["webpack:///./src/views/pages/En/exhibition/exhibition-material/components/add-photo.vue?86cc","webpack:///src/views/pages/En/exhibition/exhibition-material/components/add-photo.vue","webpack:///./src/views/pages/En/exhibition/exhibition-material/components/add-photo.vue?8ef0","webpack:///./src/views/pages/En/exhibition/exhibition-material/components/add-photo.vue","webpack:///./node_modules/core-js/modules/_strict-method.js","webpack:///./src/views/pages/En/exhibition/exhibition-material/subpages/photo-material-loose.vue?7d0c","webpack:///./src/views/pages/En/exhibition/exhibition-material/subpages/photo-material-loose.vue?4da3","webpack:///./node_modules/core-js/modules/es6.array.sort.js","webpack:///./src/views/pages/En/exhibition/exhibition-material/subpages/photo-material-loose.vue?9b32","webpack:///src/views/pages/En/exhibition/exhibition-material/subpages/photo-material-loose.vue","webpack:///./src/views/pages/En/exhibition/exhibition-material/subpages/photo-material-loose.vue?025f","webpack:///./src/views/pages/En/exhibition/exhibition-material/subpages/photo-material-loose.vue","webpack:///./src/views/pages/En/exhibition/exhibition-material/components/add-photo.vue?8be7"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","top","on","$event","close","model","value","callback","$$v","showModal","expression","ref","_l","item","index","key","staticStyle","status","url","nativeOn","stopPropagation","preventDefault","handleRemoveByArr","_e","directives","name","rawName","uploadList","length","defaultList","handleSuccess","formHeaders","handleFormatError","handleMaxSize","handleBeforeUpload","uploadUrl","_v","slot","loading","handleSubmit","staticRenderFns","props","show","type","default","albumId","data","computed","mapGetters","company","watch","val","oldVal","$emit","methods","mapActions","addMaterial","res","file","list","$refs","upload","fileList","$Message","warning","splice","indexOf","check","transfromImgList","arr","arr2","transfromSendImgList","CompId","AgentId","Name","Path","ShowIndex","id","formData","console","sendArr","Promise","all","then","catch","clearFiles","mounted","component","fails","module","exports","method","arg","call","$export","aFunction","toObject","$sort","sort","test","P","F","undefined","comparefn","items","setAllChecked","allCheck","_s","checkCount","selectIndex2","allGroupVisible","albumData","c","i","class","select","selectItem2","groupLoading","handleChangeAlbumByArr","checked","path","setSingleChecked","$set","dropVisible","setDropVisible","renameLoading","handleChangeAlbumName","renameVisible","selectIndex","selectItem","handleChangeAlbum","groupVisible","delItem","totalCount","pageSize","pageIndex","changePage","changePageSize","viewFlag","viewUrl","add","hideAdd","init","groupLoading2","allGroupLoading","title","allCheckNum","checkAll","visible","$route","to","from","query","$router","history","current","option","PageSize","PageIndex","option2","components","addPhoto","created","getAlbumByOut","getMaterial","delMaterial","changeAlbumByArr","changeAlbum","changeAlbumName","getAlbum","getAlbumPhotoByAlbumId","delAlbumPhoto","getAlbumById","delAlbum","editAlbum","getAlbumData","handleView","handleRemove","$Modal","confirm","content","onOk","onCancel","result","AlbumId","PhotoId","bool","setTimeout","reqArr","List","Id","showAdd","listData","e","map","count","idx"],"mappings":"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","file":"static/js/chunk-288f11a5.468019ee.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"activity-add\"},[_c('iModal',{attrs:{\"title\":\"Picture Upload\",\"width\":\"612px\",\"mask-closable\":false,\"styles\":{top: '150px'}},on:{\"on-cancel\":function($event){return _vm.close()}},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('div',{staticClass:\"my-modal\"},[_c('div',{staticClass:\"my-modal-content\"},[_c('Form',{attrs:{\"label-width\":100}},[_c('FormItem',{ref:\"formInline\",attrs:{\"label\":\"Select file：\"}},[_vm._l((_vm.uploadList),function(item,index){return _c('div',{key:'upload' + index,staticClass:\"my-upload-list\",staticStyle:{\"width\":\"100px\",\"height\":\"100px\",\"line-height\":\"100px\"}},[(item.status === 'finished')?[_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":item.url}}),_c('div',{staticClass:\"my-upload-list-cover\"},[_c('Icon',{attrs:{\"type\":\"ios-trash-outline\"},nativeOn:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleRemoveByArr(item)}}})],1)]:[(item.showProgress)?_c('Spin',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"}},[_c('Icon',{staticClass:\"demo-spin-icon-load\",attrs:{\"type\":\"ios-loading\",\"size\":\"20\"}})],1):_vm._e()]],2)}),_c('Upload',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.uploadList && _vm.uploadList.length < 10),expression:\"uploadList && uploadList.length < 10\"}],ref:\"upload\",staticStyle:{\"display\":\"inline-block\",\"width\":\"100px\"},attrs:{\"show-upload-list\":false,\"default-file-list\":_vm.defaultList,\"on-success\":_vm.handleSuccess,\"format\":['jpg','jpeg','png'],\"max-size\":2048,\"headers\":_vm.formHeaders,\"on-format-error\":_vm.handleFormatError,\"on-exceeded-size\":_vm.handleMaxSize,\"before-upload\":_vm.handleBeforeUpload,\"type\":\"drag\",\"action\":_vm.uploadUrl,\"multiple\":\"\"}},[_c('div',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\",\"padding-top\":\"15px\",\"color\":\"rgb(133, 133, 133)\"}},[_c('div',{staticStyle:{\"font-size\":\"25px\"}},[_vm._v(\"\\n                  +\\n                  \"),_c('p',{staticStyle:{\"font-size\":\"14px\"}},[_vm._v(\"Upload\")])])])]),_c('p',{staticClass:\"upload-p\",staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"(Requirements：.jpg/.png within 2M, suggested size 750*500px)\")])],2)],1)],1)]),_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('Button',{attrs:{\"type\":\"primary\",\"loading\":_vm.loading},on:{\"click\":function($event){return _vm.handleSubmit()}}},[_vm._v(\"Save\")]),_c('Button',{on:{\"click\":function($event){return _vm.close()}}},[_vm._v(\"Cancel\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"activity-add\">\r\n    <iModal\r\n      title=\"Picture Upload\"\r\n      v-model=\"showModal\"\r\n      width=\"612px\"\r\n      :mask-closable=\"false\"\r\n      @on-cancel=\"close()\"\r\n      :styles=\"{top: '150px'}\"\r\n    >\r\n      <div class=\"my-modal\">\r\n        <div class=\"my-modal-content\">\r\n          <Form :label-width=\"100\"> \r\n            <FormItem ref=\"formInline\" label=\"Select file：\">\r\n              <div\r\n                class=\"my-upload-list\"\r\n                v-for=\"(item, index) in uploadList\"\r\n                :key=\"'upload' + index\"\r\n                style=\"width: 100px;height: 100px;line-height:100px;\"\r\n              >\r\n                <template v-if=\"item.status === 'finished'\">\r\n                  <img :src=\"item.url\" style=\"width:100%;height:100%;\" />\r\n                  <div class=\"my-upload-list-cover\">\r\n                    <Icon\r\n                      type=\"ios-trash-outline\"\r\n                      @click.native.stop.prevent=\"handleRemoveByArr(item)\"\r\n                    ></Icon>\r\n                  </div>\r\n                </template>\r\n                <template v-else>\r\n                  <Spin v-if=\"item.showProgress\" style=\"width: 100px;height: 100px;\">\r\n                    <Icon type=\"ios-loading\" size=\"20\" class=\"demo-spin-icon-load\"></Icon>\r\n                  </Spin>\r\n                </template>\r\n              </div>\r\n              <Upload\r\n                ref=\"upload\"\r\n                :show-upload-list=\"false\"\r\n                :default-file-list=\"defaultList\"\r\n                :on-success=\"handleSuccess\"\r\n                :format=\"['jpg','jpeg','png']\"\r\n                :max-size=\"2048\"\r\n                :headers=\"formHeaders\"\r\n                :on-format-error=\"handleFormatError\"\r\n                :on-exceeded-size=\"handleMaxSize\"\r\n                :before-upload=\"handleBeforeUpload\"\r\n                type=\"drag\"\r\n                :action=\"uploadUrl\"\r\n                multiple\r\n                style=\"display: inline-block;width:100px;\"\r\n                v-show=\"uploadList && uploadList.length < 10\"\r\n              >\r\n                <div style=\"width: 100px;height:100px;padding-top:15px;color:rgb(133, 133, 133);\">\r\n                  <div style=\"font-size:25px;\">\r\n                    +\r\n                    <p style=\"font-size:14px;\">Upload</p>\r\n                  </div>\r\n                </div>\r\n              </Upload>\r\n              <p class=\"upload-p\" style=\"font-size:12px\">(Requirements：.jpg/.png within 2M, suggested size 750*500px)</p>\r\n            </FormItem>\r\n          </Form>\r\n        </div>\r\n      </div>\r\n      <div slot=\"footer\">\r\n        <Button type=\"primary\" :loading=\"loading\" @click=\"handleSubmit()\">Save</Button>\r\n        <Button @click=\"close()\">Cancel</Button>\r\n      </div>\r\n    </iModal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nexport default {\r\n  props: {\r\n    show: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    albumId: {\r\n      type: String,\r\n      default: \"\"\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      showModal: false,\r\n      loading: false,\r\n      uploadList: [],\r\n      defaultList: []\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      company: \"loginModule/getCompany\",\r\n      uploadUrl: \"getUploadUrl\",\r\n      formHeaders: \"getFormHeaders\"\r\n    })\r\n  },\r\n  watch: {\r\n    show(val, oldVal) {\r\n      this.showModal = val;\r\n      if (!val) this.$emit(\"close\");\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      addMaterial: \"materialModule/addMaterial\"\r\n    }),\r\n    handleSuccess(res, file) {\r\n      if (res && res.list.length) {\r\n        file.url = res.list[0];\r\n        this.uploadList = this.$refs.upload.fileList;\r\n      }\r\n    },\r\n    handleFormatError(file) {\r\n      this.$Message.warning(`Incorrect file format, Upload image in jpg/png format`);\r\n    },\r\n    handleMaxSize(file) {\r\n      this.$Message.warning(`File size exceeds configured limit, Upload image size less than 2M`);\r\n    },\r\n    handleRemoveByArr(file) {\r\n      const fileList = this.uploadList;\r\n      this.uploadList.splice(fileList.indexOf(file), 1);\r\n    },\r\n    handleBeforeUpload() {\r\n      const limitNum = 10;\r\n      const check = this.$refs.upload.fileList.length < limitNum;\r\n      if (!check) {\r\n        this.$Message.warning(`每次Upload ${limitNum} image only`);\r\n      }\r\n      return check;\r\n    },\r\n    transfromImgList(arr) {\r\n      let arr2 = [];\r\n      arr.forEach(c => {\r\n        arr2.push(c.url);\r\n      });\r\n      return arr2;\r\n    },\r\n    transfromSendImgList(list) {\r\n      let sendArr = [];\r\n      list.forEach((c, index) => {\r\n        let formData = {\r\n          CompId: this.company.id,\r\n          AgentId: this.company.agentId, \r\n          Name: c.name,\r\n          Path: c.url,\r\n          ShowIndex: 0\r\n        };\r\n        let id = this.$router.history.current.query.id;\r\n        if (id) {\r\n          formData.albumId =id;\r\n        }\r\n        console.log('相册id: ', this.albumId);\r\n        sendArr.push(this.addMaterial(formData));\r\n      });\r\n      return Promise.all(sendArr);\r\n    },\r\n    async handleSubmit() {\r\n      if (!(this.uploadList && this.uploadList.length)) {\r\n        this.$Message.error(`请上传素材图片`);\r\n        return;\r\n      }\r\n      this.loading = true;\r\n      this.transfromSendImgList(this.uploadList)\r\n        .then(v => {\r\n          this.loading = false;\r\n          this.$Message.success(\"添加成功\");\r\n          this.$emit(\"finish\");\r\n          this.close();\r\n          this.$refs.upload.clearFiles();\r\n        })\r\n        .catch(e => {\r\n          this.$Message.error(\"添加失败，请重新尝试\");\r\n          this.loading = false;\r\n        });\r\n    },\r\n    close() {\r\n      this.loading = false;\r\n      this.showModal = false;\r\n      this.loading = false;\r\n      this.uploadList = [];\r\n      this.defaultList = [];\r\n      if (this.$refs[\"upload\"]) this.$refs[\"upload\"].clearFiles();\r\n      this.$refs.upload.clearFiles();\r\n      this.$emit(\"close\");\r\n    }\r\n  },\r\n  mounted() {\r\n    this.uploadList = this.$refs.upload.fileList;\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.demo-spin-icon-load {\r\n  animation: ani-demo-spin 1s linear infinite;\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!./add-photo.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!./add-photo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./add-photo.vue?vue&type=template&id=dce0adae&scoped=true&\"\nimport script from \"./add-photo.vue?vue&type=script&lang=js&\"\nexport * from \"./add-photo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./add-photo.vue?vue&type=style&index=0&id=dce0adae&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  \"dce0adae\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar fails = require('./_fails');\n\nmodule.exports = function (method, arg) {\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call\n    arg ? method.call(null, function () { /* empty */ }, 1) : method.call(null);\n  });\n};\n","export * from \"-!../../../../../../../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!./photo-material-loose.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../../../../../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!./photo-material-loose.vue?vue&type=style&index=1&id=ad6b4fa8&lang=scss&scoped=true&\"","'use strict';\nvar $export = require('./_export');\nvar aFunction = require('./_a-function');\nvar toObject = require('./_to-object');\nvar fails = require('./_fails');\nvar $sort = [].sort;\nvar test = [1, 2, 3];\n\n$export($export.P + $export.F * (fails(function () {\n  // IE8-\n  test.sort(undefined);\n}) || !fails(function () {\n  // V8 bug\n  test.sort(null);\n  // Old WebKit\n}) || !require('./_strict-method')($sort)), 'Array', {\n  // 22.1.3.25 Array.prototype.sort(comparefn)\n  sort: function sort(comparefn) {\n    return comparefn === undefined\n      ? $sort.call(toObject(this))\n      : $sort.call(toObject(this), aFunction(comparefn));\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"material\"},[(_vm.list && _vm.list.items.length)?[(_vm.checkCount)?_c('div',{staticClass:\"edit-tool2\"},[_c('div',{staticClass:\"et2-left\"},[_c('Checkbox',{on:{\"on-change\":_vm.setAllChecked},model:{value:(_vm.allCheck),callback:function ($$v) {_vm.allCheck=$$v},expression:\"allCheck\"}}),_vm._v(\"\\n          已选择\"+_vm._s(_vm.checkCount)+\"张图片\\n          \"),_c('span',{staticClass:\"cancle-txt\",on:{\"click\":function($event){return _vm.setAllChecked(false)}}},[_vm._v(\"取消选择\")])],1),_c('div',{staticClass:\"et2-right f-tar\"},[_c('Poptip',{staticClass:\"add-group-box2\",attrs:{\"placement\":\"bottom-end\",\"width\":\"300\"},on:{\"on-popper-hide\":function($event){_vm.selectIndex2=false}},model:{value:(_vm.allGroupVisible),callback:function ($$v) {_vm.allGroupVisible=$$v},expression:\"allGroupVisible\"}},[_c('Tooltip',{attrs:{\"content\":\"移动分组\",\"placement\":\"top-end\"}},[_c('i',{staticClass:\"icon iconfont icon-paixu-zuoyou\"})]),_c('div',{staticClass:\"add-group\",attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"移动至\")]),(_vm.albumData && _vm.albumData.items)?_c('div',{staticClass:\"content\"},_vm._l((_vm.albumData.items),function(c,i){return _c('span',{key:'albumData-'+ i,staticClass:\"add-group-item\",class:{select: i === _vm.selectIndex2},on:{\"click\":function($event){return _vm.selectItem2(i)}}},[_vm._v(_vm._s(c.name))])}),0):_vm._e(),_c('div',{staticClass:\"bottom\"},[_c('Button',{attrs:{\"type\":\"primary\",\"loading\":_vm.groupLoading},on:{\"click\":function($event){return _vm.handleChangeAlbumByArr()}}},[_vm._v(\"确定\")]),_c('Button',{on:{\"click\":function($event){_vm.allGroupVisible=false}}},[_vm._v(\"取消\")])],1)])],1)],1)]):_vm._e(),_c('Row',{attrs:{\"gutter\":30}},_vm._l((_vm.list.items),function(item,index){return _c('Col',{key:'brandInt-' + index,attrs:{\"span\":\"6\"}},[_c('div',{staticClass:\"material-box\",class:{select: item.checked}},[_c('div',{staticClass:\"material-img\"},[_c('img',{attrs:{\"src\":item.path,\"alt\":item.name}}),(false)?_c('div',{staticClass:\"view-info\"},[_c('div',{staticClass:\"view-tool\"},[_c('Icon',{staticStyle:{\"cursor\":\"pointer\"},attrs:{\"type\":\"ios-eye-outline\",\"size\":\"30\",\"color\":\"#fff\"},nativeOn:{\"click\":function($event){return _vm.handleView(item.path)}}})],1),_c('div',{staticClass:\"view-tool\"},[_c('Poptip',{attrs:{\"confirm\":\"\",\"title\":\"确认删除此素材吗 ?\"},on:{\"on-ok\":function($event){return _vm.delItem(item.id)}}},[_c('Icon',{attrs:{\"type\":\"ios-trash-outline\",\"size\":\"30\",\"color\":\"#fff\"}})],1)],1)]):_vm._e(),_c('div',{staticClass:\"view-edit\"},[_c('div',{staticClass:\"view-edit-tool\"},[_c('Checkbox',{on:{\"on-change\":function($event){return _vm.setSingleChecked(index)}},model:{value:(item.checked),callback:function ($$v) {_vm.$set(item, \"checked\", $$v)},expression:\"item.checked\"}}),_c('Dropdown',{attrs:{\"trigger\":\"custom\",\"visible\":item.dropVisible},on:{\"on-clickoutside\":function($event){return _vm.setDropVisible(index)}}},[_c('i',{staticClass:\"icon iconfont icon-liebiao1\",on:{\"click\":function($event){return _vm.setDropVisible(index)}}}),_c('DropdownMenu',{attrs:{\"slot\":\"list\"},slot:\"list\"},[_c('DropdownItem',[_c('Poptip',{staticClass:\"add-group-box\",staticStyle:{\"width\":\"100%\"},attrs:{\"placement\":\"bottom-start\",\"width\":\"300\"},model:{value:(item.renameVisible),callback:function ($$v) {_vm.$set(item, \"renameVisible\", $$v)},expression:\"item.renameVisible\"}},[_vm._v(\"\\n                          重命名\\n                          \"),_c('div',{staticClass:\"add-group\",attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"素材名称\")]),_c('div',{staticClass:\"content\"},[_c('Input',{staticStyle:{\"width\":\"100%\"},attrs:{\"maxlength\":5,\"placeholder\":\"请输入素材名称\"},model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1),_c('div',{staticClass:\"bottom\"},[_c('Button',{attrs:{\"type\":\"primary\",\"loading\":_vm.renameLoading},on:{\"click\":function($event){return _vm.handleChangeAlbumName(item.id)}}},[_vm._v(\"确定\")]),_c('Button',{on:{\"click\":function($event){item.renameVisible=false;_vm.name='';}}},[_vm._v(\"取消\")])],1)])])],1),_c('DropdownItem',[_c('Poptip',{staticClass:\"add-group-box2\",staticStyle:{\"width\":\"100%\"},attrs:{\"placement\":\"bottom-start\",\"width\":\"300\"},model:{value:(item.groupVisible),callback:function ($$v) {_vm.$set(item, \"groupVisible\", $$v)},expression:\"item.groupVisible\"}},[_vm._v(\"\\n                          移动分组\\n                          \"),_c('div',{staticClass:\"add-group\",attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"移动至\")]),(_vm.albumData && _vm.albumData.items)?_c('div',{staticClass:\"content\"},_vm._l((_vm.albumData.items),function(c,i){return _c('span',{key:'albumData-'+ i,staticClass:\"add-group-item\",class:{select: i === _vm.selectIndex},on:{\"click\":function($event){return _vm.selectItem(i)},\"on-popper-hide\":function($event){_vm.selectIndex=false}}},[_vm._v(_vm._s(c.name))])}),0):_vm._e(),_c('div',{staticClass:\"bottom\"},[_c('Button',{attrs:{\"type\":\"primary\",\"loading\":_vm.groupLoading},on:{\"click\":function($event){return _vm.handleChangeAlbum(item)}}},[_vm._v(\"确定\")]),_c('Button',{on:{\"click\":function($event){item.groupVisible=false}}},[_vm._v(\"取消\")])],1)])])],1),_c('DropdownItem',[_c('Poptip',{staticStyle:{\"width\":\"100%\"},attrs:{\"confirm\":\"\",\"placement\":\"top-start\",\"title\":\"确认删除此素材吗 ?\"},on:{\"on-ok\":function($event){return _vm.delItem(item.id)}}},[_vm._v(\"删除\")])],1)],1)],1)],1)])]),_c('div',{staticClass:\"material-name\"},[_vm._v(_vm._s(item.name))])])])}),1),(_vm.totalCount > _vm.pageSize)?_c('div',{staticClass:\"my-page\"},[_c('Page',{attrs:{\"show-total\":\"\",\"show-elevator\":\"\",\"page-size\":_vm.pageSize,\"current\":_vm.pageIndex,\"total\":_vm.totalCount},on:{\"on-change\":_vm.changePage,\"on-page-size-change\":_vm.changePageSize}})],1):_vm._e()]:_c('div',{staticClass:\"u-empty\"},[_vm._v(\"暂无数据\")])],2),_c('iModal',{attrs:{\"title\":\"图片查看\",\"cancel-text\":\"\",\"mask-closable\":true,\"width\":\"650\",\"styles\":{top: '150px'}},model:{value:(_vm.viewFlag),callback:function ($$v) {_vm.viewFlag=$$v},expression:\"viewFlag\"}},[_c('img',{staticStyle:{\"width\":\"600px\"},attrs:{\"src\":_vm.viewUrl,\"alt\":\"素材图片\"}})]),_c('addPhoto',{attrs:{\"show\":_vm.add},on:{\"close\":function($event){return _vm.hideAdd()},\"finish\":function($event){return _vm.init()}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"material\"> \r\n      <template v-if=\"list && list.items.length\">\r\n        <div class=\"edit-tool2\" v-if=\"checkCount\">\r\n          <div class=\"et2-left\">\r\n            <Checkbox v-model=\"allCheck\" @on-change=\"setAllChecked\"></Checkbox>\r\n            已选择{{checkCount}}张图片\r\n            <span @click=\"setAllChecked(false)\" class=\"cancle-txt\">取消选择</span>\r\n          </div>\r\n          <div class=\"et2-right f-tar\">\r\n            <Poptip\r\n              placement=\"bottom-end\"\r\n              width=\"300\"\r\n              class=\"add-group-box2\"\r\n              v-model=\"allGroupVisible\"\r\n              @on-popper-hide=\"selectIndex2=false\"\r\n            >\r\n              <Tooltip content=\"移动分组\" placement=\"top-end\">\r\n                <i class=\"icon iconfont icon-paixu-zuoyou\"></i>\r\n              </Tooltip>\r\n              <div slot=\"content\" class=\"add-group\">\r\n                <div class=\"title\">移动至</div>\r\n                <div class=\"content\" v-if=\"albumData && albumData.items\">\r\n                  <span\r\n                    class=\"add-group-item\"\r\n                    v-for=\"(c, i) in albumData.items\"\r\n                    :class=\"{select: i === selectIndex2}\"\r\n                    :key=\"'albumData-'+ i\"\r\n                    @click=\"selectItem2(i)\"\r\n                  >{{c.name}}</span>\r\n                </div>\r\n\r\n                <div class=\"bottom\">\r\n                  <Button\r\n                    type=\"primary\"\r\n                    :loading=\"groupLoading\"\r\n                    @click=\"handleChangeAlbumByArr()\"\r\n                  >确定</Button>\r\n                  <Button @click=\"allGroupVisible=false\">取消</Button>\r\n                </div>\r\n              </div>\r\n            </Poptip>\r\n          </div>\r\n        </div>\r\n        <Row :gutter=\"30\">\r\n          <Col span=\"6\" v-for=\"(item, index) in list.items\" :key=\"'brandInt-' + index\">\r\n            <div class=\"material-box\" :class=\"{select: item.checked}\">\r\n              <div class=\"material-img\">\r\n                <img :src=\"item.path\" :alt=\"item.name\" />\r\n\r\n                <!-- 查看图片 -->\r\n                <div class=\"view-info\" v-if=\"false\">\r\n                  <div class=\"view-tool\">\r\n                    <Icon\r\n                      type=\"ios-eye-outline\"\r\n                      size=\"30\"\r\n                      color=\"#fff\"\r\n                      @click.native=\"handleView(item.path)\"\r\n                      style=\"cursor:pointer\"\r\n                    ></Icon>\r\n                  </div>\r\n                  <div class=\"view-tool\">\r\n                    <Poptip confirm title=\"确认删除此素材吗 ?\" @on-ok=\"delItem(item.id)\">\r\n                      <Icon type=\"ios-trash-outline\" size=\"30\" color=\"#fff\"></Icon>\r\n                    </Poptip>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- 查看编辑 -->\r\n                <div class=\"view-edit\">\r\n                  <div class=\"view-edit-tool\">\r\n                    <Checkbox v-model=\"item.checked\" @on-change=\"setSingleChecked(index)\"></Checkbox>\r\n\r\n                    <Dropdown\r\n                      trigger=\"custom\"\r\n                      :visible=\"item.dropVisible\"\r\n                      @on-clickoutside=\"setDropVisible(index)\"\r\n                    >\r\n                      <i class=\"icon iconfont icon-liebiao1\" @click=\"setDropVisible(index)\"></i>\r\n                      <DropdownMenu slot=\"list\">\r\n                        <!-- 重命名 -->\r\n                        <DropdownItem>\r\n                          <Poptip\r\n                            placement=\"bottom-start\"\r\n                            width=\"300\"\r\n                            class=\"add-group-box\"\r\n                            v-model=\"item.renameVisible\"\r\n                            style=\"width: 100%\"\r\n                          >\r\n                            重命名\r\n                            <div slot=\"content\" class=\"add-group\">\r\n                              <div class=\"title\">素材名称</div>\r\n                              <div class=\"content\">\r\n                                <Input\r\n                                  v-model=\"name\"\r\n                                  :maxlength=\"5\"\r\n                                  placeholder=\"请输入素材名称\"\r\n                                  style=\"width: 100%\"\r\n                                />\r\n                              </div>\r\n                              <div class=\"bottom\">\r\n                                <Button\r\n                                  type=\"primary\"\r\n                                  :loading=\"renameLoading\"\r\n                                  @click=\"handleChangeAlbumName(item.id)\"\r\n                                >确定</Button>\r\n                                <Button @click=\"item.renameVisible=false;name='';\">取消</Button>\r\n                              </div>\r\n                            </div>\r\n                          </Poptip>\r\n                        </DropdownItem>\r\n\r\n                        <!-- 移动分组 -->\r\n                        <DropdownItem>\r\n                          <Poptip\r\n                            placement=\"bottom-start\"\r\n                            width=\"300\"\r\n                            class=\"add-group-box2\"\r\n                            v-model=\"item.groupVisible\"\r\n                            style=\"width: 100%\"\r\n                          >\r\n                            移动分组\r\n                            <div slot=\"content\" class=\"add-group\">\r\n                              <div class=\"title\">移动至</div>\r\n                              <div class=\"content\" v-if=\"albumData && albumData.items\">\r\n                                <span\r\n                                  class=\"add-group-item\"\r\n                                  v-for=\"(c, i) in albumData.items\"\r\n                                  :class=\"{select: i === selectIndex}\"\r\n                                  :key=\"'albumData-'+ i\"\r\n                                  @click=\"selectItem(i)\"\r\n                                  @on-popper-hide=\"selectIndex=false\"\r\n                                >{{c.name}}</span>\r\n                              </div>\r\n\r\n                              <div class=\"bottom\">\r\n                                <Button\r\n                                  type=\"primary\"\r\n                                  :loading=\"groupLoading\"\r\n                                  @click=\"handleChangeAlbum(item)\"\r\n                                >确定</Button>\r\n                                <Button @click=\"item.groupVisible=false\">取消</Button>\r\n                              </div>\r\n                            </div>\r\n                          </Poptip>\r\n                        </DropdownItem>\r\n\r\n                        <!-- 删除 -->\r\n                        <DropdownItem>\r\n                          <Poptip\r\n                            confirm\r\n                            placement=\"top-start\"\r\n                            title=\"确认删除此素材吗 ?\"\r\n                            @on-ok=\"delItem(item.id)\"\r\n                            style=\"width: 100%\"\r\n                          >删除</Poptip>\r\n                        </DropdownItem>\r\n                      </DropdownMenu>\r\n                    </Dropdown>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"material-name\">{{item.name}}</div>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n        <div class=\"my-page\" v-if=\"totalCount > pageSize\">\r\n          <Page\r\n            show-total\r\n            show-elevator\r\n            :page-size=\"pageSize\"\r\n            :current=\"pageIndex\"\r\n            :total=\"totalCount\"\r\n            @on-change=\"changePage\"\r\n            @on-page-size-change=\"changePageSize\"\r\n          />\r\n        </div>\r\n      </template>\r\n      <div class=\"u-empty\" v-else>暂无数据</div>\r\n    </div>\r\n\r\n    <iModal\r\n      title=\"图片查看\"\r\n      cancel-text\r\n      v-model=\"viewFlag\"\r\n      :mask-closable=\"true\"\r\n      width=\"650\"\r\n      :styles=\"{top: '150px'}\"\r\n    >\r\n      <img :src=\"viewUrl\" alt=\"素材图片\" style=\"width:600px;\" />\r\n    </iModal>\r\n\r\n    <addPhoto :show=\"add\" @close=\"hideAdd()\" @finish=\"init()\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport addPhoto from \"../components/add-photo.vue\";\r\nexport default {\r\n  name: \"photo-material-all\",\r\n  data() {\r\n    return {\r\n      add: false,\r\n      list: \"\",\r\n      pageSize: 20,\r\n      pageIndex: 1,\r\n      totalCount: 0, \r\n      renameLoading: false,\r\n      groupLoading: false,\r\n      groupLoading2: false,\r\n      allGroupLoading: false,\r\n      title: \"\",\r\n      name: \"\",\r\n      viewUrl: \"\",\r\n      viewFlag: false, \r\n      renameVisible: false,\r\n      groupVisible: false,\r\n      allGroupVisible: false,\r\n      albumData: null,\r\n      selectIndex: -1,\r\n      selectIndex2: -1,\r\n      allCheck: false,\r\n      allCheckNum: 0,\r\n      checkAll: false,\r\n      checkCount: 0,\r\n      visible: false\r\n    };\r\n  },\r\n  watch: {\r\n    $route(to, from) {\r\n      if (to.query && to.query.id) {\r\n        this.init();\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      company: \"loginModule/getCompany\"\r\n    }),\r\n    query() {\r\n      return this.$router.history.current.query;\r\n    },\r\n    option() {\r\n      return {\r\n        CompId: this.company.id,\r\n        PageSize: this.pageSize,\r\n        PageIndex: this.pageIndex\r\n      };\r\n    },\r\n    option2() {\r\n      return {\r\n        CompId: this.company.id,\r\n        pageSize: 1000\r\n      };\r\n    }\r\n  },\r\n  components: {\r\n    addPhoto\r\n  },\r\n  async created() {\r\n    this.init();\r\n    this.getAlbumData();\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getAlbumByOut: \"albumModule/getAlbumByOut\",  \r\n      getMaterial: \"materialModule/getMaterial\",\r\n      delMaterial: \"materialModule/delMaterial\",\r\n      changeAlbumByArr: \"albumModule/changeAlbumByArr\",\r\n      changeAlbum: \"albumModule/changeAlbum\",\r\n      changeAlbumName: \"albumModule/changeAlbumName\",\r\n      getAlbum: \"albumModule/getAlbum\",\r\n      getAlbumPhotoByAlbumId: \"albumModule/getAlbumPhotoByAlbumId\",\r\n      delAlbumPhoto: \"albumModule/delAlbumPhoto\",\r\n      getAlbumById: \"albumModule/getAlbumById\",\r\n      delAlbum: \"albumModule/delAlbum\",\r\n      editAlbum: \"albumModule/editAlbum\"\r\n    }),\r\n    async getAlbumData() {\r\n      this.selectIndex = -1;\r\n      this.selectIndex2 = -1;\r\n      const data = await this.getAlbum(this.option2);\r\n      if (data && data.items) {\r\n        data.items.map(c => {\r\n          c.select = false;\r\n        });\r\n        this.albumData = data;\r\n      }\r\n    },\r\n    selectItem(index) {\r\n      if (this.selectIndex === index) {\r\n        this.selectIndex = -1;\r\n      } else {\r\n        this.selectIndex = index;\r\n      }\r\n    },\r\n    selectItem2(index) {\r\n      if (this.selectIndex2 === index) {\r\n        this.selectIndex2 = -1;\r\n      } else {\r\n        this.selectIndex2 = index;\r\n      }\r\n    },\r\n    handleView(data) {\r\n      this.viewFlag = true;\r\n      this.viewUrl = data;\r\n    },\r\n    handleRemove(data) {\r\n      this.$Modal.confirm({\r\n        content: `确认删除该图片吗`,\r\n        onOk: () => {\r\n          this.delItem(data);\r\n        },\r\n        onCancel: () => {\r\n          this.deleted = false;\r\n        }\r\n      });\r\n    },\r\n    async delItem(item) {\r\n      let result = await this.delMaterial(item);\r\n      if (result.successed) {\r\n        this.$Message.success(\"删除成功\");\r\n        this.init();\r\n      } else {\r\n        this.$Message.error(\"删除失败，请重新尝试\");\r\n      }\r\n    }, \r\n    async handleChangeAlbum(data) {\r\n      if (this.selectIndex === -1) return;\r\n      this.groupLoading = true;\r\n      let formData = {\r\n        AlbumId: this.albumData.items[this.selectIndex].id,\r\n        PhotoId: data.id\r\n      };\r\n      let bool = await this.changeAlbum(formData);\r\n      setTimeout(() => {\r\n        this.groupLoading = false;\r\n      }, 5000);\r\n      if (bool.successed) {\r\n        this.$Message.success(\"修改成功\");\r\n        this.renameVisible = false;\r\n        this.dropVisible = false;\r\n        this.groupVisible = false;\r\n        this.groupLoading = false;\r\n        this.selectIndex = -1;\r\n        this.init();\r\n      } else {\r\n        this.$Message.error(\"修改失败，请重新尝试\");\r\n      }\r\n    },\r\n    async handleChangeAlbumByArr() {\r\n      const id = this.$router.history.current.query.id;\r\n      if (this.selectIndex2 === -1) return;\r\n      if (!(this.list && this.list.items.length)) return;\r\n      let reqArr = [];\r\n      this.list.items.forEach(c => {\r\n        if (c.checked) reqArr.push(c.id);\r\n      }); \r\n      this.groupLoading2 = true;\r\n      let formData = {\r\n        AlbumId: this.albumData.items[this.selectIndex2].id,\r\n        List: reqArr\r\n      };\r\n      let bool = await this.changeAlbumByArr(formData);\r\n      setTimeout(() => {\r\n        this.groupLoading2 = false;\r\n      }, 5000);\r\n      if (bool.successed) {\r\n        this.$Message.success(\"修改成功\");\r\n        this.groupLoading2 = false;\r\n        this.selectIndex2 = -1;\r\n        this.init();\r\n      } else {\r\n        this.$Message.error(\"修改失败，请重新尝试\");\r\n      }\r\n    },\r\n    async handleChangeAlbumName(id) {\r\n      this.renameLoading = true;\r\n      let formData = {\r\n        Id: id,\r\n        Name: this.name\r\n      };\r\n      let bool = await this.changeAlbumName(formData);\r\n      setTimeout(() => {\r\n        this.renameLoading = false;\r\n      }, 5000);\r\n      if (bool.successed) {\r\n        this.$Message.success(\"修改成功\");\r\n        this.renameLoading = false;\r\n        this.renameVisible = false;\r\n        this.dropVisible = false;\r\n        this.name = \"\";\r\n        this.init();\r\n      } else {\r\n        this.$Message.error(\"修改失败，请重新尝试\");\r\n      }\r\n    },\r\n    showAdd() {\r\n      this.add = true;\r\n    },\r\n    hideAdd() {\r\n      this.add = false;\r\n    },\r\n    async init() {   \r\n      this.checkCount = 0;\r\n      this.allCheck = false;\r\n      this.allGroupVisible = false;\r\n      let listData = await this.getAlbumByOut(this.option);\r\n      if (listData) {\r\n        listData.items.sort((a, b) => {\r\n          let lastTime = new Date(a.inTime).getTime();\r\n          let endTime = new Date(b.inTime).getTime();\r\n          return lastTime > endTime;\r\n        });\r\n        listData.items.map(c => {\r\n          c.checked = false;\r\n          c.dropVisible = false;\r\n          c.renameVisible = false;\r\n          c.groupVisible = false;\r\n        });\r\n        this.list = listData;\r\n        this.pageSize = this.list.pageSize;\r\n        this.pageIndex = this.list.pageIndex;\r\n        this.totalCount = this.list.totalCount; \r\n      }\r\n      this.$emit(\"finish\");\r\n    },\r\n    changePage(e) {\r\n      this.pageIndex = e;\r\n      this.init();\r\n    },\r\n    changePageSize(e) {\r\n      this.pageSize = e;\r\n      this.init();\r\n    },\r\n    setAllChecked(bool) {\r\n      let count = 0;\r\n      this.list.items.map(c => {\r\n        c.checked = bool;\r\n        if (c.checked) count += 1;\r\n      });\r\n      this.checkCount = count;\r\n      if (this.checkCount === this.list.items.length) {\r\n        this.allCheck = true;\r\n      } else {\r\n        this.allCheck = false;\r\n      }\r\n    },\r\n    setSingleChecked(index) {\r\n      let count = 0;\r\n      this.list.items.map((c, idx) => {\r\n        if (c.checked) count += 1;\r\n      });\r\n      this.checkCount = count;\r\n      if (this.checkCount === this.list.items.length) {\r\n        this.allCheck = true;\r\n      } else {\r\n        this.allCheck = false;\r\n      }\r\n    },\r\n    setDropVisible(index) {\r\n      this.list.items.map((c, idx) => {\r\n        if (index === idx) {\r\n          c.dropVisible = !c.dropVisible;\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.ivu-poptip-rel {\r\n  width: 100%;\r\n}\r\n.add-group-box2 {\r\n  .ivu-poptip-body {\r\n    padding: 0;\r\n    margin: 0;\r\n    width: 300px;\r\n    height: 358px;\r\n  }\r\n  .add-group {\r\n    background-color: #fff;\r\n    box-shadow: 0px 0px 10px 0px rgba(53, 153, 231, 0.2);\r\n    text-align: left;\r\n    &-item {\r\n      display: inline-block;\r\n      padding: 9px 10px;\r\n      border-radius: 5px;\r\n      border: solid 1px #bfbfbf;\r\n      margin: 0 10px 10px 0;\r\n      color: #333;\r\n      cursor: pointer;\r\n      &:hover,\r\n      &.select {\r\n        color: #178fff;\r\n        border-color: #178fff;\r\n      }\r\n    }\r\n  }\r\n  .title {\r\n    padding: 20px 30px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    border-bottom: 1px solid #ddd;\r\n  }\r\n  .content {\r\n    padding: 16px;\r\n    height: 233px;\r\n    white-space: normal;\r\n    width: 300px;\r\n    overflow: auto;\r\n  }\r\n  .bottom {\r\n    border-top: 1px solid #ddd;\r\n    text-align: right;\r\n    padding: 12px 30px;\r\n    button {\r\n      margin-left: 10px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.edit {\r\n  &-tool {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    .et {\r\n      &-title {\r\n        flex: 1;\r\n        font-size: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        height: 50px;\r\n        span {\r\n          margin-right: 5px;\r\n          display: inline-block;\r\n        }\r\n        .iconfont {\r\n          font-size: 25px;\r\n          display: inline-block;\r\n          margin-right: 2px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n      &-back {\r\n        width: 100px;\r\n        text-align: right;\r\n      }\r\n    }\r\n  }\r\n  &-tool2 {\r\n    width: 100%;\r\n    height: 50px;\r\n    padding: 0 20px;\r\n    margin-bottom: 20px;\r\n    background-color: #ddd;\r\n    display: flex;\r\n    align-items: center;\r\n    .et2 {\r\n      &-left {\r\n        .cancle-txt {\r\n          color: #178fff;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n      &-right {\r\n        flex: 1;\r\n        .iconfont {\r\n          font-size: 20px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.material {\r\n  background-color: #fff;\r\n  padding: 20px 40px;\r\n  min-height: 500px;\r\n  &-img {\r\n    width: 100%;\r\n    padding-bottom: 66.666667%;\r\n    display: inline-block;\r\n    position: relative;\r\n    cursor: pointer;\r\n    transition: all 0.8s;\r\n    img {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      max-width: 100%;\r\n      max-height: 100%;\r\n      margin: auto;\r\n      &:hover + .view-info,\r\n      &:hover + .view-edit {\r\n        visibility: visible;\r\n      }\r\n    }\r\n  }\r\n  &-name {\r\n    line-height: 42px;\r\n\r\n    text-align: center;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n  &-box {\r\n    margin-bottom: 20px;\r\n    &.select {\r\n      .view-edit {\r\n        visibility: visible;\r\n      }\r\n    }\r\n  }\r\n}\r\n.view-info {\r\n  visibility: hidden;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0 22%;\r\n  top: 0;\r\n  right: 0;\r\n  position: absolute;\r\n  background-color: rgba(55, 55, 55, 0.6);\r\n  font-weight: bold;\r\n  display: flex;\r\n  &:hover {\r\n    visibility: visible;\r\n  }\r\n}\r\n.view-edit {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  visibility: hidden;\r\n  padding: 10px;\r\n  &-tool {\r\n    display: flex;\r\n    height: 20px;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n  }\r\n  &:hover {\r\n    visibility: visible;\r\n  }\r\n  .iconfont {\r\n    font-size: 20px;\r\n    color: #fff;\r\n    position: relative;\r\n    top: -5px;\r\n  }\r\n}\r\n.view-tool {\r\n  flex: 1;\r\n  align-items: center;\r\n  justify-content: center;\r\n  display: flex;\r\n  .ivu-poptip {\r\n    cursor: pointer;\r\n    align-items: center;\r\n    justify-content: center;\r\n    display: flex;\r\n    width: 50px;\r\n    height: 50px;\r\n    .ivu-poptip {\r\n      width: 50px;\r\n      height: 50px;\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!./photo-material-loose.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!./photo-material-loose.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./photo-material-loose.vue?vue&type=template&id=ad6b4fa8&scoped=true&\"\nimport script from \"./photo-material-loose.vue?vue&type=script&lang=js&\"\nexport * from \"./photo-material-loose.vue?vue&type=script&lang=js&\"\nimport style0 from \"./photo-material-loose.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./photo-material-loose.vue?vue&type=style&index=1&id=ad6b4fa8&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  \"ad6b4fa8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../../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!./add-photo.vue?vue&type=style&index=0&id=dce0adae&lang=scss&scoped=true&\""],"sourceRoot":""}