修改

src/components/sale/orderlist.vue

@@ -65,17 +65,23 @@
                 <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" />
+                <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;" class="q-mr-xs">
-
+                    style="margin-left:5px;cursor:pointer;">
                   </q-badge>
-                <template v-if="item.SplitDetailsList&&item.SplitDetailsList.length>0"
-                  v-for="(subItem) in item.SplitDetailsList">
-                  <span>
+                  <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}})
-                  </span><br />
+                          </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">
                   原订单:{{item.SourceOrderId}}