{"version":3,"sources":["webpack:///./src/views/ReturnOrExchange/list.vue?a708","webpack:///./src/views/ReturnOrExchange/list.vue?5d04","webpack:///src/views/ReturnOrExchange/list.vue","webpack:///./src/views/ReturnOrExchange/list.vue?9b17","webpack:///./src/views/ReturnOrExchange/list.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","handleClick","model","value","callback","$$v","activeName","expression","slot","_v","_m","_l","item","index","key","_s","_f","Type","$event","jumpOrderDetail","SkuList","ApplySkuPictureUrl","ApplySkuName","AfterSaleOrderId","ApplySkuPrice","ApplySkuNumber","staticRenderFns","name","filters","orderType","data","goodsData","userData","orderList","created","getUserInfo","getUserAfterSaleList","methods","handleNavClick","activeLi","v","id","jumpLogistics","$router","push","paymentFun","type","pageIndex","pageSize","component"],"mappings":"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","file":"js/chunk-05bf9ae5.c7fed8bd.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./list.vue?vue&type=style&index=0&id=38dccbd5&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"order-box\"},[_c('div',{staticClass:\"main-nav\"},[_c('el-tabs',{staticClass:\"tabs-box\",attrs:{\"stretch\":true},on:{\"tab-click\":_vm.handleClick},model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:\"activeName\"}},[_c('el-tab-pane',{attrs:{\"label\":\"待审批\",\"name\":\"1\"}}),_c('el-tab-pane',{attrs:{\"name\":\"2\"}},[_c('span',{attrs:{\"slot\":\"label\"},slot:\"label\"},[_vm._v(\"进行中\")])]),_c('el-tab-pane',{attrs:{\"label\":\"已完成\",\"name\":\"3\"}}),_c('el-tab-pane',{attrs:{\"label\":\"已拒绝\",\"name\":\"4\"}})],1),_c('div',{staticClass:\"table-box\"},[_vm._m(0),_c('div',{staticClass:\"goods-list\"},_vm._l((_vm.orderList),function(item,index){return _c('div',{key:index,staticClass:\"goods-box\"},[_c('div',{staticClass:\"lable\"},[_c('span',[_vm._v(_vm._s(_vm._f(\"orderType\")(item.Type)))]),_c('span',{staticClass:\"rigth-txt\",on:{\"click\":function($event){return _vm.jumpOrderDetail(item)}}},[_vm._v(\"订单详情\")])]),_c('div',{staticClass:\"goods-item\"},[_c('div',{staticClass:\"goods\"},[_c('img',{staticClass:\"img\",attrs:{\"src\":item.SkuList[0].ApplySkuPictureUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"txt-box\"},[_c('span',{staticClass:\"txt\"},[_vm._v(_vm._s(item.SkuList[0].ApplySkuName))]),_c('span',{staticClass:\"buy-num\"},[_vm._v(\"订单号：\"+_vm._s(item.AfterSaleOrderId))])])]),_c('span',{staticClass:\"tab2\"},[_vm._v(\"￥\"+_vm._s(item.SkuList[0].ApplySkuPrice))]),_c('span',{staticClass:\"tab2\"},[_vm._v(_vm._s(item.SkuList[0].ApplySkuNumber))])])])}),0)])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tab-header\"},[_c('span',{staticClass:\"tab1\"},[_vm._v(\"商品信息\")]),_c('span',{staticClass:\"tab2\"},[_vm._v(\"价格\")]),_c('span',{staticClass:\"tab2\"},[_vm._v(\"申请数量\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"order-box\">\r\n    <!-- <div class=\"main-top\">\r\n      <div class=\"portrait-box\">\r\n        <div class=\"portrait\">\r\n          <img src=\"../../assets/shop_code.png\" alt=\"\">\r\n        </div>\r\n        <p class=\"user-name\">{{userData.CompanyName}}</p>\r\n        <p class=\"user-info\"><span>{{userData.Username}}</span>&nbsp;<span>{{userData.BusinessType | userType}}</span></p>\r\n      </div>\r\n      <div class=\"wallet-box\">\r\n        <div class=\"wallet\">我的钱包</div>\r\n        <div class=\"money-box\">\r\n          <p><span class=\"txt-bold\">{{userData.AwardAmount}}</span><span class=\"txt999\">奖金</span></p>\r\n          <p><span class=\"txt-bold\">{{userData.EnvelopeAmount}}</span><span class=\"txt999\">红包</span></p>\r\n          <p><span class=\"txt-bold\">{{userData.Integral}}</span><span class=\"txt999\">积分</span></p>\r\n          <p><span class=\"txt-bold\">{{userData.CouponCount}}</span><span class=\"txt999\">优惠券</span></p>\r\n        </div>\r\n      </div>\r\n    </div> -->\r\n    <div class=\"main-nav\">\r\n      <el-tabs class=\"tabs-box\" :stretch=\"true\" v-model=\"activeName\" @tab-click=\"handleClick\">\r\n        <el-tab-pane label=\"待审批\" name=\"1\"> </el-tab-pane>\r\n        <el-tab-pane name=\"2\">\r\n          <span slot=\"label\">进行中</span>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"已完成\" name=\"3\"></el-tab-pane>\r\n        <el-tab-pane label=\"已拒绝\" name=\"4\"></el-tab-pane>\r\n      </el-tabs>\r\n      <div class=\"table-box\">\r\n        <div class=\"tab-header\">\r\n          <span class=\"tab1\">商品信息</span>\r\n          <span class=\"tab2\">价格</span>\r\n          <span class=\"tab2\">申请数量</span>\r\n          <!-- <span class=\"tab2\">实付款</span>\r\n          <span class=\"tab5\">操作</span> -->\r\n        </div>\r\n        <div class=\"goods-list\">\r\n          <div class=\"goods-box\" v-for=\"(item, index) in orderList\" :key=\"index\">\r\n            <div class=\"lable\"><span>{{item.Type | orderType}}</span><span class=\"rigth-txt\" @click=\"jumpOrderDetail(item)\">订单详情</span></div>\r\n            <div class=\"goods-item\">\r\n              <div class=\"goods\">\r\n                <img class=\"img\" :src=\"item.SkuList[0].ApplySkuPictureUrl\" alt=\"\">\r\n                <div class=\"txt-box\">\r\n                  <span class=\"txt\">{{item.SkuList[0].ApplySkuName}}</span>\r\n                  <span class=\"buy-num\">订单号：{{item.AfterSaleOrderId}}</span>\r\n                </div>\r\n              </div>\r\n              <span class=\"tab2\">￥{{item.SkuList[0].ApplySkuPrice}}</span>\r\n              <span class=\"tab2\">{{item.SkuList[0].ApplySkuNumber}}</span>\r\n              <!-- <span class=\"tab2\">￥{{item.Amount}}</span>\r\n              <span class=\"tab5\">\r\n                <span class=\"btn btn-border\" v-if=\"item.Status !== 60 && item.Status == 10\" @click=\"paymentFun(item)\">立即付款</span>\r\n                <span class=\"btn btn-border\" v-if=\"item.Status == 20\" @click=\"paymentFun(item)\">确认收货</span>\r\n                <span class=\"btn btn-border\" v-if=\"item.Status == 40\" @click=\"paymentFun(item)\">去评价</span>\r\n                <span  class=\"btn\" v-if=\"item.Status !== 60\" @click=\"jumpLogistics(item)\">查看物流</span>\r\n              </span> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  userInfo,\r\n  UserAfterSaleList\r\n} from '../../api/api'\r\nexport default {\r\n  name: 'exchange',\r\n  filters:{\r\n    orderType(val){\r\n      if(val == 1){\r\n        return '退款'\r\n      } else if(val == 2){\r\n        return '退货'\r\n      } else if(val == 3){\r\n        return '换货'\r\n      }\r\n    }\r\n  },\r\n  data(){\r\n    return{\r\n      activeName: '1',\r\n      goodsData: [],\r\n      userData: {},\r\n      orderList: [],\r\n    }\r\n  },\r\n  created(){\r\n    this.getUserInfo()\r\n    this.getUserAfterSaleList()\r\n  },\r\n  methods:{\r\n    handleNavClick(v){\r\n      this.activeLi = v.id\r\n    },\r\n    jumpLogistics(val){\r\n      this.$router.push({path: '/personalCenter/logistics', query: {orderNo: val.OrderNo}})\r\n    },\r\n    paymentFun(val){\r\n      this.$router.push({path: '/payment', query: {orderNo: val.OrderNo, money: val.Amount}})\r\n    },\r\n    jumpOrderDetail(val){\r\n      this.$router.push({path: '/personalCenter/orderDetail', query: {orderNo: val.OrderNo}})\r\n    },\r\n    getUserInfo(){\r\n      userInfo().then(res => {\r\n        if(res.data.success){\r\n          this.userData = res.data.response || {}\r\n        } else{\r\n          this.$message.error(res.data.msg)\r\n        }\r\n      })\r\n    },\r\n    handleClick(){\r\n      this.getUserAfterSaleList()\r\n    },\r\n    getUserAfterSaleList(){\r\n      let params = {\r\n        type: this.activeName,\r\n        pageIndex: 1,\r\n        pageSize: 10\r\n      }\r\n      // if(this.activeName == '1'){\r\n      //   delete params.type\r\n      // }\r\n      UserAfterSaleList(params).then(res =>{\r\n        if(res.data.success){\r\n          this.orderList = res.data.response.data || []\r\n        } else{\r\n          this.$message.error(res.data.msg)\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.order-box{\r\n\r\n}\r\n.main-top{\r\n  display: flex;\r\n  height: 204px;\r\n  margin-bottom: 20px;\r\n  .portrait-box{\r\n    width: 204px;\r\n    background: linear-gradient(90deg, #F73446 0%, #FB6035 100%);\r\n    border-radius: 10px 0px 0px 10px;\r\n    text-align: center;\r\n    padding: 24px 0;\r\n    .portrait{\r\n      width: 80px;\r\n      height: 80px;\r\n      display: inline-block;\r\n      border-radius: 40px;\r\n      background: #fff;\r\n      overflow: hidden;\r\n      img{\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 40px;\r\n      }\r\n    }\r\n    .user-name{\r\n      font-size: 18px;\r\n      line-height: 28px;\r\n      color: #fff;\r\n      margin: 10px 0;\r\n    }\r\n    .user-info{\r\n      color: #fff;\r\n      font-size: 14px;\r\n      span{\r\n        padding: 3px 5px;\r\n        border-radius: 12px;\r\n        border: 1px solid #ffffff;\r\n      }\r\n    }\r\n  }\r\n  .wallet-box{\r\n    flex: 1;\r\n    width: 736px;\r\n    background: #fff;\r\n    border-radius: 0 10px 10px 0;\r\n    text-align: left;\r\n    .wallet{\r\n      padding-left: 16px;\r\n      border-bottom: 1px solid #f4f4f4;\r\n      height: 50px;\r\n      line-height: 50px;\r\n      font-size: 16px;\r\n      color: #333;\r\n    }\r\n    .money-box{\r\n      // padding-left: 16px;\r\n      display: flex;\r\n      justify-content: space-around;\r\n      align-items: center;\r\n      height: 153px;\r\n      span{\r\n        display: block;\r\n      }\r\n      .txt-bold{\r\n        font-size: 24px;\r\n        color: #474245;\r\n      }\r\n      .txt999{\r\n        color: #999;\r\n      }\r\n    }\r\n  }\r\n}\r\n.main-nav{\r\n  background: #fff;\r\n  border-radius: 10px;\r\n  padding: 20px 0;\r\n  .table-box{\r\n    padding: 0 20px ;\r\n    .tab-header{\r\n      background: #f3f3f3;\r\n      height: 40px;\r\n      line-height: 40px;\r\n      margin-bottom: 20px;\r\n      >span{\r\n        display: inline-block;\r\n      }\r\n    }\r\n    .tab1{\r\n      width: 550px;\r\n      text-align: left;\r\n      padding-left: 20px;\r\n    }\r\n    .tab2{\r\n      width: 150px;\r\n    }\r\n    .tab5{\r\n      width: 200px;\r\n    }\r\n    .goods-list{\r\n      .goods-box{\r\n        border: 1px solid #f3f3f3;\r\n        margin-bottom: 20px;\r\n        .lable{\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          height: 40px;\r\n          background: #f9f9f9;\r\n          color: #f40000;\r\n          line-height: 40px;\r\n          font-size: 12px;\r\n          font-weight: bold;\r\n          text-align: left;\r\n          padding: 0 20px;\r\n          margin-bottom: 20px;\r\n          .rigth-txt{\r\n            cursor: pointer;\r\n            color: #999999;\r\n            font-weight: 500;\r\n          }\r\n          .rigth-txt:hover{\r\n            color: #f40000;\r\n          }\r\n        }\r\n      }\r\n      .goods-item{\r\n        display: flex;\r\n        padding-bottom: 20px;\r\n        padding-left: 20px;\r\n        >span{\r\n          display: inline-block;\r\n        }\r\n        .btn{\r\n          display: block;\r\n          width: 80px;\r\n          margin: 0 auto;\r\n          padding: 3px 5px;\r\n          color: #999;\r\n          cursor: pointer;\r\n        }\r\n        .btn-border{\r\n          border: 1px solid #f40000;\r\n          background: #f40000;\r\n          color: #fff;\r\n          margin-bottom: 10px;\r\n        }\r\n        .goods{\r\n          display: flex;\r\n          justify-content: flex-start;\r\n          align-items: flex-start;\r\n          width: 380px;\r\n          height: 80px;\r\n          .img{\r\n            width: 80px;\r\n            height: 80px;\r\n          }\r\n          .txt-box{\r\n            width: 300px;\r\n            height: 80px;\r\n            padding-left: 10px;\r\n            position: relative;\r\n            text-align: left;\r\n            .txt{\r\n              text-align: left;\r\n              display: inline-block;\r\n              color: #333333;\r\n            }\r\n            .buy-num{\r\n              position: absolute;\r\n              bottom: 0;\r\n              left: 10px;\r\n              font-size: 12px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.tabs-box /deep/ .el-tabs__nav-scroll {\r\n  padding: 0 20px;\r\n}\r\n.tabs-box /deep/ .el-tabs__item{\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n}\r\n.tabs-box /deep/ .el-tabs__item:hover{\r\n  color: #303133;\r\n}\r\n.tabs-box /deep/ .el-tabs__active-bar{\r\n  background-color: #f40000;\r\n}\r\n.tabs-box /deep/ .is-active{\r\n  color: #f40000;\r\n}\r\n.tabs-box /deep/ .el-submenu /deep/ .el-submenu__title{\r\n  height: 40px;\r\n  line-height: 40px;\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!./list.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!./list.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./list.vue?vue&type=template&id=38dccbd5&scoped=true&\"\nimport script from \"./list.vue?vue&type=script&lang=js&\"\nexport * from \"./list.vue?vue&type=script&lang=js&\"\nimport style0 from \"./list.vue?vue&type=style&index=0&id=38dccbd5&lang=scss&scoped=true&\"\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  \"38dccbd5\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}