{"version":3,"sources":["webpack:///./src/views/Cart.vue?e8ac","webpack:///./src/views/Cart.vue","webpack:///./src/views/Cart.vue?a8ae"],"names":["_hoisted_1","style","_hoisted_2","_createElementVNode","render","_ctx","_cache","$props","$setup","$data","$options","_component_a_table","_resolveComponent","_component_a_button","_component_a_divider","_component_a_image","_component_a_col","_component_a_select","_component_a_row","_component_a_card","_openBlock","_createElementBlock","Object","keys","Cart","length","_Fragment","key","_createVNode","dataSource","getDataSource","columns","Columns","pagination","bordered","type","onClick","sendMessages","default","_withCtx","_createTextVNode","_toDisplayString","getTotalAmount","_","dashed","_createCommentVNode","_renderList","item","_createBlock","id","title","getFlyer","label","extra","price","flex","src","image","width","value","count","$event","options","range","cartin","defineComponent","name","components","setup","cookies","useCookies","ref","dataIndex","onMounted","async","isKey","get","json","push","Array","map","i","toString","forEach","flyer","undefined","number","console","log","Math","trunc","set","JSON","stringify","amount","data","messages","parseInt","liff","text","then","closeWindow","catch","err","__exports__"],"mappings":"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","file":"js/chunk-2d2102cc.ee0b8994.js","sourcesContent":["import { resolveComponent as _resolveComponent, createVNode as _createVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { style: {\"background\":\"#ececec\",\"padding\":\"20px\",\"min-height\":\"100vh\"} }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"br\", null, null, -1)\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  const _component_a_table = _resolveComponent(\"a-table\")!\n  const _component_a_button = _resolveComponent(\"a-button\")!\n  const _component_a_divider = _resolveComponent(\"a-divider\")!\n  const _component_a_image = _resolveComponent(\"a-image\")!\n  const _component_a_col = _resolveComponent(\"a-col\")!\n  const _component_a_select = _resolveComponent(\"a-select\")!\n  const _component_a_row = _resolveComponent(\"a-row\")!\n  const _component_a_card = _resolveComponent(\"a-card\")!\n\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (Object.keys(_ctx.Cart).length)\n      ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n          _createVNode(_component_a_table, {\n            dataSource: _ctx.getDataSource(),\n            columns: _ctx.Columns,\n            pagination: false,\n            bordered: \"\"\n          }, null, 8, [\"dataSource\", \"columns\"]),\n          _createVNode(_component_a_button, {\n            type: \"primary\",\n            style: {\"float\":\"right\",\"margin-top\":\"10px\",\"margin-bottom\":\"10px\"},\n            onClick: _ctx.sendMessages\n          }, {\n            default: _withCtx(() => [\n              _createTextVNode(\"総額:\"),\n              _createElementVNode(\"b\", null, _toDisplayString(_ctx.getTotalAmount()), 1),\n              _createTextVNode(\"円 購入\")\n            ]),\n            _: 1\n          }, 8, [\"onClick\"]),\n          _createVNode(_component_a_divider, {\n            style: {\"border-color\":\"black\"},\n            dashed: \"\"\n          })\n        ], 64))\n      : _createCommentVNode(\"\", true),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.Cart, (item) => {\n      return (_openBlock(), _createBlock(_component_a_card, {\n        key: item.id,\n        title: _ctx.getFlyer(item.id).label,\n        style: {\"margin-bottom\":\"15px\"}\n      }, {\n        extra: _withCtx(() => [\n          _createTextVNode(_toDisplayString(_ctx.getFlyer(item.id).price) + \"円\", 1)\n        ]),\n        default: _withCtx(() => [\n          _createVNode(_component_a_row, null, {\n            default: _withCtx(() => [\n              _createVNode(_component_a_col, { flex: \"auto\" }, {\n                default: _withCtx(() => [\n                  _createVNode(_component_a_image, {\n                    src: _ctx.getFlyer(item.id).image,\n                    width: \"35vw\"\n                  }, null, 8, [\"src\"])\n                ]),\n                _: 2\n              }, 1024),\n              _createVNode(_component_a_col, { flex: \"100px\" }, {\n                default: _withCtx(() => [\n                  _createVNode(_component_a_select, {\n                    value: _ctx.getFlyer(item.id).count,\n                    \"onUpdate:value\": ($event: any) => ((_ctx.getFlyer(item.id).count) = $event),\n                    options: _ctx.getFlyer(item.id).range,\n                    style: {\"width\":\"100px\"}\n                  }, null, 8, [\"value\", \"onUpdate:value\", \"options\"]),\n                  _hoisted_2,\n                  _createVNode(_component_a_button, {\n                    type: \"primary\",\n                    onClick: ($event: any) => (_ctx.cartin(item.id,_ctx.getFlyer(item.id).count)),\n                    style: {\"margin-top\":\"10px\",\"width\":\"100px\"}\n                  }, {\n                    default: _withCtx(() => [\n                      _createTextVNode(\"個数を変更\")\n                    ]),\n                    _: 2\n                  }, 1032, [\"onClick\"]),\n                  _createVNode(_component_a_button, {\n                    type: \"primary\",\n                    onClick: ($event: any) => (_ctx.cartin(item.id,0)),\n                    style: {\"margin-top\":\"5px\",\"background-color\":\"red\",\"width\":\"100px\"}\n                  }, {\n                    default: _withCtx(() => [\n                      _createTextVNode(\"購入取消\")\n                    ]),\n                    _: 2\n                  }, 1032, [\"onClick\"])\n                ]),\n                _: 2\n              }, 1024)\n            ]),\n            _: 2\n          }, 1024)\n        ]),\n        _: 2\n      }, 1032, [\"title\"]))\n    }), 128))\n  ]))\n}","\nimport { useRoute } from 'vue-router';\nimport { defineComponent, onMounted,ref } from 'vue';\nimport { CloseCircleOutlined } from '@ant-design/icons-vue';\nimport { useCookies } from 'vue3-cookies';\nimport store from '@/store';\nimport liff from '@line/liff';\nexport default defineComponent({\n    name:'Cart',\n    components: {\n\n    },\n    setup(){\n        const cookies  = useCookies();\n\n        const Cart:any = ref({})\n        const Columns = [\n            {\n                title:'商品名',\n                dataIndex:'label',\n            },\n            {\n                title:'購入数',\n                dataIndex:'number',\n            },\n            {\n                title:'合計額',\n                dataIndex:'total'\n            }\n        ]\n\n        onMounted(async()=>{\n            if(cookies.cookies.isKey('cart')) Cart.value = cookies.cookies.get('cart')\n            //store.state.cartCount = Object.keys(Cart.value).length\n\n            const json:any = []\n\n            json.push({id:1,label:'肉盛り合わせセット',price:3300,image:'https://1.bp.blogspot.com/-iNgeH_788Xg/XkZc3IM0EHI/AAAAAAABXQo/-KKL7UOBQZ49XORoXf8F90U9H5v2iJv3wCNcBGAsYHQ/s1600/food_niku_yakiniku_set.png',count:1,range:[...Array(25)].map((_, i) => ({ value:i+1, label: '個数:'+(i + 1).toString() })),})\n            json.push({id:2,label:'白菜１玉',price:300,image:'https://1.bp.blogspot.com/-7MEg_48n4Gc/YHDkTOuiU5I/AAAAAAABdnc/a1kgLWWDiIEbTbWL7v8dSVKxjjxv-ALgQCNcBGAsYHQ/s649/vegetable_lettuce.png',count:1,range:[...Array(25)].map((_, i) => ({ value:i+1, label: '個数:'+(i + 1).toString() })),})\n            json.push({id:3,label:'ベリーパイ',price:1500,image:'https://1.bp.blogspot.com/-EHBItm2ov28/X7zMLiDUlnI/AAAAAAABcZg/Hn1EagLhVecSENp47dA46nL8wXAP4iChQCNcBGAsYHQ/s608/sweets_tarte_strawberry.png',count:1,range:[...Array(25)].map((_, i) => ({ value:i+1, label: '個数:'+(i + 1).toString() })),})\n            \n            json.forEach(flyer => {\n                if(Cart.value[flyer.id]!=undefined) flyer.count = Cart.value[flyer.id].number\n            })\n\n            //store.state.masterFlyers = json\n        })\n\n        const getFlyer = (id:number) => {\n            /*\n            const tmp = store.state.masterFlyers.filter(e=>e.id==id)\n            if(tmp.length==0) return {}\n            return tmp[0]\n            */\n        }\n\n        const cartin = (id:number,number:number) =>{\n            console.log('cartin',id,number)\n            if(number == 0){\n                delete Cart.value[id]\n            } else if(Cart.value[id] != undefined){\n                Cart.value[id].number = Math.trunc(number)\n            } else {\n                Cart.value[id] = {\n                    id:id,\n                    number:Math.trunc(number)\n                }\n            }\n            cookies.cookies.set('cart',JSON.stringify(Cart.value))\n           //store.state.cartCount = Object.keys(Cart.value).length\n        }\n\n        const getTotalAmount = () => {\n            let amount = 0\n            Object.keys(Cart.value).forEach(id => {\n               // amount += getFlyer(parseInt(id)).price * Cart.value[id].number\n            })\n            \n            return amount;\n        }\n\n        const getDataSource = () => {\n            const data:any = []\n            Object.keys(Cart.value).forEach(id => {\n                data.push({\n                    id:id,\n                    //label:getFlyer(parseInt(id)).label,\n                    number:Cart.value[id].number,\n                    //:getFlyer(parseInt(id)).price * Cart.value[id].number,\n                })\n            })\n            return data\n        }\n\n        const sendMessages = () => {\n            let messages = ''\n            Object.keys(Cart.value).forEach(id => {\n                const flyer = getFlyer(parseInt(id))\n                //messages += flyer.label+'('+flyer.price+'円)'+Cart.value[id].number+'点,\\r\\n'\n            })\n            messages+='総額'+getTotalAmount+'円を購入します。'\n            liff.sendMessages(\n                [\n                    {\n                        type:'text',\n                        text:messages\n                    }\n                ]\n            ).then(() => {\n                console.log(\"message sent\");\n                liff.closeWindow();\n            })\n            .catch((err) => {\n                console.log(\"error\", err);\n            });            \n        }\n\n        return {\n            Cart,\n            Columns,\n            getDataSource,\n            getFlyer,\n            cartin,\n            getTotalAmount,\n            sendMessages,\n        }\n    }\n})\n","import { render } from \"./Cart.vue?vue&type=template&id=0fac867a&ts=true\"\nimport script from \"./Cart.vue?vue&type=script&lang=ts\"\nexport * from \"./Cart.vue?vue&type=script&lang=ts\"\n\nimport exportComponent from \"C:\\\\Users\\\\winserverroot\\\\Downloads\\\\ソース\\\\netstore-liff-master\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}