error-view.vue 9.42 KB
<style scoped>
	.checkbox-control .checkbox{
		margin-right: 30px;
	}
	hr{
		margin: 0;
    	padding: 0;
    	background-color: #e8ebef;
	} 
</style>
<template>
	<div class="container resource" style="min-height: 802px;">

  <div class="pop-banner clearfix">
    <div class="operate-btns"> 
      <a   class="fbtn fb-save"  v-on:click="dispose" v-if='disabled'>处理</a>
      <a   class="fbtn fb-return"  href="javascript:history.go(-1)">返回</a>
    </div>
    <h3 class="current-module">异常登记</h3>
  </div>
  
  <!--basic-distribution start-->
  <div class="pd-form basic-distribution">
    <div class="fpart mb-20">
      
      <div class="group-row edit-logo fr">
        <div class="form-group w210">
          <label for="cn2" class="label">厂商发票</label>
          <div class="control">
            <imagebox v-bind:imgarr="csInvs">
              <div class="edit-logo-show" v-if='list.csInvs[0].path'
             :style="'background:url('+list.csInvs[0].path+') no-repeat;width:113px;height:68px;background-size:contain;'"></div>
             <div class="edit-logo-show" v-else></div>
            </imagebox>
          </div>
        </div>
        <div class="form-group w210" style='float:left;'>
          <label for="cn2" class="label" style='width:97px;'>终端发票</label>
          <div class="control" style='margin-left:97px;'>
            <imagebox v-bind:imgarr="zdInvs">
              <div class="edit-logo-show" v-if='list.zdInvs[0].path'
              :style="'background:url('+list.zdInvs[0].path+') no-repeat;width:113px;height:68px;background-size:contain;'"></div>
              <div class="edit-logo-show" v-else></div>
            </imagebox>
          </div>
        </div>
      </div>
      <div class="group-row fl">
        <div class="form-group">
          <label for="cn1" class="label">供应商</label>
          <div class="control" style="width:470px;">
            <input type="text" id="cn1" readonly="readonly"
            v-model="obj.suppliername">
          </div>
        </div>
      </div>
      <div class="group-row">
	      <div class="form-group">
	      <label for="cn1" class="label">医疗机构</label>
	      <div class="control" style="width:470px;">
	        <input type="text" id="cn1" readonly="readonly" v-model="obj.medname">
	      </div>
	    </div>
	  </div>
	  <div class="group-row">
        <div class="form-group">
          <label for="cn1" class="label">业务单号</label>
          <div class="control" style="width:470px;">
            <input type="text" id="cn1" readonly="readonly"
            v-model="obj.billno">
          </div>
        </div>
        <div class="form-group">
          <label for="cn1" class="label" style='width:134px;'>业务日期</label>
          <div class="control" style='margin-left:134px;'>
            <input type="text" id="cn1" readonly="readonly" style='width:336px;'
            :value="obj.dodate | getYMD">
          </div>
        </div>
      </div>
      <div class="form-group">
        <label for="cn1" class="label">商品</label>
        <div class="control">
          <input type="text" id="cn1" readonly="readonly" v-model="obj.goodsname">
        </div>
      </div>
      <div class="form-group">
        <label for="cn1" class="label">厂商</label>
        <div class="control">
          <input type="text" id="cn1" readonly="readonly" v-model="obj.manufacturer">
        </div>
      </div>
      <div class="group-row">
      	 <div class="form-group">
	        <label for="cn1" class="label">出库情况</label>
	        <div class="control" style="width:470px;">
	          <input type="text" id="cn1" readonly="readonly" :value="obj.price+'元*'+obj.qty+'='+obj.amount+'元'">
	        </div>
	      </div>
      </div>
     
     <div style=' margin:20px 0;'>
     	<hr>
	    <div class="form-group mt-10">
	      <label for="cn1" class="label">异常信息</label>
	       <div class="checkbox-control checkbox-inline" style='margin-left:14px;'>            
	        <input type="checkbox" id="id1" value='0' v-model='obj.abnormal[0]' name="whom" disabled="false">
	        <label class="checkbox" for="id1">发票虚假</label>
	        <input type="checkbox" id="id2" value='1' v-model='obj.abnormal[1]' name="whom" disabled="false">
	        <label class="checkbox" for="id2">发票抬头不符</label>
	        <input type="checkbox" id="id3" value='2' v-model='obj.abnormal[2]' name="whom" disabled="false">
	        <label class="checkbox" for="id3">发票明细不符</label>
	        <input type="checkbox" id="id4" value='3' v-model='obj.abnormal[3]' name="whom" disabled="false">
	        <label class="checkbox" for="id4">发票日期不符</label>
	        <input type="checkbox" id="id5" value='4' v-model='obj.abnormal[4]' name="whom" disabled="false">
	        <label class="checkbox" for="id5">发票问题</label>
	        <input type="checkbox" id="id6" value='4' v-model='obj.abnormal[5]' name="whom" disabled="false">
	        <label class="checkbox" for="id6">发票金额不符</label>
	      </div>
	    </div>
	     <div class="form-group">
	     	<div class="checkbox-control" style='display:inline-block;margin-left:84px;'>
	     		<input type="checkbox" id="id7" value='6' v-model='obj.abnormal[6]' name="whom" disabled="false">
	        <label class="checkbox" for="id7">其他</label>
	     	</div>
	        <div class="control" style='margin-left:0px !important; width:830px;display: inline-block;'>
	          <input type="text" id="cn1" v-model="obj.memo" readonly="false">
	        </div>
	      </div>
		  <hr>
	    </div>
      	 <div class="form-group">
	        <label for="cn1" class="label">处理方法</label>
	        <div class="control">
	          <textarea cols="2" style='width:100%;' v-model='obj.treatment' :readonly="!disabled"></textarea>
	        </div>
	      </div>
	    
    </div>
    <div class="roll-bg" v-show='requestS'>
      <div class="w60" style="margin:0 auto;">
        <img src="/images/roll.gif">
      </div>
      <div class="container resource t-center text-color-red">
        正在处理中,请勿关闭!
      </div>
   </div>
  </div>
  
  <!--basic-distribution end-->

