<template>
	<div class="container resource" style="min-height: 447px;">
      <div class="pop-banner clearfix"> 
        <div class="operate-btns">
          <a href="javascript:;" class="fbtn fb-modify" v-if="!disabledForUpdate " @click="update">修改</a>
          <a href="javascript:;" class="fbtn fb-modify" style="color:#DCDCDC" v-disabled="disabledForUpdate" v-if="disabledForUpdate ">修改</a>
          <a href="javascript:;" class="fbtn fb-add" v-if="!disabledForAdd  "  @click="insert">添加</a>
          <a href="javascript:;" class="fbtn fb-add" style="color:#DCDCDC" v-disabled="disabledForAdd" v-if="disabledForAdd  ">添加</a>

          <a href="javascript:;" class="fbtn fb-remove"  @click="deletees"  v-if=" '/operator/dataadmin:deleteProduct'  | myqx !disabledForDelete">删除</a>
          <a href="javascript:;" class="fbtn fb-remove"  style="color:#DCDCDC" v-if="'/operator/dataadmin:deleteProduct'  | myqx  disabledForDelete " v:disabled="disabled">删除</a>

          <a href="javascript:;" class="fbtn fb-save" @click="save"  v-if="'/operator/dataadmin:saveMfsupplierstaffAndMfsupplierVO'  | myqx !disabled ">保存</a>
          <a href="javascript:;" class="fbtn fb-save"  style="color:#DCDCDC" v-if="'/operator/dataadmin:saveMfsupplierstaffAndMfsupplierVO' | myqx disabled " v:disabled="disabled">保存</a>
    <template v-if="flagAll">
          <template v-if="mfmproduction.flag !='1'">     
          <a href="javascript:;" class="fbtn fb-change-standard"  @click="changeStandard('1')" v-if="'/operator/dataadmin:changeStandard' | myqx !disabled" >非标转标准</a>
          <a href="javascript:;" class="fbtn fb-change-standard"  style="color:#DCDCDC"  v-if="'/operator/dataadmin:changeStandard' | myqx disabled">非标转标准</a>
          </template>
          <template v-if="mfmproduction.flag !='0' ">
          <a href="javascript:;" class="fbtn fb-change-nostandard" @click="changeStandard('0')" v-if="'/operator/dataadmin:changeStandard' | myqx !disabled">标准转非标</a>
          <a href="javascript:;" class="fbtn fb-change-nostandard" style="color:#DCDCDC" v-if="'/operator/dataadmin:changeStandard' | myqx disabled">标准转非标</a>
     </template>
      </template>
    <template v-if="stateAll">
          <template v-if="mfmproduction.state !='Y' &&  mfmproduction.state !='E' ">
           <a href="javascript:;" class="fbtn fb-valid"   @click="changeStatus('Y',0)" v-if="'/operator/dataadmin:mfmproductionBizStateY' | myqx !disabled" >启用</a>
           <a href="javascript:;" class="fbtn fb-valid"    style="color:#DCDCDC"    v-if="'/operator/dataadmin:mfmproductionBizStateY' | myqx disabled" >启用</a>
      </template>
     <template v-if="mfmproduction.state !='S'  &&  mfmproduction.state !='E' ">
          <a href="javascript:;" class="fbtn fb-unused"   @click="changeStatus('S',0)" v-if="'/operator/dataadmin:mfmproductionBizStateS' | myqx !disabled" >停用</a>
          <a href="javascript:;" class="fbtn fb-unused"    style="color:#DCDCDC"    v-if="'/operator/dataadmin:mfmproductionBizStateS' | myqx disabled" >停用</a>
     </template>
    <template v-if="mfmproduction.state !='E'">
          <a href="javascript:;" class="fbtn fb-dump"   @click="changeStatus('E',1)" v-if="'/operator/dataadmin:mfmproductionBizStateE' | myqx !disabled" >作废</a>
          <a href="javascript:;" class="fbtn fb-dump"    style="color:#DCDCDC"    v-if="'/operator/dataadmin:mfmproductionBizStateE' | myqx disabled" >作废</a>
  </template>
    </template>
        </div>
        <h3 class="current-module">产品资料维护</h3>
   </div>
    <div class="pd-form form-label4em mb-40">
    <div class="group-row">
      <div class="form-group">
        <label for="cn1" class="label">产品状态</label>
        <div class="control">
        <input type="text" id="cn1" readonly="readonly" class="bgc-gray" v-model="mfmproduction.state | bizstate" >
       </div>
      </div>
      <div class="form-group form-required">
        <label for="cn2" class="label">注册证号</label>
        <div class="control">
          <input type="text" id="cn2" v-model="mfmproduction.registkey" v-bind:disabled="disabled">
        </div>
      </div>
    </div>
    <div class="group-row">
      <div class="form-group form-required">
        <label for="cn3" class="label">产品名称</label>
        <div class="control">
          <input type="text" id="cn3" v-model="mfmproduction.productname" v-bind:disabled="disabled"   >
        </div>
      </div>
      <div class="form-group">
        <label for="cn3" class="label">英文名称</label>
        <div class="control">
          <input type="text" id="cn3" v-model="mfmproduction.universalname" v-bind:disabled="disabled">
        </div>
      </div>
    </div>
    <div class="group-row">
      <div class="form-group form-required">
        <label for="cn5" class="label">生产厂商</label>
        <div class="control">
          <input type="text" id="cn3"v-model="mfmproduction.producer" v-bind:disabled="disabled">
        </div>
      </div>
      <div class="form-group form-required">
        <label for="cn6" class="label">产地</label>
        <div class="control">
          <input type="text" id="cn6" v-model="mfmproduction.productionaddress" v-bind:disabled="disabled">
        </div>
      </div>
    </div>
     <div class="group-row">
       <div class="form-group form-requireds">
        <label for="cn5" class="label">商品大类</label>
        <div class="control select-style" >
          <select-ui :list="ctns.goodscate" :selected.sync="mfmproduction.goodscate" 
          v-bind:disabled="disabled" ></select-ui>
        </div>
      </div>
      <div class="form-group">
        <label for="cn6" class="label">药品本位码</label>
        <div class="control">
          <input type="text" id="cn6" v-model="mfmproduction.productstandardcode" v-bind:disabled="disabled">
        </div>
      </div>
    </div>
     <div class="group-row">
      <div class="form-group">
        <label for="cn5" class="label">品牌</label>
        <div class="control">
          <input type="text" id="cn6" v-model="mfmproduction.brand" v-bind:disabled="disabled">
        </div>
      </div>
      <div class="form-group">
        <label for="cn6" class="label">生产来源</label>
        <div class="control">
           <select-ui :list="ctns.importedflag" :selected.sync="mfmproduction.importedflag" 
          v-bind:disabled="disabled"></select-ui>
        </div>
      </div>
    </div> 
    <div class="form-group mt-10">
      <label for="cn9" class="label">标准</label>
      <div class="control">
        <div class="radio-control">
            <input type="radio" id="radio01" value="1" v-model="mfmproduction.flag" v-bind:disabled="disabled">
              <label class="radio" for="radio01">是</label>
              <input type="radio" id="radio02" value="0" v-model="mfmproduction.flag" v-bind:disabled="disabled">
              <label class="radio" for="radio02">否</label>
        </div>
      </div>
    </div>
    <div class="form-group mb-30">
      <label for="cn9" class="label">器械分类</label>
      <div class="control">
        <div class="radio-control">
        <radio :list="ctns.medinstrumentcate" v-bind:disabled="disabled" :checked.sync="mfmproduction.itemcatagory"></radio>
        </div>
      </div>
    </div>
  <div class="form-group">
      <label for="cn9" class="label">型号规格</label>
      <div class="control">
        <textarea id="cn9" rows="4"  v-model="mfmproduction.productspec" v-bind:disabled="disabled"> </textarea>
      </div>
    </div>
    <div class="form-group">
      <label for="cn9" class="label">结构及级成</label>
      <div class="control">
        <textarea id="cn9" rows="4" v-model="mfmproduction.composition" v-bind:disabled="disabled"></textarea>
      </div>
    </div>
    <div class="form-group">
      <label for="cn9" class="label">适用范围</label>
      <div class="control">
        <textarea id="cn9" rows="4" v-model="mfmproduction.applicablescope" v-bind:disabled="disabled"></textarea>
      </div>
    </div>
  </div>
      <div class="step-btn">
        <a href="javascript:;" @click="toGoods(mfmproduction.guid)">跳转该产品商品资料维护界面</a>
      </div> 
    </div>
