暂无数据样式修改

src/assets/styles/mixin.less

@@ -1976,4 +1976,12 @@ input:-internal-autofill-selected {
     .ant-progress-text {
         display: none;
     }
+}
+
+// 暂无数据
+.noData {
+    width: 80px;
+    height: 80px;
+    background: url(../images/nodata.png) center center no-repeat;
+    background-size: cover;
 }

src/views/market/spot_trade/components/buy-sell-market/components/financing_delisting/components/choose-finance/index.vue

@@ -1,46 +1,52 @@
 <template>
-  <!-- 仓单贸易&仓单预售 融资-->
+    <!-- 仓单贸易&仓单预售 融资-->
 
-  <Drawer :title="'选择融资方案'"
-          :placement="'top'"
-          :visible="visible"
-          width="486px"
-          height="580px"
-          @cancel="update"
-          class="top financing">
-    <div class="financingCont">
-      <a-row class="f-t">
-        <a-col :span="7">融出方/名称</a-col>
-        <a-col :span="10">天数/保证金/利息</a-col>
-        <a-col :span="7">结息/起息天数</a-col>
-      </a-row>
-      <div class="contBar"
-           v-for="(item, index) in list"
-           :key="index + 11"
-           @click="choose(item)">
-        <a-row class="firstRow">
-          <a-col :span="7">{{item.productname}}</a-col>
-          <a-col :span="17"
-                 v-if="item.isautoloan">放款快</a-col>
-        </a-row>
-        <a-row class="secondRow">
-          <a-col :span="7">{{item.username}}</a-col>
-          <a-col :span="10">
-            <a-row class="middle">
-              <a-col :span="7">{{item.financingdays}}天</a-col>
-              <a-col :span="10">{{item.marginratio * 100}}%</a-col>
-              <a-col :span="7">{{item.interestrate * 100}}%</a-col>
+    <Drawer
+        :title="'选择融资方案'"
+        :placement="'top'"
+        :visible="visible"
+        width="486px"
+        height="580px"
+        @cancel="update"
+        class="top financing"
+    >
+        <div class="financingCont">
+            <a-row class="f-t">
+                <a-col :span="7">融出方/名称</a-col>
+                <a-col :span="10">天数/保证金/利息</a-col>
+                <a-col :span="7">结息/起息天数</a-col>
             </a-row>
-          </a-col>
-          <a-col :span="7">
-            <div class="settle">
-              <div>{{item.interestsettlemode === 1 ? '日' : '月'}}结</div>
-              <div>{{item.interestminlen}}天起息</div>
+            <div
+                class="contBar"
+                v-for="(item, index) in list"
+                :key="index + 11"
+                @click="choose(item)"
+            >
+                <a-row class="firstRow">
+                    <a-col :span="7">{{item.productname}}</a-col>
+                    <a-col :span="17" v-if="item.isautoloan">放款快</a-col>
+                </a-row>
+                <a-row class="secondRow">
+                    <a-col :span="7">{{item.username}}</a-col>
+                    <a-col :span="10">
+                        <a-row class="middle">
+                            <a-col :span="7">{{item.financingdays}}天</a-col>
+                            <a-col :span="10">{{item.marginratio * 100}}%</a-col>
+                            <a-col :span="7">{{item.interestrate * 100}}%</a-col>
+                        </a-row>
+                    </a-col>
+                    <a-col :span="7">
+                        <div class="settle">
+                            <div>{{item.interestsettlemode === 1 ? '日' : '月'}}结</div>
+                            <div>{{item.interestminlen}}天起息</div>
+                        </div>
+                    </a-col>
+                </a-row>
             </div>
-          </a-col>
-        </a-row>
-      </div>
-      <!-- <div class="contBar">
+            <div class="noDataContBar" v-if="!list.length">
+                <div class="noData"></div>
+            </div>
+            <!-- <div class="contBar">
         <a-row class="firstRow">
           <a-col :span="7">铜供应链金融</a-col>
           <a-col :span="17">放款快</a-col>
@@ -83,9 +89,9 @@
             </div>
           </a-col>
         </a-row>
-      </div> -->
-    </div>
-  </Drawer>
+            </div>-->
+        </div>
+    </Drawer>
 </template>
 
 <script lang="ts">
@@ -218,6 +224,14 @@ export default defineComponent({
                 }
             }
         }
+        .noDataContBar {
+            width: 100%;
+            text-align: center;
+            margin-top: 175px;
+            .noData {
+                margin: 0 auto;
+            }
+        }
     }
 }
 </style>;

src/views/market/spot_trade/components/buy-sell-market/components/sell/index.vue

@@ -1,28 +1,30 @@
 <template>
-  <!-- 卖大厅 -->
-  <a-table :columns="columns"
-           class="sellHallTable"
-           :scroll="{ x: '100%', y: 'calc(100vh - 510px)' }"
-           :pagination="false"
-           :loading="loading"
-           :expandedRowKeys="expandedRowKeys"
-           :customRow="Rowclick"
-           rowKey="key"
-           :data-source="tableList">
-    <!-- 额外的展开行 -->
-    <template #expandedRowRender="{ record }">
-      <BtnList :btnList="btnList"
-               :record="record"
-               @click="openComponent" />
-    </template>
-  </a-table>
-  <component :is="componentId"
-             v-if="componentId"
-             :selectedRow="selectedRow"
-             :enumName="enumName"
-             :buyOrSell="BuyOrSell.sell"
-             :parantSelectedRow="parantSelectedRow"
-             @cancel="closeComponent"></component>
+    <!-- 卖大厅 -->
+    <a-table
+        :columns="columns"
+        class="sellHallTable"
+        :scroll="{ x: '100%', y: 'calc(100vh - 470px)' }"
+        :pagination="false"
+        :loading="loading"
+        :expandedRowKeys="expandedRowKeys"
+        :customRow="Rowclick"
+        rowKey="key"
+        :data-source="tableList"
+    >
+        <!-- 额外的展开行 -->
+        <template #expandedRowRender="{ record }">
+            <BtnList :btnList="btnList" :record="record" @click="openComponent" />
+        </template>
+    </a-table>
+    <component
+        :is="componentId"
+        v-if="componentId"
+        :selectedRow="selectedRow"
+        :enumName="enumName"
+        :buyOrSell="BuyOrSell.sell"
+        :parantSelectedRow="parantSelectedRow"
+        @cancel="closeComponent"
+    ></component>
 </template>
 
 <script lang="ts">