{"version":3,"sources":["webpack:///./src/view/user/expensesRecord/recordInfo.vue","webpack:///src/view/user/expensesRecord/recordInfo.vue","webpack:///./src/view/user/expensesRecord/recordInfo.vue?b24f","webpack:///./src/view/user/expensesRecord/recordInfo.vue?2cb7","webpack:///./src/view/user/expensesRecord/recordInfo.vue?ea8a"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","goBack","_v","_s","info","consumeTypeName","consumeFee","_l","list","item","index","key","name","value","staticRenderFns","data","created","methods","getInfo","consumeInfo","id","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,WAAW,CAACE,YAAY,QAAQC,MAAM,CAAC,KAAO,cAAcC,GAAG,CAAC,MAAQN,EAAIO,UAAUL,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACJ,EAAIQ,GAAG,WAAW,GAAGN,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIQ,GAAG,OAAON,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,KAAKC,oBAAoBT,EAAG,MAAM,CAACE,YAAY,cAAc,CAACJ,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,KAAKE,iBAAiBV,EAAG,MAAM,CAACE,YAAY,UAAUJ,EAAIa,GAAIb,EAAIc,MAAM,SAASC,EAAKC,GAAO,OAAOd,EAAG,MAAM,CAACe,IAAID,EAAMZ,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGM,EAAKG,MAAM,OAAOhB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGM,EAAKI,OAAS,aAAY,QAEhzBC,EAAkB,G,wDCwBP,GACfF,kBACAG,gBACA,OACAX,QACAI,UAGAQ,mBACA,gBAEAC,SACAhB,kBACA,mBAAAW,yBAEAM,mBAAA,WACAC,gBAAAC,0BAAA,kBACA,cACA,OACA,CAAAR,YAAAC,2BACA,CAAAD,YAAAC,4BACA,CAAAD,YAAAC,8BACA,CAAAD,YAAAC,2BAGA,kCACA,OACA,CAAAD,YAAAC,yBACA,CAAAD,YAAAC,2BACA,CAAAD,YAAAC,yBACA,CAAAD,YAAAC,6BAEAL,8DACA,CACA,OACA,CAAAI,YAAAC,yBACA,CAAAD,YAAAC,6BAEAL,0DAEA,eClEkX,I,wBCQ9Wa,EAAY,eACd,EACA5B,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,2CCnBf,W","file":"js/chunk-d67dac34.5bdb19df.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"consumeInfo\"},[_c('div',{staticClass:\"subHead\"},[_c('van-icon',{staticClass:\"arrow\",attrs:{\"name\":\"arrow-left\"},on:{\"click\":_vm.goBack}}),_c('span',{staticClass:\"subHead-text\"},[_vm._v(\"记录详情\")])],1),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"moneyIcon\"},[_vm._v(\"￥\")]),_c('div',{staticClass:\"rechargeName\"},[_vm._v(_vm._s(_vm.info.consumeTypeName))]),_c('div',{staticClass:\"consumeFee\"},[_vm._v(\"-\"+_vm._s(_vm.info.consumeFee))])]),_c('div',{staticClass:\"bottom\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"item\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.name)+\"：\")]),_c('div',{staticClass:\"value\"},[_vm._v(_vm._s(item.value || '-'))])])}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"consumeInfo\">\n    <div class=\"subHead\">\n      <van-icon name=\"arrow-left\" class=\"arrow\" @click=\"goBack\" />\n      <span class=\"subHead-text\">记录详情</span>\n    </div>\n    <div class=\"content\">\n      <div class=\"top\">\n        <div class=\"moneyIcon\">￥</div>\n        <div class=\"rechargeName\">{{ info.consumeTypeName }}</div>\n        <div class=\"consumeFee\">-{{ info.consumeFee }}</div>\n      </div>\n      <div class=\"bottom\">\n        <div v-for=\"(item, index) in list\" :key=\"index\" class=\"item\">\n          <div class=\"name\">{{ item.name }}：</div>\n          <div class=\"value\">{{ item.value || '-' }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n\nimport { consumeInfo } from '@/api/user';\n\nexport default {\n  name: 'RecordInfo',\n  data() {\n    return {\n      info: {},\n      list: []\n    };\n  },\n  created() {\n    this.getInfo();\n  },\n  methods: {\n    goBack() {\n      this.$router.push({ name: 'expensesRecord' });\n    },\n    getInfo() {\n      consumeInfo({ id: this.$route.query.id }).then(res => {\n        this.info = res.data;\n        let list = [\n          { name: '消费项目', value: res.data.mealRuleName },\n          { name: '消费设备', value: res.data.equipmentName },\n          { name: '消费方式', value: res.data.consumeTypeName },\n          { name: '支付方式', value: res.data.payTypeName }\n\n        ];\n        if (res.data.payType === 'COUPON_PAY') {\n          const data = [\n            { name: '卡券名称', value: res.data.couponName },\n            { name: '卡券编号', value: res.data.couponSerial },\n            { name: '支付时间', value: res.data.createTime },\n            { name: '交易单号', value: res.data.consumeSerial }\n          ];\n          list = [...new Set([...list, ...data])];\n        } else {\n          const data = [\n            { name: '支付时间', value: res.data.createTime },\n            { name: '交易单号', value: res.data.consumeSerial }\n          ];\n          list = [...new Set([...list, ...data])];\n        }\n        this.list = list;\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.change_val(@name, @px){\n    @{name}: @px / 200.6 * 1rem;\n}\n.change_margin(@name, @top, @right){\n    @{name}: @top / 200.6 * 1rem @right / 200.6 * 1rem;\n}\n.consumeInfo {\n  .content {\n    display: flex;\n    flex-direction: column;\n\n    .top {\n      display: flex;\n      justify-content: center;\n      flex-direction: column;\n      align-items: center;\n      width: 100%;\n      .change_val(padding-top, 58);\n      .change_val(padding-bottom, 28);\n      .moneyIcon {\n        .change_val(width, 102);\n        .change_val(height, 102);\n        .change_val(font-size, 48);\n        background: #3B86FF;\n        border-radius: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        color: #FFFFFF;\n      }\n\n      .rechargeName {\n        .change_val(margin-top, 28);\n        .change_val(font-size, 28);\n        font-weight: 400;\n        color: rgba(0, 0, 0, 0.85);\n      }\n\n      .consumeFee {\n        .change_val(font-size, 36);\n        .change_val(margin-top, 17);\n        font-weight: 600;\n        color: #000000;\n      }\n    }\n\n    .bottom {\n      background: #FFFFFF;\n      border: 1px solid #EFEFF4;\n      box-shadow: 0px 3px 6px rgba(51, 51, 51, 0.1);\n      opacity: 1;\n      border-radius: 6px;\n      .change_margin(margin, 0, 28);\n      .change_margin(padding, 33, 42);\n\n      .item {\n        display: flex;\n        .change_val(font-size, 28);\n        .change_val(line-height, 60);\n        font-weight: 400;\n        color: rgba(0, 0, 0, 0.85);\n        opacity: 1;\n        .name {\n          width: 28%;\n        }\n        .value {\n          width: 72%;\n        }\n      }\n    }\n  }\n}\n</style>\n","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!./recordInfo.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!./recordInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./recordInfo.vue?vue&type=template&id=6ec782a9&scoped=true&\"\nimport script from \"./recordInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./recordInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./recordInfo.vue?vue&type=style&index=0&id=6ec782a9&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  \"6ec782a9\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./recordInfo.vue?vue&type=style&index=0&id=6ec782a9&prod&lang=less&scoped=true&\""],"sourceRoot":""}