:art: 买卖家交易单号+样式调整

src/styles/position/index.less

@@ -69,7 +69,7 @@
           margin-right: 2%;
 
           border: 2px solid transparent;
-          border-radius: 10px;  /* 设置圆角的半径 */
+          border-radius: 5px;  /* 设置圆角的半径 */
           background-clip: padding-box, border-box;
           background-origin: padding-box, border-box;
           background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #f561a1, #ff9a5c);

src/views/buyOrSell/BuyConfList.vue

@@ -134,8 +134,8 @@ onMounted(async () => {
                     <div v-for="item in buyConfList" :key="item.id" class="listItem">
                         <div class="itemBox">
                             <div class="itemRow">
-                                <span class="itemTitle">卖家:&nbsp;</span>{{
-                                    item.seller }}
+                                <span class="itemTitle">交易单号:&nbsp;</span>{{
+                                    item.id }}
                             </div>
                             <div class="itemRow">
                                 <span class="itemTitle">股票价格:&nbsp;</span>{{

src/views/buyOrSell/SellConfList.vue

@@ -131,8 +131,8 @@ onMounted(async () => {
                     <div v-for="item in sellConfList" :key="item.id" class="listItem">
                         <div class="itemBox">
                             <div class="itemRow">
-                                <span class="itemTitle">买家:&nbsp;</span>{{
-                                    item.buyer }}
+                                <span class="itemTitle">交易单号:&nbsp;</span>{{
+                                    item.id }}
                             </div>
                             <div class="itemRow">
                                 <span class="itemTitle">股票价格:&nbsp;</span>{{

src/views/position/PositionIndex.vue

@@ -92,44 +92,48 @@
                                 <!-- <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了"
                                     @load="onLoad"> -->
                                 <div v-for="item in orderHisList" :key="item.id">
-                                    <van-card>
-                                        <template #title>
-                                            <span class="word13">挂单数量：{{ item.entrustNumber }} 股
-                                                &nbsp;&nbsp;&nbsp;&nbsp;</span>
-                                        </template>
-                                        <template #desc>
-                                            <span class="word11">&nbsp;&nbsp;&nbsp;&nbsp;创建时间：{{ item.createTime
-                                                }}</span>
-                                        </template>
-                                        <template #tags>
-                                            <div v-if="item.type === '1'">交易类型：<van-tag type="warning">买入</van-tag>
-                                            </div>
-                                            <div v-else>交易类型：<van-tag type="success">卖出</van-tag></div>
-                                            <!-- <van-tag  type="danger">挂单失败</van-tag> -->
-                                        </template>
-                                        <template #price-top>
-                                            <!-- status 状态：0过期，1生效，2撤单，3全部成交，4部分成交 -->
-                                            <!-- <div>
+                                    <van-cell-group inset>
+                                        <van-card>
+                                            <template #title>
+                                                <span class="word13">挂单数量：{{ item.entrustNumber }} 股
+                                                    &nbsp;&nbsp;&nbsp;&nbsp;</span>
+                                            </template>
+                                            <template #desc>
+                                                <span class="word11">&nbsp;&nbsp;&nbsp;&nbsp;创建时间：{{ item.createTime
+                                                    }}</span>
+                                            </template>
+                                            <template #tags>
+                                                <div v-if="item.type === '1'">交易类型：<van-tag type="warning">买入</van-tag>
+                                                </div>
+                                                <div v-else>交易类型：<van-tag type="success">卖出</van-tag></div>
+                                                <!-- <van-tag  type="danger">挂单失败</van-tag> -->
+                                            </template>
+                                            <template #price-top>
+                                                <!-- status 状态：0过期，1生效，2撤单，3全部成交，4部分成交 -->
+                                                <!-- <div>
                   交易状态：<van-tag plain round type="danger">{{ showStatusText(item.status) }}</van-tag>
                 </div> -->
-                                            <div v-if="item.status === '0'">挂单状态：<van-tag plain round
-                                                    type="danger">过期</van-tag></div>
-                                            <div v-else-if="item.status === '1'">挂单状态：<van-tag plain round
-                                                    type="success">匹配中</van-tag></div>
-                                            <div v-else-if="item.status === '2'">挂单状态：<van-tag plain round>撤单</van-tag>
-                                            </div>
-                                            <div v-else-if="item.status === '3'">挂单状态：<van-tag plain round
-                                                    type="primary">匹配成功</van-tag></div>
-                                            <div v-else-if="item.status === '4'">挂单状态：<van-tag plain round
-                                                    color="#6b6bff">部分匹配成功</van-tag></div>
-                                            <div v-else>挂单状态：<van-tag plain round>未知状态</van-tag></div>
-                                        </template>
-                                        <template #price>
-                                            <span class="txt9">每股单价
-                                                ：￥{{ item.price }}
-                                            </span>
-                                        </template>
-                                    </van-card>
+                                                <div v-if="item.status === '0'">挂单状态：<van-tag plain round
+                                                        type="danger">过期</van-tag></div>
+                                                <div v-else-if="item.status === '1'">挂单状态：<van-tag plain round
+                                                        type="success">匹配中</van-tag></div>
+                                                <div v-else-if="item.status === '2'">挂单状态：<van-tag plain
+                                                        round>撤单</van-tag>
+                                                </div>
+                                                <div v-else-if="item.status === '3'">挂单状态：<van-tag plain round
+                                                        type="primary">匹配成功</van-tag></div>
+                                                <div v-else-if="item.status === '4'">挂单状态：<van-tag plain round
+                                                        color="#6b6bff">部分匹配成功</van-tag></div>
+                                                <div v-else>挂单状态：<van-tag plain round>未知状态</van-tag></div>
+                                            </template>
+                                            <template #price>
+                                                <span class="txt9">每股单价
+                                                    ：￥{{ item.price }}
+                                                </span>
+                                            </template>
+                                        </van-card>
+                                    </van-cell-group>
+
                                     <br>
                                 </div>
                                 <!-- </van-list> -->