样式修改

src/assets/styles/mixin.less

@@ -1802,6 +1802,10 @@ input:-internal-autofill-selected {
         .ant-btn+.ant-btn {
             margin-left: 10px;
         }
+        .btn-list {
+            position: absolute;
+            right: 10px;
+        }
     }
 }
 // 买卖大厅表格
@@ -1811,6 +1815,9 @@ input:-internal-autofill-selected {
         table {
             border: 0;
         }
+        .ant-table-content {
+            background: rgba(@m-red1, .1) !important;
+        }
         .ant-table-thead {
             tr {
                 box-shadow: 0px 1px 0px 0px #2E3539;
@@ -1827,6 +1834,9 @@ input:-internal-autofill-selected {
                     text-overflow: ellipsis;
                     overflow: hidden;
                 }
+                th:first-child {
+                    display: none;
+                }
             }
         }
         .ant-table-tbody {
@@ -1843,10 +1853,13 @@ input:-internal-autofill-selected {
                     text-overflow: ellipsis;
                     overflow: hidden;
                 }
-                td:not(:first-child) {
-                    background: rgba(@m-green0, .1);
+                td:not(:first-child :nth-child(2)) {
+                    background: rgba(@m-red1, .1) !important;
                     color: @m-white1;
                 }
+                td:first-child {
+                    display: none;
+                }
             }
             // tr.ant-table-expanded-row:hover { //tr.ant-table-expanded-row,
             //     td {
@@ -1879,10 +1892,13 @@ input:-internal-autofill-selected {
 
 .sellHallTable {
     .ant-table {
+        .ant-table-content {
+            background: rgba(@m-green0, .1);
+        }
         .ant-table-tbody {
             tr {
-                td:not(:first-child) {
-                    background: rgba(@m-red1, .1);
+                td:not(:first-child :nth-child(2)) {
+                    background: rgba(@m-green0, .1) !important;
                 }
             }
         }

src/assets/styles/symbol_no_color/demo_index.html

@@ -55,6 +55,18 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe62d;</span>
+                <div class="name">用户</div>
+                <div class="code-name">&amp;#xe62d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69e;</span>
+                <div class="name">用户</div>
+                <div class="code-name">&amp;#xe69e;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe66a;</span>
                 <div class="name">方案 (71)</div>
                 <div class="code-name">&amp;#xe66a;</div>
@@ -324,9 +336,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1627805731690') format('woff2'),
-       url('iconfont.woff?t=1627805731690') format('woff'),
-       url('iconfont.ttf?t=1627805731690') format('truetype');
+  src: url('iconfont.woff2?t=1627897449468') format('woff2'),
+       url('iconfont.woff?t=1627897449468') format('woff'),
+       url('iconfont.ttf?t=1627897449468') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -353,6 +365,24 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-yonghu4"></span>
+            <div class="name">
+              用户
+            </div>
+            <div class="code-name">.icon-yonghu4
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yonghu3"></span>
+            <div class="name">
+              用户
+            </div>
+            <div class="code-name">.icon-yonghu3
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-fangan"></span>
             <div class="name">
               方案 (71)
@@ -759,6 +789,22 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yonghu4"></use>
+                </svg>
+                <div class="name">用户</div>
+                <div class="code-name">#icon-yonghu4</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yonghu3"></use>
+                </svg>
+                <div class="name">用户</div>
+                <div class="code-name">#icon-yonghu3</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-fangan"></use>
                 </svg>
                 <div class="name">方案 (71)</div>

src/assets/styles/symbol_no_color/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2293216 */
-  src: url('iconfont.woff2?t=1627805731690') format('woff2'),
-       url('iconfont.woff?t=1627805731690') format('woff'),
-       url('iconfont.ttf?t=1627805731690') format('truetype');
+  src: url('iconfont.woff2?t=1627897449468') format('woff2'),
+       url('iconfont.woff?t=1627897449468') format('woff'),
+       url('iconfont.ttf?t=1627897449468') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-yonghu4:before {
+  content: "\e62d";
+}
+
+.icon-yonghu3:before {
+  content: "\e69e";
+}
+
 .icon-fangan:before {
   content: "\e66a";
 }

src/assets/styles/symbol_no_color/iconfont.json

@@ -6,6 +6,20 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "18789269",
+      "name": "用户",
+      "font_class": "yonghu4",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "9037996",
+      "name": "用户",
+      "font_class": "yonghu3",
+      "unicode": "e69e",
+      "unicode_decimal": 59038
+    },
+    {
       "icon_id": "8594782",
       "name": "方案 (71)",
       "font_class": "fangan",

src/layout/components/header.vue

@@ -1,50 +1,51 @@
 <template>
-  <div>
-    <!-- <img src="../../assets/images/logoHeader.png" /> -->
-    <img src="../../assets/images/headLogo.jpg" />
-    <span>云融</span>
-    <!-- <span>深圳市多元世纪信息技术股份有限公司</span> -->
-  </div>
-  <div class="m-layout-header-right">
-    <div @click="openDrawer">
-      <span>{{ getUserName() }}，您好！</span>
+    <div>
+        <!-- <img src="../../assets/images/logoHeader.png" /> -->
+        <img src="../../assets/images/headLogo.jpg" />
+        <span>云融</span>
+        <!-- <span>深圳市多元世纪信息技术股份有限公司</span> -->
     </div>
-    <div class="relative">
-      <!-- <a-input-search ref="userNameInput"
+    <div class="m-layout-header-right">
+        <div @click="openDrawer">
+            <span>{{ getUserName() }}，您好！</span>
+        </div>
+        <div class="relative">
+            <!-- <a-input-search ref="userNameInput"
                           class="searchInput"
                           readonly
                           placeholder="请输入代码/名称"
                           @pressEnter="search">
-          </a-input-search> -->
-      <!-- <a-icon type="search" /> -->
-    </div>
-    <div class="news-container">
-      <a-badge @click="openNotice"
-               :dot="getUnReadNoticeLength() > 0">
-        <svg class="icon svg-icon"
-             aria-hidden="true">
-          <use xlink:href="#icon-xiaoxi"></use>
-        </svg>
-      </a-badge>
-    </div>
-    <div>
-      <a-popover v-model:visible="visible"
-                 trigger="click"
-                 placement="bottomRight">
-        <template #content>
-          <div v-for="item in setMenu"
-               @click="chooseSetMenu(item.path)"
-               :key="item.path">{{ item.name }}</div>
-        </template>
-        <a-avatar :size="24">
-          <template #icon>
-            <UserOutlined />
-          </template>
-        </a-avatar>
-      </a-popover>
-      <Setting />
+            </a-input-search>-->
+            <!-- <a-icon type="search" /> -->
+        </div>
+        <div class="news-container">
+            <a-badge @click="openNotice" :dot="getUnReadNoticeLength() > 0">
+                <svg class="icon svg-icon" aria-hidden="true">
+                    <use xlink:href="#icon-xiaoxi" />
+                </svg>
+            </a-badge>
+        </div>
+        <div>
+            <a-popover v-model:visible="visible" trigger="click" placement="bottomRight">
+                <template #content>
+                    <div
+                        v-for="item in setMenu"
+                        @click="chooseSetMenu(item.path)"
+                        :key="item.path"
+                    >{{ item.name }}</div>
+                </template>
+                <a-avatar :size="24">
+                    <template #icon>
+                        <!-- <SettingFilled /> -->
+                        <svg class="icon svg-icon" aria-hidden="true">
+                            <use xlink:href="#icon-yonghu4" />
+                        </svg>
+                    </template>
+                </a-avatar>
+            </a-popover>
+            <Setting />
+        </div>
     </div>
-  </div>
 </template>
 
 <script lang="ts">

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

@@ -1,28 +1,30 @@
 <template>
-  <!-- 买大厅 -->
-  <a-table :columns="columns"
-           class="buyHallTable"
-           :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"
-             :buyOrSell="BuyOrSell.buy"
-             :enumName="enumName"
-             :parantSelectedRow="parantSelectedRow"
-             @cancel="closeComponent"></component>
+    <!-- 买大厅 -->
+    <a-table
+        :columns="columns"
+        class="buyHallTable"
+        :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"
+        :buyOrSell="BuyOrSell.buy"
+        :enumName="enumName"
+        :parantSelectedRow="parantSelectedRow"
+        @cancel="closeComponent"
+    ></component>
 </template>
 
 <script lang="ts">

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

@@ -1,29 +1,31 @@
 <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">

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

@@ -1,89 +1,84 @@
 <template>
-  <!-- 买卖大厅 -->
-  <div class="buy-sell-market">
-    <div class="buy-sell-market-title">
-      <a class="backIcon"
-         @click="cancel">
-        <LeftOutlined />
-      </a>
-      <div class="titleBtn">
-        <div class="name">{{selectedRow.deliverygoodsname}}</div>
-        <div class="arrowRightIcon"></div>
-      </div>
-      <div class="titleBtn titleBtn2">
-        <div class="arrowLeftIcon"></div>
-        <div class="name">{{selectedRow.wrgoodsname}}</div>
-        <div class="arrowRightIcon"></div>
-      </div>
-      <div class="titleBtn titleBtn3">
-        <div class="arrowLeftIcon"></div>
-        <div class="name">{{selectedRow.warehousename}}</div>
-      </div>
-      <div class="green">
-        <div class="numBlock"
-             v-if="isFloatPrice()">
-          <div class="first">卖基差</div>
-          <div class="last">{{selectedRow.sellpricemove}}</div>
+    <!-- 买卖大厅 -->
+    <div class="buy-sell-market">
+        <div class="buy-sell-market-title">
+            <a class="backIcon" @click="cancel">
+                <LeftOutlined />
+            </a>
+            <div class="titleBtn">
+                <div class="name">{{selectedRow.deliverygoodsname}}</div>
+                <div class="arrowRightIcon"></div>
+            </div>
+            <div class="titleBtn titleBtn2">
+                <div class="arrowLeftIcon"></div>
+                <div class="name">{{selectedRow.wrgoodsname}}</div>
+                <div class="arrowRightIcon"></div>
+            </div>
+            <div class="titleBtn titleBtn3">
+                <div class="arrowLeftIcon"></div>
+                <div class="name">{{selectedRow.warehousename}}</div>
+            </div>
+            <div class="green">
+                <div class="numBlock" v-if="isFloatPrice()">
+                    <div class="first">卖基差</div>
+                    <div class="last">{{selectedRow.sellpricemove}}</div>
+                </div>
+                <div class="numBlock" v-else>
+                    <div class="first">卖价</div>
+                    <div class="last">{{selectedRow.sellprice}}</div>
+                </div>
+                <div class="numBlock">
+                    <div class="first">卖量</div>
+                    <div class="last">{{selectedRow.sellqty}}</div>
+                </div>
+            </div>
+            <div class="red ml35">
+                <div class="numBlock" v-if="isFloatPrice()">
+                    <div class="first">买基差</div>
+                    <div class="last">{{selectedRow.buypricemove}}</div>
+                </div>
+                <div class="numBlock" v-else>
+                    <div class="first">买价</div>
+                    <div class="last">{{selectedRow.buyprice}}</div>
+                </div>
+                <div class="numBlock">
+                    <div class="first">买量</div>
+                    <div class="last">{{selectedRow.buyqty}}</div>
+                </div>
+            </div>
+            <div class="market" v-if="isFloatPrice()">
+                <div class="first">{{selectedRow.goodscode}}</div>
+                <div class="last red">{{getGoodsPrice()}}</div>
+                <LineChartOutlined />
+            </div>
+            <BtnList :btnList="temp(firstBtn)" :record="selectedRow" @click="openComponent" />
         </div>
-        <div class="numBlock"
-             v-else>
-          <div class="first">卖价</div>
-          <div class="last">{{selectedRow.sellprice}}</div>
-        </div>
-        <div class="numBlock">
-          <div class="first">卖量</div>
-          <div class="last">{{selectedRow.sellqty}}</div>
-        </div>
-      </div>
-      <div class="red ml35">
-        <div class="numBlock"
-             v-if="isFloatPrice()">
-          <div class="first">买基差</div>
-          <div class="last">{{selectedRow.buypricemove}}</div>
-        </div>
-        <div class="numBlock"
-             v-else>
-          <div class="first">买价</div>
-          <div class="last">{{selectedRow.buyprice}}</div>
-        </div>
-        <div class="numBlock">
-          <div class="first">买量</div>
-          <div class="last">{{selectedRow.buyqty}}</div>
-        </div>
-      </div>
-      <div class="market"
-           v-if="isFloatPrice()">
-        <div class="first">{{selectedRow.goodscode}}</div>
-        <div class="last red">{{getGoodsPrice()}}</div>
-        <LineChartOutlined />
-      </div>
-      <BtnList :btnList="temp(firstBtn)"
-               :record="selectedRow"
-               @click="openComponent" />
+        <a-row class="buySellHall">
+            <a-col :span="12" v-if="sellMarket.isMarket">
+                <Sell
+                    :enumName="enumName"
+                    ref="sellRef"
+                    :parantSelectedRow="selectedRow"
+                    :btnList="sellMarket.btnList"
+                />
+            </a-col>
+            <a-col :span="12" v-if="buyMarket.isMarket">
+                <Buy
+                    :enumName="enumName"
+                    ref="buy"
+                    :parantSelectedRow="selectedRow"
+                    :btnList="buyMarket.btnList"
+                />
+            </a-col>
+        </a-row>
+        <component
+            :is="componentId"
+            v-if="componentId"
+            :selectedRow="selectedRow"
+            :enumName="enumName"
+            @cancel="closeComponent"
+        ></component>
     </div>
-    <a-row>
-      <a-col :span="12"
-             v-if="sellMarket.isMarket">
-        <Sell :enumName="enumName"
-              ref="sellRef"
-              :parantSelectedRow="selectedRow"
-              :btnList="sellMarket.btnList" />
-      </a-col>
-      <a-col :span="12"
-             v-if="buyMarket.isMarket">
-        <Buy :enumName="enumName"
-             ref="buy"
-             :parantSelectedRow="selectedRow"
-             :btnList="buyMarket.btnList" />
-      </a-col>
-
-    </a-row>
-    <component :is="componentId"
-               v-if="componentId"
-               :selectedRow="selectedRow"
-               :enumName="enumName"
-               @cancel="closeComponent"></component>
-  </div>
 </template>
 
 <script lang="ts">
@@ -191,6 +186,14 @@ export default defineComponent({
 });
 </script>
 <style lang="less">
-.buy-sell-market {
-}
+// .buy-sell-market {
+//     .ant-row.buySellHall {
+//         .ant-col:first-child {
+//             background: rgba(@m-green0, 0.1);
+//         }
+//         .ant-col:last-child {
+//             background: rgba(@m-red1, 0.1);
+//         }
+//     }
+// }
 </style>