|
@@ -19,6 +19,13 @@
|
|
|
<div class="arrowLeftIcon"></div>
|
|
<div class="arrowLeftIcon"></div>
|
|
|
<div class="name">{{selectedRow.warehousename}}</div>
|
|
<div class="name">{{selectedRow.warehousename}}</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="titleBtn titleBtn3"
|
|
|
|
|
+ v-if="!getHasWR(enumName)">
|
|
|
|
|
+ <a-month-picker :allowClear="false"
|
|
|
|
|
+ v-model:value="time"
|
|
|
|
|
+ @change="timeChange"
|
|
|
|
|
+ class="commonDatePicker" />
|
|
|
|
|
+ </div>
|
|
|
<div class="green">
|
|
<div class="green">
|
|
|
<div class="numBlock"
|
|
<div class="numBlock"
|
|
|
v-if="isFloatPrice()">
|
|
v-if="isFloatPrice()">
|
|
@@ -67,12 +74,14 @@
|
|
|
<Sell :enumName="enumName"
|
|
<Sell :enumName="enumName"
|
|
|
ref="sellRef"
|
|
ref="sellRef"
|
|
|
:parantSelectedRow="selectedRow"
|
|
:parantSelectedRow="selectedRow"
|
|
|
|
|
+ :time="time"
|
|
|
:btnList="handleBtnList(sellMarket.btnList)" />
|
|
:btnList="handleBtnList(sellMarket.btnList)" />
|
|
|
</a-col>
|
|
</a-col>
|
|
|
<a-col :span="12"
|
|
<a-col :span="12"
|
|
|
v-if="buyMarket.isMarket">
|
|
v-if="buyMarket.isMarket">
|
|
|
<Buy :enumName="enumName"
|
|
<Buy :enumName="enumName"
|
|
|
ref="buyRef"
|
|
ref="buyRef"
|
|
|
|
|
+ :time="time"
|
|
|
:parantSelectedRow="selectedRow"
|
|
:parantSelectedRow="selectedRow"
|
|
|
:btnList="handleBtnList(buyMarket.btnList)" />
|
|
:btnList="handleBtnList(buyMarket.btnList)" />
|
|
|
</a-col>
|
|
</a-col>
|
|
@@ -91,7 +100,7 @@ import { defineAsyncComponent, defineComponent, BtnList, ModalEnum } from '@/com
|
|
|
import { _closeModal } from '@/common/setup/modal/modal';
|
|
import { _closeModal } from '@/common/setup/modal/modal';
|
|
|
import { WrOrderQuote } from '@/services/go/wrtrade/interface';
|
|
import { WrOrderQuote } from '@/services/go/wrtrade/interface';
|
|
|
import { LeftOutlined } from '@ant-design/icons-vue';
|
|
import { LeftOutlined } from '@ant-design/icons-vue';
|
|
|
-import { handleChildComponentMethod, handleFinacing } from './setup';
|
|
|
|
|
|
|
+import { handleChildComponentMethod, handleFinacing, getHasWR } from './setup';
|
|
|
import Buy from './components/buy/index.vue';
|
|
import Buy from './components/buy/index.vue';
|
|
|
import Sell from './components/sell/index.vue';
|
|
import Sell from './components/sell/index.vue';
|
|
|
import { LineChartOutlined } from '@ant-design/icons-vue';
|
|
import { LineChartOutlined } from '@ant-design/icons-vue';
|
|
@@ -104,6 +113,7 @@ import Bus from '@/utils/eventBus/index';
|
|
|
import { getQuoteDayInfoByCode } from '@/services/bus/goods';
|
|
import { getQuoteDayInfoByCode } from '@/services/bus/goods';
|
|
|
import TimerUtils from '@/utils/timer/timerUtil';
|
|
import TimerUtils from '@/utils/timer/timerUtil';
|
|
|
import { BtnList as BtnListType } from '@/common/components/btnList/interface';
|
|
import { BtnList as BtnListType } from '@/common/components/btnList/interface';
|
|
|
|
|
+import moment, { Moment } from 'moment';
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
|
emits: ['cancel', 'update'],
|
|
emits: ['cancel', 'update'],
|
|
@@ -128,6 +138,7 @@ export default defineComponent({
|
|
|
[ModalEnum.spot_trade_warehouse_post_buying]: defineAsyncComponent(() => import('../post_buying/index.vue')),
|
|
[ModalEnum.spot_trade_warehouse_post_buying]: defineAsyncComponent(() => import('../post_buying/index.vue')),
|
|
|
},
|
|
},
|
|
|
setup(props, context) {
|
|
setup(props, context) {
|
|
|
|
|
+ const time = ref<Moment>(moment()); // string 交收月
|
|
|
const loading = ref<boolean>(false);
|
|
const loading = ref<boolean>(false);
|
|
|
const { visible, cancel } = _closeModal(context);
|
|
const { visible, cancel } = _closeModal(context);
|
|
|
// 买卖大厅 配置数据
|
|
// 买卖大厅 配置数据
|
|
@@ -153,6 +164,7 @@ export default defineComponent({
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
removeSubscribeQuotation(uuid);
|
|
removeSubscribeQuotation(uuid);
|
|
|
TimerUtils.clearInterval('buyAndSellMartet');
|
|
TimerUtils.clearInterval('buyAndSellMartet');
|
|
|
|
|
+ TimerUtils.clearTimeout('debounce');
|
|
|
});
|
|
});
|
|
|
const { childRef: buyRef, loadChildComponentData: loadBuyData } = handleChildComponentMethod();
|
|
const { childRef: buyRef, loadChildComponentData: loadBuyData } = handleChildComponentMethod();
|
|
|
const { childRef: sellRef, loadChildComponentData: loadSellData } = handleChildComponentMethod();
|
|
const { childRef: sellRef, loadChildComponentData: loadSellData } = handleChildComponentMethod();
|
|
@@ -169,6 +181,15 @@ export default defineComponent({
|
|
|
return list;
|
|
return list;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ function timeChange() {
|
|
|
|
|
+ TimerUtils.setTimeout(
|
|
|
|
|
+ () => {
|
|
|
|
|
+ queryFn();
|
|
|
|
|
+ },
|
|
|
|
|
+ 200,
|
|
|
|
|
+ 'debounce'
|
|
|
|
|
+ );
|
|
|
|
|
+ }
|
|
|
TimerUtils.setInterval(
|
|
TimerUtils.setInterval(
|
|
|
() => {
|
|
() => {
|
|
|
loadBuyData();
|
|
loadBuyData();
|
|
@@ -181,6 +202,7 @@ export default defineComponent({
|
|
|
Bus.$on('spotTrade', loadSellData);
|
|
Bus.$on('spotTrade', loadSellData);
|
|
|
|
|
|
|
|
return {
|
|
return {
|
|
|
|
|
+ time,
|
|
|
buyRef,
|
|
buyRef,
|
|
|
sellRef,
|
|
sellRef,
|
|
|
cancel,
|
|
cancel,
|
|
@@ -195,6 +217,8 @@ export default defineComponent({
|
|
|
openComponent,
|
|
openComponent,
|
|
|
enumName: props.enumName,
|
|
enumName: props.enumName,
|
|
|
handleBtnList,
|
|
handleBtnList,
|
|
|
|
|
+ getHasWR,
|
|
|
|
|
+ timeChange,
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|