{"version":3,"sources":["webpack:///./src/pages/user/OrderDetail.vue","webpack:///src/pages/user/OrderDetail.vue","webpack:///./src/pages/user/OrderDetail.vue?2b05","webpack:///./src/pages/user/OrderDetail.vue?4349","webpack:///./src/pages/user/OrderDetail.vue?bddd","webpack:///./src/components/side.vue?7ed2","webpack:///./src/utils/date.js","webpack:///./src/components/side.vue","webpack:///src/components/side.vue","webpack:///./src/components/side.vue?e303","webpack:///./src/components/side.vue?e61a"],"names":["render","_vm","this","_c","_self","staticClass","attrs","path","_v","_s","orderDetail","order_sn","status","on","$event","cancleOrder","staticStyle","goPay","_f","_l","goods","good","idx","key","cover","classify","getTitle","params","sold_price","nums","signer_name","singer_mobile","address","pay_type","totalNums","totalPrice","totalPostAge","staticRenderFns","name","components","Side","data","orderSn","detailList","filters","judgeStatus","type","getPayStatus","formatCreateTime","time","date","Date","formatDate","getPayType","mounted","getOrderDetail","created","document","title","computed","sum","total","map","filterItem","forEach","price","num","weight","methods","val","console","log","axios","delete","then","res","_Message","success","routeData","$router","resolve","query","window","open","href","$route","get","warning","list","component","fmt","test","replace","RegExp","$1","getFullYear","substr","length","o","getMonth","getDate","getHours","getMinutes","getSeconds","k","str","padLeftZero","class"],"mappings":"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","file":"js/chunk-1d19e8bc.4967b9e5.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"order-detail\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"crumb\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',[_vm._v(\"订单详情\")])],1)],1),_c('div',{staticClass:\"order-detail-body\"},[_c('Side'),_c('div',{staticClass:\"order-detail-content\"},[_c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"order-detail-title\"},[_c('h1',[_vm._v(\"订单详情\")]),_c('div',{staticClass:\"order-status\"},[_c('h2',{staticClass:\"subtitle\"},[_vm._v(\"订单号：\"+_vm._s(_vm.orderDetail.order_sn))]),_c('div',{staticClass:\"flex-list\"},[(_vm.orderDetail.status ==='PAYING')?_c('div',{staticClass:\"list\",on:{\"click\":function($event){return _vm.cancleOrder(_vm.orderDetail.order_sn )}}},[_vm._v(\" 取消订单 \")]):_c('div',{staticClass:\"list\",staticStyle:{\"display\":\"none\"}}),_c('div',{staticClass:\"list\",on:{\"click\":function($event){return _vm.goPay(_vm.orderDetail.order_sn,_vm.orderDetail.status)}}},[_vm._v(_vm._s(_vm._f(\"judgeStatus\")(_vm.orderDetail.status))+\" \")])])])]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"order-detail-body\"},[_c('div',{staticClass:\"body-status\"},[_vm._v(\" \"+_vm._s(_vm._f(\"getPayStatus\")(_vm.orderDetail.status))+\" \")]),_c('div',{staticClass:\"body-list\"},[_c('ul',[_vm._l((_vm.orderDetail.goods),function(good,idx){return _c('li',{key:idx},[_c('div',{staticClass:\"list-img\"},[_c('img',{attrs:{\"src\":good.goods.cover,\"alt\":good.goods.classify}})]),_c('p',{staticClass:\"list-title\"},[_vm._v(_vm._s(_vm.getTitle(good.goods.params)))]),_c('p',{staticClass:\"list-price\"},[_vm._v(_vm._s(good.goods.sold_price)+\"元 × \"+_vm._s(good.nums))])])}),_c('div',{staticClass:\"line\"})],2)]),_c('div',{staticClass:\"body-name\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"收货信息\")]),_c('div',{staticClass:\"list\"},[_vm._v(\"姓名：\"+_vm._s(_vm.orderDetail.signer_name))]),_c('div',{staticClass:\"list\"},[_vm._v(\"联系电话：\"+_vm._s(_vm.orderDetail.singer_mobile))]),_c('div',{staticClass:\"list\"},[_vm._v(\"收货地址：\"+_vm._s(_vm.orderDetail.address))])]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"body-pay\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"支付方式\")]),_c('div',{staticClass:\"list\"},[_vm._v(\" 支付方式：\"+_vm._s(_vm._f(\"getPayType\")(_vm.orderDetail.pay_type))+\" \")])]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"body-total\"},[_c('div',{staticClass:\"item\"},[_c('span',{staticClass:\"item-name\"},[_vm._v(\"商品件数：\")]),_c('span',{staticClass:\"item-val\"},[_vm._v(_vm._s(_vm.totalNums)+\"件\")])]),_c('div',{staticClass:\"item\"},[_c('span',{staticClass:\"item-name\"},[_vm._v(\"商品总价：\")]),_c('span',{staticClass:\"item-val\"},[_vm._v(_vm._s(_vm.totalPrice)+\"元\")])]),_c('div',{staticClass:\"item\"},[_c('span',{staticClass:\"item-name\"},[_vm._v(\"运费：\")]),_c('span',{staticClass:\"item-val\"},[_vm._v(_vm._s(_vm.totalPostAge)+\"元\")])]),_c('div',{staticClass:\"item-total\"},[_c('span',{staticClass:\"item-name\"},[_vm._v(\"应付总额：\")]),_c('span',{staticClass:\"item-val\"},[_vm._v(_vm._s(_vm.totalPrice + _vm.totalPostAge))])])])])])])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"order-detail\">\n    <div class=\"container\">\n      <div class=\"crumb\">\n        <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n          <el-breadcrumb-item :to=\"{ path: '/' }\">首页</el-breadcrumb-item>\n          <el-breadcrumb-item>订单详情</el-breadcrumb-item>\n        </el-breadcrumb>\n      </div>\n      <div class=\"order-detail-body\">\n        <Side></Side>\n        <div class=\"order-detail-content\">\n          <div class=\"wrap\">\n            <div class=\"order-detail-title\">\n              <h1>订单详情</h1>\n              <div class=\"order-status\">\n                <h2 class=\"subtitle\">订单号：{{ orderDetail.order_sn }}</h2>\n                <div class=\"flex-list\">\n                  <div class=\"list\" v-if=\"orderDetail.status ==='PAYING'\" @click=\"cancleOrder(orderDetail.order_sn )\">\n                    取消订单\n                  </div>\n                  <div class=\"list\" v-else style=\"display: none\"></div>\n                  <div class=\"list\" @click=\"goPay(orderDetail.order_sn,orderDetail.status)\">{{\n                      orderDetail.status | judgeStatus\n                    }}\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"line\"></div>\n            <div class=\"order-detail-body\">\n              <div class=\"body-status\">\n                {{ orderDetail.status | getPayStatus }}\n              </div>\n              <!--              <div class=\"body-progress\">-->\n              <!--                <div class=\"order-progress\">-->\n              <!--                  <ol class=\"progress-list\">-->\n              <!--                    <li class=\"step step-active\">-->\n              <!--                      <div class=\"progress\"><span class=\"text\">下单</span></div>-->\n              <!--                      <div class=\"info\">05月01日 11:42</div>-->\n              <!--                    </li>-->\n              <!--                    <li class=\"step\">-->\n              <!--                      <div class=\"progress\"><span class=\"text\">付款</span></div>-->\n              <!--                      <div class=\"info\"></div>-->\n              <!--                    </li>-->\n              <!--                    <li class=\"step\">-->\n              <!--                      <div class=\"progress\"><span class=\"text\">配货</span></div>-->\n              <!--                      <div class=\"info\"></div>-->\n              <!--                    </li>-->\n              <!--                    <li class=\"step\">-->\n              <!--                      <div class=\"progress\"><span class=\"text\">出库</span></div>-->\n              <!--                      <div class=\"info\"></div>-->\n              <!--                    </li>-->\n              <!--                    <li class=\"step\">-->\n              <!--                      <div class=\"progress\"><span class=\"text\">交易成功</span></div>-->\n              <!--                      <div class=\"info\"></div>-->\n              <!--                    </li>-->\n              <!--                  </ol>-->\n              <!--                </div>-->\n              <!--              </div>-->\n              <div class=\"body-list\">\n                <ul>\n                  <li v-for=\"(good, idx) in orderDetail.goods\" :key=\"idx\">\n                    <div class=\"list-img\"><img\n                        :src=\"good.goods.cover\" :alt=\"good.goods.classify\">\n                    </div>\n                    <p class=\"list-title\">{{ getTitle(good.goods.params) }}</p>\n                    <p class=\"list-price\">{{ good.goods.sold_price }}元 × {{ good.nums }}</p>\n                  </li>\n                  <div class=\"line\"></div>\n                </ul>\n              </div>\n              <div class=\"body-name\">\n                <div class=\"title\">收货信息</div>\n                <div class=\"list\">姓名：{{ orderDetail.signer_name }}</div>\n                <div class=\"list\">联系电话：{{ orderDetail.singer_mobile }}</div>\n                <div class=\"list\">收货地址：{{ orderDetail.address }}</div>\n              </div>\n              <div class=\"line\"></div>\n              <div class=\"body-pay\">\n                <div class=\"title\">支付方式</div>\n                <div class=\"list\">\n                  支付方式：{{ orderDetail.pay_type | getPayType }}\n                </div>\n              </div>\n              <div class=\"line\"></div>\n              <div class=\"body-total\">\n                <div class=\"item\">\n                  <span class=\"item-name\">商品件数：</span>\n                  <span class=\"item-val\">{{ totalNums }}件</span>\n                </div>\n                <div class=\"item\">\n                  <span class=\"item-name\">商品总价：</span>\n                  <span class=\"item-val\">{{ totalPrice }}元</span>\n                </div>\n                <!--              <div class=\"item\">-->\n                <!--                <span class=\"item-name\">优惠活动：</span>-->\n                <!--                <span class=\"item-val\">0元</span>-->\n                <!--              </div>-->\n                <div class=\"item\">\n                  <span class=\"item-name\">运费：</span>\n                  <span class=\"item-val\">{{ totalPostAge }}元</span>\n                </div>\n                <div class=\"item-total\">\n                  <span class=\"item-name\">应付总额：</span>\n                  <span class=\"item-val\">{{ totalPrice + totalPostAge }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Side from \"../../components/side\";\nimport {formatDate} from \"../../utils/date\";\nimport {Message} from 'element-ui'\n\nexport default {\n  name: \"message\",\n  components: {\n    Side\n  },\n  data() {\n    return {\n      orderDetail: {},\n      orderSn: '',\n      detailList: []\n    }\n  },\n  filters: {\n    judgeStatus(type) {\n      if (type === 'PAYING') {\n        return '立即付款'\n      } else if (type === 'DELIVERY') {\n        return '催促发货'\n      } else if (type === 'GOOD') {\n        return '查看物流'\n      } else if (type === 'COMMENT') {\n        return '马上评价'\n      } else if (type === 'SUCCESS') {\n        return '申请退货'\n      } else {\n        return '订单关闭'\n      }\n    },\n    getPayStatus(type) {\n      if (type === 'PAYING') {\n        return '待付款'\n      } else if (type === 'DELIVERY') {\n        return '待发货'\n      } else if (type === 'GOOD') {\n        return '待收货'\n      } else if (type === 'COMMENT') {\n        return '待评价'\n      } else if (type === 'SUCCESS') {\n        return '已收货'\n      } else {\n        return '已关闭'\n      }\n    },\n    formatCreateTime(time) {\n      let date = new Date(time);\n      return formatDate(date, 'yyyy-MM-dd hh:mm:ss')\n    }, getPayType(type) {\n      if (type === 'alipay') {\n        return '支付宝'\n      } else {\n        return '微信支付'\n      }\n    },\n  },\n  mounted() {\n    this.getOrderDetail();\n  },\n  created() {\n    document.title = '订单详情 - JapanHui';\n  },\n  computed: {\n\n    totalPrice() {\n      // return item.nums * item.goods.shop_price\n      let sum = 0;\n      let total = this.detailList.map(filterItem => {\n        return filterItem.nums * filterItem.goods.sold_price\n      })\n      total.forEach(price => {\n        sum += price;\n      })\n      return sum\n    },\n    totalNums() {\n      // return item.nums * item.goods.shop_price\n      let sum = 0;\n      let total = this.detailList.map(filterItem => {\n        return filterItem.nums\n      })\n      total.forEach(num => {\n        sum += num;\n      })\n      return sum\n    },\n    totalPostAge() {\n      // return item.nums * item.goods.shop_price\n      let sum = 0;\n      let total = this.detailList.map(filterItem => {\n        return filterItem.nums * filterItem.goods.weight;\n      })\n      total.forEach(weight => {\n        sum += weight;\n      })\n      return sum\n    }\n  },\n  methods: {\n    cancleOrder(val) {\n      console.log(val)\n      this.axios.delete(`/orders/${val}/`).then(res => {\n        console.log(res)\n        Message.success('订单取消成功')\n      })\n    },\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    goPay(orderSn, status) {\n      // 根据状态判断一下\n      if (status === 'PAYING') {\n        let routeData = this.$router.resolve({name: 'pay', query: {orderSn: orderSn}});\n        window.open(routeData.href, '_blank');\n      } else if (status === 'SUCCESS') {\n        // if 大于15天  提示不可申请退款  else 就进入售后弹窗\n      } else if (status === 'DELIVERY') {\n        Message.success('催促成功，我们将优先为您发货')\n      } else if (status === 'GOOD') {\n        // 弹出 modal 窗口\n      } else if (status === 'COMMENT') {\n        // 进入评价页面\n      }\n    },\n    getOrderDetail() {\n      let orderSn = this.$route.query.orderSn;\n      this.axios.get('/orders/', {\n        params: {\n          order_sn: orderSn\n        }\n      }).then((res) => {\n        if (res.data.total === 0) {\n          Message.warning('请核对订单号')\n        } else {\n          this.orderDetail = res.data.list[0];\n          this.detailList = res.data.list[0].goods;\n          this.orderSn = orderSn;\n        }\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.order-detail {\n  background-color: #F5F5F5;\n\n  .crumb {\n    padding: 10px 0;\n    display: flex;\n    align-items: center;\n    height: 30px;\n  }\n\n  .container {\n    width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n\n    .order-detail-body {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 40px;\n\n      .order-detail-content {\n        margin-bottom: 40px;\n        background-color: #FFFFFF;\n        width: 950px;\n\n        .wrap {\n          margin-top: 20px;\n          margin-left: 25px;\n\n          .line {\n            margin-bottom: 20px;\n            border-bottom: 2px solid #F8F8F8;\n          }\n\n          .order-detail-title {\n            h1 {\n              margin: 0;\n              font-size: 30px;\n              font-weight: 400;\n              line-height: 68px;\n              color: #757575;\n            }\n\n            .order-status {\n              margin-bottom: 5px;\n\n              .subtitle {\n                font-size: 18px;\n                font-weight: 400;\n                color: #333;\n              }\n\n              display: flex;\n              justify-content: space-between;\n\n              .flex-list {\n                display: flex;\n                justify-content: flex-start;\n                margin-right: 20px;\n\n\n                .list {\n                  // 注意顺序  & 是在元素下\n                  margin-right: 20px;\n                  margin-bottom: 10px;\n                  height: 30px;\n                  line-height: 30px;\n                  text-align: center;\n                  color: #FFFFFF;\n                  width: 120px;\n                  background-color: #ff6600;\n                  cursor: pointer;\n\n                  &:first-child {\n                    background-color: #999999;\n                  }\n                }\n              }\n            }\n          }\n\n          .order-detail-body {\n            display: flex;\n            flex-direction: column;\n\n            .body-status {\n              font-size: 18px;\n              color: #ff6600;\n              margin-bottom: 30px;\n              margin-left: 10px;\n            }\n\n            .body-progress {\n              margin-left: -30px;\n\n              .order-progress {\n                height: 65px;\n\n\n                .progress-list {\n                  width: 880px;\n                  height: 20px;\n                  margin: 0 auto;\n                  padding: 0;\n                  list-style-type: none;\n                  border-radius: 20px;\n                  font-size: 12px;\n                  line-height: 20px;\n                  text-align: center;\n                  color: #424242;\n                  background-color: #eee;\n                  display: flex;\n                  justify-content: space-between;\n\n\n                  li {\n                    flex: 1;\n\n                    .info {\n                      height: 40px;\n                      line-height: 40px;\n                    }\n                  }\n\n\n                }\n              }\n            }\n\n            .body-list {\n              margin-left: 5px;\n              color: #333333;\n              font-size: 15px;\n\n              ul {\n\n                li {\n                  display: flex;\n                  flex-direction: row;\n                  align-items: center;\n\n                  .list-img {\n                    width: 100px;\n                    height: 100px;\n                    margin-right: 50px;\n\n                    img {\n                      width: 100%;\n                      height: 100%;\n                    }\n                  }\n\n                  .list-title {\n                    margin-right: 50px;\n                  }\n\n                  .list-price {\n                  }\n                }\n\n                .line {\n                  margin-top: 20px;\n                  margin-bottom: 20px;\n                  border-bottom: 2px solid #F8F8F8;\n                }\n              }\n            }\n\n            .body-name, .body-pay {\n              display: flex;\n              flex-direction: column;\n              justify-content: flex-start;\n              margin-left: 5px;\n\n              .title {\n                font-size: 1.5rem;\n                color: #333333;\n                margin-bottom: 15px;\n              }\n\n              .list {\n                font-size: 15px;\n                color: #757575;\n                margin: 5px 0;\n\n                &:last-child {\n                  margin-bottom: 20px;\n                }\n              }\n            }\n\n            .body-total {\n\n              padding: 30px 44px 10px 10px;\n              //border-bottom: 1px solid #f5f5f5;\n              text-align: right;\n              font-size: 16px;\n              color: #666666;\n\n              .item-val {\n                color: #FF6700;\n              }\n\n              .item {\n                line-height: 15px;\n                margin-bottom: 12px;\n              }\n\n              .item-val {\n                display: inline-block;\n                width: 100px;\n              }\n\n              .item-total {\n                .item-val {\n                  font-size: 28px;\n                }\n              }\n            }\n          }\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!./OrderDetail.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!./OrderDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrderDetail.vue?vue&type=template&id=503c83b6&\"\nimport script from \"./OrderDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OrderDetail.vue?vue&type=style&index=0&id=503c83b6&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!./OrderDetail.vue?vue&type=style&index=0&id=503c83b6&prod&lang=scss&\"","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!./side.vue?vue&type=style&index=0&id=1c752cf5&prod&lang=scss&\"","// date.js\nexport function formatDate(date, fmt) {\n    if (/(y+)/.test(fmt)) {\n        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));\n    }\n    let o = {\n        'M+': date.getMonth() + 1,\n        'd+': date.getDate(),\n        'h+': date.getHours(),\n        'm+': date.getMinutes(),\n        's+': date.getSeconds()\n    };\n    for (let k in o) {\n        if (new RegExp(`(${k})`).test(fmt)) {\n            let str = o[k] + '';\n            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));\n        }\n    }\n    return fmt;\n}\n\nfunction padLeftZero(str) {\n    return ('00' + str).substr(str.length);\n}\n\nexport function str2Date(dateStr, separator) {\n    if (!separator) {\n        separator = \"-\";\n    }\n    let dateArr = dateStr.split(separator);\n    let year = parseInt(dateArr[0]);\n    let month;\n    //处理月份为04这样的情况\n    if (dateArr[1].indexOf(\"0\") == 0) {\n        month = parseInt(dateArr[1].substring(1));\n    } else {\n        month = parseInt(dateArr[1]);\n    }\n    let day = parseInt(dateArr[2]);\n    let date = new Date(year, month - 1, day);\n    return date;\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"user-side\"},[_c('div',{staticClass:\"user-container\"},[_c('div',{staticClass:\"order-center\"},[_c('h3',[_vm._v(\"订单中心\")]),_c('ul',[_c('li',{class:{'active': _vm.$route.path === '/orderList'}},[_c('router-link',{attrs:{\"to\":\"/orderList\"}},[_vm._v(\"我的订单\")])],1),_c('li',{class:{'active': _vm.$route.path === '/service'}},[_c('router-link',{attrs:{\"to\":\"/service\"}},[_vm._v(\"售后列表\")])],1)])]),_c('div',{staticClass:\"user-center\"},[_c('h3',[_vm._v(\"用户中心\")]),_c('ul',[_c('li',{class:{'active': _vm.$route.path === '/collect'}},[_c('router-link',{attrs:{\"to\":\"/collect\"}},[_vm._v(\"我的搜藏\")])],1),_c('li',{class:{'active': _vm.$route.path === '/history'}},[_c('router-link',{attrs:{\"to\":\"/history\"}},[_vm._v(\"我的浏览\")])],1)])]),_c('div',{staticClass:\"account-center\"},[_c('h3',[_vm._v(\"账户中心\")]),_c('ul',[_c('li',{class:{'active': _vm.$route.path === '/profile'}},[_c('router-link',{attrs:{\"to\":\"/profile\"}},[_vm._v(\"账户设置\")])],1),_c('li',{class:{'active': _vm.$route.path === '/message'}},[_c('router-link',{attrs:{\"to\":\"/message\"}},[_vm._v(\"消息中心\")])],1)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"user-side\">\n    <div class=\"user-container\">\n      <div class=\"order-center\">\n        <h3>订单中心</h3>\n        <ul>\n          <li :class=\"{'active': $route.path === '/orderList'}\"><router-link to=\"/orderList\">我的订单</router-link></li>\n          <li :class=\"{'active': $route.path === '/service'}\"><router-link to=\"/service\">售后列表</router-link></li>\n          <!--          <li :class=\"{'active': $route.path === '/rate'}\"><router-link to=\"/rate\">评价管理</a></li>-->\n        </ul>\n      </div>\n      <div class=\"user-center\">\n        <h3>用户中心</h3>\n        <ul>\n          <!--                <li :class=\"{'active': $route.path === '/sign'}\"><router-link to=\"/sign\">签到记录</a></li>-->\n          <li :class=\"{'active': $route.path === '/collect'}\"><router-link to=\"/collect\">我的搜藏</router-link></li>\n          <li :class=\"{'active': $route.path === '/history'}\"><router-link to=\"/history\">我的浏览</router-link></li>\n        </ul>\n      </div>\n      <div class=\"account-center\">\n        <h3>账户中心</h3>\n        <ul>\n          <li :class=\"{'active': $route.path === '/profile'}\"><router-link to=\"/profile\">账户设置</router-link></li>\n          <li :class=\"{'active': $route.path === '/message'}\"><router-link to=\"/message\">消息中心</router-link></li>\n        </ul>\n      </div>\n\n\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Side\",\n  mounted() {\n  },\n  data() {\n    return {}\n  },\n  methods: {}\n}\n</script>\n\n<style lang=\"scss\">\n.user-side {\n  margin-bottom: 40px;\n\n  .highlight {\n    color: #ff6600;\n  }\n\n  .user-container {\n\n    background-color: #FFFFFF;\n    width: 240px;\n    height: 520px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    .order-center, .user-center, .service-center, .account-center {\n      margin-left: 50px;\n\n\n      h3 {\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 52px;\n        color: #333;\n        margin: 0;\n        padding: 0\n      }\n\n      ul {\n        .active {\n          a {\n            color: #ff6600;\n          }\n        }\n\n        li {\n          padding: 6px 0;\n\n          a {\n            color: #757575;\n\n          }\n        }\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!./side.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!./side.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./side.vue?vue&type=template&id=1c752cf5&\"\nimport script from \"./side.vue?vue&type=script&lang=js&\"\nexport * from \"./side.vue?vue&type=script&lang=js&\"\nimport style0 from \"./side.vue?vue&type=style&index=0&id=1c752cf5&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"],"sourceRoot":""}