{"version":3,"sources":["webpack:///./src/pages/user/order.vue?691d","webpack:///./src/components/side.vue?7ed2","webpack:///./src/utils/date.js","webpack:///./src/pages/user/order.vue","webpack:///src/pages/user/order.vue","webpack:///./src/pages/user/order.vue?57d5","webpack:///./src/pages/user/order.vue?9cc7","webpack:///./src/components/side.vue","webpack:///src/components/side.vue","webpack:///./src/components/side.vue?e303","webpack:///./src/components/side.vue?e61a"],"names":["formatDate","date","fmt","test","replace","RegExp","$1","getFullYear","substr","length","o","getMonth","getDate","getHours","getMinutes","getSeconds","k","str","padLeftZero","render","_vm","this","_c","_self","staticClass","attrs","path","_v","_m","class","orderSelect","on","$event","filterOrder","_l","orderList","order","idx","key","_s","_f","status","add_time","signer_name","order_sn","pay_type","order_mount","goods","good","cover","be_product","id","params","sold_price","nums","closeStatus","goPay","_e","orderDetail","pageSize","total","handleCurrentChange","staticRenderFns","name","components","Side","data","pageCount","created","document","title","filters","judgeStatus","type","getPayStatus","formatCreateTime","time","Date","getPayType","mounted","getOrderList","methods","page","axios","get","pageNum","then","res","list","orderSn","routeData","$router","resolve","query","window","open","href","_Message","success","component","$route"],"mappings":"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","file":"js/chunk-3d05e144.4edfda42.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!./order.vue?vue&type=style&index=0&id=72a43db1&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-order\"},[_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:\"user-order-body\"},[_c('Side'),_c('div',{staticClass:\"user-order-content\"},[_c('div',{staticClass:\"wrap\"},[_vm._m(0),_c('div',{staticClass:\"order-category\"},[_c('h3',{class:{'checked':_vm.orderSelect===''},on:{\"click\":function($event){return _vm.filterOrder('')}}},[_vm._v(\"所有订单\")]),_c('h3',{class:{'checked':_vm.orderSelect==='SUCCESS'},on:{\"click\":function($event){return _vm.filterOrder('SUCCESS')}}},[_vm._v(\"已完成\")]),_c('h3',{class:{'checked':_vm.orderSelect==='PAYING'},on:{\"click\":function($event){return _vm.filterOrder('PAYING')}}},[_vm._v(\"待付款\")]),_c('h3',{class:{'checked':_vm.orderSelect==='DELIVERY'},on:{\"click\":function($event){return _vm.filterOrder('DELIVERY')}}},[_vm._v(\"待发货\")]),_c('h3',{class:{'checked':_vm.orderSelect==='GOOD'},on:{\"click\":function($event){return _vm.filterOrder('GOOD')}}},[_vm._v(\"待收货\")]),_c('h3',{class:{'checked':_vm.orderSelect==='COMMENT'},on:{\"click\":function($event){return _vm.filterOrder('COMMENT')}}},[_vm._v(\"待评价\")])]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"order-list\"},[_c('ul',_vm._l((_vm.orderList),function(order,idx){return _c('li',{key:idx},[_c('div',{staticClass:\"list-header\"},[_c('p',{staticClass:\"pay-status\"},[_vm._v(_vm._s(_vm._f(\"getPayStatus\")(order.status)))]),_c('div',{staticClass:\"pay-info\"},[_c('p',[_vm._v(_vm._s(_vm._f(\"formatCreateTime\")(order.add_time))+\" \"),_c('span',{staticClass:\"sep\"},[_vm._v(\"|\")]),_vm._v(\" \"+_vm._s(order.signer_name)+\" \"),_c('span',{staticClass:\"sep\"},[_vm._v(\"|\")]),_vm._v(\" 订单号：\"+_vm._s(order.order_sn)+\" \"),_c('span',{staticClass:\"sep\"},[_vm._v(\"|\")]),_vm._v(\" 支付方式：\"+_vm._s(_vm._f(\"getPayType\")(order.pay_type))+\" \")]),_c('p',[_vm._v(\"应付金额： \"+_vm._s(order.order_mount)+\"元\")])])]),_c('div',{staticClass:\"list-body\"},[_c('div',{staticClass:\"body-left\"},[_c('ul',_vm._l((order.goods),function(good,idx){return _c('li',{key:idx},[_c('div',{staticClass:\"left-img\"},[_c('a',{attrs:{\"href\":\"\"}},[_c('img',{attrs:{\"src\":good.goods.cover,\"alt\":\"\"}})])]),_c('a',{attrs:{\"href\":\"/product/\"+good.goods.be_product.id}},[_vm._v(_vm._s(good.goods.params[0][\"value\"]))]),_c('span',[_vm._v(_vm._s(good.goods.sold_price)+\"元 × \"+_vm._s(good.nums))])])}),0)]),_c('div',{staticClass:\"body-right\"},[_c('div',[(_vm.closeStatus)?_c('div',{staticClass:\"list\",on:{\"click\":function($event){return _vm.goPay(order.order_sn, order.status)}}},[_vm._v(_vm._s(_vm._f(\"judgeStatus\")(order.status))+\" \")]):_vm._e(),_c('div',{staticClass:\"list\",on:{\"click\":function($event){return _vm.orderDetail(order.order_sn)}}},[_vm._v(\"订单详情\")])])])])])}),0)]),_c('div',{staticClass:\"order-page\"},[_c('div',{staticClass:\"page\"},[_c('el-pagination',{attrs:{\"page-size\":_vm.pageSize,\"pager-count\":5,\"layout\":\"prev, pager, next\",\"total\":_vm.total},on:{\"current-change\":_vm.handleCurrentChange}})],1)])])])],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"order-title\"},[_c('h1',[_vm._v(\"我的订单\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"user-order\">\n\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=\"user-order-body\">\n        <Side></Side>\n        <div class=\"user-order-content\">\n          <div class=\"wrap\">\n            <div class=\"order-title\">\n              <h1>我的订单</h1>\n            </div>\n            <div class=\"order-category\">\n              <h3 :class=\"{'checked':orderSelect===''}\" @click=\"filterOrder('')\">所有订单</h3>\n              <h3 :class=\"{'checked':orderSelect==='SUCCESS'}\" @click=\"filterOrder('SUCCESS')\">已完成</h3>\n              <h3 :class=\"{'checked':orderSelect==='PAYING'}\" @click=\"filterOrder('PAYING')\">待付款</h3>\n              <h3 :class=\"{'checked':orderSelect==='DELIVERY'}\" @click=\"filterOrder('DELIVERY')\">待发货</h3>\n              <h3 :class=\"{'checked':orderSelect==='GOOD'}\" @click=\"filterOrder('GOOD')\">待收货</h3>\n              <h3 :class=\"{'checked':orderSelect==='COMMENT'}\" @click=\"filterOrder('COMMENT')\">待评价</h3>\n\n            </div>\n            <div class=\"line\"></div>\n            <div class=\"order-list\">\n              <ul>\n                <li v-for=\"(order,idx) in orderList\" :key=\"idx\">\n                  <div class=\"list-header\">\n                    <p class=\"pay-status\">{{ order.status | getPayStatus }}</p>\n                    <div class=\"pay-info\">\n                      <p>{{ order.add_time | formatCreateTime }} <span class=\"sep\">|</span> {{ order.signer_name }}\n                        <span\n                            class=\"sep\">|</span> 订单号：{{ order.order_sn }} <span class=\"sep\">|</span>\n                        支付方式：{{ order.pay_type | getPayType }}\n                      </p>\n                      <p>应付金额： {{ order.order_mount }}元</p>\n                    </div>\n                  </div>\n                  <div class=\"list-body\">\n                    <div class=\"body-left\">\n                      <ul>\n                        <li v-for=\"(good,idx) in order.goods\" :key=\"idx\">\n                          <div class=\"left-img\">\n                            <a href=\"\"><img\n                                :src=\"good.goods.cover\"\n                                alt=\"\"></a>\n                          </div>\n\n                          <a :href='\"/product/\"+good.goods.be_product.id'>{{ good.goods.params[0][\"value\"] }}</a>\n                          <span>{{ good.goods.sold_price }}元 × {{ good.nums }}</span>\n\n                        </li>\n                      </ul>\n\n                    </div>\n                    <div class=\"body-right\">\n                      <!--                      <div v-if=\"order.status==='SUCCESS'\">-->\n                      <!--                        <div class=\"list\" @click=\"orderDetail(order.order_sn)\">订单详情</div>-->\n                      <!--                      </div>-->\n\n                      <div>\n                        <div class=\"list\" @click=\"goPay(order.order_sn, order.status)\" v-if=\"closeStatus\">{{\n                            order.status | judgeStatus\n                          }}\n                        </div>\n                        <div class=\"list\" @click=\"orderDetail(order.order_sn)\">订单详情</div>\n                      </div>\n                    </div>\n\n                  </div>\n\n                </li>\n\n\n              </ul>\n            </div>\n\n            <div class=\"order-page\">\n              <div class=\"page\">\n                <el-pagination\n                    @current-change=\"handleCurrentChange\"\n                    :page-size=\"pageSize\"\n                    :pager-count=\"5\"\n                    layout=\"prev, pager, next\"\n                    :total=\"total\">\n                </el-pagination>\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: \"order\",\n  components: {\n    Side\n  },\n  data() {\n    return {\n      closeStatus: true,\n      orderList: [],\n      orderSelect: '',\n      // 总条数\n      total: 10,\n      // 默认为5请求\n      pageSize: 5,\n      // 分页按钮的数量\n      pageCount: 10\n\n    }\n  },\n  created() {\n    document.title = '我的订单 - JapanHui';\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    },\n    getPayType(type) {\n      if (type === 'alipay') {\n        return '支付宝'\n      } else {\n        return '微信支付'\n      }\n    },\n  },\n  mounted() {\n    this.getOrderList();\n  },\n  methods: {\n    handleCurrentChange(page) {\n      this.axios.get('/orders/', {\n        params: {\n          pageSize: this.pageSize,\n          pageNum: page\n        }\n      }).then((res) => {\n        this.orderList = res.data.list;\n        this.total = res.data.total;\n      })\n    },\n    filterOrder(status) {\n      this.orderSelect = status;\n      this.axios.get('/orders/', {\n        params: {\n          pageSize: this.pageSize,\n          status: status\n        }\n      }).then((res) => {\n        this.orderList = res.data.list;\n        this.total = res.data.total;\n      })\n    },\n    getOrderList() {\n      this.axios.get('/orders/', {\n        params: {\n          pageSize: this.pageSize\n        }\n      }).then((res) => {\n        this.orderList = res.data.list;\n        this.total = res.data.total;\n      })\n    },\n    orderDetail(orderSn) {\n      let routeData = this.$router.resolve({name: 'orderDetail', query: {orderSn: orderSn}});\n      window.open(routeData.href, '_blank');\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  },\n\n}\n</script>\n\n<style lang=\"scss\">\n.user-order {\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    .user-order-body {\n      display: flex;\n      justify-content: space-between;\n\n      .user-order-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          .order-title {\n            h1 {\n              margin: 0;\n              font-size: 30px;\n              font-weight: 400;\n              line-height: 68px;\n              color: #757575;\n            }\n          }\n\n          .line {\n            margin-top: 10px;\n            border-bottom: 2px solid #F8F8F8;\n          }\n\n          .order-category {\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n\n            .checked {\n              color: #ff6600;\n            }\n\n            h3 {\n              margin-left: 30px;\n              font-weight: normal;\n              cursor: pointer;\n              // 注意层级\n              &:first-child {\n                margin-left: 0;\n              }\n            }\n          }\n\n          .order-list {\n            margin-right: 25px;\n\n            ul {\n              margin-top: 20px;\n\n              li {\n                margin-bottom: 30px;\n                display: flex;\n                //width: 800px;\n                flex-direction: column;\n                border: 1px solid #ff6600;\n\n                //&:last-child {\n                //  margin-bottom: 50px;\n                //}\n\n                .list-header {\n                  display: flex;\n                  flex-direction: column;\n                  padding: 30px;\n                  background-color: #FFFAF7;\n\n                  .pay-status {\n                    font-size: 18px;\n                    color: #ff6600;\n                  }\n\n                  .pay-info {\n                    margin-top: 10px;\n                    display: flex;\n                    justify-content: space-between;\n\n                    .sep {\n                      color: #E5E5E5;\n                    }\n\n                    p {\n                      font-size: 15px;\n                      color: #757575;\n                      font-weight: 500;\n                    }\n                  }\n                }\n\n                .list-body {\n                  //margin: 10px 0;\n                  display: flex;\n                  justify-content: space-between;\n\n                  .body-left {\n                    ul {\n\n                      li {\n                        border: none;\n                        display: flex;\n                        flex-direction: row;\n\n                        justify-content: flex-start;\n                        align-items: center;\n\n                        .left-img {\n                          margin: 0 10px;\n                          width: 100px;\n                          height: 100px;\n\n                          img {\n                            width: 100%;\n                            height: 100%;\n                          }\n                        }\n\n                        a {\n                          color: #333;\n                          font-size: 15px;\n                        }\n\n\n                        span {\n                          margin-left: 20px;\n                          font-size: 16px;\n                          color: #ff6600;\n                        }\n                      }\n                    }\n                  }\n\n                  .body-right {\n                    margin-top: 15px;\n                    display: flex;\n                    flex-direction: column;\n                    justify-content: flex-start;\n\n                    .list {\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                  }\n                }\n              }\n            }\n          }\n\n          .order-page {\n            display: flex;\n            justify-content: center;\n            margin: 15px 0 30px 0;\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!./order.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!./order.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./order.vue?vue&type=template&id=72a43db1&\"\nimport script from \"./order.vue?vue&type=script&lang=js&\"\nexport * from \"./order.vue?vue&type=script&lang=js&\"\nimport style0 from \"./order.vue?vue&type=style&index=0&id=72a43db1&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:\"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":""}