</div>
</template>
<script>
module.exports={
  data:function(){
    return {
      obj:{},
      trgovinvabnormal:{},
      list:{},
      csInvs:[],
      zdInvs:[],
      requestS:false,
      disabled:''
    }
  },methods:{
    dispose:function(){
      if(!this.obj.abnormal){
        this.MessageBox.alert('必选一个异常信息');
        return;
      }

      this.requestS=true;

      Ajax.post('/api/updTrGovInvAbnormal',{guid:this.$route.params.guid,treatment:this.obj.treatment
      }).then(function(res){
          var result=res.data;

          if(result.errorCode==0){
             this.requestS=false;
             this.MessageBox.alert('处理成功');
             window.history.go(-1)
          }else{
            this.requestS=false;
            this.MessageBox.alert(result.message);
          }

      }.bind(this))
       
    },
    getData:function(casetxt){//请求数据    
      // getDealAbnormal
      
      Ajax.post('/api/getDealAbnormal',{
        guid:this.$route.params.guid
      }).then(function(res){
          var result=res.data;

          if(result.errorCode==0){
            this.list=result.data;

            if(!result.data.maps[0].abnormal){
              result.data.maps[0].abnormal={};
              for(var a=0;a<7;a++){
                result.data.maps[0].abnormal=false;
              }
            }else{
               result.data.maps[0].abnormal= JSON.parse(result.data.maps[0].abnormal);
            }
            this.$set('obj',result.data.maps[0]);

          }else{
            this.MessageBox.alert(result.message);
          }

          this.imgs();
          this.imgs2();
      }.bind(this))
    },
    imgs:function(){

      let csInvs=this.list.csInvs;

      for (let a=0;a<csInvs.length;a++) {
            if(!csInvs[a].invoicepic){
                  continue;
              }
              var img=JSON.parse(csInvs[a].invoicepic);
              var imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
              csInvs[a].path=imgReg.test(img[0].thumbnail.path) ? img[0].thumbnail.path : img[0].thumbnail.path+img[0].thumbnail.name;
              this.csInvs.splice( a,1, Object.assign({},  this.csInvs[a], {'img': imgReg.test(img[0].original.path) ? img[0].original.path : img[0].original.path + img[0].original.name}));
          }
          this.$set('csInvs',this.csInvs)
    },
    imgs2:function(){
      
      let zdInvs=this.list.zdInvs;

      for (let a=0;a<zdInvs.length;a++) {
            if(!zdInvs[a].invoicepic){
                  continue;
              }
              var img=JSON.parse(zdInvs[a].invoicepic), imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
      
              zdInvs[a].path=imgReg.test(img[0].thumbnail.path) ? img[0].thumbnail.path : img[0].thumbnail.path+img[0].thumbnail.name;
              this.zdInvs.splice( a,1, Object.assign({},  this.zdInvs[a], {'img':imgReg.test(img[0].original.path) ? img[0].original.path : img[0].original.path + img[0].original.name}));
          }
          this.$set('zdInvs',this.zdInvs)

    }
  },route:{
    data:function(){
      this.$set('list',[]);
      this.$set('zdInvs',[]);
      this.$set('csInvs',[]);
      
      if(this.$route.params.falg=='true'){
          this.$set('disabled',true);
      }else{
        this.$set('disabled',false);
      }
      
      this.getData();
    }
  },
}
</script>