{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\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\nimport PerpetualEntrustList from \"../perpetual-entrust-list/index.vue\";\nimport PerpetualPositionList from \"../perpetual-position-list/index.vue\";\nimport futrueHoldList from \"@/page/deliveryContract/hold.vue\";\nimport futrueHistroyPosition from \"@/page/deliveryContract/position.vue\";\nexport default {\n name: \"perpetualOrder\",\n data() {\n return {\n type: \"1\" // 1：永续持有，2：永续当前，3：交割持有，4：交割历史\n };\n },\n props: {\n topIndex: {\n type: [Number, String],\n default: 1\n },\n symbol: {\n type: String,\n default: \"\"\n },\n orderCur: {\n //\n type: Array,\n default() {\n return [];\n }\n },\n orderHold: {\n type: Array,\n default() {\n return [];\n }\n },\n futrueHold: {\n type: Array,\n default() {\n return [];\n }\n },\n futrueHistroy: {\n type: Array,\n default() {\n return [];\n }\n },\n price: {\n type: [Number, String],\n default: \"0.00\"\n }\n },\n watch: {\n topIndex(val) {\n if (val / 1 === 1) {\n this.type = \"1\";\n this.tabClick(\"1\");\n } else {\n this.type = \"3\";\n this.tabClick(\"3\");\n }\n }\n },\n mounted() {\n if (this.topIndex == 1) {\n this.type = \"1\";\n this.tabClick(\"1\");\n } else {\n this.type = \"3\";\n this.tabClick(\"3\");\n }\n },\n activated() {\n if (this.topIndex == 1) {\n this.type = \"1\";\n this.tabClick(\"1\");\n } else {\n this.type = \"3\";\n this.tabClick(\"3\");\n }\n },\n methods: {\n tabClick(type) {\n this.type = type;\n if (type == \"1\") {\n // && !this.orderCur.length\n //this.$emit('tab', 'fetchOrderListCur')\n this.$emit(\"tab\", \"fetchOrderListHold\");\n }\n if (type === \"2\") {\n // && !this.orderHold.length\n //this.$emit('tab', 'fetchOrderListHold')\n this.$emit(\"tab\", \"fetchOrderListCur\");\n }\n if (type === \"3\") {\n this.$emit(\"tab\", \"fetchFutrueHoldList\");\n }\n if (type === \"4\") {\n this.$emit(\"tab\", \"fetchFutrueHistory\");\n }\n // this.$emit(type)\n },\n goHistory() {\n const url = this.topIndex / 1 === 1 ? \"perpetualHistory\" : \"deliveryContractHistory\";\n this.$router.push({\n path: `/${url}?symbol=${this.symbol}`\n });\n }\n },\n components: {\n PerpetualEntrustList,\n PerpetualPositionList,\n futrueHistroyPosition,\n futrueHoldList\n }\n};","map":{"version":3,"names":["PerpetualEntrustList","PerpetualPositionList","futrueHoldList","futrueHistroyPosition","name","data","type","props","topIndex","Number","String","default","symbol","orderCur","Array","orderHold","futrueHold","futrueHistroy","price","watch","val","tabClick","mounted","activated","methods","$emit","goHistory","url","$router","push","path","components"],"sources":["src/components/perpetual-order/index.vue"],"sourcesContent":["<template>\n <!-- 永续合约订单列表页 -->\n <div>\n <div class=\"items-center mt-18 box-show\">\n <div class=\"flex justify-between border-b-color\">\n <div class=\"flex pb-10\">\n <template v-if=\"topIndex / 1 === 1\">\n <!-- <div class=\"w-280 flex flex-col items-center textColor1\" @click=\"tabClick('1')\" :class=\"type=='1'?'active-line':''\">{{ $t('当前委托') }}</div>\n <div class=\"w-280 flex flex-col items-center ml-30 textColor1\" @click=\"tabClick('2')\" :class=\"type=='2'?'active-line':''\">{{ $t('持有仓位') }}</div> -->\n <div\n class=\"px-10 py-10 flex items-center\"\n @click=\"tabClick('1')\"\n :class=\"type == '1' ? 'active-line' : 'newcolor1'\"\n >\n {{ $t(\"持有仓位\")\n }}<span v-if=\"type == '1'\">({{ orderHold.length }})</span>\n </div>\n <div\n class=\"px-10 ml-50 py-10 flex items-center\"\n @click=\"tabClick('2')\"\n :class=\"type == '2' ? 'active-line' : 'newcolor1'\"\n >\n {{ $t(\"当前委托\") }}\n </div>\n </template>\n <template v-else>\n <div\n class=\"px-10 py-10 flex items-center text-grey\"\n @click=\"tabClick('3')\"\n :class=\"type == '3' ? 'active-line' : ''\"\n >\n {{ $t(\"持有仓位\")\n }}<span v-if=\"type == '2'\">({{ orderCur.length }})111</span>\n </div>\n <div\n class=\"px-10 ml-50 py-10 flex items-center text-grey\"\n @click=\"tabClick('4')\"\n :class=\"type == '4' ? 'active-line' : ''\"\n >\n {{ $t(\"历史仓位\") }}\n </div>\n </template>\n </div>\n <img\n src=\"../../assets/image/public/record.png\"\n alt=\"record-img\"\n class=\"w-32 h-35 pr-30 py-15\"\n @click=\"goHistory\"\n />\n </div>\n <!-- 永续-->\n <template v-if=\"topIndex / 1 === 1\">\n <!-- 委托列表 -->\n <div v-if=\"type == '1'\">\n <!-- <PerpetualEntrustList :list-data=\"orderCur\" @recall=\"$emit('recall', $event)\"></PerpetualEntrustList> -->\n <PerpetualPositionList\n :list-data=\"orderHold\"\n @sell=\"$emit('recall', $event)\"\n ></PerpetualPositionList>\n </div>\n <!-- 持有仓位列表 -->\n <div v-if=\"type == '2'\">\n <!-- <PerpetualPositionList :list-data=\"orderHold\" @sell=\"$emit('recall', $event)\"></PerpetualPositionList> -->\n <PerpetualEntrustList\n :list-data=\"orderCur\"\n @recall=\"$emit('recall', $event)\"\n ></PerpetualEntrustList>\n </div>\n </template>\n <!-- 交割-->\n <template v-else>\n <div v-if=\"type == '3'\">\n <futrue-hold-list :price=\"price\" :list-data=\"futrueHold\" />\n </div>\n <div v-if=\"type == '4'\">\n <futrue-histroy-position :list-data=\"futrueHistroy\" />\n </div>\n </template>\n </div>\n </div>\n</template>\n\n<script>\nimport PerpetualEntrustList from \"../perpetual-entrust-list/index.vue\";\nimport PerpetualPositionList from \"../perpetual-position-list/index.vue\";\nimport futrueHoldList from \"@/page/deliveryContract/hold.vue\";\nimport futrueHistroyPosition from \"@/page/deliveryContract/position.vue\";\n\nexport default {\n name: \"perpetualOrder\",\n data() {\n return {\n type: \"1\", // 1：永续持有，2：永续当前，3：交割持有，4：交割历史\n };\n },\n props: {\n topIndex: {\n type: [Number, String],\n default: 1,\n },\n symbol: {\n type: String,\n default: \"\",\n },\n orderCur: {\n //\n type: Array,\n default() {\n return [];\n },\n },\n orderHold: {\n type: Array,\n default() {\n return [];\n },\n },\n futrueHold: {\n type: Array,\n default() {\n return [];\n },\n },\n futrueHistroy: {\n type: Array,\n default() {\n return [];\n },\n },\n price: {\n type: [Number, String],\n default: \"0.00\",\n },\n },\n watch: {\n topIndex(val) {\n if (val / 1 === 1) {\n this.type = \"1\";\n this.tabClick(\"1\");\n } else {\n this.type = \"3\";\n this.tabClick(\"3\");\n }\n },\n },\n mounted() {\n if (this.topIndex == 1) {\n this.type = \"1\";\n this.tabClick(\"1\");\n } else {\n this.type = \"3\";\n this.tabClick(\"3\");\n }\n },\n activated() {\n if (this.topIndex == 1) {\n this.type = \"1\";\n this.tabClick(\"1\");\n } else {\n this.type = \"3\";\n this.tabClick(\"3\");\n }\n },\n methods: {\n tabClick(type) {\n this.type = type;\n if (type == \"1\") {\n // && !this.orderCur.length\n //this.$emit('tab', 'fetchOrderListCur')\n this.$emit(\"tab\", \"fetchOrderListHold\");\n }\n if (type === \"2\") {\n // && !this.orderHold.length\n //this.$emit('tab', 'fetchOrderListHold')\n this.$emit(\"tab\", \"fetchOrderListCur\");\n }\n if (type === \"3\") {\n this.$emit(\"tab\", \"fetchFutrueHoldList\");\n }\n if (type === \"4\") {\n this.$emit(\"tab\", \"fetchFutrueHistory\");\n }\n // this.$emit(type)\n },\n goHistory() {\n const url =\n this.topIndex / 1 === 1\n ? \"perpetualHistory\"\n : \"deliveryContractHistory\";\n this.$router.push({\n path: `/${url}?symbol=${this.symbol}`,\n });\n },\n },\n components: {\n PerpetualEntrustList,\n PerpetualPositionList,\n futrueHistroyPosition,\n futrueHoldList,\n },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.all-cancel-btn {\n background-color: #eaebef;\n}\n\n.cancel-btn {\n background-color: #eaebef;\n}\n\n.active-line {\n position: relative;\n // padding: 15px 0;\n color: #fff;\n\n @include themify() {\n background-color: themed(\"color_main\");\n }\n}\n\n// .active-line::after{\n// content: '';\n// position: absolute;\n// left: 0px;\n// bottom: 0;\n// right: 0;\n// width: 280px;\n// height: 4px;\n// @include themify() {\n// background-color: themed(\"color_main\");\n// }\n// }\n.textColor1 {\n color: #fff;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,OAAAA,oBAAA;AACA,OAAAC,qBAAA;AACA,OAAAC,cAAA;AACA,OAAAC,qBAAA;AAEA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,IAAA;IACA;EACA;EACAC,KAAA;IACAC,QAAA;MACAF,IAAA,GAAAG,MAAA,EAAAC,MAAA;MACAC,OAAA;IACA;IACAC,MAAA;MACAN,IAAA,EAAAI,MAAA;MACAC,OAAA;IACA;IACAE,QAAA;MACA;MACAP,IAAA,EAAAQ,KAAA;MACAH,QAAA;QACA;MACA;IACA;IACAI,SAAA;MACAT,IAAA,EAAAQ,KAAA;MACAH,QAAA;QACA;MACA;IACA;IACAK,UAAA;MACAV,IAAA,EAAAQ,KAAA;MACAH,QAAA;QACA;MACA;IACA;IACAM,aAAA;MACAX,IAAA,EAAAQ,KAAA;MACAH,QAAA;QACA;MACA;IACA;IACAO,KAAA;MACAZ,IAAA,GAAAG,MAAA,EAAAC,MAAA;MACAC,OAAA;IACA;EACA;EACAQ,KAAA;IACAX,SAAAY,GAAA;MACA,IAAAA,GAAA;QACA,KAAAd,IAAA;QACA,KAAAe,QAAA;MACA;QACA,KAAAf,IAAA;QACA,KAAAe,QAAA;MACA;IACA;EACA;EACAC,QAAA;IACA,SAAAd,QAAA;MACA,KAAAF,IAAA;MACA,KAAAe,QAAA;IACA;MACA,KAAAf,IAAA;MACA,KAAAe,QAAA;IACA;EACA;EACAE,UAAA;IACA,SAAAf,QAAA;MACA,KAAAF,IAAA;MACA,KAAAe,QAAA;IACA;MACA,KAAAf,IAAA;MACA,KAAAe,QAAA;IACA;EACA;EACAG,OAAA;IACAH,SAAAf,IAAA;MACA,KAAAA,IAAA,GAAAA,IAAA;MACA,IAAAA,IAAA;QACA;QACA;QACA,KAAAmB,KAAA;MACA;MACA,IAAAnB,IAAA;QACA;QACA;QACA,KAAAmB,KAAA;MACA;MACA,IAAAnB,IAAA;QACA,KAAAmB,KAAA;MACA;MACA,IAAAnB,IAAA;QACA,KAAAmB,KAAA;MACA;MACA;IACA;IACAC,UAAA;MACA,MAAAC,GAAA,GACA,KAAAnB,QAAA,aACA,qBACA;MACA,KAAAoB,OAAA,CAAAC,IAAA;QACAC,IAAA,MAAAH,GAAA,gBAAAf,MAAA;MACA;IACA;EACA;EACAmB,UAAA;IACA/B,oBAAA;IACAC,qBAAA;IACAE,qBAAA;IACAD;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
