|
|
@@ -29,162 +29,8 @@
|
|
|
<a-tab-pane key="7"
|
|
|
tab="变更记录"></a-tab-pane>
|
|
|
</a-tabs>
|
|
|
- <a-form class="inlineForm"
|
|
|
- v-if="activeKey == 1">
|
|
|
- <fieldset class="formFieldSet">
|
|
|
- <legend>基本信息</legend>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="合同编号">
|
|
|
- <span class="white">{{ formatValue(selectedRow.contractno) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="合同类型">
|
|
|
- <span class="white">{{ getContractTypeName(selectedRow.contracttype) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="业务类型">
|
|
|
- <span class="white">{{ getBizTypeName(selectedRow.biztype) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="采购方">
|
|
|
- <span class="white">{{ formatValue(selectedRow.buyusername) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="销售方">
|
|
|
- <span class="white">{{ formatValue(selectedRow.sellusername) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="合同附件">
|
|
|
- <span class="white">{{ formatValue(selectedRow.contracctstatus) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="状态">
|
|
|
- <span class="yellow">{{ formatValue(getContractStatusName(selectedRow.contracctstatus)) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </fieldset>
|
|
|
- <fieldset class="formFieldSet">
|
|
|
- <legend>现货信息</legend>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="现货品种">
|
|
|
- <span class="white">{{ formatValue(selectedRow.deliverygoodsname) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="品类">
|
|
|
- <span class="white">{{ formatValue(selectedRow.wrstandardname) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="品牌">
|
|
|
- <span class="white">{{ formatValue(selectedRow.brandname) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="标仓系数">
|
|
|
- <span class="white">{{ formatValue(selectedRow.convertfactor) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="商品规格">
|
|
|
- <span class="white">{{ formatValue(selectedRow.spotgoodsdesc) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </fieldset>
|
|
|
- <fieldset class="formFieldSet">
|
|
|
- <legend>价格信息</legend>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="定价类型">
|
|
|
- <span class="white">{{ getPriceTypeName(formatValue(selectedRow.pricetype)) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="数量">
|
|
|
- <span class="white">{{ formatValue(selectedRow.qty) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="点价合约">
|
|
|
- <span class="white">{{ formatValue(selectedRow.goodscode) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="升贴水">
|
|
|
- <span class="white">{{ formatValue(selectedRow.pricemove) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="点价期">
|
|
|
- <span class="white">{{ formatValue(formatTime(selectedRow.startdate, "d") + '--' + formatTime(selectedRow.enddate, "d")) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="交收期">
|
|
|
- <span class="white">{{ formatValue(formatTime(selectedRow.deliverystartdate, "d") + '--' + formatTime(selectedRow.deliveryenddate, "d"))}}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </fieldset>
|
|
|
- <fieldset class="formFieldSet">
|
|
|
- <legend>其它信息</legend>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="保证金">
|
|
|
- <span class="white">{{ formatValue(selectedRow.contractmargin) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="业务员">
|
|
|
- <span class="white">{{ formatValue(findManagerName(selectedRow.saleuserlogincode)) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="跟单员">
|
|
|
- <span class="white">{{ formatValue(findManagerName(selectedRow.meruserlogincode)) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="期货账户">
|
|
|
- <span class="white">{{ formatValue(selectedRow.accountid) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="备注">
|
|
|
- <span class="white">{{ formatValue(selectedRow.remark) }}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </fieldset>
|
|
|
- </a-form>
|
|
|
+ <InfoDetail :selectedRow="selectedRow"
|
|
|
+ v-if="activeKey == 1" />
|
|
|
<div class="tableDatas"
|
|
|
v-if="activeKey == 2">
|
|
|
<a-table class="dialogTable"
|
|
|
@@ -201,37 +47,36 @@
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
-import { defineComponent, PropType, reactive, ref } from 'vue';
|
|
|
+import { defineComponent, PropType, ref } from 'vue';
|
|
|
import { closeModal } from '@/common/setup/modal/index';
|
|
|
-import { QueryCustomInfoType } from '@/services/go/ermcp/customInfo/interface';
|
|
|
-import {Ermcp3ContractRsp, QueryChangeLogReq} from '@/services/go/ermcp/spot-contract/interface';
|
|
|
-import { getStatusName } from '@/common/constants/enumsName';
|
|
|
-import { getBizTypeName, getContractStatusName, getContractTypeName, getPriceTypeName } from '@/views/information/spot-contract/setup';
|
|
|
-import { formatValue, formatTime } from '@/common/methods/format';
|
|
|
-import { v4 as uuidv4 } from 'uuid';
|
|
|
-import {requestResultLoadingAndInfo} from "@/common/methods/request/resultInfo";
|
|
|
-import {QueryAddUserInfoApply} from "@/services/go/ermcp/customInfo";
|
|
|
-import {QueryBusinessFp, QueryBusinessKx} from "@/services/go/ermcp/finance-review";
|
|
|
-import {QueryBusinessFpReq, QueryBusinessKxReq} from "@/services/go/ermcp/finance-review/interface";
|
|
|
-import {QueryBusinessDj, QueryBusinessJs} from "@/services/go/ermcp/business-review";
|
|
|
-import {QueryBusinessDjReq, QueryBusinessJsReq} from "@/services/go/ermcp/business-review/interface";
|
|
|
-import {QueryAreaStockApply} from "@/services/go/ermcp/inventory-review";
|
|
|
-import {QueryAreaStockApplyReq} from "@/services/go/ermcp/inventory-review/interface";
|
|
|
-import {QueryChangeLog} from "@/services/go/ermcp/spot-contract";
|
|
|
-import * as Long from "long";
|
|
|
-import {handlerManagerList} from "@/common/setup/user";
|
|
|
+import { Ermcp3ContractRsp, QueryChangeLogReq } from '@/services/go/ermcp/spot-contract/interface';
|
|
|
+import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
|
|
|
+import { QueryBusinessFp, QueryBusinessKx } from '@/services/go/ermcp/finance-review';
|
|
|
+import { QueryBusinessFpReq, QueryBusinessKxReq } from '@/services/go/ermcp/finance-review/interface';
|
|
|
+import { QueryBusinessDj, QueryBusinessJs } from '@/services/go/ermcp/business-review';
|
|
|
+import { QueryBusinessDjReq, QueryBusinessJsReq } from '@/services/go/ermcp/business-review/interface';
|
|
|
+import { QueryAreaStockApply } from '@/services/go/ermcp/inventory-review';
|
|
|
+import { QueryAreaStockApplyReq } from '@/services/go/ermcp/inventory-review/interface';
|
|
|
+import { QueryChangeLog } from '@/services/go/ermcp/spot-contract';
|
|
|
+import { handlerManagerList } from '@/common/setup/user';
|
|
|
+import { ErmcpLoginUserEx } from '@/services/go/ermcp/account/interface';
|
|
|
+import InfoDetail from '../infoDetail/index.vue';
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'spot-contract-detail',
|
|
|
- components: {},
|
|
|
+ components: { InfoDetail },
|
|
|
props: {
|
|
|
selectedRow: {
|
|
|
type: Object as PropType<Ermcp3ContractRsp>,
|
|
|
default: {},
|
|
|
},
|
|
|
+ businessManager: {
|
|
|
+ type: Array as PropType<ErmcpLoginUserEx[]>,
|
|
|
+ default: [],
|
|
|
+ },
|
|
|
},
|
|
|
- setup: function (props, context) {
|
|
|
- const {visible, cancel} = closeModal('detail');
|
|
|
+ setup: function(props, context) {
|
|
|
+ const { visible, cancel } = closeModal('detail');
|
|
|
const loading = ref<boolean>(false);
|
|
|
const maskClosableFlag = ref<boolean>(false);
|
|
|
// 获取 业务账户
|
|
|
@@ -241,66 +86,65 @@ export default defineComponent({
|
|
|
cancel();
|
|
|
|
|
|
let kxParam: QueryBusinessKxReq = {
|
|
|
- relatedid: props.selectedRow.spotcontractid
|
|
|
- }
|
|
|
+ relatedid: props.selectedRow.spotcontractid,
|
|
|
+ };
|
|
|
requestResultLoadingAndInfo(QueryBusinessKx, kxParam, loading, ['款项记录请求成功', '款项记录请求失败:']).then((res) => {
|
|
|
- console.log("款项记录请求成功: \n")
|
|
|
- console.log(res)
|
|
|
+ console.log('款项记录请求成功: \n');
|
|
|
+ console.log(res);
|
|
|
cancel();
|
|
|
context.emit('refresh');
|
|
|
});
|
|
|
|
|
|
let jsParam: QueryBusinessJsReq = {
|
|
|
- relatedid: props.selectedRow.spotcontractid
|
|
|
- }
|
|
|
+ relatedid: props.selectedRow.spotcontractid,
|
|
|
+ };
|
|
|
requestResultLoadingAndInfo(QueryBusinessJs, jsParam, loading, ['交收记录请求成功', '交收记录请求失败:']).then((res) => {
|
|
|
- console.log("交收记录请求成功: \n")
|
|
|
- console.log(res)
|
|
|
+ console.log('交收记录请求成功: \n');
|
|
|
+ console.log(res);
|
|
|
cancel();
|
|
|
context.emit('refresh');
|
|
|
});
|
|
|
|
|
|
let fpParam: QueryBusinessFpReq = {
|
|
|
- relatedid: props.selectedRow.spotcontractid
|
|
|
- }
|
|
|
+ relatedid: props.selectedRow.spotcontractid,
|
|
|
+ };
|
|
|
requestResultLoadingAndInfo(QueryBusinessFp, fpParam, loading, ['发票记录请求成功', '发票记录请求失败:']).then((res) => {
|
|
|
- console.log("发票记录请求成功: \n")
|
|
|
- console.log(res)
|
|
|
+ console.log('发票记录请求成功: \n');
|
|
|
+ console.log(res);
|
|
|
cancel();
|
|
|
context.emit('refresh');
|
|
|
});
|
|
|
|
|
|
let djParam: QueryBusinessDjReq = {
|
|
|
- relatedid: props.selectedRow.spotcontractid
|
|
|
- }
|
|
|
+ relatedid: props.selectedRow.spotcontractid,
|
|
|
+ };
|
|
|
requestResultLoadingAndInfo(QueryBusinessDj, djParam, loading, ['点价记录请求成功', '点价记录请求失败:']).then((res) => {
|
|
|
- console.log("点价记录请求成功: \n")
|
|
|
- console.log(res)
|
|
|
+ console.log('点价记录请求成功: \n');
|
|
|
+ console.log(res);
|
|
|
cancel();
|
|
|
context.emit('refresh');
|
|
|
});
|
|
|
|
|
|
let StockParam: QueryAreaStockApplyReq = {
|
|
|
spotcontractid: props.selectedRow.spotcontractid,
|
|
|
- inouttype: '1,3'
|
|
|
- }
|
|
|
+ inouttype: '1,3',
|
|
|
+ };
|
|
|
requestResultLoadingAndInfo(QueryAreaStockApply, StockParam, loading, ['入库记录请求成功', '入库记录请求失败:']).then((res) => {
|
|
|
- console.log("入库记录请求成功: \n")
|
|
|
- console.log(res)
|
|
|
+ console.log('入库记录请求成功: \n');
|
|
|
+ console.log(res);
|
|
|
cancel();
|
|
|
context.emit('refresh');
|
|
|
});
|
|
|
|
|
|
let changParam: QueryChangeLogReq = {
|
|
|
- RelatedId: props.selectedRow.spotcontractid
|
|
|
- }
|
|
|
+ RelatedId: props.selectedRow.spotcontractid,
|
|
|
+ };
|
|
|
requestResultLoadingAndInfo(QueryChangeLog, changParam, loading, ['变更记录请求成功', '变更记录请求失败:']).then((res) => {
|
|
|
- console.log("变更记录请求成功: /n")
|
|
|
- console.log(res)
|
|
|
+ console.log('变更记录请求成功: /n');
|
|
|
+ console.log(res);
|
|
|
cancel();
|
|
|
context.emit('refresh');
|
|
|
});
|
|
|
-
|
|
|
}
|
|
|
|
|
|
const columns = [
|
|
|
@@ -363,7 +207,7 @@ export default defineComponent({
|
|
|
dataIndex: 'status',
|
|
|
key: 'status',
|
|
|
align: 'center',
|
|
|
- slots: {customRender: 'status'},
|
|
|
+ slots: { customRender: 'status' },
|
|
|
},
|
|
|
];
|
|
|
|
|
|
@@ -400,17 +244,10 @@ export default defineComponent({
|
|
|
cancel,
|
|
|
submit,
|
|
|
loading,
|
|
|
- formatValue,
|
|
|
- getContractStatusName,
|
|
|
- getPriceTypeName,
|
|
|
- formatTime,
|
|
|
maskClosableFlag,
|
|
|
- getContractTypeName,
|
|
|
- getBizTypeName,
|
|
|
activeKey: ref('1'),
|
|
|
columns,
|
|
|
data,
|
|
|
- findManagerName,
|
|
|
};
|
|
|
},
|
|
|
});
|