|
|
@@ -1,52 +1,56 @@
|
|
|
<template>
|
|
|
- <!-- 报表通用过滤 -->
|
|
|
- <div class="filterTable">
|
|
|
- <div class="filter-custom-table">
|
|
|
- <a-tree-select v-model:value="selectedFT"
|
|
|
- @change="changeFT"
|
|
|
- style="width: 200px"
|
|
|
- :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
|
|
|
- :tree-data="FtDeliveryGoods"
|
|
|
- placeholder="全部商品"
|
|
|
- :showCheckedStrategy="ALL"
|
|
|
- tree-default-expand-all>
|
|
|
- </a-tree-select>
|
|
|
- <a-select label-in-value
|
|
|
+ <!-- 报表通用过滤 -->
|
|
|
+ <div class="filterTable">
|
|
|
+ <div class="filter-custom-table">
|
|
|
+ <a-tree-select
|
|
|
+ v-model:value="selectedFT"
|
|
|
+ @change="changeFT"
|
|
|
+ style="width: 200px"
|
|
|
+ :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
|
|
|
+ :tree-data="FtDeliveryGoods"
|
|
|
+ placeholder="全部商品"
|
|
|
+ :showCheckedStrategy="ALL"
|
|
|
+ tree-default-expand-all
|
|
|
+ ></a-tree-select>
|
|
|
+ <a-select
|
|
|
+ label-in-value
|
|
|
class="conditionSelect"
|
|
|
v-for="(item, index) in wrLsit"
|
|
|
:key="index + '11'"
|
|
|
style="width: 120px"
|
|
|
v-model:value="item.selected"
|
|
|
- :placeholder="`全部${item.itemtypename}`">
|
|
|
- <a-select-option v-for="sub in item.itemlst"
|
|
|
- :key="sub.dgfactoryitemid">
|
|
|
- {{sub.dgfactoryitemvalue}}
|
|
|
- </a-select-option>
|
|
|
- </a-select>
|
|
|
- <a-space direction="vertical"
|
|
|
- v-if="!isWR()">
|
|
|
- <a-month-picker :allowClear="false"
|
|
|
- placeholder="全部交收月"
|
|
|
- v-model:value="time"
|
|
|
- class="commonDatePicker conditionPicker allDatePicker" />
|
|
|
- </a-space>
|
|
|
- <a-select class="conditionSelect"
|
|
|
+ :placeholder="`全部${item.itemtypename}`"
|
|
|
+ >
|
|
|
+ <a-select-option
|
|
|
+ v-for="sub in item.itemlst"
|
|
|
+ :key="sub.dgfactoryitemid"
|
|
|
+ >{{sub.dgfactoryitemvalue}}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ <a-space direction="vertical" v-if="!isWR()">
|
|
|
+ <a-month-picker
|
|
|
+ :allowClear="false"
|
|
|
+ placeholder="全部交收月"
|
|
|
+ v-model:value="time"
|
|
|
+ class="commonDatePicker conditionPicker allDatePicker"
|
|
|
+ />
|
|
|
+ </a-space>
|
|
|
+ <a-select
|
|
|
+ class="conditionSelect"
|
|
|
v-if="isFloat()"
|
|
|
:style="{width: '180px', maxHeight: '400px', overflow: 'auto' }"
|
|
|
@change="goodsChange"
|
|
|
- placeholder="全部期货合约">
|
|
|
- <a-select-option v-for="item in goodsList"
|
|
|
- :value="item.goodsid"
|
|
|
- :key="item.goodsid">{{item.goodscode}}({{item.goodsname}})
|
|
|
- </a-select-option>
|
|
|
- </a-select>
|
|
|
- <a-button class="selectBtn"
|
|
|
- @click="search(true)">筛选</a-button>
|
|
|
- <a-button class="selectBtn"
|
|
|
- @click="listingAction">挂牌求购
|
|
|
- </a-button>
|
|
|
+ placeholder="全部期货合约"
|
|
|
+ >
|
|
|
+ <a-select-option
|
|
|
+ v-for="item in goodsList"
|
|
|
+ :value="item.goodsid"
|
|
|
+ :key="item.goodsid"
|
|
|
+ >{{item.goodscode}}({{item.goodsname}})</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ <a-button class="selectBtn" @click="search(true)">筛选</a-button>
|
|
|
+ <a-button class="selectBtn" @click="listingAction">挂牌求购</a-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
@@ -217,15 +221,22 @@ export default defineComponent({
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
|
-.allDatePicker{
|
|
|
+.allDatePicker.ant-calendar-picker {
|
|
|
cursor: pointer;
|
|
|
min-width: 120px;
|
|
|
height: 30px;
|
|
|
padding: 0 8px;
|
|
|
- background: var(--m-grey9);
|
|
|
+ background: @m-grey9;
|
|
|
border: none;
|
|
|
border-radius: 3px 3px 3px 3px;
|
|
|
- color: var(--m-grey10);
|
|
|
+ color: @m-grey10;
|
|
|
+ .ant-input {
|
|
|
+ width: 104px;
|
|
|
+ &::placeholder {
|
|
|
+ color: @m-grey10;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>;
|
|
|
|