lichunlei
/
cyb_configserver_com


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>仓库管理-发货-创业帮</title>
    <meta name="keywords" content="仓库管理-发货-创业帮">
    <meta name="description" content="仓库管理-发货-创业帮">
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="apple-mobile-web-app-title" content="仓库管理-发货-创业帮">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <link rel="stylesheet" href="./static/css/main.css">
    <style>
      .jcsb{
        justify-content: space-between;
      }
    </style>
  </head>
  <body class="pt0 pb0" style="padding-top:0;">
    <div class="warehouse rel h100p" id="app" v-cloak>
      <van-nav-bar class="user_rank_explan_title user_title_normal titlef16 rightc333" left-arrow :title="title" v-if="toptitleisshow" @click-left="goback">
        <template #left> <img src="./static/images/left.png" alt=""></template>
      </van-nav-bar>
      <van-notice-bar wrapable color="#eea75b" :scrollable="false" text="请审慎确认该机具是否满足换新条件，并收到损坏机具后再进行划拨，验货无误后请将损坏机具发回至总仓，总仓审核后补货，总仓同时审核上限为10单。"></van-notice-bar>
      <div class="van-tabs__content pl16 pr16 mt16">
        <div class="userinfopanel df panel">
          <div class="info f14 c333" id="copyob"> 
            <div class="item">{{userinfo.BackProductType}}:<span class="ml4">1台 </span></div>
            <div class="item">{{userinfo.ChangeTime}}</div>
            <div class="item">{{userinfo.ReceiveName}}<span class="ml4">{{userinfo.Mobile}}</span></div>
            <div class="item">{{userinfo.Address}}</div>
            <div class="item">提货方式:<span class="ml4 spcolor">{{userinfo.DeliveryType === 2 ? '上门自提' : '邮寄到付'}}</span></div>
            <div class="item df" style="align-items:center;">换新原因:<span class="ml4 mr6">{{userinfo.Reason}}</span>
              <div @click="show = true"><img src="./static/images/icon-help@2x.png" alt="" width="24" height="24"></div>
            </div>
          </div>
          <div class="copy tc f14" :data-clipboard-text="userinfo.RealName +' '+ userinfo.Mobile + ' ' + userinfo.Areas+userinfo.Address" data-clipboard-action="copy" ref="copy" @click="copyinfo" @mouseenter="copyinfo">
            <div>复制收件信息 </div>
            <div>(姓名、电话、信息)</div>
          </div>
        </div>
        <div class="option df f14 top_line">
          <div class="c333">机具换新</div>
          <button class="bgcfff" @click="transfer('逐台划拨')">选择机具</button>
        </div>
        <div class="sale f16">
          <div class="undatatipssale tc c999" v-if="snlist.length === 0">暂无SN数据</div>
          <van-cell-group>
            <van-cell v-for="(item, index) in snlist" :key="item.Id" clickable :title="`SN码: ${item.PosSn}`"></van-cell>
          </van-cell-group>
        </div>
        <div class="f14 c333 mb12">备注:<span class="ml4">{{userinfo.Note}}</span></div>
        <div class="f14 c333 mb12" v-if="!isnopic">机具照片</div>
        <div class="f14 c333 mb12" v-if="isnopic">机具照片: 暂无照片</div>
        <div class="imgbox df">
          <van-image v-for="item in imglist" :src="item" width="2.9333rem" height="2.9333rem" fit="contain" @click="preview(item)"></van-image>
        </div>
      </div>
      <div class="botton_btn fixed cfff f14 df">
        <div class="left" @click="backOrder">驳回订单</div>
        <div class="right" @click="posttransfer">划拨</div>
      </div>
      <van-popup v-model="preView">
        <div class="tc ovh" @touchstart="gtouchstart" @touchend="gtouchend" @touchmove="gtouchmove">
          <van-image class="thumbnails" :src="preViewUrl" width="9.0667rem" style="float:left;"></van-image>
        </div>
      </van-popup>
      <van-popup v-model="show" style="border-radius:.4267rem;width:83%;">
        <div class="warp-box" style="height:auto;">
          <div class="f16 c333 tc b">换新条件详情</div>
          <div class="f14 mt8 c333">仅当机具满足以下条件时方可进行划拨，不满足条件时请点击驳回订单或咨询创业帮客服，若未满足条件时仍进行划拨，则将从分仓奖励中扣除，同时减少本分仓同时可进行的换新处理数量</div>
          <div class="f14 mt10 c333">充电问题：充不进去电、开机黑屏</div>
          <div class="f14 mt8 c333">存储已满问题：机具提示96+ 存储空间已满</div>
          <div class="f14 mt8 c333">不能签字问题：机具签字功能失效</div>
          <div class="f14 mt8 mb20 c333">硬件问题：按键失灵、屏幕损坏、外壳严重损坏影响正常使用</div>
          <van-button class="btn" round color="#FDD500" block @click="show = false">我知道了</van-button>
        </div>
      </van-popup>
      <van-popup v-model="iserror" style="border-radius:.4267rem;width:83%;">
        <div class="warp-box" style="height:auto;">
          <div class="f16 c333 tc b">划拨失败</div>
          <div class="f14 mt8 c333">划拨失败，补货状态为待审核的售后单已超过 10 单，请确认已回寄至总仓后联系总仓处理</div>
          <van-button class="btn" round color="#FDD500" block @click="iserror = false">好的</van-button>
        </div>
      </van-popup>
      <van-popup v-model="istrans" style="border-radius:.4267rem;width:83%;">
        <div class="warp-box" style="height:auto;">
          <div class="f16 c333 tc b">确认划拨</div>
          <div class="f14 mt8 c333">划拨后换新机可正常使用，请协助创客将故障机邮寄至成都总仓，总仓审核后补货，同时审核上限为10单</div>
          <div class="df jcsb">
            <van-button class="btn" round block @click="istrans = false" style="width:48%;">否</van-button>
            <van-button class="btn" round color="#FDD500" block @click="submitfn" style="width:48%;">是</van-button>
          </div>
        </div>
      </van-popup>
    </div>
    <script src="./static/js/clipboard.min.js"></script> 
    <script src="./static/js/klm-vv.min.js"></script>
    <script src="./static/js/appfunc.min.js"></script>
    <script src="./static/js/klm-axios-config.js"></script>
    <script src="./static/js/publicfn.js"></script>
    <script>
      function OnStart(){
        app.onstartfn();
      };
      // 通过 CDN 引入时不会自动注册 Lazyload 组件
      // 可以通过下面的方式手动注册
      Vue.use(vant.Lazyload);
      Vue.use(vant.Dialog);
      
      // 在 #app 标签下渲染一个按钮组件
      let app = new Vue({
        el: '#app',
        data() {
          return {
            istrans:false,
            iserror:false,
            toptitleisshow:false,
            title:'',
            active: 1,
            //- 下拉刷新
            loading: false,
            finished: false,
            refreshing: false,
            show:false,
            preView:false,
            preViewUrl:'',
            userinfo:{},
            snlist: [
            ],
            imglist:[
            ],
            isnopic:false,
          };
        },
        async created() {
          this.title = PublicLib.getCookieInfo('warehouseName');
          this.toptitleisshow = toptitleisshow;
          this.getorderdetail();
          PublicLib.SetTitle({Title:PublicLib.getCookieInfo('warehouseName')});
          //- this.onstartfn();
        },
        methods: {
          async onstartfn(){
            if(PublicLib.getCookieInfo('transferType') === '逐台划拨' && PublicLib.getCookieInfo('warehouseisback') === 'true'){
              PublicLib.putCookieInfo('warehouseisback', '');
              this.snlist = JSON.parse(PublicLib.getCookieInfo('warehouseSnList'));
            }else if(PublicLib.getCookieInfo('transferType') === '整箱划拨' && PublicLib.getCookieInfo('warehouseisback') === 'true'){
              PublicLib.putCookieInfo('warehouseisback', '');
              const res = await getRequest('api/v1/pos/posmachines/wholesearch?t='+Math.random(6),JSON.stringify(JSON.parse(PublicLib.getCookieInfo('warehouseSnList'))));
              this.snlist = res.data;
            };
            this.snlist.splice( 1 , this.snlist.length - 1);
            PublicLib.putCookieInfo('warehouseSnList', JSON.stringify([]));
          },
          giveToast(str){
            vant.Toast(str);
          },
          copyinfo(){
            const that = this;
            const clipboard  = new ClipboardJS(this.$refs.copy);
            clipboard.on('success', function(e) {
              that.giveToast('复制成功');
            });
            clipboard.on('error', function(e) {
              that.giveToast('复制失败，请手动选择复制！');
            });
          },
          async getorderdetail(){
            const UserId = PublicLib.getCookieInfo('userId');
            const Id = PublicLib.getCookieInfo('orderId');
            const res = await getRequest('api/v1/pos/machinechange/detail?t='+Math.random(6),JSON.stringify({UserId,Id}));
            if(res.status !== '1') return tips('获取订单详情失败');
            this.userinfo = res.data;
            this.imglist = res.data.PosPhoto;
            if(this.imglist.length === 0){
              this.isnopic = true;
            };
          },
          preview(url){
            this.preViewUrl = url
            this.preView = true
          },  
          goback(){
            PublicLib.GoBack({Level:1});
          },
          //- 跳转划拨搜索
          transfer(type){
            PublicLib.putCookieInfo('transferType', type);
            PublicLib.Goto({Url:'warehouse-deliver-transfer'});
          },
          snnolist(){
            return this.snlist.map(item=>item.Id).join(',');
          },
          backOrder(){
            const that = this;
            vant.Dialog.confirm({
              message: '确认驳回',
              confirmButtonText:'是',
              cancelButtonText:'否',
            })
              .then(() => {
                that.return();
              });      
          },
          //- 驳回
          async return(){
            const StoreId = PublicLib.getCookieInfo('warehouseId');
            const OrderId = this.userinfo.OrderId;
            res = await postRequest('api/v1/storestockchange/refuseforchange?t='+Math.random(6),JSON.stringify({StoreId,OrderId}));
            if(res.status !== '1') return tips('订单驳回失败，请重试！');
            tips('订单驳回成功');
            this.snlist = [];
            setTimeout(()=>{
              PublicLib.GoBack({Level:1});
            },2000)
          },
          //- 划拨
          async posttransfer(){
            if(this.snlist.length === 0) return tips('请先选择划拨SN号！');
            if(this.snlist.length !== 1) return tips('请选择订单数量SN号进行划拨！');
            this.istrans = true;
          },
          async submitfn(){
            const StoreId = PublicLib.getCookieInfo('warehouseId');
            //- const OrderId = PublicLib.getCookieInfo('orderId');
            const OrderId = this.userinfo.OrderId;
            let res = null;
             switch(PublicLib.getCookieInfo('transferType')) {
              case '逐台划拨':
                res = await postRequest('api/v1/storestockchange/transferforchange?t='+Math.random(6),JSON.stringify({ToUserId:this.userinfo.UserId,StoreId,SnIds:this.snnolist(),OrderId}));
              break;
            };
            if(res.status !== '1') return this.iserror = true;;
            tips('机具换新划拨成功');
            this.snlist = [];
            setTimeout(()=>{
              PublicLib.GoBack({Level:1});
            },2000)
          },
          gtouchstart(){
            const that = this;
            this.timeOutEvent = setTimeout(()=>{
              that.longPress()
            },500);
          },
          gtouchend(){
            clearTimeout(this.timeOutEvent);
          },
          gtouchmove(){
            clearTimeout(this.timeOutEvent);
            this.timeOutEvent = 0;
          },
          longPress(){
            this.timeOutEvent = 0;
            PublicLib.SaveToSd({PicPath:this.preViewUrl});
            // 下载分享图片
          },
      
      
        }
      });
    </script>
  </body>
</html>