</template>
<script>
module.exports={
  data: function(){
    return {
      readonly:"disabled",
 state: [{
        value: "Y",
        label: "有效"
      }, {
        value: "S",
        label: "停用"
      }, {
        value: "E",
        label: "作废"
      }],
       codes: ['启用', '停用', '作废'],
      mfmproduction:[],
      bigTypes:[],
      goodscategory:[],
      imported:[],
      operationFlag:"0",
      disabled: true,
      disabledForUpdate:false,
      disabledForAdd:false,
      disabledForDelete:false,
      disabledForSave:true,
      disabledForStandToNot:true,
      disabledForNoTotStand:true,
      disabledForStopDestroy:true,
      stateAll:true,
      flagAll:true,
      //star  12-26
      jump:false
    };
  },
   methods: {
    getData: function(){
      var self = this;
      if(this.$route.params.guid != 0 ){
       // this.$route.params.flag 1：标准,2:非标准
        Ajax.get('/dataadmin/mfmproduction/'+this.$route.params.guid+"/"+this.$route.params.flag)
        .then(function (response){
          var data = response.data.data;
        self.$set('mfmproduction',data);
        self.$set('mfmproduction.productstandard',self.$route.params.flag);
        self.$set('mfmproduction.createTime',null);
        self.$set('mfmproduction.updateTime',null);
        self.$set('disabled',true);
        self.$set('disabledForUpdate',false);
        self.$set('disabledForAdd',true);
        self.$set('disabledForDelete',true);
        self.$set('disabledForSave',true);
        self.$set('disabledForStandToNot',true);
        self.$set('disabledForNoTotStand',true);
        self.$set('disabledForStopDestroy',true);
        self.$set('stateAll',true);
        self.$set('flagAll',true);
         })
      }
      else{
        self.$set('mfmproduction',{});
        self.$set('disabled',false);
        self.$set('disabledForUpdate',false);
        self.$set('disabledForAdd',false);
        self.$set('disabledForDelete',false);
        self.$set('disabledForSave',false);
        self.$set('disabledForStandToNot',true);
        self.$set('disabledForNoTotStand',true);
        self.$set('disabledForStopDestroy',false);
        self.$set('stateAll',false);
        self.$set('flagAll',false);
        self.$set('mfmproduction.state','Y'); 

      }
  },
  update:function() {
       var self = this;
       self.$set('disabled',false);
       self.$set('readonly',false);
        self.$set('disabledForUpdate',true);
        self.$set('disabledForAdd',false);
        self.$set('disabledForDelete',false);
        self.$set('disabledForSave',false);
        self.$set('disabledForStandToNot',false);
        self.$set('disabledForNoTotStand',false);
        self.$set('disabledForStopDestroy',false);
        self.$set('stateAll',true);
        self.$set('flagAll',true);
       return;
    },

    insert:function() {
      var self = this;
       self.$set('readonly',false);
        self.$set('disabled',false);
       self.operationFlag = "0";
       self.$set('mfmproduction',{});


       
        self.$set('disabledForUpdate',true);
        self.$set('disabledForAdd',true);
        self.$set('disabledForDelete',true);
        self.$set('disabledForSave',false);
        self.$set('disabledForStandToNot',false);
        self.$set('disabledForNoTotStand',false);
        self.$set('disabledForStopDestroy',false);
        self.$set('stateAll',false);
        self.$set('flagAll',false);
       return;
    },
    
    // 删除产品（标准/非标准）
    deletees:function() {
        var self = this;
        Ajax.post('/dataadmin/deleteProduct',self.mfmproduction)
        .then(function (response){
          var data = response.data;
            if (data.errorCode == 0) {
             self.MessageBox({title:'提示', message:'删除成功', type: 'alert'},function(action){
                if (action == 'confirm') {
                    self.$route.router.go('/dataAdminProduct');
                  }
                })
            } else {
              layer.msg(response.data.message);
            } 
        }) 
    },
    save:function() {
      var self = this;

       // 产品名称
      if(self.mfmproduction.registkey==null || self.mfmproduction.registkey==''){
            layer.msg('产品名称不能为空！');
            return;
        } 
        // 生产厂商
      if(self.mfmproduction.producer==null || self.mfmproduction.producer==''){
            layer.msg('生产厂商不能为空！');
            return;
        } 
       // 产地
      if(self.mfmproduction.productionaddress==null || self.mfmproduction.productionaddress==''){
            layer.msg('产地不能为空！');
            return;
        } 
      // 注册证号
      if(self.mfmproduction.registkey==null || self.mfmproduction.registkey==''){
            layer.msg('注册证号不能为空！');
            return;
        } 
    Ajax.post('/dataadmin/saveProduct',self.mfmproduction)
          .then(function (response){
                 var data=response.data;
            if(data.errorCode==0){
              //star 12-27
              if(self.jump){

                self.toGoods(data.data);
              }else{
                  self.MessageBox({
                    title:'提示',message:'保存成功！',type:'alert'
                  },function(action){
                    self.$route.router.go('/dataAdminProduct');
                  })
              }
            }else{
              layer.msg(data.message);
            }
        })
    },
    // 跳转到商品页面
    toGoods:function(mfmproductionId) {
      //star 12-27

      if(mfmproductionId==undefined){
          this.jump=true;
          this.save();
      }else{
          var self = this;
          this.jump=false;
          self.$route.router.go('/dataAdminGoods/'+mfmproductionId);
      } 
      
    },
     // 验证产品名称
    validProduct:function(){
         var self=this;         
         var productname = encodeURIComponent(encodeURIComponent(self.mfmproduction.productname));
         Ajax.get('/dataadmin/validProduct/' + this.$route.params.guid +'/' +　this.$route.params.flag　+'/'+ productname )
            .then(function (response) {
                　 var data=response.data;
                 // alert(JSON.stringify(response));
                 if(data.errorCode!=0){
                  layer.msg('产品名称已存在，请重新输入！');   
                  return;
             }
          });
      },


  // 业务状态
  changeStatus: function (state,flag) {
        var self = this;
        // updateUser的参数说明：guid=医疗机构资料的GUID，bizstate=操作代码
        // state代码说明：Y=有效，S=停用，N=作废 
        self.$set('mfmproduction.state',state);
         Ajax.post('/dataadmin/mfmproductionBizState/'+this.$route.params.guid+"/"+this.$route.params.flag + '/' + state )
          .then(function (response) { 
           var data=response.data;
            if (data.errorCode == 0) {
             self.MessageBox({title:'提示', message:'更新成功', type: 'alert'},function(action){
                if (action == 'confirm') {
                     self.getData();
                   }
                })
            } else {
              layer.msg(response.data.message);
            }
        });
      },

      // 标准转非标准）
    changeStandard:function(flag) {
      var self = this;

      Ajax.post('/dataadmin/changeStandard',self.mfmproduction)
          .then(function (response){
               var data=response.data;
            if (data.errorCode == 0) {
             self.MessageBox({title:'提示', message:'更新成功', type: 'alert'},function(action){
                if (action == 'confirm') {
                  this.getData(); 
                   }
                })
            } else {
              layer.msg(response.data.message);    
       }
      })
    },
    // 商品大类
    getBigTypes: function () {
    var self = this;
    Ajax.get('/dataadmin/getGoodscategory')
        .then(function (response) {
            self.bigTypes = _.map(response.data.data, function (item) {
                return {
                    label: item.name,
                    value: item.id
                };
            });
        })
    },

    //商品大类查询
        getGoodsSelect:function(){
          var self = this;
          Ajax.get('/mfmedgoods/findGoodsAll')
            .then(function (response){
              var goods = [];
              _.each(response.data.data, function (item) {
                goods.push({
                  value: item.code,
                  label: item.name
                });
              });
              self.$set('goodsSelect', goods);
            });
        },


    getImported: function () {
    var self = this;
    Ajax.get('/imported/all')
        .then(function (response) {
            self.imported = _.map(response.data.data, function (item) {
                return {
                    label: item.name,
                    value: item.id
                };
            });
        })
    },
  
  },

  route:{
    activate : function(){
      this.getData();
    }
  }
};
</script>