选择物流

ghsApp/src/pagesClient/member/detail.vue

@@ -258,22 +258,23 @@
             </tui-list-cell>
 
             <tui-list-cell class="line-cell" :hover="false">
-              <div class="tui-title">短名称</div>
+              <div class="tui-title">客户简称</div>
               <input v-model="userInfo.shortName" @click="userInfo.shortName=''" placeholder-class="phcolor" class="tui-input" confirm-type="go" placeholder="请填写" type="text" style="width:48%;border:1upx solid #ddd;margin-right:12upx;height:70upx;text-align:center;" />
               <button class="admin-button-com blue middle" @tap="changeShortName">确定</button>
             </tui-list-cell>
 
             <tui-list-cell class="line-cell" :hover="false">
-              <div class="tui-title">配送物流</div>
-              <input v-model="userInfo.wlName" @click="userInfo.wlName=''" placeholder-class="phcolor" class="tui-input" confirm-type="go" placeholder="请填写" type="text" style="width:48%;border:1upx solid #ddd;margin-right:12upx;height:70upx;text-align:center;" />
-              <button class="admin-button-com blue middle" @tap="changeWlFn">确定</button>
+              <div class="tui-title">使用物流</div>
+              <input v-model="userInfo.wlName" @click="userInfo.wlName=''" placeholder-class="phcolor" class="tui-input" confirm-type="go" placeholder="请填写" type="text" style="width:170upx;border:1upx solid #ddd;margin-right:10upx;height:70upx;text-align:center;" />
+              <button class="admin-button-com middle" @tap="getMyWl" style="margin-right:10upx;">选物流</button>
+              <button class="admin-button-com blue middle" @tap="changeWlFn">保存</button>
             </tui-list-cell>
 
             <tui-list-cell class="line-cell" :hover="false">
               <div class="tui-title">货位号</div>
               <input v-model="userInfo.seatSn" @click="userInfo.seatSn=''" placeholder-class="phcolor" class="tui-input" confirm-type="go" placeholder="请填写" type="number" style="width:22%;border:1upx solid #ddd;margin-right:12upx;height:70upx;text-align:center;" />
-              <button class="admin-button-com blue middle" @tap="modifySeatSn">修改</button>
-              <button class="admin-button-com blue middle" @tap="createSeatSn" style="margin-left:10upx;">自动生成</button>
+              <button class="admin-button-com middle" @tap="createSeatSn" style="margin-right:10upx;">自动生成</button>
+              <button class="admin-button-com blue middle" @tap="modifySeatSn">保存</button>
             </tui-list-cell>
 
             <tui-list-cell class="line-cell" :hover="true" :arrow="true" @click="changeIntroducer()">
@@ -364,6 +365,24 @@
       </view>
     </uni-popup>
 
+    <!-- 物流选择弹框 -->
+    <uni-popup ref="wlRef" background-color="#fff" type="center" :animation="false" class="class-popup-style">
+      <view style="max-height: 80vh; overflow: scroll">
+        <view style="margin-left: 30upx; margin-top: 19upx; font-size: 27upx; font-weight: bold">请选择物流：</view>
+        <view style="display: flex; padding: 20upx; height: auto; justify-content: flex-start; align-items: center; flex-wrap: wrap; max-height: 100vh; overflow: auto;">
+          <view v-for="(item, index) in wlList" :key="index" style="margin-bottom: 20upx; margin-left: 3upx">
+            <button class="admin-button-com staff-btn" @click.stop="selectWl(item)" :class="{ selected: userInfo.wlName === item.name }">
+              {{ item.name }}
+            </button>
+          </view>
+        </view>
+        <view style="text-align: center; padding: 10upx 0 10upx 0;">
+          <button class="admin-button-com big blue" style="width:180upx;margin-right:30upx;" @click="addWlItem()">新增</button>
+          <button class="admin-button-com big blue" style="width:180upx;" @click="cancelWlSelect()">取消</button>
+        </view>
+      </view>
+    </uni-popup>
+
   </view>
 </template>
 <script>
@@ -376,6 +395,7 @@ import { mapGetters } from "vuex"
 import { changeShowStock,changePassStatus,toChangeHome,changeWlName,modifyShortName,modifyHomeParams,changeRiseRule,changeLevel,changeDebtLimitPay,createSeatSnFn,modifySeatSnFn,changeDelStatus,refreshCustomBuyAmount } from "@/api/custom"
 import { updateDebtLimit,updateCustomBlack,changeDiscount,changeName,rechargeFn,getGatheringCode} from "@/api/custom";
 import { getAllDist,changeDist } from "@/api/dist"
+import { getAllWl } from "@/api/shop"
 export default {
   name: "detail",
   components: {
@@ -637,6 +657,27 @@ export default {
           this.$msg(res.msg)
         }
       })
+    },
+    getMyWl() {
+      getAllWl().then((res) => {
+        if (res.code == 1) {
+          this.wlList = res.data && res.data.list ? res.data.list : [];
+          this.$refs.wlRef.open('center');
+        } else {
+          this.$msg('获取物流列表失败');
+        }
+      })
+    },
+    selectWl(item) {
+      this.userInfo.wlName = item.name;
+      this.$refs.wlRef.close();
+    },
+    cancelWlSelect() {
+      this.$refs.wlRef.close();
+    },
+    addWlItem(){
+      this.cancelWlSelect();
+      this.$util.pageTo({ url: '/admin/shop/wl',});
     },
 		changeNameFn(){
 			this.customName = this.userInfo.name