supply-relation4.vue 4.2 KB
<style scoped>
  .fheader-plan {
    color: #4aa8e5;
    overflow: hidden;
    padding: 18px 0 20px;
    line-height: 34px;
}
h4{
  font-size: 100%;
  margin:0; 
}
.bottom-gray {
    border-bottom: 1px solid #c8c8c8;
}
</style>
<template>
  <div class="container resource close-left-menu contaNEW">
    <div class="pop-banner clearfix">
      <!-- <div class="operate-btns">
        <a @click="getData" class="fbtn fb-refresh">刷新</a>
        <a @click="edit" class="fbtn fb-modify">修改</a>
      </div> -->
      <h3 class="current-module">维护供应关系</h3>
    </div>
    <div class="purchase-add-plan">
      <div class="step-tips step-3 clearfix">
        <div class="step-item"><span>1</span>选择方式</div>
        <div class="step-item"><span>2</span>维护供应关系</div>
        <div class="step-item active"><span>3</span>完成</div>
      </div>
      <div class="fpart pd-form" v-show='show'>
        <div class="fheader-plan bottom-gray" style='font-size:18px;'>
          <h4 v-if='falg'>供应关系维护成功!</h4>
          <h4 v-else>供应关系维护失败!</h4>
        </div>
        <div class="bottom-gray" v-if='falg' style='min-height:100px;'>
          <!-- <p class="f-size14 mt-20 mb-20 ml-5">供应商采购订单</p> -->
          <p class="f-size12" v-for='item in dataList'>{{item}}</p>
          <!-- <p class="f-size12">【CGD00001】已发送给供应商【北京医药股份有限公司】</p> -->
        </div>
        <div class="h-100 bottom-gray" v-else>
          <!-- <p class="f-size14 mt-20 mb-20 ml-5">供应商采购订单</p> -->
          <p class="f-size12">{{datas}}</p>
          <!-- <p class="f-size12">【CGD00001】已发送给供应商【北京医药股份有限公司】</p> -->
        </div>
      </div>
      <div class="step-btn" v-if='falg' v-show='show'>
        <a href="javascript:;" v-link='{"path":"/supplyRelation"}'>完成</a>
      </div>
      <div class="step-btn" v-else v-show='show'>
        <a href="javascript:history.go(-1)">返回上一步修改</a>
      </div>
    </div>
  </div>
</template>

<script>
    module.exports={
      data:function(){
        return{
          list:{},
          supplierguid:'',
          datas:'',
          falg:true,
          dataList:{},
          supplierS:{},
          guid:'',
          show:''
        } 
      },
     methods:{
      getData:function(){
           var self = this; 
           var listArr=[];
              for(var i=0;i<self.list.length;i++){
                  listArr.push(self.list[i].guid);
              }
          Ajax.post('/supplyProduct/supAdd',{'medGoodsGuidList':listArr,'supGuidList':[self.supplierguid]}).then(function(response){
              var res=response.data;

            if(res.errorCode==0){
              self.dataList=res.data
              self.falg=true;
            }else{
              self.datas= res.message;
              self.falg=false;
            }
            self.show=true;

          });
      },
      getData2:function(){
        var self=this;
        var arr =[];

        for(var a=0;a<self.supplierS.length;a++){
            arr.push(self.supplierS[a].supplierguid);
          }
          Ajax.post('/supplyProduct/supAdd',{'medGoodsGuidList':[self.guid],'supGuidList':arr}).then(function(response){
              var res=response.data;
            if(res.errorCode==0){
              self.dataList=res.data
              self.falg=true;
              
            }else{
              self.datas= res.message;
              self.falg=false;
            }
            self.show=true;
        })
      }
    },
     route :{
        data: function (transition) {
          var self=this;
          // this.falg=transition.to.params.falg;
          var Boole=transition.to.params.falg;
          if(JSON.parse(Boole)){
             self.supplierguid=transition.to.params.supplierguid;
             self.$set('list',JSON.parse(localStorage.getItem('socketArr')));
             self.getData();
            
           }else {
            
            self.$set('supplierS',JSON.parse(localStorage.getItem('supplier')));
            self.$set('guid',JSON.parse(localStorage.getItem('guid')));
            self.getData2();
           }
         
          
        }, 
      },
    }
</script>