花掌柜-配送方式设置优化

hdApp/src/admin/home/psMethod.vue

@@ -29,56 +29,56 @@
           <input type="text" v-model="form.name" maxlength="4" @focus="form.name = ''" class="tui-input" placeholder="请填写名称，最多4个字" />
         </tui-list-cell>
 
-        <!-- 跑腿 Tab：名称 → 算运费方式 → 绑定 → 状态 → 位置 -->
+        <!-- 跑腿 Tab：名称 → 状态 → 算运费方式 → 绑定 → 位置 -->
         <block v-if="form.style === 2">
           <tui-list-cell class="line-cell" :hover="false">
-            <view class="tui-title">算运费方式</view>
+            <view class="tui-title">状态</view>
             <view class="btn-group">
               <button
                 class="admin-button-com middle"
-                :class="[form.calcType == 0 ? 'blue' : 'default']"
-                @click="changeCalcType(0)"
+                :class="[form.status == 1 ? 'blue' : 'default']"
+                @click="changeStatus(1)"
               >
-                用跑腿
+                启用
               </button>
               <button
                 class="admin-button-com middle"
-                :class="[form.calcType == 1 ? 'blue' : 'default']"
-                @click="changeCalcType(1)"
+                :class="[form.status == 0 ? 'blue' : 'default']"
+                @click="changeStatus(0)"
                 style="margin-left: 20upx;"
               >
-                用自定义
+                禁用
               </button>
             </view>
           </tui-list-cell>
 
-          <tui-list-cell v-if="form.calcType == 0" class="line-cell delivery-bind-cell" :hover="false">
-            <view class="tui-title">跑腿商户绑定</view>
-            <text class="delivery-bind-status">{{ deliveryBindText }}</text>
-            <button class="admin-button-com middle blue delivery-bind-btn" @click="goDeliveryManage">绑定设置</button>
-          </tui-list-cell>
-
           <tui-list-cell class="line-cell" :hover="false">
-            <view class="tui-title">状态</view>
+            <view class="tui-title">算运费方式</view>
             <view class="btn-group">
               <button
                 class="admin-button-com middle"
-                :class="[form.status == 1 ? 'blue' : 'default']"
-                @click="changeStatus(1)"
+                :class="[form.calcType == 0 ? 'blue' : 'default']"
+                @click="changeCalcType(0)"
               >
-                启用
+                用跑腿
               </button>
               <button
                 class="admin-button-com middle"
-                :class="[form.status == 0 ? 'blue' : 'default']"
-                @click="changeStatus(0)"
+                :class="[form.calcType == 1 ? 'blue' : 'default']"
+                @click="changeCalcType(1)"
                 style="margin-left: 20upx;"
               >
-                禁用
+                用自定义
               </button>
             </view>
           </tui-list-cell>
 
+          <tui-list-cell v-if="form.calcType == 0" class="line-cell delivery-bind-cell" :hover="false">
+            <view class="tui-title">跑腿商户绑定</view>
+            <text class="delivery-bind-status">{{ deliveryBindText }}</text>
+            <button class="admin-button-com middle blue delivery-bind-btn" @click="goDeliveryManage">绑定设置</button>
+          </tui-list-cell>
+
           <tui-list-cell class="line-cell" :hover="false">
             <view class="tui-title">位置</view>
             <input type="number" v-model="form.sort" @focus="form.sort = ''" class="tui-input" placeholder="请填写顺序" />