|
|
@@ -1,97 +1,97 @@
|
|
|
<template>
|
|
|
- <!-- 期货账户 -->
|
|
|
- <div class="account_info_futures" :loading="loading">
|
|
|
- <filterCustomTable @search="search"></filterCustomTable>
|
|
|
- <div class="tltLeft">
|
|
|
- <span class="blue">
|
|
|
- <svg class="icon svg-icon" aria-hidden="true">
|
|
|
- <use xlink:href="#icon-shuzhuangtu" />
|
|
|
- </svg>
|
|
|
- {{getUserName()}}
|
|
|
- </span>
|
|
|
- <BtnList :btnList="firstBtn" />
|
|
|
- </div>
|
|
|
- <a-collapse
|
|
|
- class="spotCollapse"
|
|
|
- v-for="(item, i) in tableList"
|
|
|
- :key="i + '11'"
|
|
|
- :bordered="false"
|
|
|
- >
|
|
|
- <template #expandIcon="props">
|
|
|
- <svg class="icon svg-icon" aria-hidden="true" v-if="props.isActive == 0">
|
|
|
- <use xlink:href="#icon-shouqi1" />
|
|
|
- </svg>
|
|
|
- <svg class="icon svg-icon" aria-hidden="true" v-else>
|
|
|
- <use xlink:href="#icon-shouqi2" />
|
|
|
- </svg>
|
|
|
- </template>
|
|
|
- <a-collapse-panel>
|
|
|
- <template #header>
|
|
|
- <a-row class="headRow">
|
|
|
- <a-col :span="12">
|
|
|
- {{item.mainAcc.accountname}} {{ '-' + item.mainAcc.hedgeaccountcode}}
|
|
|
- ({{item.subacclist.length}}）{{item.mainAcc.fcname}}
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <BtnList :btnList="secondBtn" @onClick="secondeClick(item)" />
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </template>
|
|
|
- <a-collapse class="futureCollapse" accordion :bordered="false">
|
|
|
- <a-collapse-panel
|
|
|
- :show-arrow="false"
|
|
|
- v-for="(sub, i) in item.subacclist"
|
|
|
- :key="i + '11'"
|
|
|
- >
|
|
|
- <template #header>
|
|
|
- <a-row class="contRow">
|
|
|
- <a-col :span="12">{{sub.accountname}}-{{sub.accountid}}</a-col>
|
|
|
- <a-col :span="12">{{getTaAccountStatus(sub.tradestatus)}}</a-col>
|
|
|
- </a-row>
|
|
|
- </template>
|
|
|
- <BtnList
|
|
|
- :btnList="getBtnList(sub.tradestatus)"
|
|
|
- @onClick="thirdClick(item, sub)"
|
|
|
- />
|
|
|
- </a-collapse-panel>
|
|
|
- </a-collapse>
|
|
|
+ <!-- 期货账户 -->
|
|
|
+ <div class="account_info_futures account_info_container"
|
|
|
+ :loading="loading">
|
|
|
+ <filterCustomTable @search="search"></filterCustomTable>
|
|
|
+ <div class="tltLeft">
|
|
|
+ <span class="blue">
|
|
|
+ <svg class="icon svg-icon"
|
|
|
+ aria-hidden="true">
|
|
|
+ <use xlink:href="#icon-shuzhuangtu" />
|
|
|
+ </svg>
|
|
|
+ {{getUserName()}}
|
|
|
+ </span>
|
|
|
+ <BtnList :btnList="firstBtn" />
|
|
|
+ </div>
|
|
|
+ <div class="a-collapse-container">
|
|
|
+ <a-collapse class="spotCollapse"
|
|
|
+ v-for="(item, i) in tableList"
|
|
|
+ :key="i + '11'"
|
|
|
+ :bordered="false">
|
|
|
+ <template #expandIcon="props">
|
|
|
+ <svg class="icon svg-icon"
|
|
|
+ aria-hidden="true"
|
|
|
+ v-if="props.isActive == 0">
|
|
|
+ <use xlink:href="#icon-shouqi1" />
|
|
|
+ </svg>
|
|
|
+ <svg class="icon svg-icon"
|
|
|
+ aria-hidden="true"
|
|
|
+ v-else>
|
|
|
+ <use xlink:href="#icon-shouqi2" />
|
|
|
+ </svg>
|
|
|
+ </template>
|
|
|
+ <a-collapse-panel>
|
|
|
+ <template #header>
|
|
|
+ <a-row class="headRow">
|
|
|
+ <a-col :span="12">
|
|
|
+ {{item.mainAcc.accountname}} {{ '-' + item.mainAcc.hedgeaccountcode}}
|
|
|
+ ({{item.subacclist.length}}）{{item.mainAcc.fcname}}
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12">
|
|
|
+ <BtnList :btnList="secondBtn"
|
|
|
+ @onClick="secondeClick(item)" />
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </template>
|
|
|
+ <a-collapse class="futureCollapse"
|
|
|
+ accordion
|
|
|
+ :bordered="false">
|
|
|
+ <a-collapse-panel :show-arrow="false"
|
|
|
+ v-for="(sub, i) in item.subacclist"
|
|
|
+ :key="i + '11'">
|
|
|
+ <template #header>
|
|
|
+ <a-row class="contRow">
|
|
|
+ <a-col :span="12">{{sub.accountname}}-{{sub.accountid}}</a-col>
|
|
|
+ <a-col :span="12">{{getTaAccountStatus(sub.tradestatus)}}</a-col>
|
|
|
+ </a-row>
|
|
|
+ </template>
|
|
|
+ <BtnList :btnList="getBtnList(sub.tradestatus)"
|
|
|
+ @onClick="thirdClick(item, sub)" />
|
|
|
</a-collapse-panel>
|
|
|
- </a-collapse>
|
|
|
- <Add @refresh="queryTable" />
|
|
|
- <AddChild
|
|
|
- :selectedData="firstData"
|
|
|
- :userList="userList"
|
|
|
- :marginList="marginList"
|
|
|
- :feeList="feeList"
|
|
|
- @updateTrader="queryUserList"
|
|
|
- @refresh="queryTable"
|
|
|
- />
|
|
|
- <Modify :selectedData="firstData" @refresh="queryTable" />
|
|
|
- <ModifyChild
|
|
|
- @refresh="queryTable"
|
|
|
- :userList="userList"
|
|
|
- :marginList="marginList"
|
|
|
- :feeList="feeList"
|
|
|
- :secondeData="secondeData"
|
|
|
- :selectedData="firstData"
|
|
|
- />
|
|
|
- <Detail
|
|
|
- :selectedData="firstData"
|
|
|
+ </a-collapse>
|
|
|
+ </a-collapse-panel>
|
|
|
+ </a-collapse>
|
|
|
+ </div>
|
|
|
+ <Add @refresh="queryTable" />
|
|
|
+ <AddChild :selectedData="firstData"
|
|
|
+ :userList="userList"
|
|
|
+ :marginList="marginList"
|
|
|
+ :feeList="feeList"
|
|
|
+ @updateTrader="queryUserList"
|
|
|
+ @refresh="queryTable" />
|
|
|
+ <Modify :selectedData="firstData"
|
|
|
+ @refresh="queryTable" />
|
|
|
+ <ModifyChild @refresh="queryTable"
|
|
|
+ :userList="userList"
|
|
|
+ :marginList="marginList"
|
|
|
+ :feeList="feeList"
|
|
|
+ :secondeData="secondeData"
|
|
|
+ :selectedData="firstData" />
|
|
|
+ <Detail :selectedData="firstData"
|
|
|
:secondeData="secondeData"
|
|
|
:userList="userList"
|
|
|
:marginList="marginList"
|
|
|
- :feeList="feeList"
|
|
|
- />
|
|
|
- <Cancel
|
|
|
- @refresh="queryTable"
|
|
|
+ :feeList="feeList" />
|
|
|
+ <Cancel @refresh="queryTable"
|
|
|
:userList="userList"
|
|
|
:marginList="marginList"
|
|
|
:feeList="feeList"
|
|
|
:secondeData="secondeData"
|
|
|
+ :selectedData="firstData" />
|
|
|
+ <Credit @refresh="queryTable"
|
|
|
:selectedData="firstData"
|
|
|
- />
|
|
|
- <Credit @refresh="queryTable" :selectedData="firstData" :secondeData="secondeData" />
|
|
|
- </div>
|
|
|
+ :secondeData="secondeData" />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
huangbin