{"version":3,"sources":["webpack:///./src/views/debenture-banners/index.vue?97d3","webpack:///./src/views/debenture-banners/index.vue?a641","webpack:///src/views/debenture-banners/index.vue","webpack:///./src/views/debenture-banners/index.vue?d414","webpack:///./src/views/debenture-banners/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$t","getting_data","_l","item","itemIndex","key","staticStyle","title","staticClass","_v","_s","_e","rows","banners","row","rowIndex","colIndex","class","length","image","on","$event","handleClickImage","url","remark","domProps","staticRenderFns","component"],"mappings":"kHAAA,W,iECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,IAAMN,EAAIO,GAAG,cAAc,SAAWP,EAAIQ,eAAeR,EAAIS,GAAIT,EAA+B,6BAAE,SAASU,EAAKC,GAAW,OAAOP,EAAG,MAAM,CAACQ,IAAI,OAASD,EAAUE,YAAY,CAAC,OAAS,YAAY,mBAAmB,OAAO,SAAW,WAAW,gBAAgB,OAAO,QAAU,SAAS,CAAEH,EAAKI,OAAuB,IAAdJ,EAAKI,MAAaV,EAAG,MAAM,CAACW,YAAY,QAAQ,CAACX,EAAG,OAAO,CAACW,YAAY,wBAAwB,CAACf,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGP,EAAKI,OAAO,SAASd,EAAIkB,KAAKlB,EAAIS,GAAIT,EAAImB,KAAKT,EAAKU,UAAU,SAASC,EAAIC,GAAU,OAAOlB,EAAG,MAAM,CAACQ,IAAIU,EAASP,YAAY,cAAcf,EAAIS,GAAG,GAAM,SAASC,EAAKa,GAAU,OAAOnB,EAAG,MAAM,CAACQ,IAAIW,EAASR,YAAY,MAAMS,MAAqB,IAAfH,EAAII,OAAe,qBAAuB,iBAAiB,CAACrB,EAAG,MAAM,CAACW,YAAY,YAAYT,MAAM,CAAC,IAAMI,EAAKgB,OAAOC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO5B,EAAI6B,iBAAiBnB,EAAKoB,cAAa,MAAMpB,EAAKqB,QAAyB,IAAfrB,EAAKqB,OAAc3B,EAAG,MAAM,CAACW,YAAY,+BAA+BiB,SAAS,CAAC,UAAYhC,EAAIiB,GAAGP,EAAKqB,WAAW/B,EAAIkB,MAAM,MAAK,IACrlCe,EAAkB,GCoBtB,G,UAAA,CACE,KAAF,WACI,MAAJ,CACM,cAAN,EACM,4BAAN,GACM,QAAN,yBAGE,QARF,WASI,KAAJ,gCAEE,QAAF,CACI,6BADJ,WACM,IAAN,OACM,KAAN,4BACQ,QAAR,CACU,KAAV,mCACU,KAAV,GACU,SAAV,YACA,gEACY,EAAZ,qBAKI,KAbJ,SAaA,GAGM,IAFA,IAAN,IACA,KACA,oBACQ,EAAR,qBAEM,OAAN,GAEI,iBArBJ,SAqBA,GACM,OAAN,oBCtD8V,I,wBCQ1VC,EAAY,eACd,EACAnC,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-33345770.1bef1e76.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2e293fd2&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-spin',{attrs:{\"tip\":_vm.$t('Loading...'),\"spinning\":_vm.getting_data}},_vm._l((_vm.debentures_secondary_market),function(item,itemIndex){return _c('div',{key:\"item\" + itemIndex,staticStyle:{\"margin\":\"16px 30px\",\"background-color\":\"#fff\",\"position\":\"relative\",\"border-radius\":\"12px\",\"padding\":\"16px\"}},[(item.title && item.title != '')?_c('div',{staticClass:\"mb-8\"},[_c('span',{staticClass:\"SCG-Bol fs-20 fw-600\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")])]):_vm._e(),_vm._l((_vm.rows(item.banners)),function(row,rowIndex){return _c('div',{key:rowIndex,staticClass:\"custom-row\"},_vm._l((row),function(item,colIndex){return _c('div',{key:colIndex,staticClass:\"p-8\",class:row.length === 1 ? 'custom-half-column' : 'custom-column'},[_c('img',{staticClass:\"clickable\",attrs:{\"src\":item.image},on:{\"click\":function($event){return _vm.handleClickImage(item.url)}}})])}),0)}),(item.remark && item.remark != '')?_c('div',{staticClass:\"pl-16 pr-16 base-font-family\",domProps:{\"innerHTML\":_vm._s(item.remark)}}):_vm._e()],2)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n        <!-- <div class=\"row justify-content-center\" style=\"margin-top: 16px\">\r\n            <span class=\"fs-20 black fw-600\" style=\"display: block\"> {{ $t('ราคาหุ้นกู้ตลาดรอง') }} </span>\r\n        </div> -->\r\n        <div style=\"margin: 16px 30px; background-color: #fff; position: relative; border-radius: 12px; padding: 16px\" v-for=\"(item, itemIndex) in debentures_secondary_market\" :key=\"`item` + itemIndex\">\r\n            <div v-if=\"item.title && item.title != ''\" class=\"mb-8\">\r\n                <span class=\"SCG-Bol fs-20 fw-600\">\r\n                    {{ item.title }}\r\n                </span>\r\n            </div>\r\n            <div class=\"custom-row\" v-for=\"(row, rowIndex) in rows(item.banners)\" :key=\"rowIndex\">\r\n                <div class=\"p-8\" :class=\"row.length === 1 ? 'custom-half-column' : 'custom-column'\" v-for=\"(item, colIndex) in row\" :key=\"colIndex\">\r\n                    <img :src=\"item.image\" class=\"clickable\" @click=\"handleClickImage(item.url)\" />\r\n                </div>\r\n            </div>\r\n            <div v-if=\"item.remark && item.remark != ''\" class=\"pl-16 pr-16 base-font-family\" v-html=\"item.remark\"></div>\r\n        </div>\r\n    </a-spin>\r\n</template>\r\n<script>\r\nexport default {\r\n    data: function () {\r\n        return {\r\n            getting_data: true,\r\n            debentures_secondary_market: [],\r\n            myArray: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\r\n        };\r\n    },\r\n    mounted() {\r\n        this.getDebenturesSecondaryMarket();\r\n    },\r\n    methods: {\r\n        getDebenturesSecondaryMarket() {\r\n            this.$store.dispatch('user/GET', {\r\n                payload: {\r\n                    path: '/api/debentures-secondary-market',\r\n                    data: {},\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'complete') this.debentures_secondary_market = res.data;\r\n                        this.getting_data = false;\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        rows(banners) {\r\n            const chunkSize = 2;\r\n            const rows = [];\r\n            for (let i = 0; i < banners.length; i += chunkSize) {\r\n                rows.push(banners.slice(i, i + chunkSize));\r\n            }\r\n            return rows;\r\n        },\r\n        handleClickImage(link) {\r\n            window.open(link, '_self');\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.custom-row {\r\n    display: flex;\r\n}\r\n.custom-column {\r\n    flex: 1;\r\n    text-align: center;\r\n}\r\n.custom-half-column {\r\n    flex-basis: 50%;\r\n    text-align: center;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2e293fd2&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2e293fd2&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  \"2e293fd2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}