修改

src/components/sale/orderlist.vue

@@ -65,16 +65,22 @@
                 <q-badge v-if="item.JoinType==3" color="red" label="续费订单" style="margin-left:5px;" class="q-mr-xs" />
                 <q-badge v-if="item.TargetJoinType==3" color="green" label="已续费" style="margin-left:5px;"
                   class="q-mr-xs" />
-                <q-badge v-if="(item.JoinType==4||item.JoinType==5) &&item.FirstOrderId>0" color="blue" label="关联拆分订单"
-                  style="margin-left:5px;" class="q-mr-xs">
-
-                </q-badge>
-                <template v-if="item.SplitDetailsList&&item.SplitDetailsList.length>0"
-                  v-for="(subItem) in item.SplitDetailsList">
-                  <span>
-                    从 【{{subItem.S_ClassName}}】({{subItem.S_OrderId}}) {{subItem.T_JoinTypeName}}到【{{subItem.T_ClassName}}】({{subItem.T_OrderId}})
-                  </span><br />
-                </template>
+                <div style="display:inline-block;">
+                  <q-badge v-if="(item.JoinType==4||item.JoinType==5) &&item.FirstOrderId>0" color="blue" label="关联拆分订单"
+                    style="margin-left:5px;cursor:pointer;">
+                  </q-badge>
+                  <q-popup-proxy>
+                    <q-banner>
+                      <div style="width: 500px;">
+                        <template v-if="item.SplitDetailsList&&item.SplitDetailsList.length>0">
+                          <div style="margin-bottom:5px;color:#000;" v-for="(subItem,subIndex) in item.SplitDetailsList" :key="subIndex">
+                            从 【{{subItem.S_ClassName}}】({{subItem.S_OrderId}}) {{subItem.T_JoinTypeName}}到【{{subItem.T_ClassName}}】({{subItem.T_OrderId}})
+                          </div>
+                        </template>
+                      </div>
+                    </q-banner>
+                  </q-popup-proxy>
+                </div>
               </div>
               <div class="order_OferTitle" v-if="item.TargetJoinType==1">
                 <template v-if="item.JoinType==3">