|
|
@@ -1,127 +0,0 @@
|
|
|
-<template>
|
|
|
- <!-- 现货合同: 未提交-->
|
|
|
- <div class="spot-contract-not-commit" :loading="loading">
|
|
|
- <filterCustomTable @search="updateColumn">
|
|
|
- <BtnList :btnList="firstBtn" @click="openComponent" />
|
|
|
- </filterCustomTable>
|
|
|
- <a-table :columns="columns" class="topOrderTable" :pagination="false" :expandedRowKeys="expandedRowKeys" :customRow="Rowclick" rowKey="key" :data-source="tableList" :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }">
|
|
|
- <!-- 额外的展开行 -->
|
|
|
- <!-- 额外的展开行 -->
|
|
|
- <template #expandedRowRender="{ record }">
|
|
|
- <BtnList :btnList="secondBtn" class="btn-list-sticky" :record="record" @click="openComponent" />
|
|
|
- </template>
|
|
|
- <template #biztype="{ text }">
|
|
|
- <a>{{ getBizTypeName(text) }}</a>
|
|
|
- </template>
|
|
|
-
|
|
|
- <template #pricetype="{ text }">
|
|
|
- <span>{{ getPriceTypeName(text) }}</span>
|
|
|
- </template>
|
|
|
-
|
|
|
- <template #contracctstatus="{ text }">
|
|
|
- <a>{{ getContractStatusName(text) }}</a>
|
|
|
- </template>
|
|
|
-
|
|
|
- <template #contracttype="{ text }">
|
|
|
- <a>{{ getContractTypeName(text) }}</a>
|
|
|
- </template>
|
|
|
- <!-- 对手方 -->
|
|
|
- <template #negative="{ record }">
|
|
|
- <a>{{ record.contracttype === 1 ? record.sellusername : record.buyusername }}</a>
|
|
|
- </template>
|
|
|
- <!-- 点假期 -->
|
|
|
- <template #startdate="{ record }">
|
|
|
- <span>{{ formatValue(formatTime(record.startdate, 'd') + '--' + formatTime(record.enddate, 'd')) }}</span>
|
|
|
- </template>
|
|
|
- <!-- 交收期 -->
|
|
|
- <template #deliverystartdate="{ record }">
|
|
|
- <span>{{ formatValue(formatTime(record.deliverystartdate, 'd') + '--' + formatTime(record.deliveryenddate, 'd')) }}</span>
|
|
|
- </template>
|
|
|
- <!-- 业务员 -->
|
|
|
- <template #saleuserid="{ record }">
|
|
|
- <span>{{ findManagerName(record.saleuserid) }}</span>
|
|
|
- </template>
|
|
|
-
|
|
|
- <!-- 跟单员 -->
|
|
|
- <template #meruserid="{ record }">
|
|
|
- <span>{{ findManagerName(record.meruserid) }}</span>
|
|
|
- </template>
|
|
|
- <!-- 合同量 -->
|
|
|
- <template #qty="{ text, record }">
|
|
|
- <span>{{ handleEnumdic(text, record) }}</span>
|
|
|
- </template>
|
|
|
- </a-table>
|
|
|
- <!-- 右键 -->
|
|
|
- <contextMenu :contextMenu="contextMenu" @cancel="closeContext" :list="secondBtn"> </contextMenu>
|
|
|
- <component :is="componentId" v-if="componentId" :selectedRow="selectedRow" @cancel="closeComponent"></component>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script lang="ts">
|
|
|
-import { queryTableList, BtnList, contextMenu, defineAsyncComponent, defineComponent, ModalEnum, handleComposeTable, ComposeTableParam } from '@/common/export/commonTable';
|
|
|
-import { filterCustomTable } from '../../components';
|
|
|
-
|
|
|
-import { formatTime, formatValue } from '@/common/methods';
|
|
|
-import { queryBusinessManager, findManagerName, tableFilterCB, handleEnumdic } from '../setup';
|
|
|
-import { getPriceTypeName, getBizTypeName, getContractStatusName, getContractTypeName } from '@/common/constants/enumsName';
|
|
|
-import { Ermcp3ContractRsp } from '@/services/go/ermcp/spot-contract/interface';
|
|
|
-import { QuerySpotContract } from '@/services/go/ermcp/spot-contract';
|
|
|
-import { EnumRouterName } from '@/common/constants/enumRouterName';
|
|
|
-
|
|
|
-const Add = defineAsyncComponent(() => import('../../components/add/index.vue'));
|
|
|
-const Detail = defineAsyncComponent(() => import('../../components/detail/index.vue'));
|
|
|
-const Modify = defineAsyncComponent(() => import('../../components/modify/index.vue'));
|
|
|
-const Delete = defineAsyncComponent(() => import('../../components/delete/index.vue'));
|
|
|
-
|
|
|
-export default defineComponent({
|
|
|
- name: EnumRouterName.spot_contract_unsubmitted,
|
|
|
- components: {
|
|
|
- filterCustomTable,
|
|
|
- contextMenu,
|
|
|
- [ModalEnum.detail]: Detail,
|
|
|
- [ModalEnum.spot_contract_btn_add]: Add,
|
|
|
- [ModalEnum.spot_contract_btn_modify]: Modify,
|
|
|
- [ModalEnum.spot_contract_btn_delete]: Delete,
|
|
|
- BtnList,
|
|
|
- },
|
|
|
- setup() {
|
|
|
- // 表格列表数据
|
|
|
- const { loading, tableList, queryTable } = queryTableList<Ermcp3ContractRsp>();
|
|
|
- // 获取列表数据
|
|
|
- const queryTableAction = () => {
|
|
|
- queryTable(QuerySpotContract, { querytype: 1 });
|
|
|
- // 获取 业务账户
|
|
|
- queryBusinessManager();
|
|
|
- };
|
|
|
- // 表格通用逻辑
|
|
|
- const param: ComposeTableParam = {
|
|
|
- queryFn: queryTableAction,
|
|
|
- menuType: EnumRouterName.spot_contract_unsubmitted,
|
|
|
- tableName: 'table_pcweb_delivery',
|
|
|
- tableFilterKey: ['contracttype', 'pricetype', 'contractno'],
|
|
|
- tableFilterCB,
|
|
|
- isDetail: true,
|
|
|
- };
|
|
|
-
|
|
|
- return {
|
|
|
- ...handleComposeTable<Ermcp3ContractRsp>(param),
|
|
|
- loading,
|
|
|
- tableList,
|
|
|
- getBizTypeName,
|
|
|
- getPriceTypeName,
|
|
|
- getContractStatusName,
|
|
|
- getContractTypeName,
|
|
|
- formatTime,
|
|
|
- formatValue,
|
|
|
- findManagerName,
|
|
|
- handleEnumdic,
|
|
|
- };
|
|
|
- },
|
|
|
-});
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less">
|
|
|
-.spot-contract-not-commit {
|
|
|
-}
|
|
|
-</style
|
|
|
->;
|