每个片区有个序列号，好知道这条线有多少家花店需要配送

ghsApp/src/admin/order/orderListByDist.vue

@@ -8,6 +8,7 @@
 
     <view class="list-wrap">
       <view class="table-header">
+        <text class="col-index-header">序号</text>
         <text class="col-name">名称</text>
         <text class="col-phone">电话</text>
         <text class="col-address">地址</text>
@@ -19,11 +20,13 @@
           <view class="custom-row" v-for="(customItems, index) in distItem.orderList" :key="index" @click="handleRowClick(customItems)">
             <view class="row-content">
               <block v-if="customItems.length === 1">
+                <text class="col-index">{{ index + 1 }}</text>
                 <text class="col-name">{{ customItems[0].name }}</text>
                 <text class="col-phone">{{ customItems[0].phone }}</text>
                 <text class="col-address">{{ customItems[0].address }}</text>
               </block>
               <block v-else-if="customItems.length > 1">
+                <text class="col-index">{{ index + 1 }}</text>
                 <text class="col-name" style="color: #07c160;">{{ customItems[0].name }}</text>
                 <text class="col-phone" style="color: #07c160;">{{ customItems[0].phone }}</text>
                 <text class="col-address" style="color: #07c160;">{{ customItems[0].address }}</text>
@@ -52,9 +55,9 @@
         <scroll-view scroll-y class="popup-list">
           <view class="popup-item" v-for="item in popupList" :key="item.id" @click="goToDetail(item.id)">
             <view class="row-content">
-              <text class="col-name">{{ item.name }}</text>
-              <text class="col-phone">{{ item.phone }}</text>
-              <text class="col-address">{{ item.address }}</text>
+              <text class="col-name-popup">{{ item.name }}</text>
+              <text class="col-phone-popup">{{ item.phone }}</text>
+              <text class="col-address-popup">{{ item.address }}</text>
             </view>
             <view class="row-remark" v-if="item.remark">
               <text style="color: #666;font-size: 28upx;">备注：</text>{{ item.remark }}
@@ -271,17 +274,43 @@ export default {
   width: 100%;
 }
 
+.col-index-header {
+  width: 14%;
+  margin-right: 1%;
+}
+
+.col-index {
+  width: 4%;
+  margin-right: 2%;
+  text-align: left;
+}
+
 .col-name {
   width: 24%;
   margin-right: 1%;
 }
 
 .col-phone {
-  width: 30%;
+  width: 29%;
   text-align: center;
 }
 
 .col-address {
+  width: 42%;
+  text-align: center;
+}
+
+.col-name-popup {
+  width: 24%;
+  margin-right: 1%;
+}
+
+.col-phone-popup {
+  width: 30%;
+  text-align: center;
+}
+
+.col-address-popup {
   width: 46%;
   text-align: center;
 }