|
@@ -2,59 +2,96 @@
|
|
|
<!-- 期货账户 -->
|
|
<!-- 期货账户 -->
|
|
|
<div class="account_info_futures"
|
|
<div class="account_info_futures"
|
|
|
:loading="loading">
|
|
: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"></use>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ {{getUserName()}}
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <a-collapse class="spotCollapse"
|
|
|
|
|
+ v-for="(item, i) in futuresList"
|
|
|
|
|
+ :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"></use>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ <svg class="icon svg-icon"
|
|
|
|
|
+ aria-hidden="true"
|
|
|
|
|
+ v-else>
|
|
|
|
|
+ <use xlink:href="#icon-shouqi2"></use>
|
|
|
|
|
+ </svg>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <a-collapse-panel>
|
|
|
|
|
+ <template #header>
|
|
|
|
|
+ <a-row class="headRow">
|
|
|
|
|
+ <a-col :span="12">{{item.mainAcc.accountname}}({{item.subacclist.length}})</a-col>
|
|
|
|
|
+ <a-col :span="12">
|
|
|
|
|
+ <BtnList :btnList="commonBtn" />
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <a-collapse class="busyCollapse"
|
|
|
|
|
+ v-for="(sub, i) in item.subacclist"
|
|
|
|
|
+ :key="i + '11'"
|
|
|
|
|
+ :bordered="false">
|
|
|
|
|
+ <a-collapse-panel :show-arrow="false">
|
|
|
|
|
+ <template #header>
|
|
|
|
|
+ <a-row class="contRow">
|
|
|
|
|
+ <a-col :span="12">{{sub.accountname}}</a-col>
|
|
|
|
|
+ <a-col :span="12">{{getAccountStatus(sub.tradestatus)}}</a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <BtnList :btnList="forDataBtn" />
|
|
|
|
|
+ </a-collapse-panel>
|
|
|
|
|
+ </a-collapse>
|
|
|
|
|
+ </a-collapse-panel>
|
|
|
|
|
+ </a-collapse>
|
|
|
|
|
+ <Add />
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
|
-import { defineComponent, initData, getTableColumns, getTableEvent, getBtnList, contextMenu, BtnList } from '@/common/export/table';
|
|
|
|
|
-
|
|
|
|
|
-// import {filterCustomTable, CustomDetail, ModifyCustom, DisableCustom, AddCustom} from '../../compoments';
|
|
|
|
|
-// import {queryTableList, QueryCustomInfoType} from '../index';
|
|
|
|
|
-import { getStatusName } from '@/views/information/custom/setup';
|
|
|
|
|
|
|
+import { defineComponent, initData, getBtnList, contextMenu, BtnList } from '@/common/export/table';
|
|
|
|
|
+import filterCustomTable from '@/views/information/goods/components/filterTable/index.vue';
|
|
|
|
|
+import { ref } from 'vue';
|
|
|
|
|
+import { getAccountStatus } from '../setup';
|
|
|
|
|
+import { handleTradeAccount } from './setup';
|
|
|
|
|
+import { getUserName } from '@/services/bus/user';
|
|
|
|
|
+import Add from '../../compoments/add-futures/index.vue';
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
|
name: 'account_info_futures',
|
|
name: 'account_info_futures',
|
|
|
components: {
|
|
components: {
|
|
|
contextMenu,
|
|
contextMenu,
|
|
|
BtnList,
|
|
BtnList,
|
|
|
|
|
+ Add,
|
|
|
},
|
|
},
|
|
|
setup() {
|
|
setup() {
|
|
|
- // // 表头数据
|
|
|
|
|
- // const {columns, registerColumn, updateColumn, filteredInfo} = getTableColumns();
|
|
|
|
|
- // // 表格事件
|
|
|
|
|
- // const {expandedRowKeys, selectedRow, Rowclick} = getTableEvent<QueryCustomInfoType>({});
|
|
|
|
|
- // // 表格操作按钮列表
|
|
|
|
|
- // const {commonBtn, forDataBtn} = getBtnList('custom_info_normal', true);
|
|
|
|
|
- // // 表格列表数据
|
|
|
|
|
- // const {loading, tableList, queryTable} = queryTableList(3);
|
|
|
|
|
- // initData(() => {
|
|
|
|
|
- // // 获取列表数据
|
|
|
|
|
- // queryTable();
|
|
|
|
|
- // // 注册表头信息 过滤
|
|
|
|
|
- // registerColumn('table_pcweb_userinfo', );
|
|
|
|
|
- // });
|
|
|
|
|
|
|
+ const { futuresList, getRoleList } = handleTradeAccount();
|
|
|
|
|
+ const { commonBtn, forDataBtn } = getBtnList('account_info_manager', true);
|
|
|
|
|
+ const loading = ref<boolean>(false);
|
|
|
|
|
+ initData(() => {
|
|
|
|
|
+ getRoleList();
|
|
|
|
|
+ });
|
|
|
|
|
|
|
|
- // // 查询
|
|
|
|
|
- // function search(value: any) {
|
|
|
|
|
- // filteredInfo.value = value;
|
|
|
|
|
- // // 更新表信息
|
|
|
|
|
- // updateColumn();
|
|
|
|
|
- // }
|
|
|
|
|
|
|
+ // 查询
|
|
|
|
|
+ function search(value: any) {}
|
|
|
|
|
|
|
|
return {
|
|
return {
|
|
|
- // columns,
|
|
|
|
|
- // filteredInfo,
|
|
|
|
|
- // expandedRowKeys,
|
|
|
|
|
- // selectedRow,
|
|
|
|
|
- // Rowclick,
|
|
|
|
|
- // commonBtn,
|
|
|
|
|
- // forDataBtn,
|
|
|
|
|
- // loading,
|
|
|
|
|
- // tableList,
|
|
|
|
|
- // search,
|
|
|
|
|
- // getStatusName,
|
|
|
|
|
- // queryTable,
|
|
|
|
|
|
|
+ commonBtn,
|
|
|
|
|
+ forDataBtn,
|
|
|
|
|
+ loading,
|
|
|
|
|
+ search,
|
|
|
|
|
+ futuresList,
|
|
|
|
|
+ getAccountStatus,
|
|
|
|
|
+ getUserName,
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|