{"version":3,"sources":["webpack:///./src/views/warehouse-management/DischargePermissions/FilesAndAttachmentsPopup.vue?e472","webpack:///./src/views/warehouse-management/DischargePermissions/ImagePopup.vue?b1de","webpack:///./src/views/warehouse-management/DischargePermissions/FilesAndAttachmentsPopup.vue","webpack:///./src/views/warehouse-management/DischargePermissions/ImagePopup.vue","webpack:///src/views/warehouse-management/DischargePermissions/ImagePopup.vue","webpack:///./src/views/warehouse-management/DischargePermissions/ImagePopup.vue?e277","webpack:///./src/views/warehouse-management/DischargePermissions/ImagePopup.vue?1b17","webpack:///src/views/warehouse-management/DischargePermissions/FilesAndAttachmentsPopup.vue","webpack:///./src/views/warehouse-management/DischargePermissions/FilesAndAttachmentsPopup.vue?adcd","webpack:///./src/views/warehouse-management/DischargePermissions/FilesAndAttachmentsPopup.vue?72d8"],"names":["render","_vm","this","_c","_self","attrs","popupActive","on","$event","loadTable","ref","basketImageForShow","scopedSlots","_u","key","fn","_ref","data","_l","tr","indextr","staticClass","staticStyle","_v","_s","parseInt","documentContent","type","defaultUrl","uri","preventDefault","imgPopup","slot","$t","_e","ImagePopup","modalModel","totalPrice","date","onfinish","staticRenderFns","showModal","magnify","rotation","notMagnify","style","transform","concat","deg","URLS_CONSTANTS","assets","model","name","props","show","default","computed","get","set","$emit","methods","load","onShowDiscountCount","$route","params","pageNum","imgID","zoom","img","glass","w","h","bw","moveMagnifier","e","pos","x","y","getCursorPos","width","height","left","top","backgroundPosition","a","window","event","getBoundingClientRect","pageX","pageY","pageXOffset","pageYOffset","document","getElementById","setAttribute","parentElement","insertBefore","backgroundImage","src","backgroundRepeat","backgroundSize","offsetWidth","offsetHeight","addEventListener","removeAttribute","component","parent","basketId","basketImage","basketImageModel","uploadingImage","showLoading","components","VueUploadMultipleImage","_objectSpread","mapGetters","saleAgentBasketImages","watch","mapActions","fetchSaleAgentBasketImages","postImage","deleteImage","_this","then","JSON","parse","stringify","forEach","element","push","split","setTimeout","uploadImageSuccess","formData","index","fileList","_this2","id","path","documentType","removeImage","_this3","$swal","title","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","result","value"],"mappings":"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","file":"js/chunk-caeebf9e.1b558eb3.js","sourcesContent":["export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilesAndAttachmentsPopup.vue?vue&type=style&index=0&id=6c1b914f&prod&lang=css\"","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImagePopup.vue?vue&type=style&index=0&id=916f2c62&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('vs-popup',{attrs:{\"title\":\"ضمائم\",\"active\":_vm.popupActive},on:{\"update:active\":function($event){_vm.popupActive=$event}}},[_c('form',[(_vm.loadTable)?_c('vs-table',{ref:\"table\",attrs:{\"data\":_vm.basketImageForShow,\"id\":\"gallery-tbl\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ data }){return _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{staticClass:\"index-td\",staticStyle:{\"width\":\"6%\"},attrs:{\"data\":data[indextr]}},[_vm._v(\"\\n              \"+_vm._s(parseInt(indextr) + 1)+\"\\n            \")]),_c('vs-td',{staticClass:\"image-td\",staticStyle:{\"width\":\"94%\"},attrs:{\"data\":data[indextr].documentContent}},[(data[indextr].type == 2)?_c('span',{staticStyle:{\"font-size\":\"2rem\"}},[_c('a',{staticClass:\"ma-2\",attrs:{\"outlined\":\"\",\"href\":_vm.defaultUrl + data[indextr].uri,\"download\":\"\"}},[_c('i',{staticClass:\"material-icons\",staticStyle:{\"font-size\":\"7rem\"}},[_vm._v(\"\\n                    description\\n                  \")])])]):_c('img',{attrs:{\"src\":_vm.defaultUrl + data[indextr].uri},on:{\"click\":function($event){$event.preventDefault();return _vm.imgPopup(tr)}}})])],1)})}}],null,false,3259107818)},[_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\"#\")]),_c('vs-th',{staticClass:\"img-col\"},[_vm._v(_vm._s(_vm.$t(\"Image\")))])],1)],2):_vm._e()],1),_c('image-popup',{attrs:{\"show\":_vm.ImagePopup,\"model\":_vm.modalModel,\"totalPrice\":_vm.totalPrice,\"date\":_vm.date,\"id\":\"gal-popup\"},on:{\"finish\":_vm.onfinish}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vs-popup',{staticClass:\"pt-0\",attrs:{\"title\":_vm.$t('ImagePreview'),\"active\":_vm.showModal},on:{\"update:active\":function($event){_vm.showModal=$event}}},[_c('div',{staticClass:\"pb-20 flex justify-between\"},[_c('div',{staticClass:\"flex\"},[_c('vs-button',{staticClass:\"p-2\",attrs:{\"color\":\"success\",\"type\":\"gradient\",\"icon-pack\":\"feather\",\"icon\":\"icon-search\"},on:{\"click\":function($event){$event.preventDefault();return _vm.magnify('myimage', 2)}}}),_c('vs-button',{staticClass:\"p-2 mr-5\",attrs:{\"color\":\"primary\",\"type\":\"gradient\",\"icon-pack\":\"feather\",\"icon\":\"icon-rotate-ccw\"},on:{\"click\":function($event){$event.preventDefault();return _vm.rotation()}}})],1),_c('div',[_c('span',{staticClass:\"ml-3\"},[_vm._v(_vm._s(_vm.$t(\"TotalAmountOrder\")))]),_c('span',[_vm._v(_vm._s(_vm.totalPrice ? _vm.totalPrice : \"\"))])]),_c('div',[_c('span',{staticClass:\"ml-3\"},[_vm._v(_vm._s(_vm.$t(\"DateSettlement\")))]),_c('span',[_vm._v(_vm._s(_vm.date ? _vm.date : \"\"))])]),_c('vs-button',{staticClass:\"p-2\",attrs:{\"color\":\"danger\",\"type\":\"gradient\",\"icon-pack\":\"feather\",\"icon\":\"icon-x\"},on:{\"click\":function($event){$event.preventDefault();return _vm.notMagnify('myimage', 2)}}})],1),_c('div',{staticClass:\"img-magnifier-container\",style:({transform: `rotate(${_vm.deg}deg)`})},[_c('div',{attrs:{\"id\":\"imgForZoom\"}}),_c('img',{staticClass:\"block mx-auto w-full my-0 text-center transition\",staticStyle:{\"width\":\"70%!important\"},attrs:{\"src\":_vm.URLS_CONSTANTS.assets + 'baskets/' + _vm.model,\"id\":\"myimage\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <vs-popup\r\n    :title=\"$t('ImagePreview')\"\r\n    :active.sync=\"showModal\"\r\n    class=\" pt-0\"\r\n  >\r\n    <div class=\"pb-20 flex justify-between\">\r\n      <div class=\"flex\">\r\n        <vs-button\r\n        class=\"p-2\"\r\n        color=\"success\"\r\n        type=\"gradient\"\r\n        icon-pack=\"feather\"\r\n        icon=\"icon-search\"\r\n        @click.prevent=\"magnify('myimage', 2)\"\r\n      ></vs-button>\r\n      <vs-button\r\n        class=\"p-2 mr-5\"\r\n        color=\"primary\"\r\n        type=\"gradient\"\r\n        icon-pack=\"feather\"\r\n        icon=\"icon-rotate-ccw\"\r\n        @click.prevent=\"rotation()\"\r\n      ></vs-button>\r\n      </div>\r\n\r\n      <div>\r\n        <span class=\"ml-3\">{{ $t(\"TotalAmountOrder\") }}</span>\r\n        <span>{{ totalPrice ? totalPrice : \"\" }}</span>\r\n      </div>\r\n      <div>\r\n        <span class=\"ml-3\">{{ $t(\"DateSettlement\") }}</span>\r\n        <span>{{ date ? date : \"\" }}</span>\r\n      </div>\r\n      <vs-button\r\n        class=\"p-2\"\r\n        color=\"danger\"\r\n        type=\"gradient\"\r\n        icon-pack=\"feather\"\r\n        icon=\"icon-x\"\r\n        @click.prevent=\"notMagnify('myimage', 2)\"\r\n      ></vs-button>\r\n    </div>\r\n    <div class=\"img-magnifier-container \"          \r\n    v-bind:style=\"{transform: `rotate(${deg}deg)`}\"\r\n\r\n    >\r\n      <div id=\"imgForZoom\"></div>\r\n      <img\r\n        :src=\"URLS_CONSTANTS.assets + 'baskets/' + model\"\r\n        class=\"block mx-auto w-full my-0 text-center  transition\"\r\n        id=\"myimage\"\r\n        style=\"width: 70%!important\"\r\n      />\r\n    </div>\r\n  </vs-popup>\r\n</template>\r\n\r\n<script>\r\nimport { URLS_CONSTANTS } from \"../../../../config\";\r\nexport default {\r\n  name: \"basketManagement_ChannelBaskets_imagePopup\",\r\n  props: {\r\n    show: { default: false },\r\n    model: {\r\n      default: {},\r\n    },\r\n    totalPrice: { default: \"\" },\r\n    date: { default: \"\" },\r\n  },\r\n  computed: {\r\n    showModal: {\r\n      get: function () {\r\n        return this.show;\r\n      },\r\n      set: function () {\r\n        this.$emit(\"finish\");\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      URLS_CONSTANTS: URLS_CONSTANTS,\r\n      deg:0,\r\n    };\r\n\r\n  },\r\n  methods: {\r\n    load() {\r\n      this.onShowDiscountCount = this.$route.params.pageNum;\r\n    },\r\n    rotation() {\r\n      this.deg += 90;\r\n    },\r\n    magnify(imgID, zoom) {\r\n      var img, glass, w, h, bw;\r\n      img = document.getElementById(imgID);\r\n      /*create magnifier glass:*/\r\n      glass = document.getElementById(\"imgForZoom\");\r\n      glass.setAttribute(\"class\", \"img-magnifier-glass\");\r\n      /*insert magnifier glass:*/\r\n      img.parentElement.insertBefore(glass, img);\r\n      /*set background properties for the magnifier glass:*/\r\n      glass.style.backgroundImage = \"url('\" + img.src + \"')\";\r\n      glass.style.backgroundRepeat = \"no-repeat\";\r\n      glass.style.backgroundSize =\r\n        img.width * zoom + \"px \" + img.height * zoom + \"px\";\r\n      bw = 3;\r\n      w = glass.offsetWidth / 2;\r\n      h = glass.offsetHeight / 2;\r\n      /*execute a function when someone moves the magnifier glass over the image:*/\r\n      glass.addEventListener(\"mousemove\", moveMagnifier);\r\n      img.addEventListener(\"mousemove\", moveMagnifier);\r\n      /*and also for touch screens:*/\r\n      glass.addEventListener(\"touchmove\", moveMagnifier);\r\n      img.addEventListener(\"touchmove\", moveMagnifier);\r\n      function moveMagnifier(e) {\r\n        var pos, x, y;\r\n        /*prevent any other actions that may occur when moving over the image*/\r\n        e.preventDefault();\r\n        /*get the cursor's x and y positions:*/\r\n        pos = getCursorPos(e);\r\n        x = pos.x;\r\n        y = pos.y;\r\n        /*prevent the magnifier glass from being positioned outside the image:*/\r\n        if (x > img.width - w / zoom) {\r\n          x = img.width - w / zoom;\r\n        }\r\n        if (x < w / zoom) {\r\n          x = w / zoom;\r\n        }\r\n        if (y > img.height - h / zoom) {\r\n          y = img.height - h / zoom;\r\n        }\r\n        if (y < h / zoom) {\r\n          y = h / zoom;\r\n        }\r\n        /*set the position of the magnifier glass:*/\r\n        glass.style.left = x - w + \"px\";\r\n        glass.style.top = y - h + \"px\";\r\n        /*display what the magnifier glass \"sees\":*/\r\n        glass.style.backgroundPosition =\r\n          \"-\" + (x * zoom - w + bw) + \"px -\" + (y * zoom - h + bw) + \"px\";\r\n      }\r\n      function getCursorPos(e) {\r\n        var a,\r\n          x = 0,\r\n          y = 0;\r\n        e = e || window.event;\r\n        /*get the x and y positions of the image:*/\r\n        a = img.getBoundingClientRect();\r\n        /*calculate the cursor's x and y coordinates, relative to the image:*/\r\n        x = e.pageX - a.left;\r\n        y = e.pageY - a.top;\r\n        /*consider any page scrolling:*/\r\n        x = x - window.pageXOffset;\r\n        y = y - window.pageYOffset;\r\n        return { x: x, y: y };\r\n      }\r\n    },\r\n    notMagnify(imgID, zoom) {\r\n      var img, glass, w, h, bw;\r\n      img = document.getElementById(imgID);\r\n      /*create magnifier glass:*/\r\n      glass = document.getElementById(\"imgForZoom\");\r\n      glass.removeAttribute(\"class\", \"img-magnifier-glass\");\r\n      // /*insert magnifier glass:*/\r\n      // img.parentElement.insertBefore(glass, img);\r\n      // /*set background properties for the magnifier glass:*/\r\n      // glass.style.backgroundImage = \"url('\" + img.src + \"')\";\r\n      // glass.style.backgroundRepeat = \"no-repeat\";\r\n      // glass.style.backgroundSize =\r\n      //   img.width * zoom + \"px \" + img.height * zoom + \"px\";\r\n      // bw = 3;\r\n      // w = glass.offsetWidth / 2;\r\n      // h = glass.offsetHeight / 2;\r\n      // /*execute a function when someone moves the magnifier glass over the image:*/\r\n      // glass.addEventListener(\"mousemove\", moveMagnifier);\r\n      // img.addEventListener(\"mousemove\", moveMagnifier);\r\n      // /*and also for touch screens:*/\r\n      // glass.addEventListener(\"touchmove\", moveMagnifier);\r\n      // img.addEventListener(\"touchmove\", moveMagnifier);\r\n      // function moveMagnifier(e) {\r\n      //   var pos, x, y;\r\n      //   /*prevent any other actions that may occur when moving over the image*/\r\n      //   e.preventDefault();\r\n      //   /*get the cursor's x and y positions:*/\r\n      //   pos = getCursorPos(e);\r\n      //   x = pos.x;\r\n      //   y = pos.y;\r\n      //   /*prevent the magnifier glass from being positioned outside the image:*/\r\n      //   if (x > img.width - w / zoom) {\r\n      //     x = img.width - w / zoom;\r\n      //   }\r\n      //   if (x < w / zoom) {\r\n      //     x = w / zoom;\r\n      //   }\r\n      //   if (y > img.height - h / zoom) {\r\n      //     y = img.height - h / zoom;\r\n      //   }\r\n      //   if (y < h / zoom) {\r\n      //     y = h / zoom;\r\n      //   }\r\n      //   /*set the position of the magnifier glass:*/\r\n      //   glass.style.left = x - w + \"px\";\r\n      //   glass.style.top = y - h + \"px\";\r\n      //   /*display what the magnifier glass \"sees\":*/\r\n      //   glass.style.backgroundPosition =\r\n      //     \"-\" + (x * zoom - w + bw) + \"px -\" + (y * zoom - h + bw) + \"px\";\r\n      // }\r\n      // function getCursorPos(e) {\r\n      //   var a,\r\n      //     x = 0,\r\n      //     y = 0;\r\n      //   e = e || window.event;\r\n      //   /*get the x and y positions of the image:*/\r\n      //   a = img.getBoundingClientRect();\r\n      //   /*calculate the cursor's x and y coordinates, relative to the image:*/\r\n      //   x = e.pageX - a.left;\r\n      //   y = e.pageY - a.top;\r\n      //   /*consider any page scrolling:*/\r\n      //   x = x - window.pageXOffset;\r\n      //   y = y - window.pageYOffset;\r\n      //   return { x: x, y: y };\r\n      // }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.img-magnifier-container {\r\n  position: relative;\r\n}\r\n\r\n.img-magnifier-glass {\r\n  position: absolute;\r\n  border: 3px solid #000;\r\n  cursor: none;\r\n  /*Set the size of the magnifier glass:*/\r\n  width: 100%;\r\n  height: 50%;\r\n}\r\n.transition {\r\n  transition: transform 0.5s ease-in-out;\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/@vue/cli-plugin-babel/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!./ImagePopup.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/@vue/cli-plugin-babel/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!./ImagePopup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImagePopup.vue?vue&type=template&id=916f2c62&scoped=true\"\nimport script from \"./ImagePopup.vue?vue&type=script&lang=js\"\nexport * from \"./ImagePopup.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImagePopup.vue?vue&type=style&index=0&id=916f2c62&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"916f2c62\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <vs-popup title=\"ضمائم\" :active.sync=\"popupActive\">\r\n      <form>\r\n        <vs-table\r\n          :data=\"basketImageForShow\"\r\n          id=\"gallery-tbl\"\r\n          ref=\"table\"\r\n          v-if=\"loadTable\"\r\n        >\r\n          <template slot=\"thead\">\r\n            <vs-th>#</vs-th>\r\n            <vs-th class=\"img-col\">{{ $t(\"Image\") }}</vs-th>\r\n          </template>\r\n          <template slot-scope=\"{ data }\">\r\n            <vs-tr v-for=\"(tr, indextr) in data\" :data=\"tr\" :key=\"indextr\">\r\n              <vs-td class=\"index-td\" :data=\"data[indextr]\" style=\"width: 6%\">\r\n                {{ parseInt(indextr) + 1 }}\r\n              </vs-td>\r\n              <vs-td\r\n                class=\"image-td\"\r\n                :data=\"data[indextr].documentContent\"\r\n                style=\"width: 94%\"\r\n              >\r\n                <span v-if=\"data[indextr].type == 2\" style=\"font-size: 2rem\">\r\n                  <a\r\n                    class=\"ma-2\"\r\n                    outlined\r\n                    :href=\"defaultUrl + data[indextr].uri\"\r\n                    download\r\n                  >\r\n                    <i class=\"material-icons\" style=\"font-size: 7rem\">\r\n                      description\r\n                    </i>\r\n                  </a>\r\n                </span>\r\n                <img\r\n                  v-else\r\n                  :src=\"defaultUrl + data[indextr].uri\"\r\n                  @click.prevent=\"imgPopup(tr)\"\r\n                />\r\n              </vs-td>\r\n            </vs-tr>\r\n          </template>\r\n        </vs-table>\r\n      </form>\r\n      <image-popup\r\n        :show=\"ImagePopup\"\r\n        @finish=\"onfinish\"\r\n        :model=\"modalModel\"\r\n        :totalPrice=\"totalPrice\"\r\n        :date=\"date\"\r\n        id=\"gal-popup\"\r\n      ></image-popup>\r\n    </vs-popup>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { URLS_CONSTANTS } from \"../../../../config\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport ImagePopup from \"./ImagePopup.vue\";\r\nimport VueUploadMultipleImage from \"vue-upload-multiple-image\";\r\n\r\nexport default {\r\n  name: \"user-management-Permission-ModifyPopup\",\r\n  props: {\r\n    show: { default: false },\r\n    parent: { default: \"\" },\r\n    basketId: { default: \"\" },\r\n    totalPrice: { default: \"\" },\r\n    date: { default: \"\" },\r\n  },\r\n  data() {\r\n    return {\r\n      defaultUrl: URLS_CONSTANTS.assets + \"Baskets/\",\r\n      basketImageForShow: [],\r\n      basketImage: {},\r\n      basketImageModel: {},\r\n      uploadingImage: [],\r\n      ImagePopup: false,\r\n      modalModel: {},\r\n      showLoading: true,\r\n      loadTable: false,\r\n    };\r\n  },\r\n  components: {\r\n    ImagePopup,\r\n    VueUploadMultipleImage,\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      saleAgentBasketImages: \"basket/saleAgentBasketImagesDetails\",\r\n    }),\r\n    popupActive: {\r\n      get: function () {\r\n        return this.show;\r\n      },\r\n      set: function () {\r\n        this.$emit(\"finish\");\r\n      },\r\n    },\r\n  },\r\n  watch: {\r\n    show() {\r\n      this.load();\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      fetchSaleAgentBasketImages: \"basket/fetchSaleAgentBasketImages\",\r\n      postImage: \"basket/saleAgentBasketAddImage\",\r\n      deleteImage: \"basket/saleAgentBasketRemoveImage\",\r\n    }),\r\n    load() {\r\n      this.basketImageForShow = [];\r\n      // var id = this.$route.params.id;\r\n      this.basketImage = {};\r\n      this.fetchSaleAgentBasketImages(this.basketId).then(() => {\r\n        this.basketImage = JSON.parse(\r\n          JSON.stringify(this.saleAgentBasketImages)\r\n        );\r\n        this.basketImage.forEach((element) => {\r\n          this.basketImageForShow.push({\r\n            name: element.name,\r\n            uri: element.uri,\r\n            type: element.name.split(\".\")[1] == \"xlsx\" ? \"2\" : \"1\",\r\n          });\r\n        });\r\n        if (this.showLoading) {\r\n          setTimeout(() => {\r\n            this.showLoading = false;\r\n            this.loadTable = true;\r\n          }, 1000);\r\n        }\r\n      });\r\n    },\r\n    uploadImageSuccess(formData, index, fileList) {\r\n      this.basketImageModel = {\r\n        basketId: this.$route.params.id,\r\n        documentContent: fileList[index].path,\r\n      };\r\n      if (fileList[index].name.split(\".\")[1] == \"xlsx\") {\r\n        this.basketImageModel.documentType = 2;\r\n      } else {\r\n        this.basketImageModel.documentType = 1;\r\n      }\r\n      this.postImage(this.basketImageModel).then(() => {\r\n        this.basketImageModel.documentContent = \"\";\r\n        this.documentContent = \"\";\r\n        this.loadTable = false;\r\n        this.showLoading = true;\r\n        setTimeout(() => {\r\n          this.load();\r\n          this.uploadingImage = [];\r\n        }, 1500);\r\n      });\r\n    },\r\n    removeImage(name) {\r\n      var basketId = this.$route.params.id;\r\n      this.$swal({\r\n        title: \"آیا از حذف این رکورد اطمینان دارید؟\",\r\n        type: \"warning\",\r\n        showCancelButton: true,\r\n        confirmButtonColor: \"#3085d6\",\r\n        cancelButtonColor: \"#d33\",\r\n        confirmButtonText: \"بلی\",\r\n        cancelButtonText: \"خیر\",\r\n      }).then((result) => {\r\n        if (result.value) {\r\n          this.deleteImage({ basketId, name }).then(() => {\r\n            this.loadTable = false;\r\n            this.showLoading = true;\r\n            setTimeout(() => {\r\n              this.load();\r\n            }, 1500);\r\n          });\r\n        }\r\n      });\r\n    },\r\n    imgPopup(model) {\r\n      this.ImagePopup = true;\r\n      this.modalModel = model.uri;\r\n    },\r\n    onfinish() {\r\n      this.ImagePopup = false;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\n#gal-popup .vs-popup--content {\r\n  overflow-y: scroll !important;\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/@vue/cli-plugin-babel/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!./FilesAndAttachmentsPopup.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/@vue/cli-plugin-babel/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!./FilesAndAttachmentsPopup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FilesAndAttachmentsPopup.vue?vue&type=template&id=6c1b914f\"\nimport script from \"./FilesAndAttachmentsPopup.vue?vue&type=script&lang=js\"\nexport * from \"./FilesAndAttachmentsPopup.vue?vue&type=script&lang=js\"\nimport style0 from \"./FilesAndAttachmentsPopup.vue?vue&type=style&index=0&id=6c1b914f&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}