{"version":3,"sources":["webpack:///./src/views/unilateral/Unilateral-task-detail.vue?6c16","webpack:///src/views/unilateral/Unilateral-task-detail.vue","webpack:///./src/views/unilateral/Unilateral-task-detail.vue?a497","webpack:///./src/views/unilateral/Unilateral-task-detail.vue","webpack:///./src/views/unilateral/Unilateral-task-detail.vue?1ada"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","detailData","_l","col","index","key","name","on","turnPageEvent","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,eAAe,CAACE,YAAY,yBAAyB,CAACF,EAAG,UAAU,CAACA,EAAG,MAAM,CAACE,YAAY,yCAAyC,CAACN,EAAIO,GAAG,kCAAkCH,EAAG,WAAW,CAACI,MAAM,CAAC,KAAOR,EAAIS,WAAW,OAAS,KAAKT,EAAIU,GAAIV,EAAc,WAAE,SAASW,EAAIC,GAAO,OAAOR,EAAG,kBAAkB,CAACS,IAAI,OAAOD,EAAMJ,MAAM,CAAC,KAAOG,EAAIE,IAAI,MAAQF,EAAIG,UAAU,GAAGV,EAAG,WAAW,CAACW,GAAG,CAAC,SAAWf,EAAIgB,kBAAkB,IAAI,IACvgBC,EAAkB,G,soBCmBtB,OACE,WAAF,CACI,SAAJ,QAEE,KAAF,WACI,MAAJ,CACM,OAAN,GACM,SAAN,GACM,WAAN,GACM,WAAN,CACA,CAAQ,KAAR,KAAQ,IAAR,MACA,CAAQ,KAAR,KAAQ,IAAR,iBACA,CAAQ,KAAR,MAAQ,IAAR,YACA,CAAQ,KAAR,OAAQ,IAAR,UACA,CAAQ,KAAR,OAAQ,IAAR,QACA,CAAQ,KAAR,OAAQ,IAAR,cACA,CAAQ,KAAR,OAAQ,IAAR,SACA,CAAQ,KAAR,OAAQ,IAAR,aACA,CAAQ,KAAR,OAAQ,IAAR,QACA,CAAQ,KAAR,OAAQ,IAAR,SACA,CAAQ,KAAR,OAAQ,IAAR,eAEM,QAAN,GACM,QAAN,IAGE,QA1BF,WA2BI,KAAJ,6BACA,aACM,KAAN,eAGE,SAAF,KACA,gBACA,WAGE,QAAF,CAEI,YAFJ,WAEM,IAAN,OACA,GACQ,MAAR,WACQ,OAAR,YACQ,SAAR,cACQ,OAAR,cAGM,OAAN,OAAM,CAAN,oBACA,cACU,EAAV,kBACA,0BACA,4BACc,EAAd,gBACA,6BACc,EAAd,kBAIU,EAAV,eACY,QAAZ,OACY,MAAZ,KACY,OAAZ,SAOI,cA/BJ,SA+BA,KACM,KAAN,UACA,WACA,6BACU,KAAV,0CAEQ,KAAR,YACA,YACA,6BACU,KAAV,gCAEQ,KAAR,aAEM,KAAN,iBCrG+W,I,wBCQ3WC,EAAY,eACd,EACAnB,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,2CCnBf,yBAAgjB,EAAG,G","file":"js/chunk-f69c7126.04c8396f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-container',{staticClass:\"unilateral-api-detail\"},[_c('el-main',[_c('div',{staticClass:\"unilateral-detail-title column-header\"},[_vm._v(\"\\n            交易数据\\n        \")]),_c('el-table',{attrs:{\"data\":_vm.detailData,\"stripe\":\"\"}},_vm._l((_vm.columnName),function(col,index){return _c('el-table-column',{key:'col_'+index,attrs:{\"prop\":col.key,\"label\":col.name}})}),1),_c('TurnPage',{on:{\"turnPage\":_vm.turnPageEvent}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <el-container class=\"unilateral-api-detail\">\n        <el-main>\n            <div class=\"unilateral-detail-title column-header\">\n                交易数据\n            </div>\n            <el-table :data=\"detailData\" stripe>\n                <el-table-column v-for=\"(col, index) in columnName\" :key=\"'col_'+index\"\n                :prop=\"col.key\" :label=\"col.name\"></el-table-column>\n            </el-table>\n            <TurnPage @turnPage=\"turnPageEvent\"></TurnPage>\n        </el-main>\n    </el-container>\n</template>\n\n<script>\nimport TurnPage from \"@/components/unilateral/Unilateral-turn.vue\";\nimport { getUTaskDetail } from \"@/api/api\";\nimport { mapState } from \"vuex\";\n\nexport default {    \n    components: {\n        TurnPage\n    },\n    data: function () {\n        return {\n            taskId: \"\",\n            recordId: '',\n            detailData: [],\n            columnName: [\n                {name: \"ID\", key: \"id\"},\n                {name: \"币种\", key: \"instrument_id\"},\n                {name: \"订单号\", key: \"order_id\"},\n                {name: \"交易平台\", key: \"bourse\"},\n                {name: \"委托数量\", key: \"size\"},\n                {name: \"交易数量\", key: \"filled_qty\"},\n                {name: \"委托价格\", key: \"price\"},\n                {name: \"成交均价\", key: \"price_avg\"},\n                {name: \"交易类型\", key: \"type\"},\n                {name: \"订单状态\", key: \"state\"},\n                {name: \"订单时间\", key: \"createtime\"},\n            ],\n            pageNum: 20,\n            pageObj: 1,\n        }\n    },\n    mounted() {\n        this.taskId = this.$route.query.key;\n        if (this.taskId) {\n            this.getTaskData();\n        }\n    },\n    computed: {\n        ...mapState([\n            \"token\"\n        ])\n    },\n    methods: {\n        // 获取任务交易数据\n        getTaskData() {\n            var param = {\n                token: this.token,\n                taskId: this.taskId,\n                recordId: this.recordId,\n                number: this.pageNum\n            };\n\n            getUTaskDetail(param).then(res => {\n                if (res.code === 200) {\n                    this.detailData = res.data;\n                    if (this.detailData.length !== 0) {\n                        if (this.pageObj.direction == 'next') {\n                            this.pageObj.pages ++;\n                        } else if (this.pageObj.direction == 'last') {\n                            this.pageObj.pages --;\n                        }\n                    } \n                } else {\n                   this.$notify.error({\n                        message: res.info,\n                        title: \"提示\",\n                        offset: 200\n                    }) \n                }\n            })\n        },\n\n        // 翻页触发事件\n        turnPageEvent(flag, ctx) {\n            this.pageObj = ctx;\n            if (flag == 'next') {\n                if (this.detailData.length !== 0) {\n                    this.recordId = this.detailData.slice(-1)[0].id;\n                } \n                this.pageNum = 20;\n            } else if (flag == 'last') {\n                if (this.detailData.length !== 0) {\n                    this.recordId = this.detailData[0].id;\n                }\n                this.pageNum = -20;\n            }\n            this.getTaskData();\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\">\n.unilateral-api-detail {\n    color: #a8a7a9;\n    background-color: #252425;\n    .el-main {\n        // margin: 0 20px;\n        position: relative;\n        .unilateral-detail-title{\n            // padding: 10px;\n            text-align: left;\n        }\n        .el-table {\n            margin-bottom: 30px;\n        }\n\n        .el-table th, .el-table tr {\n            background-color: #2e3538;\n        }\n        .el-table td, .el-table th.is-leaf {\n            border-bottom: 1px solid #2e3538;\n        }\n        .el-table--enable-row-hover .el-table__body tr:hover>td {\n            background-color: rgba(0, 0, 0, 0.2);\n        }\n        .el-table--striped .el-table__body tr.el-table__row--striped td {\n            background-color: #262829;\n        }\n        .el-table tr th.is-leaf  {\n            border-bottom: 1px solid #1e1e1e;\n        }\n\n        .el-table__empty-block {\n            background-color: #2e3538;\n        }\n        .el-table--border::after, .el-table--group::after, .el-table::before {\n            background-color: #262829;\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!./Unilateral-task-detail.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!./Unilateral-task-detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Unilateral-task-detail.vue?vue&type=template&id=7b83db80&\"\nimport script from \"./Unilateral-task-detail.vue?vue&type=script&lang=js&\"\nexport * from \"./Unilateral-task-detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Unilateral-task-detail.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","import mod 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!./Unilateral-task-detail.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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!./Unilateral-task-detail.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}