90b08bccd6a0f274adc38c439cbc2579.json 16 KB

1
  1. {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\pages\\finance\\commission\\handle\\commissionDetails.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\finance\\commission\\handle\\commissionDetails.vue","mtime":1677828270196},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9hc3luY1RvR2VuZXJhdG9yIGZyb20gIkU6L2l0ZW0vbmV3SXRlbS9hZG1pbi9ub2RlX21vZHVsZXMvQHZ1ZS9iYWJlbC1wcmVzZXQtYXBwL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS9hc3luY1RvR2VuZXJhdG9yLmpzIjsKaW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwppbXBvcnQgInJlZ2VuZXJhdG9yLXJ1bnRpbWUvcnVudGltZS5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCmltcG9ydCB7IGNvbW1pc3Npb25EZXRhaWxBcGksIGV4dHJhY3RsaXN0QXBpIH0gZnJvbSAnQC9hcGkvZmluYW5jZSc7CmltcG9ydCB7IG1hcFN0YXRlIH0gZnJvbSAndnVleCc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnY29tbWlzc2lvbkRldGFpbHMnLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBtb2RhbHM6IGZhbHNlLAogICAgICBzcGluU2hvdzogZmFsc2UsCiAgICAgIGRldGFpbHNEYXRhOiB7fSwKICAgICAgSWRzOiAwLAogICAgICBsb2FkaW5nOiBmYWxzZSwKICAgICAgZm9ybVZhbGlkYXRlOiB7CiAgICAgICAgbmlja25hbWU6ICcnLAogICAgICAgIHN0YXJ0X3RpbWU6ICcnLAogICAgICAgIGVuZF90aW1lOiAnJywKICAgICAgICBwYWdlOiAxLAogICAgICAgIC8vIOW9k+WJjemhtQogICAgICAgIGxpbWl0OiAyMCAvLyDmr4/pobXmmL7npLrmnaHmlbAKCiAgICAgIH0sCiAgICAgIHRvdGFsOiAwLAogICAgICBjb2x1bW5zOiBbLy8gewogICAgICAvLyAgICAgdGl0bGU6J+aYteensCcsCiAgICAgIC8vICAgICBrZXk6J25pY2tuYW1lJwogICAgICAvLyB9LAogICAgICB7CiAgICAgICAgdGl0bGU6ICfkvaPph5Hph5Hpop0nLAogICAgICAgIGtleTogJ251bWJlcicsCiAgICAgICAgbWluV2lkdGg6IDgwCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+iOt+W+l+aXtumXtCcsCiAgICAgICAga2V5OiAnX2FkZF90aW1lJywKICAgICAgICBtaW5XaWR0aDogMTUwCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+Wkh+azqCcsCiAgICAgICAga2V5OiAnbWFyaycsCiAgICAgICAgbWluV2lkdGg6IDMzMAogICAgICB9XSwKICAgICAgdGFiTGlzdDogW10KICAgIH07CiAgfSwKICBjb21wdXRlZDogX29iamVjdFNwcmVhZChfb2JqZWN0U3ByZWFkKHt9LCBtYXBTdGF0ZSgnbWVkaWEnLCBbJ2lzTW9iaWxlJ10pKSwge30sIHsKICAgIGxhYmVsV2lkdGg6IGZ1bmN0aW9uIGxhYmVsV2lkdGgoKSB7CiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gdW5kZWZpbmVkIDogMTAwOwogICAgfSwKICAgIGxhYmVsUG9zaXRpb246IGZ1bmN0aW9uIGxhYmVsUG9zaXRpb24oKSB7CiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gJ3RvcCcgOiAnbGVmdCc7CiAgICB9CiAgfSksCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIGlmICh0aGlzLklkcykgewogICAgICB0aGlzLmdldExpc3QoKTsKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIC8vIOaXtumXtAogICAgb25jaGFuZ2VUaW1lOiBmdW5jdGlvbiBvbmNoYW5nZVRpbWUoZSkgewogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5zdGFydF90aW1lID0gZVswXTsKICAgICAgdGhpcy5mb3JtVmFsaWRhdGUuZW5kX3RpbWUgPSBlWzFdOwogICAgfSwKICAgIC8vIOivpuaDhQogICAgZ2V0RGV0YWlsczogZnVuY3Rpb24gZ2V0RGV0YWlscyhpZCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgICAgdGhpcy5JZHMgPSBpZDsKICAgICAgdGhpcy5zcGluU2hvdyA9IHRydWU7CiAgICAgIGNvbW1pc3Npb25EZXRhaWxBcGkoaWQpLnRoZW4oIC8qI19fUFVSRV9fKi9mdW5jdGlvbiAoKSB7CiAgICAgICAgdmFyIF9yZWYgPSBfYXN5bmNUb0dlbmVyYXRvciggLyojX19QVVJFX18qL3JlZ2VuZXJhdG9yUnVudGltZS5tYXJrKGZ1bmN0aW9uIF9jYWxsZWUocmVzKSB7CiAgICAgICAgICB2YXIgZGF0YTsKICAgICAgICAgIHJldHVybiByZWdlbmVyYXRvclJ1bnRpbWUud3JhcChmdW5jdGlvbiBfY2FsbGVlJChfY29udGV4dCkgewogICAgICAgICAgICB3aGlsZSAoMSkgewogICAgICAgICAgICAgIHN3aXRjaCAoX2NvbnRleHQucHJldiA9IF9jb250ZXh0Lm5leHQpIHsKICAgICAgICAgICAgICAgIGNhc2UgMDoKICAgICAgICAgICAgICAgICAgaWYgKHJlcy5zdGF0dXMgPT09IDIwMCkgewogICAgICAgICAgICAgICAgICAgIGRhdGEgPSByZXMuZGF0YTsKICAgICAgICAgICAgICAgICAgICBfdGhpcy5kZXRhaWxzRGF0YSA9IGRhdGEudXNlcl9pbmZvOwogICAgICAgICAgICAgICAgICAgIF90aGlzLnNwaW5TaG93ID0gZmFsc2U7CiAgICAgICAgICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgICAgICAgICAgX3RoaXMuc3BpblNob3cgPSBmYWxzZTsKCiAgICAgICAgICAgICAgICAgICAgX3RoaXMuJE1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7CiAgICAgICAgICAgICAgICAgIH0KCiAgICAgICAgICAgICAgICBjYXNlIDE6CiAgICAgICAgICAgICAgICBjYXNlICJlbmQiOgogICAgICAgICAgICAgICAgICByZXR1cm4gX2NvbnRleHQuc3RvcCgpOwogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgICAgfSwgX2NhbGxlZSk7CiAgICAgICAgfSkpOwoKICAgICAgICByZXR1cm4gZnVuY3Rpb24gKF94KSB7CiAgICAgICAgICByZXR1cm4gX3JlZi5hcHBseSh0aGlzLCBhcmd1bWVudHMpOwogICAgICAgIH07CiAgICAgIH0oKSkuY2F0Y2goZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzLnNwaW5TaG93ID0gZmFsc2U7CgogICAgICAgIF90aGlzLiRNZXNzYWdlLmVycm9yKHJlcy5tc2cpOwogICAgICB9KTsKICAgIH0sCiAgICAvLyDliJfooagKICAgIGdldExpc3Q6IGZ1bmN0aW9uIGdldExpc3QoKSB7CiAgICAgIHZhciBfdGhpczIgPSB0aGlzOwoKICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTsKICAgICAgZXh0cmFjdGxpc3RBcGkodGhpcy5JZHMsIHRoaXMuZm9ybVZhbGlkYXRlKS50aGVuKCAvKiNfX1BVUkVfXyovZnVuY3Rpb24gKCkgewogICAgICAgIHZhciBfcmVmMiA9IF9hc3luY1RvR2VuZXJhdG9yKCAvKiNfX1BVUkVfXyovcmVnZW5lcmF0b3JSdW50aW1lLm1hcmsoZnVuY3Rpb24gX2NhbGxlZTIocmVzKSB7CiAgICAgICAgICB2YXIgZGF0YTsKICAgICAgICAgIHJldHVybiByZWdlbmVyYXRvclJ1bnRpbWUud3JhcChmdW5jdGlvbiBfY2FsbGVlMiQoX2NvbnRleHQyKSB7CiAgICAgICAgICAgIHdoaWxlICgxKSB7CiAgICAgICAgICAgICAgc3dpdGNoIChfY29udGV4dDIucHJldiA9IF9jb250ZXh0Mi5uZXh0KSB7CiAgICAgICAgICAgICAgICBjYXNlIDA6CiAgICAgICAgICAgICAgICAgIGRhdGEgPSByZXMuZGF0YTsKICAgICAgICAgICAgICAgICAgX3RoaXMyLnRhYkxpc3QgPSBkYXRhLmRhdGE7CiAgICAgICAgICAgICAgICAgIF90aGlzMi50b3RhbCA9IGRhdGEuY291bnQ7CiAgICAgICAgICAgICAgICAgIF90aGlzMi5sb2FkaW5nID0gZmFsc2U7CgogICAgICAgICAgICAgICAgY2FzZSA0OgogICAgICAgICAgICAgICAgY2FzZSAiZW5kIjoKICAgICAgICAgICAgICAgICAgcmV0dXJuIF9jb250ZXh0Mi5zdG9wKCk7CiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICB9LCBfY2FsbGVlMik7CiAgICAgICAgfSkpOwoKICAgICAgICByZXR1cm4gZnVuY3Rpb24gKF94MikgewogICAgICAgICAgcmV0dXJuIF9yZWYyLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7CiAgICAgICAgfTsKICAgICAgfSgpKS5jYXRjaChmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMyLmxvYWRpbmcgPSBmYWxzZTsKCiAgICAgICAgX3RoaXMyLiRNZXNzYWdlLmVycm9yKHJlcy5tc2cpOwogICAgICB9KTsKICAgIH0sCiAgICBwYWdlQ2hhbmdlOiBmdW5jdGlvbiBwYWdlQ2hhbmdlKGluZGV4KSB7CiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLnBhZ2UgPSBpbmRleDsKICAgICAgdGhpcy5nZXRMaXN0KCk7CiAgICB9LAogICAgLy8g5pCc57SiCiAgICB1c2VyU2VhcmNoczogZnVuY3Rpb24gdXNlclNlYXJjaHMoKSB7CiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLnBhZ2UgPSAxOwogICAgICB0aGlzLmdldExpc3QoKTsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA;AACA;AACA;EACAA,yBADA;EAEAC,IAFA,kBAEA;IACA;MACAC,aADA;MAEAC,eAFA;MAGAC,eAHA;MAIAC,MAJA;MAKAC,cALA;MAMAC;QACAC,YADA;QAEAC,cAFA;QAGAC,YAHA;QAIAC,OAJA;QAIA;QACAC,SALA,CAKA;;MALA,CANA;MAaAC,QAbA;MAcAC,UACA;MACA;MACA;MACA;MACA;QACAC,aADA;QAEAC,aAFA;QAGAC;MAHA,CALA,EAUA;QACAF,aADA;QAEAC,gBAFA;QAGAC;MAHA,CAVA,EAeA;QACAF,WADA;QAEAC,WAFA;QAGAC;MAHA,CAfA,CAdA;MAmCAC;IAnCA;EAqCA,CAxCA;EAyCAC,0CACAC,+BADA;IAEAC,UAFA,wBAEA;MACA;IACA,CAJA;IAKAC,aALA,2BAKA;MACA;IACA;EAPA,EAzCA;EAkDAC,OAlDA,qBAkDA;IACA;MACA;IACA;EACA,CAtDA;EAuDAC;IACA;IACAC,YAFA,wBAEAC,CAFA,EAEA;MACA;MACA;IACA,CALA;IAMA;IACAC,UAPA,sBAOAC,EAPA,EAOA;MAAA;;MACA;MACA;MACAC,wBACAC,IADA;QAAA,mEACA;UAAA;UAAA;YAAA;cAAA;gBAAA;kBACA;oBACA7B,IADA,GACA8B,QADA;oBAEA;oBACA;kBACA,CAJA,MAIA;oBACA;;oBACA;kBACA;;gBARA;gBAAA;kBAAA;cAAA;YAAA;UAAA;QAAA,CADA;;QAAA;UAAA;QAAA;MAAA,KAWAC,KAXA,CAWA;QACA;;QACA;MACA,CAdA;IAeA,CAzBA;IA0BA;IACAC,OA3BA,qBA2BA;MAAA;;MACA;MACAC,4CACAJ,IADA;QAAA,oEACA;UAAA;UAAA;YAAA;cAAA;gBAAA;kBACA7B,IADA,GACA8B,QADA;kBAEA;kBACA;kBACA;;gBAJA;gBAAA;kBAAA;cAAA;YAAA;UAAA;QAAA,CADA;;QAAA;UAAA;QAAA;MAAA,KAOAC,KAPA,CAOA;QACA;;QACA;MACA,CAVA;IAWA,CAxCA;IAyCAG,UAzCA,sBAyCAC,KAzCA,EAyCA;MACA;MACA;IACA,CA5CA;IA6CA;IACAC,WA9CA,yBA8CA;MACA;MACA;IACA;EAjDA;AAvDA","names":["name","data","modals","spinShow","detailsData","Ids","loading","formValidate","nickname","start_time","end_time","page","limit","total","columns","title","key","minWidth","tabList","computed","mapState","labelWidth","labelPosition","mounted","methods","onchangeTime","e","getDetails","id","commissionDetailApi","then","res","catch","getList","extractlistApi","pageChange","index","userSearchs"],"sourceRoot":"src/pages/finance/commission/handle","sources":["commissionDetails.vue"],"sourcesContent":["<template>\r\n <div style=\"width: 100%\">\r\n <Modal v-model=\"modals\" scrollable footer-hide closable title=\"用户详情\" :mask-closable=\"false\" width=\"700\">\r\n <Spin size=\"large\" fix v-if=\"spinShow\"></Spin>\r\n <div class=\"\">\r\n <div class=\"dashboard-workplace-header-tip\">\r\n <div class=\"dashboard-workplace-header-tip-desc\">\r\n <span class=\"dashboard-workplace-header-tip-desc-sp\">姓名:{{ detailsData.nickname }}</span>\r\n <span class=\"dashboard-workplace-header-tip-desc-sp\"\r\n >上级推广人:{{ detailsData.spread_name ? detailsData.spread_name : '无' }}</span\r\n >\r\n <span class=\"dashboard-workplace-header-tip-desc-sp\">佣金总收入:{{ detailsData.number }}</span>\r\n <span class=\"dashboard-workplace-header-tip-desc-sp\">用户余额:{{ detailsData.now_money }}</span>\r\n <span class=\"dashboard-workplace-header-tip-desc-sp\">创建时间:{{ detailsData.add_time }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <Divider dashed />\r\n <Form ref=\"formValidate\" :label-width=\"75\" :label-position=\"labelPosition\" class=\"tabform\" @submit.native.prevent>\r\n <Row :gutter=\"24\" type=\"flex\">\r\n <!-- <Col span=\"8\">-->\r\n <!-- <FormItem label=\"订单号/昵称:\">-->\r\n <!-- <Input enter-button placeholder=\"请输入\" element-id=\"name\" v-model=\"formValidate.nickname\"-->\r\n <!-- clearable/>-->\r\n <!-- </FormItem>-->\r\n <!-- </Col>-->\r\n <Col span=\"12\">\r\n <FormItem label=\"时间范围:\" class=\"tab_data\">\r\n <DatePicker\r\n :editable=\"false\"\r\n style=\"width: 100%\"\r\n @on-change=\"onchangeTime\"\r\n format=\"yyyy-MM-dd\"\r\n type=\"daterange\"\r\n placement=\"bottom-end\"\r\n placeholder=\"请选择时间范围\"\r\n ></DatePicker>\r\n </FormItem>\r\n </Col>\r\n <Col span=\"4\">\r\n <Button type=\"primary\" icon=\"ios-search\" @click=\"userSearchs\">搜索</Button>\r\n </Col>\r\n </Row>\r\n </Form>\r\n <Table\r\n :columns=\"columns\"\r\n :data=\"tabList\"\r\n ref=\"table\"\r\n :loading=\"loading\"\r\n no-userFrom-text=\"暂无数据\"\r\n no-filtered-userFrom-text=\"暂无筛选结果\"\r\n class=\"table\"\r\n ></Table>\r\n <div class=\"acea-row row-right page\">\r\n <Page\r\n :total=\"total\"\r\n :current=\"formValidate.page\"\r\n show-elevator\r\n show-total\r\n @on-change=\"pageChange\"\r\n :page-size=\"formValidate.limit\"\r\n />\r\n </div>\r\n </Modal>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { commissionDetailApi, extractlistApi } from '@/api/finance';\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n name: 'commissionDetails',\r\n data() {\r\n return {\r\n modals: false,\r\n spinShow: false,\r\n detailsData: {},\r\n Ids: 0,\r\n loading: false,\r\n formValidate: {\r\n nickname: '',\r\n start_time: '',\r\n end_time: '',\r\n page: 1, // 当前页\r\n limit: 20, // 每页显示条数\r\n },\r\n total: 0,\r\n columns: [\r\n // {\r\n // title:'昵称',\r\n // key:'nickname'\r\n // },\r\n {\r\n title: '佣金金额',\r\n key: 'number',\r\n minWidth: 80,\r\n },\r\n {\r\n title: '获得时间',\r\n key: '_add_time',\r\n minWidth: 150,\r\n },\r\n {\r\n title: '备注',\r\n key: 'mark',\r\n minWidth: 330,\r\n },\r\n ],\r\n tabList: [],\r\n };\r\n },\r\n computed: {\r\n ...mapState('media', ['isMobile']),\r\n labelWidth() {\r\n return this.isMobile ? undefined : 100;\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'left';\r\n },\r\n },\r\n mounted() {\r\n if (this.Ids) {\r\n this.getList();\r\n }\r\n },\r\n methods: {\r\n // 时间\r\n onchangeTime(e) {\r\n this.formValidate.start_time = e[0];\r\n this.formValidate.end_time = e[1];\r\n },\r\n // 详情\r\n getDetails(id) {\r\n this.Ids = id;\r\n this.spinShow = true;\r\n commissionDetailApi(id)\r\n .then(async (res) => {\r\n if (res.status === 200) {\r\n let data = res.data;\r\n this.detailsData = data.user_info;\r\n this.spinShow = false;\r\n } else {\r\n this.spinShow = false;\r\n this.$Message.error(res.msg);\r\n }\r\n })\r\n .catch((res) => {\r\n this.spinShow = false;\r\n this.$Message.error(res.msg);\r\n });\r\n },\r\n // 列表\r\n getList() {\r\n this.loading = true;\r\n extractlistApi(this.Ids, this.formValidate)\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.tabList = data.data;\r\n this.total = data.count;\r\n this.loading = false;\r\n })\r\n .catch((res) => {\r\n this.loading = false;\r\n this.$Message.error(res.msg);\r\n });\r\n },\r\n pageChange(index) {\r\n this.formValidate.page = index;\r\n this.getList();\r\n },\r\n // 搜索\r\n userSearchs() {\r\n this.formValidate.page = 1;\r\n this.getList();\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\">\r\n.table {\r\n .ivu-table-default {\r\n overflow-y: auto;\r\n max-height: 350px;\r\n }\r\n}\r\n.dashboard-workplace {\r\n &-header {\r\n &-avatar {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n margin-right: 16px;\r\n font-weight: 600;\r\n }\r\n\r\n &-tip {\r\n width: 100%;\r\n display: inline-block;\r\n vertical-align: middle;\r\n\r\n &-title {\r\n font-size: 13px;\r\n color: #000000;\r\n margin-bottom: 12px;\r\n }\r\n\r\n &-desc {\r\n &-sp {\r\n width: 33.33%;\r\n color: #17233d;\r\n font-size: 12px;\r\n display: inline-block;\r\n padding-bottom: 10px;\r\n }\r\n }\r\n }\r\n\r\n &-extra {\r\n .ivu-col {\r\n p {\r\n text-align: right;\r\n }\r\n\r\n p:first-child {\r\n span:first-child {\r\n margin-right: 4px;\r\n }\r\n\r\n span:last-child {\r\n color: #808695;\r\n }\r\n }\r\n\r\n p:last-child {\r\n font-size: 22px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}