|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<!-- 现货合同撤销-->
|
|
|
- <a-modal class="add-custom custom-detail"
|
|
|
+ <a-modal class="add-custom custom-detail commonModal addSpotVariety"
|
|
|
title="现货合同撤销"
|
|
|
v-model:visible="visible"
|
|
|
centered
|
|
|
@@ -16,183 +16,210 @@
|
|
|
:loading="loading"
|
|
|
@click="submit">确认撤销</a-button>
|
|
|
</template>
|
|
|
- <a-form class="inlineForm">
|
|
|
- <fieldset class="formFieldSet">
|
|
|
- <legend>基本信息</legend>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="合同编号">
|
|
|
- <span class="white">NPCQ-2020121001</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="合同类型">
|
|
|
- <span class="white">采购合同</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="业务类型">
|
|
|
- <span class="white">套保</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="采购方">
|
|
|
- <span class="white">河北石家庄刚强矿石公司</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="销售方">
|
|
|
- <span class="white">菏泽已成钢材有限公司</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="合同附件">
|
|
|
- <div class="upload">
|
|
|
- <div class="look">查看附件</div>
|
|
|
- </div>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="状态">
|
|
|
- <span class="yellow">待审核</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">螺纹钢12</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="品类">
|
|
|
- <span class="white">10mm</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="品牌">
|
|
|
- <span class="white">江铜</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="标仓系数">
|
|
|
- <span class="white">1.1</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="商品规格">
|
|
|
- <span class="white">符合国际GB/T1196-2008AL99.70规定,其中铝含量不低于99.7%</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">点价</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="数量">
|
|
|
- <span class="white">菏泽已成钢材有限公司</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="点价合约">
|
|
|
- <span class="white">CU2011</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="升贴水">
|
|
|
- <span class="white">100元/吨</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="点价期">
|
|
|
- <span class="white">2020-12-10~2021-02-10</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="交收期">
|
|
|
- <span class="white">2020-12-10~2021-02-10</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">13700元</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="业务员">
|
|
|
- <span class="white">李顺利(lishunli)</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="跟单员">
|
|
|
- <span class="white">王平(wangping)</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="期货账户">
|
|
|
- <span class="white">25000000001</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24">
|
|
|
- <a-form-item label="备注">
|
|
|
- <span class="white">符合国际GB/T1196-2008AL99.70规定,其中铝含量不低于99.7%</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </fieldset>
|
|
|
- </a-form>
|
|
|
+ <a-form class="inlineForm"
|
|
|
+ :form="form"
|
|
|
+ @submit="handleSearch">
|
|
|
+ <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">{{ formatValue(selectedRow.contractno) }}</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.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(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(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>
|
|
|
</a-modal>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
-import { defineComponent, ref } from 'vue';
|
|
|
+import {defineComponent, PropType, ref} from 'vue';
|
|
|
import { closeModal } from '@/common/setup/modal/index';
|
|
|
+import {Ermcp3ContractRsp} from "@/services/go/ermcp/spot-contract/interface";
|
|
|
+import {formatTime, formatValue} from "@/common/methods";
|
|
|
+import {getContractStatusName, getPriceTypeName} from "@/views/information/spot-contract/setup";
|
|
|
+import {message, Modal} from "ant-design-vue";
|
|
|
+import {deleteOrderContract} from "@/views/information/spot-contract/components/setup";
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'spot-contract-detail',
|
|
|
components: {},
|
|
|
- setup() {
|
|
|
+ props: {
|
|
|
+ selectedRow: {
|
|
|
+ type: Object as PropType<Ermcp3ContractRsp>,
|
|
|
+ default: {},
|
|
|
+ },
|
|
|
+ },
|
|
|
+ setup(props, context) {
|
|
|
const { visible, cancel } = closeModal('spot_contract_btn_cancel');
|
|
|
- const loading = ref<boolean>(false);
|
|
|
+ const {loading, orderContractState} = deleteOrderContract()
|
|
|
const maskClosableFlag = ref<boolean>(false);
|
|
|
function submit() {
|
|
|
loading.value = true;
|
|
|
- setTimeout(() => {
|
|
|
- loading.value = false;
|
|
|
- cancel();
|
|
|
- }, 2000);
|
|
|
+ Modal.confirm({
|
|
|
+ title: '是否确认撤销',
|
|
|
+ okText: '确认撤销',
|
|
|
+ cancelText: '取消',
|
|
|
+ onOk() {
|
|
|
+ // 删除客户资料
|
|
|
+ orderContractState(props.selectedRow.spotcontractid)
|
|
|
+ .then(res => {
|
|
|
+ message.success(res);
|
|
|
+ // 通知上层 刷新数据
|
|
|
+ context.emit('refresh');
|
|
|
+ cancel();
|
|
|
+ }).catch(err => {
|
|
|
+ message.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onCancel() {
|
|
|
+ console.log('Cancel');
|
|
|
+ },
|
|
|
+ });
|
|
|
}
|
|
|
return {
|
|
|
visible,
|
|
|
@@ -200,6 +227,10 @@ export default defineComponent({
|
|
|
submit,
|
|
|
loading,
|
|
|
maskClosableFlag,
|
|
|
+ formatValue,
|
|
|
+ getPriceTypeName,
|
|
|
+ getContractStatusName,
|
|
|
+ formatTime,
|
|
|
};
|
|
|
},
|
|
|
});
|