{"version":3,"sources":["webpack:///./src/views/selected.vue?b79e","webpack:///./src/views/selected.vue","webpack:///src/views/selected.vue","webpack:///./src/views/selected.vue?ce50","webpack:///./src/views/selected.vue?4201","webpack:///./src/components/imgWrapp.vue?dce3","webpack:///./src/components/imgWrapp.vue","webpack:///src/components/imgWrapp.vue","webpack:///./src/components/imgWrapp.vue?4c7a","webpack:///./src/components/imgWrapp.vue?bbeb"],"names":["render","_vm","this","_c","_self","staticClass","style","scrollTop","staticStyle","_l","imgList","category","item","index","key","mainColor","class","icon","background","_v","_s","title","list","ite","ind","selected","id","attrs","link","ask","on","selectRemove","nativeOn","$event","dragstart","_e","ref","ops","seletedImgList","navId","changeNav","name","length","limit","dragenter","dragover","dragleave","drop","dragIn","bgColor","selectDelete","staticRenderFns","props","Number","components","ImgWrapp","data","dragItem","_defineProperty","vuescroll","scrollPanel","rail","keepShow","bar","hoverStyle","onlyShowBarOnScroll","size","gutterOfEnds","gutterOfSide","methods","type","_this","$store","commit","info","e","getters","getCanRevise","preventDefault","imgId","element","$my_message","show","btns","concat","success","console","log","cancel","selectedList","date","includes","selectIndex","computed","getAllImgList","getSeletedImgList","onLoad","component","imgLink","canRevise","canDrag","showImgViewer","showAsk","showTips","isSelect","directives","rawName","value","localSelected","expression","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$v","$$i","slice","bindClick","isDelete","isClose","String","Boolean","isDrag","default","Object","$photoViewer","onhide","$emit","close","mounted","_this2","$nextTick","watch","n","l"],"mappings":"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","file":"js/chunk-abeb9252.67d60017.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/px2rem-loader/index.js??ref--9-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../node_modules/sass-resources-loader/lib/loader.js??ref--9-oneOf-1-5!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./selected.vue?vue&type=style&index=0&id=41b71238&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrapp flex\"},[_c('div',{staticClass:\"bb no-scrollbar flex-treble\",style:({'overflow-y':_vm.scrollTop>130?'auto':'hidden'})},[_c('div',{staticStyle:{\"min-height\":\"100vh\"}},_vm._l((_vm.imgList.category),function(item,index){return _c('div',{key:index,staticClass:\"section\",style:({'border-left': '5px solid '+item.mainColor})},[_c('div',{staticClass:\"head\"},[_c('span',{staticClass:\"icon\",class:'icon-'+item.icon,style:({background:item.mainColor})}),_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('div',{staticClass:\"bady grid col-item\"},[_vm._l((_vm.imgList.list),function(ite,ind){return [(ite.selected&&ite.category == item.id)?_c('div',{key:ind,staticClass:\"item min\",staticStyle:{\"display\":\"inline-block\"}},[_c('ImgWrapp',{attrs:{\"imgLink\":ite.link,\"ask\":ite.ask,\"isClose\":true,\"imgId\":ite.id,\"bgColor\":item.mainColor,\"info\":{id:ite.id},\"isDrag\":true},on:{\"bindClick\":_vm.selectRemove},nativeOn:{\"dragstart\":function($event){return _vm.dragstart(ite)}}})],1):_vm._e()]})],2)])}),0)]),_c('div',{staticClass:\"left-box flex-twice\"},[_c('div',{staticClass:\"section section1 animate\",class:{'active':_vm.scrollTop>130}},[_c('div',{staticClass:\"head my-scrollbar\"},[_c('vue-scroll',{ref:\"sliderWrapp\",attrs:{\"ops\":_vm.ops}},[_c('div',{staticClass:\"nav-bar\"},_vm._l((_vm.seletedImgList),function(item,index){return _c('div',{key:index,staticClass:\"item\",class:_vm.navId==index?'active':'',on:{\"click\":function($event){return _vm.changeNav(index)}}},[_vm._v(_vm._s(item.category+'-'+item.name+'('+item.list.length+'/'+item.limit+')'))])}),0)])],1),_c('div',{staticClass:\"bady\"},[_c('div',{staticClass:\"border-1\",on:{\"dragenter\":_vm.dragenter,\"dragover\":_vm.dragover,\"dragleave\":_vm.dragleave,\"drop\":_vm.drop}},[_c('div',{staticClass:\"border-2 my-scrollbar grid col-4\",style:({'borderColor':_vm.dragIn?'red':''})},[_vm._l((_vm.seletedImgList[_vm.navId].list),function(ite,ind){return [_c('div',{key:ind,staticClass:\"item\"},[_c('ImgWrapp',{attrs:{\"imgLink\":ite.link,\"ask\":ite.ask,\"imgId\":ite.id,\"isDelete\":true,\"bgColor\":_vm.seletedImgList[_vm.navId].bgColor,\"info\":{id:ite.id},\"showAsk\":false},on:{\"bindClick\":_vm.selectDelete}})],1)]}),(_vm.seletedImgList[_vm.navId].limit>_vm.seletedImgList[_vm.navId].list.length)?_c('div',{staticClass:\"bg no-select flex-sub\"},[_c('i',{staticClass:\"icon-file-picture\"}),_c('div',[_vm._v(\" 给 \"+_vm._s(_vm.seletedImgList[_vm.navId].category+'-'+_vm.seletedImgList[_vm.navId].name)+\" 拖入你 想要的照片吧 \")])]):_vm._e()],2)])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"wrapp flex\">\r\n    <div class=\"bb no-scrollbar flex-treble\" :style=\"{'overflow-y':scrollTop>130?'auto':'hidden'}\">\r\n      <div style=\"min-height:100vh\">\r\n        <div\r\n          class=\"section\"\r\n          :style=\"{'border-left': '5px solid '+item.mainColor}\"\r\n          v-for=\"(item,index) in imgList.category\"\r\n          :key=\"index\"\r\n        >\r\n          <div class=\"head\">\r\n            <span class=\"icon\" :class=\"'icon-'+item.icon\" :style=\"{background:item.mainColor}\"></span>\r\n            {{item.title}}\r\n          </div>\r\n          <div class=\"bady grid col-item\">\r\n            <template v-for=\"(ite,ind) in imgList.list\">\r\n              <div\r\n                class=\"item min\"\r\n                style=\"display:inline-block\"\r\n                v-if=\"ite.selected&&ite.category == item.id\"\r\n                :key=\"ind\"\r\n              >\r\n                <ImgWrapp\r\n                  @dragstart.native=\"dragstart(ite)\"\r\n                  :imgLink=\"ite.link\"\r\n                  :ask=\"ite.ask\"\r\n                  :isClose=\"true\"\r\n                  :imgId=\"ite.id\"\r\n                  :bgColor=\"item.mainColor\"\r\n                  :info=\"{id:ite.id}\"\r\n                  @bindClick=\"selectRemove\"\r\n                  :isDrag=\"true\"\r\n                />\r\n              </div>\r\n            </template>\r\n          </div>\r\n        </div>\r\n        \r\n      </div>\r\n    </div>\r\n    <div class=\"left-box flex-twice\">\r\n      <div class=\"section section1 animate\" :class=\"{'active':scrollTop>130}\">\r\n        <div class=\"head my-scrollbar\">\r\n          <vue-scroll :ops=\"ops\" ref=\"sliderWrapp\">\r\n            <div class=\"nav-bar\">\r\n              <div\r\n                class=\"item\"\r\n                :class=\"navId==index?'active':''\"\r\n                v-for=\"(item,index) in seletedImgList\"\r\n                :key=\"index\"\r\n                @click=\"changeNav(index)\"\r\n              >{{item.category+'-'+item.name+'('+item.list.length+'/'+item.limit+')'}}</div>\r\n            </div>\r\n          </vue-scroll>\r\n        </div>\r\n        <div class=\"bady\">\r\n          <div\r\n            class=\"border-1\"\r\n            @dragenter=\"dragenter\"\r\n            @dragover=\"dragover\"\r\n            @dragleave=\"dragleave\"\r\n            @drop=\"drop\"\r\n          >\r\n            <div class=\"border-2 my-scrollbar grid col-4\" :style=\"{'borderColor':dragIn?'red':''}\">\r\n              <template v-for=\"(ite,ind) in seletedImgList[navId].list\">\r\n                <div class=\"item\" :key=\"ind\">\r\n                  <ImgWrapp\r\n                    :imgLink=\"ite.link\"\r\n                    :ask=\"ite.ask\"\r\n                    :imgId=\"ite.id\"\r\n                    :isDelete=\"true\"\r\n                    :bgColor=\"seletedImgList[navId].bgColor\"\r\n                    @bindClick=\"selectDelete\"\r\n                    :info=\"{id:ite.id}\"\r\n                    :showAsk=\"false\"\r\n                  />\r\n                </div>\r\n              </template>\r\n              <div\r\n                class=\"bg no-select flex-sub\"\r\n                v-if=\"seletedImgList[navId].limit>seletedImgList[navId].list.length\"\r\n              >\r\n                <i class=\"icon-file-picture\"></i>\r\n                <div>\r\n                  给 {{seletedImgList[navId].category+'-'+seletedImgList[navId].name}} 拖入你\r\n                  想要的照片吧\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ImgWrapp from \"../components/imgWrapp\";\r\nimport navVue from \"../components/nav.vue\";\r\nexport default {\r\n  props: { scrollTop: Number },\r\n  components: { ImgWrapp },\r\n  data() {\r\n    return {\r\n      navId: 0,\r\n      dragIn: false,\r\n      dragItem: null,\r\n      ops: {\r\n        vuescroll: {},\r\n        scrollPanel: {},\r\n        rail: {\r\n          keepShow: false\r\n        },\r\n        bar: {\r\n          hoverStyle: true,\r\n          onlyShowBarOnScroll: false, //是否只有滚动的时候才显示滚动条\r\n          background: \"rgba(127, 143, 164, 0.31)\",\r\n          size: \"5px\"\r\n          // disable: true\r\n        },\r\n        rail: {\r\n          gutterOfEnds: \"1px\",\r\n          gutterOfSide: \"1px\"\r\n        }\r\n      }\r\n    };\r\n  },\r\n  methods: {\r\n    // 移除拖动加入\r\n    selectDelete(type, data) {\r\n      let _this = this;\r\n      this.$store.commit(\"removeSelectImg\", {\r\n        navId: _this.navId,\r\n        id: data.info.id\r\n      });\r\n    },\r\n    //移除选择\r\n    selectRemove(type, data) {\r\n      this.$store.commit(\"selecteImg\", {\r\n        data: false,\r\n        id: data.info.id\r\n      });\r\n    },\r\n    changeNav(index) {\r\n      //切换相册\r\n      this.navId = index;\r\n    },\r\n    // 拖动开始\r\n    dragstart(data) {\r\n      this.dragItem = data;\r\n    },\r\n    dragenter(e) {\r\n      if (!this.$store.getters.getCanRevise) return;\r\n      e.preventDefault();\r\n      this.dragIn = true;\r\n    },\r\n    dragover(e) {\r\n      if (!this.$store.getters.getCanRevise) return;\r\n      e.preventDefault();\r\n      this.dragIn = true;\r\n    },\r\n    dragleave(e) {\r\n      e.preventDefault();\r\n      this.dragIn = false;\r\n    },\r\n    drop(e) {\r\n      e.preventDefault();\r\n      if (!this.$store.getters.getCanRevise) return;\r\n      var imgId = this.dragItem.id;\r\n\r\n      this.dragIn = false;\r\n\r\n      // 判断是否达到限制\r\n      if (\r\n        this.seletedImgList[this.navId].limit <=\r\n        this.seletedImgList[this.navId].list.length\r\n      ) {\r\n        let element = this.seletedImgList[this.navId];\r\n        this.$my_message.show({\r\n          type: \"err\",\r\n          title: \"产品已满\",\r\n          btns: [\"我知道了\"],\r\n          data: `\r\n              <div class='text-20'><span class='text-orange'>${element.category +\r\n                \"-\" +\r\n                element.name}</span>已添加满</div><div class='text-20'>无法继续添加</div>\r\n                `,\r\n          success: function(data) {\r\n            console.log(\"确认支付\");\r\n          },\r\n          cancel: function(data) {\r\n            console.log(\"取消\");\r\n          }\r\n        });\r\n        return;\r\n      }\r\n\r\n      // 判断此照片是否被选择\r\n      if (this.dragItem.selectedList.length > 0) {\r\n        let date;\r\n        const element = this.seletedImgList[this.navId];\r\n        if (this.dragItem.selectedList.includes(element.id)) {\r\n          date = {\r\n            type: \"err\",\r\n            title: \"已添加\",\r\n            btns: [\"我知道了\"],\r\n            data: `\r\n              <div class='text-20'>此照片已被添加到<span class='text-orange'>${element.category +\r\n                \"-\" +\r\n                element.name}</span></div><div class='text-20'>无法再次添加</div>\r\n                `,\r\n            success: function(data) {\r\n              console.log(\"确认支付\");\r\n            },\r\n            cancel: function(data) {\r\n              console.log(\"取消\");\r\n            }\r\n          };\r\n          this.$my_message.show(date);\r\n          return;\r\n        }\r\n      }\r\n\r\n      // 拖动加入照片\r\n      this.$store.commit(\"addSelectImg\", {\r\n        selectIndex: this.navId,\r\n        id: imgId\r\n      });\r\n    }\r\n  },\r\n  computed: {\r\n    imgList() {\r\n      return this.$store.getters.getAllImgList;\r\n    },\r\n    seletedImgList() {\r\n      return this.$store.getters.getSeletedImgList;\r\n    }\r\n  },\r\n  onLoad() {}\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wrapp {\r\n  height: calc(100vh - 130px);\r\n  min-height: 100vh;\r\n  .bb {\r\n    height: 100%;\r\n    overflow: auto;\r\n    scrollbar-width: none; /* firefox */\r\n    -ms-overflow-style: none; /* IE 10+ */\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n\r\n    &.active2 {\r\n      padding-top: 500px;\r\n    }\r\n  }\r\n  .left-box {\r\n    margin-left: 20px;\r\n    // width: 750px;\r\n    position: relative;\r\n  }\r\n  .section {\r\n    padding: 30px;\r\n    background-color: #fff;\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(231, 233, 237, 1);\r\n    margin-bottom: 20px;\r\n\r\n    .head {\r\n      font-size: 16px;\r\n      font-family: Source Han Sans CN;\r\n      font-weight: 500;\r\n      color: rgba(53, 64, 82, 1);\r\n\r\n      .icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        background: rgba(255, 120, 0, 1);\r\n        border-radius: 8px;\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        margin-right: 12px;\r\n        line-height: 24px;\r\n        color: #fff;\r\n        text-align: center;\r\n        font-size: 14px;\r\n      }\r\n      .nav-bar {\r\n        border-bottom: 1px solid #ebebeb;\r\n        overflow-x: auto;\r\n        white-space: nowrap;\r\n        .item {\r\n          display: inline-block;\r\n          padding: 20px 0;\r\n          cursor: pointer;\r\n          margin-right: 15px;\r\n          font-size: 18px;\r\n          font-family: Source Han Sans CN;\r\n          font-weight: 400;\r\n          color: rgba(127, 143, 164, 1);\r\n        }\r\n        .active {\r\n          font-weight: 500;\r\n          color: rgba(43, 51, 62, 1);\r\n          position: relative;\r\n        }\r\n        .active:after {\r\n          content: \"\";\r\n          display: block;\r\n          position: absolute;\r\n          width: 70%;\r\n          left: 15%;\r\n          height: 3px;\r\n          background-color: #2b333e;\r\n          bottom: 0;\r\n        }\r\n      }\r\n    }\r\n    .bady {\r\n      margin-top: 20px;\r\n      width: 100%;\r\n      max-width: 1300px;\r\n      .border-1 {\r\n        border: 1px solid rgba(223, 227, 233, 1);\r\n        border-radius: 3px;\r\n        padding: 5px;\r\n        position: relative;\r\n        .bg {\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          text-align: center;\r\n          font-size: 14px;\r\n          font-family: Adobe Heiti Std;\r\n          font-weight: normal;\r\n          color: rgba(209, 215, 222, 1);\r\n          width: 100%;\r\n          height: 150px;\r\n          flex-direction: column;\r\n          i {\r\n            font-size: 40px;\r\n          }\r\n          div {\r\n            width: 165px;\r\n            padding-top: 5px;\r\n            line-height: 1.5;\r\n          }\r\n        }\r\n      }\r\n      .border-2 {\r\n        border: 3px dashed rgba(206, 208, 218, 0.4);\r\n        border-radius: 3px;\r\n        min-height: 174px;\r\n        padding: 9px 8px;\r\n        z-index: 10;\r\n        max-height: 500px;\r\n        overflow-y: auto;\r\n        overflow-x: hidden;\r\n      }\r\n      .item {\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n  }\r\n  .section1 {\r\n    border-left: 5px solid #2b333e;\r\n    padding: 0 20px 20px;\r\n    width: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    .head {\r\n    // width: 700px;\r\n      max-width: 100%;\r\n      min-width: 100%;\r\n      height: 60px;\r\n      overflow-x: auto;\r\n    }\r\n    &.active {\r\n      position: absolute;\r\n      // width: 700px;\r\n      top: 140px;\r\n      left: 0;\r\n      z-index: 10;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./selected.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./selected.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./selected.vue?vue&type=template&id=41b71238&scoped=true&\"\nimport script from \"./selected.vue?vue&type=script&lang=js&\"\nexport * from \"./selected.vue?vue&type=script&lang=js&\"\nimport style0 from \"./selected.vue?vue&type=style&index=0&id=41b71238&prod&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  \"41b71238\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/px2rem-loader/index.js??ref--9-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../node_modules/sass-resources-loader/lib/loader.js??ref--9-oneOf-1-5!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./imgWrapp.vue?vue&type=style&index=0&id=762d8e34&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.imgLink)?_c('div',{staticClass:\"img-wrapp\",class:{'canshow':_vm.canRevise},attrs:{\"draggable\":_vm.canDrag&&_vm.canRevise}},[_c('div',{staticClass:\"img\",style:({'backgroundImage':'url('+_vm.imgLink+')'}),on:{\"click\":_vm.showImgViewer}}),(_vm.showAsk)?_c('div',{staticClass:\"ask-wrapp animate\",class:{'hide':!_vm.ask},style:({'--bgcolor':_vm.bgColor}),on:{\"click\":_vm.showTips}},[(!_vm.ask&&_vm.canRevise)?_c('i',{staticClass:\"icon-pencil\",staticStyle:{\"margin-right\":\"10px\"}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.ask?_vm.ask:_vm.canRevise?'添加调修要求':'')+\" \")]):_vm._e(),(_vm.isSelect&&_vm.canRevise)?_c('div',{staticClass:\"check\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.localSelected),expression:\"localSelected\"}],staticClass:\"checkInput animate\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.localSelected)?_vm._i(_vm.localSelected,null)>-1:(_vm.localSelected)},on:{\"change\":[function($event){var $$a=_vm.localSelected,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.localSelected=$$a.concat([$$v]))}else{$$i>-1&&(_vm.localSelected=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.localSelected=$$c}},function($event){return _vm.bindClick('check')}]}})]):_vm._e(),(_vm.isDelete&&_vm.canRevise)?_c('div',{staticClass:\"delete\"},[_c('button',{on:{\"click\":function($event){return _vm.bindClick('delete')}}},[_c('i',{staticClass:\"icon-delete\"})])]):_vm._e(),(_vm.isClose&&_vm.canRevise)?_c('div',{staticClass:\"delete\"},[_c('button',{on:{\"click\":function($event){return _vm.bindClick('close')}}},[_c('i',{staticClass:\"icon-cross\"})])]):_vm._e()]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"img-wrapp\"\r\n    v-if=\"imgLink\"\r\n    :class=\"{'canshow':canRevise}\"\r\n    :draggable=\"canDrag&&canRevise\"\r\n  >\r\n    <div class=\"img\" @click=\"showImgViewer\" :style=\"{'backgroundImage':'url('+imgLink+')'}\"></div>\r\n    <div\r\n      v-if=\"showAsk\"\r\n      @click=\"showTips\"\r\n      class=\"ask-wrapp animate\"\r\n      :style=\"{'--bgcolor':bgColor}\"\r\n      :class=\"{'hide':!ask}\"\r\n    >\r\n      <i v-if=\"!ask&&canRevise\" class=\"icon-pencil\" style=\"margin-right:10px\"></i>\r\n      {{ask?ask:canRevise?'添加调修要求':''}}\r\n    </div>\r\n    <div class=\"check\" v-if=\"isSelect&&canRevise\">\r\n      <input\r\n        v-model=\"localSelected\"\r\n        type=\"checkbox\"\r\n        class=\"checkInput animate\"\r\n        @change=\"bindClick('check')\"\r\n      />\r\n    </div>\r\n    <div class=\"delete\" v-if=\"isDelete&&canRevise\">\r\n      <button @click=\"bindClick('delete')\">\r\n        <i class=\"icon-delete\"></i>\r\n      </button>\r\n    </div>\r\n    <div class=\"delete\" v-if=\"isClose&&canRevise\">\r\n      <button @click=\"bindClick('close')\">\r\n        <i class=\"icon-cross\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    imgLink: String,\r\n    selected: Boolean,\r\n    ask: String,\r\n    isSelect: Boolean,\r\n    isDelete: Boolean,\r\n    isClose: Boolean,\r\n    isDrag: Boolean,\r\n    imgId: String,\r\n    bgColor: {\r\n      type: String,\r\n      default: \"rgba(0,0,0,.8)\"\r\n    },\r\n    info: Object,\r\n    showAsk: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  },\r\n  data() {\r\n    let localSelected = this.selected;\r\n    return {\r\n      localSelected: localSelected,\r\n      canDrag: false\r\n    };\r\n  },\r\n  methods: {\r\n    showImgViewer() {\r\n      let _this = this;\r\n      this.$photoViewer({\r\n        id: _this.imgId,\r\n        onhide: function() {\r\n          // _this.$forceUpdate();\r\n        }\r\n      });\r\n    },\r\n    bindClick(type) {\r\n      // 禁止操作\r\n      if (!this.canRevise) return;\r\n      let _this = this;\r\n      if (type == \"check\" || type == \"close\") {\r\n        this.$emit(\"bindClick\", type, {\r\n          info: _this.info,\r\n          data: _this.localSelected\r\n        });\r\n      } else if (type == \"delete\") {\r\n        this.$emit(\"bindClick\", type, {\r\n          info: _this.info\r\n        });\r\n      }\r\n    },\r\n    showTips(e) {\r\n      // 禁止操作\r\n      if (!this.canRevise) return;\r\n      let _this = this;\r\n      _this.canDrag = false;\r\n      this.$my_message.show(\r\n        {\r\n          type: \"remark\",\r\n          title: _this.ask == \"\" ? \"添加调修要求\" : \"修改调修要求\",\r\n          data: _this.ask,\r\n          success: function(data) {\r\n            // _this.$emit(\"bindClick\", \"ask\", {\r\n            //   info: _this.info.index,\r\n            //   data: data\r\n            // });\r\n\r\n            _this.$store.commit(\"setImgAsk\", {\r\n              id: _this.imgId,\r\n              data: data\r\n            });\r\n          },\r\n          close: function() {\r\n            if (_this.isDrag) {\r\n              _this.canDrag = true;\r\n            }\r\n          }\r\n        },\r\n        e\r\n      );\r\n    }\r\n  },\r\n  computed: {\r\n    canRevise() {\r\n      return this.$store.getters.getCanRevise;\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.canDrag = this.isDrag;\r\n    });\r\n  },\r\n  watch: {\r\n    selected(n, l) {\r\n      this.localSelected = n;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n.img-wrapp {\r\n  position: relative;\r\n  width: 150px;\r\n  height: 150px;\r\n  border-radius: 4px;\r\n  overflow: hidden;\r\n  .img {\r\n    background: no-repeat center;\r\n    background-size: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: #ddd;\r\n  }\r\n  .hide {\r\n    opacity: 0;\r\n  }\r\n  .ask-wrapp {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 32px;\r\n    line-height: 32px;\r\n    bottom: 0;\r\n    left: 0;\r\n    padding: 0 6px;\r\n    color: #fff;\r\n    font-size: 14px;\r\n    font-family: Source Han Sans CN;\r\n    font-weight: 400;\r\n    word-break: keep-all;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    cursor: pointer;\r\n    background-color: rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .check,\r\n  .delete {\r\n    position: absolute;\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 5px;\r\n    overflow: hidden;\r\n    right: 10px;\r\n    top: 10px;\r\n    cursor: pointer;\r\n  }\r\n}\r\n.delete {\r\n  button {\r\n    width: 22px;\r\n    height: 22px;\r\n    background: rgba(211, 49, 20, 1);\r\n    border: 1px solid rgba(232, 71, 43, 1);\r\n    border-radius: 5px 5px 5px 5px;\r\n    color: #fff;\r\n    padding: 0;\r\n    margin: 0;\r\n    font-size: 13px;\r\n    line-height: 22px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.canshow:hover {\r\n  .ask-wrapp {\r\n    background-color: var(--bgcolor);\r\n  }\r\n  .hide {\r\n    opacity: 1;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./imgWrapp.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./imgWrapp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./imgWrapp.vue?vue&type=template&id=762d8e34&scoped=true&\"\nimport script from \"./imgWrapp.vue?vue&type=script&lang=js&\"\nexport * from \"./imgWrapp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./imgWrapp.vue?vue&type=style&index=0&id=762d8e34&prod&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  \"762d8e34\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}