{"version":3,"sources":["webpack:///./src/components/MyHeader.vue?1b7c","webpack:///./src/static/imgs/logo.png","webpack:///./src/pages/my/cart.vue","webpack:///src/pages/my/cart.vue","webpack:///./src/pages/my/cart.vue?75d1","webpack:///./src/pages/my/cart.vue?7c5d","webpack:///./src/components/MyHeader.vue","webpack:///src/components/MyHeader.vue","webpack:///./src/components/MyHeader.vue?afaf","webpack:///./src/components/MyHeader.vue?16ee","webpack:///./src/pages/my/cart.vue?0d8c"],"names":["module","exports","render","_vm","this","_c","_self","attrs","staticClass","_m","_l","carts","cart","idx","key","class","is_select","on","$event","updateSelect","goods","id","staticStyle","be_product","cover","_v","_s","getTitle","params","sold_price","updateCart","nums","deleteCart","cartsNums","selectNum","totalPrice","goOrder","staticRenderFns","name","components","MyHeader","data","computed","filter","item","length","sum","total","map","filterItem","forEach","price","created","document","title","methods","val","getCart","axios","get","then","res","console","log","list","type","_Message","warning","patch","goods_id","delete","success","isSelect","flag","isCheck","every","$router","push","mounted","component","username","logout","require","props","String","$store","state","$cookie","set","expires","dispatch"],"mappings":"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","file":"js/chunk-71b10968.a0573a21.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/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyHeader.vue?vue&type=style&index=0&id=f6fafa1c&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/logo.ff3f2381.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MyHeader',{attrs:{\"title\":\"我的购物车\"}}),_c('div',{staticClass:\"cart\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"cart-box\"},[_vm._m(0),_c('ul',{staticClass:\"cart-item-list\"},_vm._l((_vm.carts),function(cart,idx){return _c('li',{key:idx,staticClass:\"cart-item\"},[_c('div',{staticClass:\"item-check\"},[_c('span',{staticClass:\"checkbox\",class:{'checked':cart.is_select},on:{\"click\":function($event){return _vm.updateSelect(cart.goods.id,cart.is_select)}}})]),_c('div',{staticClass:\"item-name\",staticStyle:{\"cursor\":\"pointer\"}},[_c('a',{attrs:{\"href\":\"/product/\"+cart.goods.be_product}},[_c('img',{attrs:{\"src\":cart.goods.cover,\"alt\":\"\"}}),_c('span',{staticStyle:{\"color\":\"black\"}},[_vm._v(_vm._s(_vm.getTitle(cart.goods.params)))])])]),_c('div',{staticClass:\"item-price\"},[_vm._v(_vm._s(cart.goods.sold_price))]),_c('div',{staticClass:\"item-num\"},[_c('div',{staticClass:\"num-box\"},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.updateCart(cart.goods.id, cart.nums, '-')}}},[_vm._v(\"-\")]),_c('span',[_vm._v(_vm._s(cart.nums))]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.updateCart(cart.goods.id, cart.nums, '+')}}},[_vm._v(\"+\")])])]),_c('div',{staticClass:\"item-total\"},[_vm._v(_vm._s(cart.goods.sold_price * cart.nums))]),_c('div',{staticClass:\"item-del\",on:{\"click\":function($event){return _vm.deleteCart(cart.goods.id)}}})])}),0)]),_c('div',{staticClass:\"order-wrap\"},[_c('div',{staticClass:\"cart-tip\"},[_c('router-link',{attrs:{\"to\":\"/index.html\"}},[_vm._v(\"继续购物\")]),_vm._v(\" 共\"),_c('span',[_vm._v(_vm._s(_vm.cartsNums))]),_vm._v(\"件商品，已选择\"),_c('span',[_vm._v(_vm._s(_vm.selectNum))]),_vm._v(\"件 \")],1),_c('div',{staticClass:\"total\"},[_vm._v(\" 合计：\"),_c('span',[_vm._v(_vm._s(_vm.totalPrice))]),_vm._v(\"元 \"),_c('a',{staticClass:\"btn\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.goOrder()}}},[_vm._v(\"去结算\")])])])])])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"cart-item-head\"},[_c('li',{staticClass:\"col-3\"},[_vm._v(\"商品名称\")]),_c('li',{staticClass:\"col-1\"},[_vm._v(\"单价\")]),_c('li',{staticClass:\"col-2\"},[_vm._v(\"数量\")]),_c('li',{staticClass:\"col-1\"},[_vm._v(\"小计\")]),_c('li',{staticClass:\"col-1\"},[_vm._v(\"操作\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <MyHeader title=\"我的购物车\"></MyHeader>\n    <div class=\"cart\">\n      <div class=\"container\">\n        <div class=\"cart-box\">\n          <ul class=\"cart-item-head\">\n            <!--            <li class=\"col-1\"><span class=\"checkbox checked\"></span>全选</li>-->\n            <li class=\"col-3\">商品名称</li>\n            <li class=\"col-1\">单价</li>\n            <li class=\"col-2\">数量</li>\n            <li class=\"col-1\">小计</li>\n            <li class=\"col-1\">操作</li>\n          </ul>\n          <ul class=\"cart-item-list\">\n            <li class=\"cart-item\" v-for=\"(cart, idx) in carts\" :key=\"idx\">\n              <div class=\"item-check\">\n                <span class=\"checkbox\" :class=\"{'checked':cart.is_select}\"\n                      @click=\"updateSelect(cart.goods.id,cart.is_select)\"></span>\n              </div>\n              <div class=\"item-name\" style=\"cursor: pointer\">\n                <a :href='\"/product/\"+cart.goods.be_product'>\n                  <img :src=\"cart.goods.cover\"\n                       alt=\"\">\n                  <span style=\"color: black\">{{ getTitle(cart.goods.params) }}</span>\n                </a>\n              </div>\n              <div class=\"item-price\">{{ cart.goods.sold_price }}</div>\n              <div class=\"item-num\">\n                <div class=\"num-box\">\n                  <a href=\"javascript:;\" @click=\"updateCart(cart.goods.id, cart.nums, '-')\">-</a>\n                  <span>{{ cart.nums }}</span>\n                  <a href=\"javascript:;\" @click=\"updateCart(cart.goods.id, cart.nums, '+')\">+</a>\n                </div>\n              </div>\n              <div class=\"item-total\">{{ cart.goods.sold_price * cart.nums }}</div>\n              <div class=\"item-del\" @click=\"deleteCart(cart.goods.id)\"></div>\n            </li>\n\n          </ul>\n        </div>\n\n        <div class=\"order-wrap\">\n          <div class=\"cart-tip\">\n            <router-link to=\"/index.html\">继续购物</router-link>\n            共<span>{{ cartsNums }}</span>件商品，已选择<span>{{ selectNum }}</span>件\n          </div>\n          <div class=\"total\">\n            合计：<span>{{ totalPrice }}</span>元\n            <a href=\"javascript:;\" class=\"btn\" @click=\"goOrder()\">去结算</a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</template>\n\n<script>\nimport MyHeader from \"../../components/MyHeader\";\nimport {Message} from \"element-ui\";\n// import JWT from \"../storage/index\"\n\nexport default {\n  name: \"cart\",\n  components: {\n    MyHeader\n  },\n  data() {\n    return {\n      carts: [],\n      cartsNums: 0\n    }\n  },\n  computed: {\n    selectNum() {\n      return this.carts.filter(item => item.is_select).length;\n    },\n    totalPrice() {\n      // return item.nums * item.goods.shop_price\n      let sum = 0;\n      let total = this.carts.filter(item => item.is_select).map(filterItem => {\n        return filterItem.nums * filterItem.goods.sold_price\n      })\n      total.forEach(price => {\n        sum += price;\n      })\n      return sum\n    }\n  },\n  created() {\n    document.title = '购物车 - JapanHui';\n  },\n  methods: {\n    getTitle(val) {\n      return val[0]['value']\n      // console.log(val)\n      // const key = Object.keys(val)[1]\n      // console.log(key)\n      // return val[key]\n\n    },\n    // this.$cookie.get('token')\n    //  headers: {'Authorization': \"JWT \" + this.$store.state.token}\n    // 由main.js 统一控制 header jwt\n\n    getCart() {\n      this.axios.get('/carts/',).then((res) => {\n        console.log(res)\n        this.carts = res.data.list;\n        this.cartsNums = res.data.total;\n      })\n\n    },\n    updateCart(goods, nums, type) {\n      if (type === '-') {\n        nums = --nums\n        if (nums === 0) {\n          Message.warning('商品至少保留一件')\n          return\n        }\n        this.axios.patch(`/carts/${goods}/`, {\n          // goods: goods,\n          nums: nums\n        }).then(() => {\n          this.getCart();\n        })\n      } else {\n        nums = ++nums\n        this.axios.patch(`/carts/${goods}/`, {\n          // goods: goods,\n          nums: nums\n        }).then(() => {\n          this.getCart();\n        })\n      }\n    },\n    deleteCart(goods_id) {\n      this.axios.delete(`/carts/${goods_id}/`).then(() => {\n        Message.success('删除成功')\n        this.getCart();\n      })\n\n    },\n    updateSelect(goods_id, isSelect) {\n      console.log(isSelect, 1)\n      let flag = !isSelect;\n      this.axios.patch(`/carts/${goods_id}/`, {\n        is_select: flag\n      }).then((res) => {\n        let is_select = res.data.is_select\n        console.log(is_select)\n        this.getCart();\n      })\n    },\n    goOrder() {\n      if (this.cartsNums === 0) {\n        Message.warning('购物车为空，请添加商品')\n        return;\n      }\n\n      // 全false 为true    有一个就是false\n      let isCheck = this.carts.every(item => !item.is_select);\n      if (isCheck) {\n        Message.warning('请至少选择一件商品')\n        return;\n      }\n      this.$router.push('/confirm')\n    }\n  },\n  mounted() {\n    this.getCart();\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.cart {\n  padding: 20px 0 50px 0;\n  background-color: #F5F5F5;\n\n  .container {\n    width: 1200px;\n    margin: 0 auto;\n\n    .cart-box {\n      background-color: #fff;\n      font-size: 14px;\n      color: #999;\n      text-align: center;\n\n      .checkbox {\n        display: inline-block;\n        width: 22px;\n        height: 22px;\n        border: 1px solid #E5E5E5;\n        vertical-align: middle;\n        margin-right: 17px;\n        cursor: pointer;\n\n        &.checked {\n          background: url('~@/static/imgs/icon-gou.png') #FF6600 no-repeat center;\n          background-size: 16px 12px;\n          border: none;\n        }\n      }\n\n      .cart-item-head {\n        display: flex;\n        height: 79px;\n        line-height: 79px;\n\n        // flex 布局  flex按照数字加起来百分比占位\n        .col-1 {\n          flex: 1;\n        }\n\n        .col-2 {\n          flex: 2;\n        }\n\n        .col-3 {\n          flex: 3;\n        }\n\n\n      }\n\n      .cart-item-list {\n        .cart-item {\n          display: flex;\n          align-items: center;\n          height: 125px;\n          border-top: 1px solid #E5E5E5;\n          font-size: 16px;\n\n          .item-check {\n            flex: 1;\n          }\n\n          .item-name {\n            flex: 3;\n            font-size: 18px;\n            color: #333333;\n            display: flex;\n            align-items: center;\n\n            img {\n              width: 80px;\n              height: 80px;\n              vertical-align: middle;\n            }\n\n            span {\n              margin-left: 30px;\n            }\n          }\n\n          .item-price {\n            flex: 1;\n            color: #333333;\n          }\n\n          .item-num {\n            flex: 2;\n\n            .num-box {\n              display: inline-block;\n              width: 150px;\n              height: 40px;\n              line-height: 40px;\n              border: 1px solid #E5E5E5;\n              font-size: 14px;\n\n              a {\n                display: inline-block;\n                width: 50px;\n                color: #333333;\n              }\n\n              span {\n                display: inline-block;\n                width: 50px;\n                color: #333333;\n              }\n            }\n          }\n\n          .item-total {\n            flex: 1;\n            color: #FF6600;\n          }\n\n          .item-del {\n            flex: 1;\n            width: 14px;\n            height: 12px;\n            background: url('~@/static/imgs/icon-close.png') no-repeat center;\n            background-size: contain;\n            cursor: pointer;\n          }\n        }\n      }\n\n\n    }\n\n    .order-wrap {\n      font-size: 14px;\n      color: #666666;\n      margin-top: 20px;\n      height: 50px;\n      line-height: 50px;\n\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n\n      .cart-tip {\n        margin-left: 29px;\n\n        a {\n          color: #666666;\n          margin-right: 37px;\n        }\n\n        span {\n          color: #FF6600;\n          margin: 0 5px;\n        }\n      }\n\n      .total {\n        font-size: 14px;\n        color: #FF6600;\n\n        span {\n          font-size: 24px;\n        }\n\n        a {\n          width: 202px;\n          height: 50px;\n          line-height: 50px;\n          font-size: 18px;\n          margin-left: 37px;\n        }\n\n        .btn {\n          display: inline-block;\n          height: 50px;\n          line-height: 50px;\n          text-align: center;\n          background-color: #f60;\n          color: #fff;\n          border: none;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n}\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!./cart.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!./cart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./cart.vue?vue&type=template&id=8c1292f6&\"\nimport script from \"./cart.vue?vue&type=script&lang=js&\"\nexport * from \"./cart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./cart.vue?vue&type=style&index=0&id=8c1292f6&prod&lang=scss&\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"topBar\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"shop-user\"},[(_vm.username)?[_c('router-link',{attrs:{\"to\":\"/profile\"}},[_vm._v(_vm._s(_vm.username)+\"，你好\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.logout()}}},[_vm._v(\"退出\")])]:[_c('router-link',{attrs:{\"to\":\"/login\"}},[_vm._v(\"你好，登录\")]),_c('router-link',{attrs:{\"to\":\"/register\"}},[_vm._v(\"注册\")])]],2),_c('div',{staticClass:\"shop-center\"},[_c('router-link',{attrs:{\"to\":\"/orderList\"}},[_vm._v(\"我的订单\")]),_c('router-link',{attrs:{\"to\":\"/profile\"}},[_vm._v(\"账户中心\")]),_c('router-link',{attrs:{\"to\":\"/message\"}},[_vm._v(\"消息中心\")])],1)])]),_c('div',{staticClass:\"login-header\"},[_c('div',{staticClass:\"header-logo\"},[_c('router-link',{attrs:{\"to\":\"/index.html\"}},[_c('img',{attrs:{\"src\":require(\"@/static/imgs/logo.png\"),\"alt\":\"JapanHui\"}})])],1),_c('h2',[_vm._v(_vm._s(_vm.title))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"header\">\n    <div class=\"topBar\">\n      <div class=\"container\">\n        <div class=\"shop-user\">\n          <template v-if=\"username\">\n            <router-link to=\"/profile\">{{ username }}，你好</router-link>\n            <a href=\"javascript:;\" @click=\"logout()\">退出</a>\n          </template>\n          <template v-else>\n            <router-link to=\"/login\">你好，登录</router-link>\n            <router-link to=\"/register\">注册</router-link>\n          </template>\n        </div>\n        <div class=\"shop-center\">\n          <router-link to=\"/orderList\">我的订单</router-link>\n          <!--                    <a href=\"\">账户中心</a>-->\n          <router-link to=\"/profile\">账户中心</router-link>\n\n          <!--          <div class=\"list\">-->\n          <!--            <a href=\"\">账户中心</a>-->\n          <!--            <dl>-->\n          <!--              <dt>-->\n          <!--                <a href=\"\">个人资料</a>-->\n          <!--              </dt>-->\n          <!--              <dt>-->\n          <!--                <a href=\"\">收货地址</a>-->\n          <!--              </dt>-->\n          <!--            </dl>-->\n          <!--          </div>-->\n          <!--          <div class=\"list\">-->\n          <!--            <a href=\"\">会员中心</a>-->\n          <!--            <dl>-->\n          <!--              <dt>-->\n          <!--                <a href=\"\">我的搜藏</a>-->\n          <!--              </dt>-->\n          <!--              <dt>-->\n          <!--                <a href=\"\">售后管理</a>-->\n          <!--              </dt>-->\n          <!--            </dl>-->\n          <!--          </div>-->\n          <!--          hover出一个框 进行列表显示-->\n          <router-link to=\"/message\">消息中心</router-link>\n\n        </div>\n      </div>\n    </div>\n    <div class=\"login-header\">\n      <div class=\"header-logo\">\n        <router-link to=\"/index.html\"><img src=\"~@/static/imgs/logo.png\" alt=\"JapanHui\"></router-link>\n      </div>\n      <h2>{{ title }}</h2>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {Message} from \"element-ui\";\n\nexport default {\n  name: \"MyHeader\",\n  data() {\n    return {}\n  },\n  // 向组件传值使用 props\n  props: {\n    title: String\n  },\n  computed: {\n    username() {\n      return this.$store.state.username;\n    }\n  },\n  methods: {\n    logout() {\n      this.$cookie.set('username', '', {expires: '-1'})\n      this.$cookie.set('uid', '', {expires: '-1'})\n      this.$cookie.set('cart', 0, {expires: '-1'})\n      this.$cookie.set('token', '', {expires: '-1'})\n      this.$store.dispatch('saveUserName', '');\n      this.$store.dispatch('saveToken', '');\n      this.$store.dispatch('saveUid', '');\n      this.$store.dispatch('saveCartNums', 0);\n      Message.success('退出成功')\n      this.$router.push('/index.html')\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.header {\n  .topBar {\n    // lin-height 垂直居中  对文字 行内元素\n    height: 35px;\n    line-height: 35px;\n    background-color: #F8F8F8;\n\n    .container {\n      width: 1190px;\n      // 左右居中\n      margin: 0 auto;\n      // flex布局\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n\n\n      a {\n        color: #999999;\n        margin-right: 15px;\n      }\n    }\n  }\n\n  .login-header {\n    // 垂直居中\n    display: flex;\n    align-items: center;\n    width: 1200px;\n    margin: 0 auto;\n    height: 100px;\n\n    .header-logo {\n      display: inline-block;\n\n      img {\n        width: 150px;\n        height: 50px;\n      }\n    }\n\n    h2 {\n      font-size: 20px;\n      margin-left: 15px;\n    }\n  }\n}\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!./MyHeader.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!./MyHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyHeader.vue?vue&type=template&id=f6fafa1c&\"\nimport script from \"./MyHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./MyHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyHeader.vue?vue&type=style&index=0&id=f6fafa1c&prod&lang=scss&\"\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","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/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cart.vue?vue&type=style&index=0&id=8c1292f6&prod&lang=scss&\""],"sourceRoot":""}