{"remainingRequest":"/Users/ryousaku/Desktop/ming/mingpay/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/ryousaku/Desktop/ming/mingpay/src/components/pages/PaymentManagement/RechargeRecord.vue?vue&type=style&index=0&id=e783970e&lang=less&scoped=true&","dependencies":[{"path":"/Users/ryousaku/Desktop/ming/mingpay/src/components/pages/PaymentManagement/RechargeRecord.vue","mtime":1560931364095},{"path":"/Users/ryousaku/Desktop/ming/mingpay/node_modules/css-loader/index.js","mtime":1557826125722},{"path":"/Users/ryousaku/Desktop/ming/mingpay/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1557826125950},{"path":"/Users/ryousaku/Desktop/ming/mingpay/node_modules/postcss-loader/src/index.js","mtime":1557826125898},{"path":"/Users/ryousaku/Desktop/ming/mingpay/node_modules/less-loader/dist/cjs.js","mtime":1557889176706},{"path":"/Users/ryousaku/Desktop/ming/mingpay/node_modules/cache-loader/dist/cjs.js","mtime":1557826125621},{"path":"/Users/ryousaku/Desktop/ming/mingpay/node_modules/vue-loader/lib/index.js","mtime":1557826125950}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.searchBox{\n display: flex;\n margin-bottom: 20px;\n}\n.searchBox > input {\n margin-right: 20px;\n max-width: 180px;\n}\n.operationTable a{\n margin-right: 8px;\n}\n.searchUserMessage{\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-size: 12px;\n padding: 8px 8px;\n border: 1px solid #cccccc;\n margin-bottom: 15px;\n border-radius: 8px;\n position: relative;\n}\n.searchUserMessage img{\n width: 32px;\n height: 32px;\n border-radius: 50%;\n margin-bottom: 8px;\n}\n.positionDiv{\n height: 12px;\n width: 12px;\n transform:rotate(45deg);\n border-left: 1px solid #cccccc;\n border-top: 1px solid #cccccc;\n position: absolute;\n top: -7px;\n left: 30px;\n background: white;\n z-index: 99;\n}\n.clearUserMessage{\n position: absolute;\n right: 10px;\n}\n",{"version":3,"sources":["RechargeRecord.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0MA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"RechargeRecord.vue","sourceRoot":"src/components/pages/PaymentManagement","sourcesContent":["<template>\n <div class=\"RechargeRecord\">\n <div class=\"searchBox\">\n <a-input placeholder=\"选择成员\" @click=\"choosePeople\"/>\n <!-- <a-input placeholder=\"经办人\"/> -->\n <a-select defaultValue=\"状态\" style=\"width: 120px;margin-right: 20px;\" @change=\"selectHandlestatus\">\n <a-select-option value=\"WAITING_PERMIT\">审批中</a-select-option>\n <a-select-option value=\"WAITING_PAYMENT\">等待支付</a-select-option>\n <a-select-option value=\"SUCCESS\">充值成功</a-select-option>\n <a-select-option value=\"FAILED\">充值失败</a-select-option>\n </a-select>\n <a-button type=\"primary\" @click=\"queryRechargeList()\">查询</a-button>\n </div>\n <div class=\"searchUserMessage\" v-if=\"searchSource.UserMessage.emplId\">\n <div class=\"positionDiv\"></div>\n <div class=\"clearUserMessage\"><a href=\"javascript:;\" @click=\"clearUserMessage\">清除</a></div>\n <img v-if=\"searchSource.UserMessage.avatar\" :src=\"searchSource.UserMessage.avatar\" :alt=\"searchSource.UserMessage.name\"/>\n <img v-else :src=\"this.avatarCanvasFn(searchSource.UserMessage.name)\" :alt=\"searchSource.UserMessage.name\">\n <span>{{ searchSource.UserMessage.name }}</span>\n </div>\n <a-table :columns=\"columns\" :dataSource=\"chargeList\" rowKey=\"orderNo\">\n <span slot=\"userName\">姓名</span>\n <span slot=\"departmentNameList\" slot-scope=\"departmentNameList\">\n {{ departmentNameListToStr(departmentNameList) }}\n </span>\n <span slot=\"chargeAmount\">充值金额</span>\n <span slot=\"agent\">经办人</span>\n <span slot=\"orderNo\">单号</span>\n <span slot=\"orderStatus\" slot-scope=\"orderStatus\">\n {{ returnStatus(orderStatus)}}\n </span>\n <span slot=\"createTime\" slot-scope=\"createTime\">\n {{ createTimeToStr(createTime) }}\n </span>\n <span slot=\"remark\">备注</span>\n </a-table>\n </div>\n</template>\n\n<script>\nimport { config } from './../../../api/config.js'\nimport { $http } from './../../../api/axios.js'\nimport { MINGPAY_CHARGE_ORDERSTATUS } from './../../../api/constant'\nexport default {\n name: 'accountManagement',\n components: {},\n data () {\n return {\n data: [],\n columns: [{\n title: '成员',\n dataIndex: 'userName'\n }, {\n title: '部门',\n dataIndex: 'departmentNameList',\n scopedSlots: { customRender: 'departmentNameList' }\n }, {\n title: '充值金额',\n dataIndex: 'chargeAmount'\n }, {\n title: '经办人',\n dataIndex: 'agent'\n }, {\n title: '单号',\n dataIndex: 'orderNo'\n }, {\n title: '状态',\n dataIndex: 'orderStatus',\n scopedSlots: { customRender: 'orderStatus' }\n }, {\n title: '时间',\n dataIndex: 'createTime',\n scopedSlots: { customRender: 'createTime' }\n }, {\n title: '备注',\n dataIndex: 'remark'\n }],\n chargeList: [],\n pageNum: 0,\n numPerPage: 10,\n searchSource: {\n UserMessage: {\n avatar: '',\n emplId: '',\n name: ''\n },\n status: '',\n agentId: ''\n }\n }\n },\n watch: {},\n computed: {},\n created: function () {\n this.queryRechargeList()\n },\n methods: {\n // 充值状态\n returnStatus (str) {\n let status = ''\n switch (str) {\n case MINGPAY_CHARGE_ORDERSTATUS.WAITING_PERMIT:\n status = '审批中'\n break\n case MINGPAY_CHARGE_ORDERSTATUS.SUCCESS:\n status = '充值成功'\n break\n case MINGPAY_CHARGE_ORDERSTATUS.FAILED:\n status = '审批失败'\n break\n case MINGPAY_CHARGE_ORDERSTATUS.WAITING_PAYMENT:\n status = '等待支付'\n break\n }\n return status\n },\n // 表格时间格式处理\n createTimeToStr (time) {\n let timeData = new Date(parseInt(time))\n let year = timeData.getFullYear()\n let month = timeData.getMonth() + 1\n let date = timeData.getDate()\n let hour = timeData.getHours()\n let minute = timeData.getMinutes()\n return `${year}年${month}月${date}日 ${hour}:${minute}`\n },\n // 选人组件调用\n choosePeople () {\n config.ddready('ddchooseOne').then((res) => {\n this.searchSource.UserMessage = res[0]\n })\n },\n // 清理选择帅选人list\n clearUserMessage () {\n this.searchSource.UserMessage = {\n avatar: '',\n emplId: '',\n name: ''\n }\n },\n // 用户头像处理\n avatarCanvasFn (name) {\n let canvas = document.createElement('canvas')\n let con = canvas.getContext('2d')\n let ratio = this.getPixelRatio(con)\n canvas.style.width = 40 + 'px'\n canvas.style.height = 40 + 'px'\n canvas.width = 40 * ratio\n canvas.height = 40 * ratio\n con.scale(ratio, ratio)\n con.fillStyle = '#1890ff'\n con.fillRect(0, 0, 40, 40)\n con.fillStyle = '#ffffff'\n con.font = '12px Arial'\n con.textAlign = 'center'\n con.fillText(name, 20, 25)\n return canvas.toDataURL()\n },\n // 头像模糊处理\n getPixelRatio (context) {\n var backingStore = context.backingStorePixelRatio ||\n context.webkitBackingStorePixelRatio ||\n context.mozBackingStorePixelRatio ||\n context.msBackingStorePixelRatio ||\n context.oBackingStorePixelRatio ||\n context.backingStorePixelRatio || 1\n return (window.devicePixelRatio || 1) / backingStore\n },\n selectHandlestatus (value) {\n this.searchSource.status = value\n },\n queryRechargeList () {\n let RechargeData = this.$qs.stringify({\n pageNumber: 2,\n currentPage: 1,\n agentId: this.searchSource.agentId,\n status: this.searchSource.status,\n userId: this.searchSource.UserMessage.emplId,\n orgId: sessionStorage.getItem('corpId')\n })\n $http.get(`/v1/charge/list_charge?${RechargeData}`).then((res) => {\n let data = res.data.data\n console.log(data.recordList)\n this.chargeList = data.recordList\n })\n },\n departmentNameListToStr (str) {\n let departmentNameListStr = ''\n if (str.length !== 0) {\n str.map((data) => {\n departmentNameListStr = `${departmentNameListStr}${data}，`\n })\n }\n departmentNameListStr = departmentNameListStr.substring(0, departmentNameListStr.length - 1)\n return departmentNameListStr\n }\n },\n mounted () {}\n}\n</script>\n\n<style lang=\"less\" scoped>\n.searchBox{\n display: flex;\n margin-bottom: 20px;\n}\n.searchBox > input {\n margin-right: 20px;\n max-width: 180px;\n}\n.operationTable a{\n margin-right: 8px;\n}\n.searchUserMessage{\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-size: 12px;\n padding: 8px 8px;\n border: 1px solid #cccccc;\n margin-bottom: 15px;\n border-radius: 8px;\n position: relative;\n}\n.searchUserMessage img{\n width: 32px;\n height: 32px;\n border-radius: 50%;\n margin-bottom: 8px;\n}\n.positionDiv{\n height: 12px;\n width: 12px;\n transform:rotate(45deg);\n border-left: 1px solid #cccccc;\n border-top: 1px solid #cccccc;\n position: absolute;\n top: -7px;\n left: 30px;\n background: white;\n z-index: 99;\n}\n.clearUserMessage{\n position: absolute;\n right: 10px;\n}\n</style>\n"]}]}
