{"version":3,"sources":["webpack:///./src/views/myorder/MyOrder.vue","webpack:///src/views/myorder/MyOrder.vue","webpack:///./src/views/myorder/MyOrder.vue?1004","webpack:///./src/views/myorder/MyOrder.vue?d07e","webpack:///./src/views/myorder/MyOrder.vue?c906"],"names":["render","_vm","this","_c","_self","attrs","_v","orderColumns","orderData","loading","scopedSlots","_u","key","fn","row","paid","on","$event","deleteOrder","staticRenderFns","data","$createElement","title","minWidth","renderHeader","h","column","course_code","transaction_id","el","document","createElement","value","body","appendChild","select","execCommand","removeChild","Message","success","align","maxWidth","className","slot","methods","displayName","$store","getters","getCurrentUser","display_name","$Modal","confirm","content","onCancel","remove","onOk","student","resp","axios","delete","status","$Message","get","then","error","mounted","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,MAAM,CAAC,KAAO,uBAAuBF,EAAG,OAAO,CAACF,EAAIK,GAAG,4BAA4BH,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,eAAe,QAAUJ,EAAIM,aAAa,KAAON,EAAIO,UAAU,QAAUP,EAAIQ,SAASC,YAAYT,EAAIU,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,UAAS,IAAEC,IAAO,MAAO,CAAGA,EAAIC,KAAqIZ,EAAG,MAAM,CAACF,EAAIK,GAAG,UAAhJH,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,QAAQ,KAAO,SAASW,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,YAAYJ,MAAQ,CAACb,EAAIK,GAAG,gBAA2C,IAElgBa,EAAkB,G,YC4BP,GACfC,OAAA,KAAAC,eACA,OACAZ,SAAA,EACAF,aAAA,CACA,CACAe,MAAA,OACAV,IAAA,cACAW,SAAA,IACAC,aAAAC,GAAA,OAAAC,IAEA,OAAAD,EAAA,oCAAAC,EAAAJ,SAEAtB,OAAAyB,GAAA,IAAAX,IACA,OAAAW,EAAA,oCAAAX,EAAAa,gBAGA,CACAL,MAAA,KACAV,IAAA,SACAW,SAAA,KAEA,CACAD,MAAA,MACAV,IAAA,iBACAW,SAAA,IACAvB,OAAAyB,GAAA,IAAAX,IACA,qBAAAc,GAAAd,EACA,OAAAW,EAAA,OAAAA,EAAA,kBAEAG,GAAA,8BACAA,IAAAH,EAAA,sBAGA,eACA,4BACA,WACA,MAAAI,EAAAC,SAAAC,cAAA,YACAF,EAAAG,MAAAJ,EACAE,SAAAG,KAAAC,YAAAL,GACAA,EAAAM,SACAL,SAAAM,YAAA,QACAN,SAAAG,KAAAI,YAAAR,GACAS,aAAAC,QAAA,aAEA,CAAAd,EAAA,oBAEA,oBAMA,CACAH,MAAA,KACAV,IAAA,OACA4B,MAAA,SACAjB,SAAA,IACAkB,SAAA,IACAC,UAAA,eACAlB,aAAAC,GAAA,OAAAC,IAEA,OAAAD,EAAA,OAAAC,EAAAJ,SAEAtB,OAAAyB,GAAA,IAAAX,IACA,OAAAW,EAAA,OAEAX,EAAAC,KAAAU,EAAA,oBACA,qBAAAA,EAAA,oBAEA,yBAMA,CACAH,MAAA,OACAqB,KAAA,SACAH,MAAA,SACAjB,SAAA,MAGAf,UAAA,KAGAoC,QAAA,CACA1B,YAAAJ,GACA,MAAA+B,EACA,KAAAC,OAAAC,QAAAC,eAAAC,cAAA,IACA,KAAAC,OAAAC,QAAA,CACA7B,MAAA,iBAAAuB,SACAO,QAAA,mCAAAtC,EAAAa,uCAEA0B,cACA,KAAAH,OAAAI,UAEAC,KAAA,UACA,cAAAC,EAAA,YAAA7B,GAAAb,EACA,IACA,MAAA2C,QAAA,KAAAC,MAAAC,OACA,eAAAH,YAAA7B,KAEA,MAAA8B,EAAAG,QACA,KAAAC,SAAAtB,QACA,KAAAM,aAAA/B,EAAAa,kBAGA,KAAA+B,MAAAI,IAAA,sBAAAC,KAAAN,IAEA,KAAAjD,UAAAiD,EAAArC,OAEA,MACA,KAAAyC,SAAAG,MAAA,UACA,QACA,KAAAd,OAAAI,eAMAW,QAAA,WACA,KAAAP,MAAAI,IAAA,sBAAAC,KAAAN,IAEA,KAAAjD,UAAAiD,EAAArC,KACA,KAAAX,SAAA,MC3J+V,I,yBCQ3VyD,EAAY,eACd,EACAlE,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAA+C,E,8CCnBf,W","file":"js/chunk-04c56bdd.b6c84f51.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Icon',{attrs:{\"type\":\"ios-alert-outline\"}}),_c('span',[_vm._v(\"未付款的课程请复制“订单号”联系顾问完成付款\")]),_c('Table',{attrs:{\"id\":\"orders-table\",\"columns\":_vm.orderColumns,\"data\":_vm.orderData,\"loading\":_vm.loading},scopedSlots:_vm._u([{key:\"action\",fn:function({ row }){return [(!row.paid)?_c('Button',{attrs:{\"type\":\"error\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.deleteOrder(row)}}},[_vm._v(\"删除\")]):_c('div',[_vm._v(\"暂无操作\")])]}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<style lang=\"less\" scoped>\n@import \"./MyOrder.less\";\n</style>\n\n<template>\n  <div>\n    <Icon type=\"ios-alert-outline\" />\n    <span>未付款的课程请复制“订单号”联系顾问完成付款</span>\n    <Table\n      id=\"orders-table\"\n      :columns=\"orderColumns\"\n      :data=\"orderData\"\n      :loading=\"loading\"\n    >\n      <template slot-scope=\"{ row }\" slot=\"action\">\n        <Button\n          v-if=\"!row.paid\"\n          type=\"error\"\n          size=\"small\"\n          @click=\"deleteOrder(row)\"\n          >删除</Button\n        >\n        <div v-else>暂无操作</div>\n      </template>\n    </Table>\n  </div>\n</template>\n\n<script>\nimport { Message } from \"view-design\";\nexport default {\n  data() {\n    return {\n      loading: true,\n      orderColumns: [\n        {\n          title: \"服务项目\",\n          key: \"course_code\",\n          minWidth: 200,\n          renderHeader(h, { column }) {\n            // console.log(column)\n            return <div style=\"padding-left: 25px\">{column.title}</div>;\n          },\n          render(h, { row }) {\n            return <div style=\"padding-left: 25px\">{row.course_code}</div>;\n          }\n        },\n        {\n          title: \"学校\",\n          key: \"campus\",\n          minWidth: 200\n        },\n        {\n          title: \"订单号\",\n          key: \"transaction_id\",\n          minWidth: 250,\n          render(h, { row }) {\n            const { transaction_id } = row;\n            return (\n              <div>\n                <span id={transaction_id} style=\"margin-right: 10px;\">\n                  {transaction_id}\n                </span>\n                <Button\n                  size=\"small\"\n                  style=\"color: #4c8bf5;\"\n                  onclick={function () {\n                    const el = document.createElement(\"textarea\");\n                    el.value = transaction_id;\n                    document.body.appendChild(el);\n                    el.select();\n                    document.execCommand(\"copy\");\n                    document.body.removeChild(el);\n                    Message.success(\"订单号已复制\");\n                    // this.$Message.success('订单号已复制');\n                  }}\n                >\n                  <Icon type=\"ios-copy\" />\n                </Button>\n              </div>\n            );\n          }\n        },\n        {\n          title: \"状态\",\n          key: \"paid\",\n          align: \"center\",\n          minWidth: 100,\n          maxWidth: 200,\n          className: \"column-price\",\n          renderHeader(h, { column }) {\n            // console.log(column)\n            return <div>{column.title}</div>;\n          },\n          render(h, { row }) {\n            return (\n              <div>\n                {row.paid ? (\n                  <Tag color=\"success\">已付款</Tag>\n                ) : (\n                  <Tag color=\"warning\">未付款</Tag>\n                )}\n              </div>\n            );\n          }\n        },\n        {\n          title: \"管理报名\",\n          slot: \"action\",\n          align: \"center\",\n          minWidth: 200\n        }\n      ],\n      orderData: []\n    };\n  },\n  methods: {\n    deleteOrder(row) {\n      const displayName =\n        this.$store.getters.getCurrentUser.display_name || \" \";\n      this.$Modal.confirm({\n        title: `<h2>Dear user ${displayName}</h2>`,\n        content: `<div>Are you sure to delete the ${row.course_code} service?</div>\n        `,\n        onCancel: () => {\n          this.$Modal.remove();\n        },\n        onOk: async () => {\n          const { student, course_code } = row;\n          try {\n            const resp = await this.axios.delete(\n              `api/student/${student}/course/${course_code}`\n            );\n            if (resp.status === 200) {\n              this.$Message.success(\n                `恭喜${displayName}!您已经成功删除了${row.course_code}服务!`\n              );\n            }\n            this.axios.get(\"api/courses/signed\").then(resp => {\n              // console.log(resp.data)\n              this.orderData = resp.data;\n            });\n          } catch {\n            this.$Message.error(\"删除服务失败\");\n          } finally {\n            this.$Modal.remove();\n          }\n        }\n      });\n    }\n  },\n  mounted: function () {\n    this.axios.get(\"api/courses/signed\").then(resp => {\n      // console.log(resp.data)\n      this.orderData = resp.data;\n      this.loading = false;\n    });\n  }\n};\n</script>\n","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!./MyOrder.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!./MyOrder.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MyOrder.vue?vue&type=template&id=3236f823&scoped=true\"\nimport script from \"./MyOrder.vue?vue&type=script&lang=js\"\nexport * from \"./MyOrder.vue?vue&type=script&lang=js\"\nimport style0 from \"./MyOrder.vue?vue&type=style&index=0&id=3236f823&prod&lang=less&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  \"3236f823\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyOrder.vue?vue&type=style&index=0&id=3236f823&prod&lang=less&scoped=true\""],"sourceRoot":""}